.erz-tabs {
	--selected-bg: var(--color-background);
	--unselected-bg: var(--color-background-light);
	--hovered-txt: var(--wp--preset--color--gruen-03);
	--selected-txt: var(--color-text);

	display: block;
}

.erz-tablist {
	position: relative;
	display: flex;
	flex-wrap: wrap !important;
}

.erz-tablist-wrapper {
	position: relative;
}


.erz-tablist-wrapper.erz-tablist-wrapper--overflow::after {
	/*content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='80px' viewBox='0 0 48 80'%3E%3Cpolygon fill='%23fff' points='40.3,80 48,72.3 15.7,40 48,7.7 40.3,0 0.3,40'%3E%3C/polygon%3E%3C/svg%3E");
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='80px' viewBox='0 0 48 80'%3E%3Cpolygon fill='%23fff' points='7.7,80 0,72.3 32.3,40 0,7.7 7.7,0 47.7,40'%3E%3C/polygon%3E%3C/svg%3E");*/
	content: ' ';
	display: block;
	/*box-shadow: inset -50px 0px 40px -50px rgba(0,0,0,.6);*/

	height: 100%;
	aspect-ratio: 1;
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
	text-align: right;
}

.erz-tablist-wrapper.erz-tablist-wrapper--overflow .erz-tablist {
	overflow: auto;
	padding-left: calc( 50vw - 0.5 * var(--site-contentwidth) );
}

.erz-tab {
	display: block;

	background: var(--unselected-bg);
	color: var(--wp--preset--color--text);

	text-decoration: none;

	padding: calc( 0.5 * var(--site-gutter) );

	transition: background-color var(--transition-small), color var(--transition-small);

	width: auto;
	min-width: 25ch;
	flex-basis: 27.5% !important;
	max-width: calc( 0.33333 * var(--site-contentwidth) );
	margin-inline: 0;
	flex-shrink: 0;
}

.erz-tab:not([aria-selected]):hover {
	color: var(--wp--preset--color--gruen-01);
}

.erz-tab[aria-selected] {
	cursor: default;
	background: var(--selected-bg);
	color: var(--selected-txt);
	position: relative;
}

.erz-tabpanel {
	padding-top: 5.2rem;
	padding-bottom: 5.2rem;
	background: var(--selected-bg);
}

@media screen and (max-width: 80ch) {
	.erz-tablist-wrapper::after {
		/*content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='80px' viewBox='0 0 48 80'%3E%3Cpolygon fill='%23fff' points='40.3,80 48,72.3 15.7,40 48,7.7 40.3,0 0.3,40'%3E%3C/polygon%3E%3C/svg%3E");
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='80px' viewBox='0 0 48 80'%3E%3Cpolygon fill='%23fff' points='7.7,80 0,72.3 32.3,40 0,7.7 7.7,0 47.7,40'%3E%3C/polygon%3E%3C/svg%3E");
		*/
		content: ' ';
		display: block;
		/*box-shadow: inset -50px 0px 40px -50px rgba(0,0,0,.6);*/

		height: 100%;
		aspect-ratio: 1;
		position: absolute;
		right: 0;
		top: 0;
		pointer-events: none;
		text-align: right;
	}
	.erz-tablist-wrapper .erz-tablist {
	overflow: auto;
	padding-left: calc( 50vw - 0.5 * var(--site-contentwidth) );
}
}