/* composer */


.section-anchor {
	display: block;
	position: relative;
	width: 1px;
	height: 0px;
	top: -7.5em;
	left: 0;
}

@media (min-width: 1000px) {
	.section-anchor {
		top: -9em;
	}
}


@media (min-width: 720px) {
	footer {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
	}
	section:not(.fullwidth) {
		padding: 0 1.5em;
	}
}


.columns {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	
	margin: 0 auto;
	max-width: 77.3em;
	box-sizing: border-box;
}

.column {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	
	width: 100%;
	padding: 0 2em;
	box-sizing: border-box;
}

.column[data-size="1/5"] { width: 20%; }
.column[data-size="1/4"] { width: 25%; }
.column[data-size="1/3"] { width: 33.333%; }
.column[data-size="2/5"] { width: 40%; }
.column[data-size="1/2"] { width: 50%; }
.column[data-size="3/5"] { width: 60%; }
.column[data-size="2/3"] { width: 66.666%; }
.column[data-size="3/4"] { width: 75%; }
.column[data-size="4/5"] { width: 80%; }


@media (min-width: 1000px) {
	.wide-column-gap > .columns {
		max-width: 79.3em;
		padding: 0;		
	}
	.wide-column-gap > .columns > .column {
		padding: 0 3em;
	}
	
	.small-column-gap > .columns {
		padding: 0 0.75em;		
	}
	.small-column-gap > .columns > .column {
		padding: 0 1.25em;
	}

	.no-column-gap > .columns {
		padding: 0 2em;
	}
	.no-column-gap > .columns > .column {
		padding: 0;
	}
}


.accordion-content > .content + .content,
.column > .content + .content {
	margin-top: 2em;
}


/* section fullwidth */

.fullwidth > .columns {
	max-width: 100%;
}

.fullwidth > .columns > .column:first-child {
	padding-left: 0;
}
.fullwidth > .columns > .column:last-child {
	padding-right: 0;
}


/* column padding */

.no-column-padding > .columns > .column,
.column.no-column-padding {
	padding: 0 !important;
}


/* column vertical align */

.align-flex-start {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.align-flex-center {
	-webkit-align-self: center;
	align-self: center;
}
.align-flex-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}


/* vertical align of contents in streched column */

.column-contents-center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}


/* strech content to column */

.strech-to-column {
	position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.strech-to-column > * {
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
}


/* fit content to column */

.fit-content-to-column {
	position: relative;
}

.fit-content,
.fit-content .fit-object {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fit-object {
	position: relative;
	overflow: hidden;
}

@media (max-width: 999px) {
	.mobile-column-ratio {
		position: relative;
		padding-top: 66.666%;
	}
}


/* mobile column collapse */

@media (max-width: 999px) {
	section > .columns {
		display: block;
	}
	section > .columns > .column {
		width: 100%;
	}
	section > .columns > .column + .column {
		margin-top: 2em;
	}
	section.mobile-flex-reverse > .columns > .column:first-child {
		margin-top: 2em;
	}
	section.mobile-column-spacing > .columns > .column + .column {
		margin-top: 5em;
	}
	section.mobile-column-spacing.mobile-flex-reverse > .columns > .column:first-child {
		margin-top: 5em;
	}
	section.mobile-flex-reverse > .columns > .column:last-child {
		margin-top: 0 !important;
	}
	
	.mobile-flex-reverse > .columns,
	.mobile-flex-reorder > .columns {
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.mobile-flex-reverse > .columns {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.mobile-flex-reverse > .columns > .column,
	.mobile-flex-reorder > .columns > .column {
		-webkit-flex: 1 0 auto;
		flex: 1 0 auto;
	}

	.mobile-order-1 {
		-webkit-order: 1;
		order: 1;
	}
	.mobile-order-2 {
		-webkit-order: 2;
		order: 2;
	}
	.mobile-order-3 {
		-webkit-order: 3;
		order: 3;
	}
	.mobile-order-4 {
		-webkit-order: 4;
		order: 4;
	}
	.mobile-order-5 {
		-webkit-order: 5;
		order: 5;
	}
}

@media (max-width: 719px) {
	.wrap-below-720 > .columns {
		display: block;
	}
	.wrap-below-720 > .columns > .column {
		width: 100% !important;
	}
}

@media (max-width: 511px) {
	.wrap-below-512 > .columns {
		display: block;
	}
	.wrap-below-512 > .columns > .column {
		width: 100% !important;
	}
}


/* collapse 4 cols to 2x2 */

@media (max-width: 999px) {
	.wrap-4-to-2x2 .columns {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.wrap-4-to-2x2 .column {
		width: 50% !important;
	}
	/* or .wrap-4-to-2x2 .column:nth-child(1) {width: ... } */
	
	.wrap-4-to-2x2 .column:nth-child(3),
	.wrap-4-to-2x2 .column:nth-child(4) {
		margin-top: 2em;
	}
}



/* flex cols */

.flex-cols-2 > div {
	width: calc( (100% - 1em) / 2 );
}
.flex-cols-3 > div {
	width: calc( (100% - 2em) / 3 );
}
.flex-cols-4 > div {
	width: calc( (100% - 6em) / 4 );
}
.flex-cols-5 > div {
	width: calc( (100% - 4em) / 5 );
}
.flex-cols-6 > div {
	width: calc( (100% - 5em) / 6 );
}
.flex-cols-7 > div {
	width: calc( (100% - 6em) / 7 );
}
.flex-cols-8 > div {
	width: calc( (100% - 7em) / 8 );
}


@media (max-width: 999px) {
	.flex-cols-4 > div {
		width: calc( (100% - 2em) / 2 );
	}
	.flex-cols-5 > div {
		width: calc( (100% - 3em) / 4 );
	}
	.flex-cols-6 > div {
		width: calc( (100% - 3em) / 4 );
	}
	.flex-cols-7 > div {
		width: calc( (100% - 3em) / 4 );
	}
	.flex-cols-8 > div {
		width: calc( (100% - 4em) / 5 );
	}
}

@media (max-width: 511px) {
	.flex-cols-2 > div {
		width: 100%;
	}
	.flex-cols-3 > div {
		width: 100%;
	}
	.flex-cols-4 > div {
		width: 100%;
	}
	.flex-cols-5 > div {
		width: calc( (100% - 2em) / 3 );
	}
	.flex-cols-6 > div {
		width: calc( (100% - 2em) / 3 );
	}
	.flex-cols-7 > div {
		width: calc( (100% - 2em) / 3 );
	}
	.flex-cols-8 > div {
		width: calc( (100% - 3em) / 4 );
	}
}


.flex-fill {
	height: 0px;
	padding: 0;
	margin: 0 !important;
}
.teaser {
	display: block;
}
.teaser .image-overlay {
	padding-bottom: 0;
}
.teaser:hover .image-overlay {
	color: var(--active);
}



/* FILTERLIST */

.content-filterlist {
	position: relative;
	transition: height 0.25s ease;
	margin: 0;
	overflow: hidden;
}
.column > .content-filterlist:last-child {
	margin-bottom: 0;
}


.content-filterlist > * {
	position: absolute;
	transition: top 0.25s ease, left 0.25s ease;
}
.rowmode > * {
	transition: none;
}

.filter-no-results {
	display: none;
}
.filter-show-more {
	padding-top: 2em;
}

.filter-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;	
}
.filter-menu li {
	position: relative;
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.4em 0.5em 0.45em 0.5em;
	border: 1px white solid;
	border-radius: 0.83em;
	transition: border-color 0.3s ease, background-color 0.3s ease, padding-right 0.3s ease;
	cursor: pointer;
}
.filter-menu li:hover {
	border-color: var(--active);
}

.filter-menu .filter-active {
	border-color: var(--active);
	background-color: var(--active);
	padding-right: 1.5em;
}
.filter-menu li::after {
	content: "";
	position: absolute;
	right: 0.2em;
	top: 0;
	bottom: 0;
	width: 1em;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU0NDQgMTMuMTg1NkwxMi42ODEyIDE0Ljk0NTZMOS4zMDA2NyAxMS4zNjY2TDUuNjY2MzcgMTQuNzk5NEwzLjk3NjEyIDEzLjAwOTlMNy42MTA0MyA5LjU3NzEzTDQuMjEyNTEgNS45Nzk3Mkw2LjA3NTc4IDQuMjE5NzdMOS40NzM3IDcuODE3MThMMTMuMDg5NiA0LjQwMTg0TDE0Ljc3OTggNi4xOTEzMkwxMS4xNjM5IDkuNjA2NjZMMTQuNTQ0NCAxMy4xODU2WiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4) center center no-repeat;
	background-size: contain;
	transition: opacity 0.3s ease;
	opacity: 0;
}
.filter-menu li.filter-active::after {
	opacity: 1;
}

.filter-menu .cat-label {
	padding-left: 0;
	border: 0;
	color:#BDBDBD;
	cursor: default;
}
.filter-menu .filter-menu-break {
	display: block;
	width: 100%;
	height: 0.25em;
	padding: 0 !important;
	margin: 0 !important;
	pointer-events: none;
}
@media (min-width: 1000px) {
	.filter-menu li {
		margin-right: 1em;
	}
	.filter-menu .cat-label:not(:first-child) {
		padding-left: 2em;
	}

	.filter-menu .filter-menu-break {
		display: none;
	}
}

@media (max-width: 599px) {
	.filter-menu {
		font-size: 0.88em;
	}
}



.inject-to-scroll-container {
	padding: 0 !important;
	background-color: transparent !important;
}

.over-limit {
	display: none !important;
}.form-box {
	max-width: 100% !important;
	padding-top: 5em !important;
	padding-bottom: 5em !important;
	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjU4IiBoZWlnaHQ9IjQ1MyIgdmlld0JveD0iMCAwIDY1OCA0NTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS45MjcyIDQ1Mi41TDEuMzc5ODggNDIxLjc5TDEuMzc5ODggMzEuMjE5NkwzMS45MjczIDAuNUwxMzUuNzEyIDAuNUw0NDEuNTI4IDE4My41NTZMNDQxLjUyOCAyNjkuNDQ0TDEzNS43MTIgNDUyLjVMMzEuOTI3MiA0NTIuNVoiIHN0cm9rZT0iI0FBRTY4MiIvPgo8cGF0aCBkPSJNMzMyLjc3OSA0NTIuNUwzMDIuMjMxIDQyMS43OUwzMDIuMjMxIDMxLjIxOTZMMzMyLjc3OSAwLjVMNDM2LjU2MyAwLjVMNzQyLjM3OSAxODMuNTU2TDc0Mi4zNzkgMjY5LjQ0NEw0MzYuNTYzIDQ1Mi41TDMzMi43NzkgNDUyLjVaIiBzdHJva2U9IiNBQUU2ODIiLz4KPC9zdmc+);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	
}

@media (max-width: 999px) {
	.form-box {
		padding-top: 1.5em !important;
		padding-bottom: 1.5em !important;
		background-position: 100% 25%;
		background-size: 80% auto;
	}
}

.form-box > div {
	max-width: 62em;
	margin: 0 auto;
}


@media (max-width: 511px) {
	.gform_body {
		font-size: 1.25em;
	}
}


.gform_wrapper .gf_progressbar_title {
	color: white !important;
}
	
	
.gform_wrapper h2 {
	font-size: 1.66em;
	font-weight: bold;
	padding-bottom: 0;
}


.gfield_required_text {
	display: none !important;
}

.ginput_container select,
.ginput_container input:not([type=checkbox]):not([type=radio]),
.ginput_container_email input,
.ginput_container_textarea textarea,
.ginput_container_text input {
	border-radius: 0.83rem;
	outline: 0;
	border: 0;
	font-size: 0.88em !important;
	padding: 1em !important;
}

.gform_wrapper input[type=button],
.gform_wrapper input[type=submit] {
	width: 1px;
	height: 1px;
	opacity: 0;
	min-height: 1px !important;
	line-height: 0 !important;
}

.validation_message {
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
.gform_anchor {
	transform: translateY(-10em);
}

.gfield_required_asterisk,
.ginput_product_price {
	color: var(--active) !important;
}
/* GALLERY */

.content-gallery {
	position: relative;
	margin: -0.5em 0;
	
    -webkit-display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
    -webkit-align-items: center;
	
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
}


.content-gallery > div {
	margin: 0.5em 0;
}
.content-image {
	position: relative;
}

.content-image img {
	width: 100%;
	height: auto;
}

.hover-image,
.fit-object img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.object-fit-fill img {
  object-fit: fill;
}

.object-fit-contain img {
  object-fit: contain;
}

.hover-image,
.object-fit-cover img {
  object-fit: cover;
}

.object-fit-none img {
  object-fit: none;
}

.object-fit-scale-down img {
  object-fit: scale-down;
}

.fit-content .image-caption {
	position: absolute;
	bottom: 2em;
	left: 1em;
	right: 1em;
	text-align: center;
	color: white;
	z-index: 1;
}



/* overlay */

.image-overlay {
	padding: 1.5em 0;
	position: relative;
}

.two-column-bu {
	padding-right: 45%;
}
.two-column-bu > :last-child {
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: right;
	max-width: 40%;
	padding-top: 0 !important; 
	margin-top: -0.2em !important;
}



.image-overlay2 {
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: calc(100% + 2px);
	z-index: 2;
	max-width: 25em;
	min-height: 11.11em;
	box-sizing: border-box;
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM4NnB4IiBoZWlnaHQ9IjE5N3B4IiB2aWV3Qm94PSIwIDAgMzg2IDE5NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzg2IDE5NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0Y2RjZGNjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yOSwzOTQuOThMLTAuMiw0MjRoMTAwLjI1TDM4NiwyNTIuNDZ2LTgwLjkyTDEwMC4wNSwwSC0wLjJMLTI5LDI5LjAzVjM5NC45OHoiLz4NCjwvc3ZnPg) bottom left no-repeat;
	background-size: 100% auto;
	padding: 1.66em;
	transition: opacity 0.3s ease;
}

.big-teaser .image-overlay2,
.team-image .image-overlay2 {
	opacity: 0;
	bottom: -1.75em;
}

.teaser .image-overlay2 .teaser-arrows {
	margin-bottom: -1.5em;
	font-size: 0.7em;
	height: 3em;
}
.teaser .image-overlay2 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA5IiBoZWlnaHQ9IjEwOSIgdmlld0JveD0iMCAwIDMwOSAxMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzA5IDEzNi43MzhMNzkuMjczMSAxLjc3MDcxZS0wNUwxLjEyMzc3IDQuMDQzMDllLTA2TC0yMiAyMy4xMjU2TC0yMi4wMDAxIDMxNC44NzRMMS4xMjM3MSAzMzhMNzkuMjczIDMzOEwzMDkgMjAxLjI2MkwzMDkgMTM2LjczOFoiIGZpbGw9IiNGNkY2RjYiLz4NCjwvc3ZnPg);
	background-size: 90% auto;
	min-height: 1em;
	font-size: 0.88em;
	opacity: 0;
}


.underline-first-text > :first-child > strong {
	border-bottom: 1px var(--active) solid;
}
.hover_overlay > .underline-first-text > :first-child > strong {
	border-bottom: 1px white solid;
}

.last-text-is-link > :last-child {
	position: absolute;
	left: 1.66rem;
	bottom: 1.66rem;
}

.big-teaser .hover_overlay .content-text,
.teaser .hover_overlay .content-text {
	position: absolute;
	left: 1.66rem;
	bottom: 1.66rem;
	right: 1.66rem;
}

.big-teaser .hover_overlay,
.teaser .hover_overlay {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg3IiBoZWlnaHQ9IjQxIiB2aWV3Qm94PSIwIDAgMzg3IDQxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTM3Ny4zNDUgMC41MDAxMjJMNDAyLjUzNyAxNi40ODgxVjIzLjYwMjhMMzc3LjM0NSAzOS41OTA4SDM2OS4wMjRMMzY2LjczNyAzNy4xMzY4VjIuOTU0MDhMMzY5LjAyNCAwLjUwMDEyMkgzNzcuMzQ1WiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTMxMy41MDMgMC41MDAxMjJMMzM4LjY5NSAxNi40ODgxVjIzLjYwMjhMMzEzLjUwMyAzOS41OTA4SDMwNS4xNjZMMzAyLjg3OSAzNy4xMzY4VjIuOTU0MDhMMzA1LjE2NiAwLjUwMDEyMkgzMTMuNTAzWiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0OS42NDQgMC41MDAxMjJMMjc0LjgzNiAxNi40ODgxVjIzLjYwMjhMMjQ5LjY0NCAzOS41OTA4SDI0MS4zMDZMMjM5LjAyIDM3LjEzNjhWMi45NTQwOEwyNDEuMzA2IDAuNTAwMTIySDI0OS42NDRaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0xODUuNzg0IDAuNTAwMTIyTDIxMC45NzYgMTYuNDg4MVYyMy42MDI4TDE4NS43ODQgMzkuNTkwOEgxNzcuNDQ2TDE3NS4xNiAzNy4xMzY4VjIuOTU0MDhMMTc3LjQ0NiAwLjUwMDEyMkgxODUuNzg0WiIgc3Ryb2tlPSIjMTkyODMyIi8+DQo8cGF0aCBkPSJNMTIxLjkyNSAwLjUwMDEyMkwxNDcuMTE3IDE2LjQ4ODFWMjMuNjAyOEwxMjEuOTI1IDM5LjU5MDhIMTEzLjYwM0wxMTEuMzAxIDM3LjEzNTlWMi45NTQ5OUwxMTMuNjAzIDAuNTAwMTIySDEyMS45MjVaIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNNTguMDY2NCAwLjUwMDEyMkw4My4yNTg2IDE2LjQ4ODFWMjMuNjAyOEw1OC4wNjY0IDM5LjU5MDhINDkuNzQ0NUw0Ny40NDI0IDM3LjEzNTlWMi45NTQ5OUw0OS43NDQ1IDAuNTAwMTIySDU4LjA2NjRaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0tNS43OTIxNiAwLjVMMTkuNCAxNi40ODhWMjMuNjAyNkwtNS43OTIxNiAzOS41OTA2SC0xNC4xMTMxTC0xNi4zOTk5IDM3LjEzNjdWMi45NTM5NkwtMTQuMTEzMSAwLjVILTUuNzkyMTZaIiBzdHJva2U9IndoaXRlIi8+DQo8L3N2Zz4);
	background-position: 0 1em;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.teaser.quad_teaser .hover_overlay {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg1IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDM4NSAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzc3LjM0NSAwLjUwMDEzN0w0MDIuNTM3IDE2LjQ4ODFWMjMuNjAyOEwzNzcuMzQ1IDM5LjU5MDhIMzY5LjAyNEwzNjYuNzM3IDM3LjEzNjhWMi45NTQxTDM2OS4wMjQgMC41MDAxMzdIMzc3LjM0NVoiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0zMTMuNTAzIDAuNTAwMTM3TDMzOC42OTUgMTYuNDg4MVYyMy42MDI4TDMxMy41MDMgMzkuNTkwOEgzMDUuMTY2TDMwMi44NzkgMzcuMTM2OFYyLjk1NDFMMzA1LjE2NiAwLjUwMDEzN0gzMTMuNTAzWiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0OS42NDQgMC41MDAxMzdMMjc0LjgzNiAxNi40ODgxVjIzLjYwMjhMMjQ5LjY0NCAzOS41OTA4SDI0MS4zMDZMMjM5LjAyIDM3LjEzNjhWMi45NTQxTDI0MS4zMDYgMC41MDAxMzdIMjQ5LjY0NFoiIHN0cm9rZT0iIzE5MjgzMiIvPg0KPHBhdGggZD0iTTE4NS43ODQgMC41MDAxMzdMMjEwLjk3NiAxNi40ODgxVjIzLjYwMjhMMTg1Ljc4NCAzOS41OTA4SDE3Ny40NDZMMTc1LjE2IDM3LjEzNjhWMi45NTQxTDE3Ny40NDYgMC41MDAxMzdIMTg1Ljc4NFoiIHN0cm9rZT0iIzE5MjgzMiIvPg0KPHBhdGggZD0iTTEyMS45MjUgMC41MDAxMzdMMTQ3LjExNyAxNi40ODgxVjIzLjYwMjhMMTIxLjkyNSAzOS41OTA4SDExMy42MDNMMTExLjMwMSAzNy4xMzU5VjIuOTU1MDFMMTEzLjYwMyAwLjUwMDEzN0gxMjEuOTI1WiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTU4LjA2NjQgMC41MDAxMzdMODMuMjU4NiAxNi40ODgxVjIzLjYwMjhMNTguMDY2NCAzOS41OTA4SDQ5Ljc0NDVMNDcuNDQyNCAzNy4xMzU5VjIuOTU1MDFMNDkuNzQ0NSAwLjUwMDEzN0g1OC4wNjY0WiIgc3Ryb2tlPSIjMTkyODMyIi8+DQo8cGF0aCBkPSJNLTUuNzkyMTYgMC41TDE5LjQgMTYuNDg4VjIzLjYwMjZMLTUuNzkyMTYgMzkuNTkwNkgtMTQuMTEzMUwtMTYuMzk5OSAzNy4xMzY3VjIuOTUzOTZMLTE0LjExMzEgMC41SC01Ljc5MjE2WiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTM3Ny4zNDUgMTA4LjVMNDAyLjUzNyAxMjQuNDg4VjEzMS42MDNMMzc3LjM0NSAxNDcuNTkxSDM2OS4wMjRMMzY2LjczNyAxNDUuMTM3VjExMC45NTRMMzY5LjAyNCAxMDguNUgzNzcuMzQ1WiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTMxMy41MDMgMTA4LjVMMzM4LjY5NSAxMjQuNDg4VjEzMS42MDNMMzEzLjUwMyAxNDcuNTkxSDMwNS4xNjZMMzAyLjg3OSAxNDUuMTM3VjExMC45NTRMMzA1LjE2NiAxMDguNUgzMTMuNTAzWiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTI0OS42NDQgMTA4LjVMMjc0LjgzNiAxMjQuNDg4VjEzMS42MDNMMjQ5LjY0NCAxNDcuNTkxSDI0MS4zMDZMMjM5LjAyIDE0NS4xMzdWMTEwLjk1NEwyNDEuMzA2IDEwOC41SDI0OS42NDRaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0xODUuNzg0IDEwOC41TDIxMC45NzYgMTI0LjQ4OFYxMzEuNjAzTDE4NS43ODQgMTQ3LjU5MUgxNzcuNDQ2TDE3NS4xNiAxNDUuMTM3VjExMC45NTRMMTc3LjQ0NiAxMDguNUgxODUuNzg0WiIgc3Ryb2tlPSIjMTkyODMyIi8+DQo8cGF0aCBkPSJNMTIxLjkyNSAxMDguNUwxNDcuMTE3IDEyNC40ODhWMTMxLjYwM0wxMjEuOTI1IDE0Ny41OTFIMTEzLjYwM0wxMTEuMzAxIDE0NS4xMzZWMTEwLjk1NUwxMTMuNjAzIDEwOC41SDEyMS45MjVaIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNNTguMDY2NCAxMDguNUw4My4yNTg2IDEyNC40ODhWMTMxLjYwM0w1OC4wNjY0IDE0Ny41OTFINDkuNzQ0NUw0Ny40NDI0IDE0NS4xMzZWMTEwLjk1NUw0OS43NDQ1IDEwOC41SDU4LjA2NjRaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0tNS43OTIxNiAxMDguNUwxOS40IDEyNC40ODhWMTMxLjYwM0wtNS43OTIxNiAxNDcuNTkxSC0xNC4xMTMxTC0xNi4zOTk5IDE0NS4xMzdWMTEwLjk1NEwtMTQuMTEzMSAxMDguNUgtNS43OTIxNloiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0zNDcuMzQ1IDU0LjUwMDFMMzcyLjUzNyA3MC40ODgxVjc3LjYwMjhMMzQ3LjM0NSA5My41OTA4SDMzOS4wMjRMMzM2LjczNyA5MS4xMzY4VjU2Ljk1NDFMMzM5LjAyNCA1NC41MDAxSDM0Ny4zNDVaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0yODMuNTAzIDU0LjUwMDFMMzA4LjY5NSA3MC40ODgxVjc3LjYwMjhMMjgzLjUwMyA5My41OTA4SDI3NS4xNjZMMjcyLjg3OSA5MS4xMzY4VjU2Ljk1NDFMMjc1LjE2NiA1NC41MDAxSDI4My41MDNaIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNMjE5LjY0NCA1NC41MDAxTDI0NC44MzYgNzAuNDg4MVY3Ny42MDI4TDIxOS42NDQgOTMuNTkwOEgyMTEuMzA2TDIwOS4wMiA5MS4xMzY4VjU2Ljk1NDFMMjExLjMwNiA1NC41MDAxSDIxOS42NDRaIiBzdHJva2U9IiMxOTI4MzIiLz4NCjxwYXRoIGQ9Ik0xNTUuNzg0IDU0LjUwMDFMMTgwLjk3NiA3MC40ODgxVjc3LjYwMjhMMTU1Ljc4NCA5My41OTA4SDE0Ny40NDZMMTQ1LjE2IDkxLjEzNjhWNTYuOTU0MUwxNDcuNDQ2IDU0LjUwMDFIMTU1Ljc4NFoiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik05MS45MjUzIDU0LjUwMDFMMTE3LjExNyA3MC40ODgxVjc3LjYwMjhMOTEuOTI1MyA5My41OTA4SDgzLjYwMzRMODEuMzAxMyA5MS4xMzU5VjU2Ljk1NUw4My42MDM0IDU0LjUwMDFIOTEuOTI1M1oiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0yOC4wNjY0IDU0LjUwMDFMNTMuMjU4NiA3MC40ODgxVjc3LjYwMjhMMjguMDY2NCA5My41OTA4SDE5Ljc0NDVMMTcuNDQyNCA5MS4xMzU5VjU2Ljk1NUwxOS43NDQ1IDU0LjUwMDFIMjguMDY2NFoiIHN0cm9rZT0iIzE5MjgzMiIvPg0KPC9zdmc+);
}


.big-teaser .hover_overlay {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQ0IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDY0NCAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMTIuODExIDEuMDEwNzRMMzM4LjEyMyAxNi45OTk0VjI0LjExMjdMMzEyLjgxMSA0MC4xMDE0SDMwNC40NDlMMzAyLjE1IDM3LjY0NjdWMy40NjUzOEwzMDQuNDQ5IDEuMDEwNzRIMzEyLjgxMVoiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTI0OC42NyAxLjAxMDc0TDI3My45ODEgMTYuOTk5NFYyNC4xMTI3TDI0OC42NyA0MC4xMDE0SDI0MC4yOUwyMzcuOTkyIDM3LjY0NjdWMy40NjUzOEwyNDAuMjkgMS4wMTA3NEgyNDguNjdaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xODQuNTEgMS4wMTA3NEwyMDkuODIyIDE2Ljk5OTRWMjQuMTEyN0wxODQuNTEgNDAuMTAxNEgxNzYuMTMxTDE3My44MzMgMzcuNjQ2N1YzLjQ2NTM4TDE3Ni4xMzEgMS4wMTA3NEgxODQuNTFaIiBzdHJva2U9IiMxOTI4MzIiLz4KPHBhdGggZD0iTTEyMC4zNTEgMS4wMTA3NEwxNDUuNjYzIDE2Ljk5OTRWMjQuMTEyN0wxMjAuMzUxIDQwLjEwMTRIMTExLjk3MkwxMDkuNjc0IDM3LjY0NjdWMy40NjUzN0wxMTEuOTcyIDEuMDEwNzRIMTIwLjM1MVoiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNTYuMTk0IDEuMDEwNzRMODEuNTA1NCAxNi45OTk0VjI0LjExMjdMNTYuMTk0IDQwLjEwMTRINDcuODMwMkw0NS41MTY2IDM3LjY0NThWMy40NjYyOUw0Ny44MzAyIDEuMDEwNzRINTYuMTk0WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNLTcuOTY0MiAxLjAxMDc0TDE3LjM0NzIgMTYuOTk5NFYyNC4xMTI3TC03Ljk2NDIgNDAuMTAxNEgtMTYuMzI4TC0xOC42NDE2IDM3LjY0NThWMy40NjYyOEwtMTYuMzI4IDEuMDEwNzRILTcuOTY0MloiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNjMzLjYwNiAxLjAxMDc0TDY1OC45MTcgMTYuOTk5NFYyNC4xMTI3TDYzMy42MDYgNDAuMTAxNEg2MjUuMjI3TDYyMi45MjkgMzcuNjQ2N1YzLjQ2NTM4TDYyNS4yMjcgMS4wMTA3NEg2MzMuNjA2WiIgc3Ryb2tlPSIjMTkyODMyIi8+CjxwYXRoIGQ9Ik01NjkuNDQ3IDEuMDEwNzRMNTk0Ljc1OCAxNi45OTk0VjI0LjExMjdMNTY5LjQ0NyA0MC4xMDE0SDU2MS4wNjhMNTU4Ljc3IDM3LjY0NjdWMy40NjUzN0w1NjEuMDY4IDEuMDEwNzRINTY5LjQ0N1oiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNTA1LjI5IDEuMDEwNzRMNTMwLjYwMSAxNi45OTk0VjI0LjExMjdMNTA1LjI5IDQwLjEwMTRINDk2LjkyNkw0OTQuNjEyIDM3LjY0NThWMy40NjYyOUw0OTYuOTI2IDEuMDEwNzRINTA1LjI5WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDQxLjEzMiAxLjAxMDc0TDQ2Ni40NDMgMTYuOTk5NFYyNC4xMTI3TDQ0MS4xMzIgNDAuMTAxNEg0MzIuNzY4TDQzMC40NTQgMzcuNjQ1OFYzLjQ2NjI5TDQzMi43NjggMS4wMTA3NEg0NDEuMTMyWiIgc3Ryb2tlPSIjMTkyODMyIi8+CjxwYXRoIGQ9Ik0zNzYuOTc0IDEuMDEwNzRMNDAyLjI4NSAxNi45OTk0VjI0LjExMjdMMzc2Ljk3NCA0MC4xMDE0SDM2OC42MTFMMzY2LjMxMiAzNy42NDY3VjMuNDY1MzdMMzY4LjYxMSAxLjAxMDc0SDM3Ni45NzRaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMTIuODExIDEwOS4wMTFMMzM4LjEyMyAxMjQuOTk5VjEzMi4xMTNMMzEyLjgxMSAxNDguMTAxSDMwNC40NDlMMzAyLjE1IDE0NS42NDdWMTExLjQ2NUwzMDQuNDQ5IDEwOS4wMTFIMzEyLjgxMVoiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTI0OC42NyAxMDkuMDExTDI3My45ODEgMTI0Ljk5OVYxMzIuMTEzTDI0OC42NyAxNDguMTAxSDI0MC4yOUwyMzcuOTkyIDE0NS42NDdWMTExLjQ2NUwyNDAuMjkgMTA5LjAxMUgyNDguNjdaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xODQuNTEgMTA5LjAxMUwyMDkuODIyIDEyNC45OTlWMTMyLjExM0wxODQuNTEgMTQ4LjEwMUgxNzYuMTMxTDE3My44MzMgMTQ1LjY0N1YxMTEuNDY1TDE3Ni4xMzEgMTA5LjAxMUgxODQuNTFaIiBzdHJva2U9IiMxOTI4MzIiLz4KPHBhdGggZD0iTTEyMC4zNTEgMTA5LjAxMUwxNDUuNjYzIDEyNC45OTlWMTMyLjExM0wxMjAuMzUxIDE0OC4xMDFIMTExLjk3MkwxMDkuNjc0IDE0NS42NDdWMTExLjQ2NUwxMTEuOTcyIDEwOS4wMTFIMTIwLjM1MVoiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNTYuMTk0IDEwOS4wMTFMODEuNTA1NCAxMjQuOTk5VjEzMi4xMTNMNTYuMTk0IDE0OC4xMDFINDcuODMwMkw0NS41MTY2IDE0NS42NDZWMTExLjQ2Nkw0Ny44MzAyIDEwOS4wMTFINTYuMTk0WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNLTcuOTY0MiAxMDkuMDExTDE3LjM0NzIgMTI0Ljk5OVYxMzIuMTEzTC03Ljk2NDIgMTQ4LjEwMUgtMTYuMzI4TC0xOC42NDE2IDE0NS42NDZWMTExLjQ2NkwtMTYuMzI4IDEwOS4wMTFILTcuOTY0MloiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNjMzLjYwNiAxMDkuMDExTDY1OC45MTcgMTI0Ljk5OVYxMzIuMTEzTDYzMy42MDYgMTQ4LjEwMUg2MjUuMjI3TDYyMi45MjkgMTQ1LjY0N1YxMTEuNDY1TDYyNS4yMjcgMTA5LjAxMUg2MzMuNjA2WiIgc3Ryb2tlPSIjMTkyODMyIi8+CjxwYXRoIGQ9Ik01NjkuNDQ3IDEwOS4wMTFMNTk0Ljc1OCAxMjQuOTk5VjEzMi4xMTNMNTY5LjQ0NyAxNDguMTAxSDU2MS4wNjhMNTU4Ljc3IDE0NS42NDdWMTExLjQ2NUw1NjEuMDY4IDEwOS4wMTFINTY5LjQ0N1oiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNTA1LjI5IDEwOS4wMTFMNTMwLjYwMSAxMjQuOTk5VjEzMi4xMTNMNTA1LjI5IDE0OC4xMDFINDk2LjkyNkw0OTQuNjEyIDE0NS42NDZWMTExLjQ2Nkw0OTYuOTI2IDEwOS4wMTFINTA1LjI5WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDQxLjEzMiAxMDkuMDExTDQ2Ni40NDMgMTI0Ljk5OVYxMzIuMTEzTDQ0MS4xMzIgMTQ4LjEwMUg0MzIuNzY4TDQzMC40NTQgMTQ1LjY0NlYxMTEuNDY2TDQzMi43NjggMTA5LjAxMUg0NDEuMTMyWiIgc3Ryb2tlPSIjMTkyODMyIi8+CjxwYXRoIGQ9Ik0zNzYuOTc0IDEwOS4wMTFMNDAyLjI4NSAxMjQuOTk5VjEzMi4xMTNMMzc2Ljk3NCAxNDguMTAxSDM2OC42MTFMMzY2LjMxMiAxNDUuNjQ3VjExMS40NjVMMzY4LjYxMSAxMDkuMDExSDM3Ni45NzRaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNjcxIDU1LjAxMDdMMzA3Ljk4MiA3MC45OTk0Vjc4LjExMjdMMjgyLjY3MSA5NC4xMDE0SDI3NC4zMDhMMjcyLjAxIDkxLjY0NjdWNTcuNDY1NEwyNzQuMzA4IDU1LjAxMDdIMjgyLjY3MVoiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNMjE4LjUyOSA1NS4wMTA3TDI0My44NCA3MC45OTk0Vjc4LjExMjdMMjE4LjUyOSA5NC4xMDE0SDIxMC4xNUwyMDcuODUyIDkxLjY0NjdWNTcuNDY1NEwyMTAuMTUgNTUuMDEwN0gyMTguNTI5WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTU0LjM3IDU1LjAxMDdMMTc5LjY4MSA3MC45OTk0Vjc4LjExMjdMMTU0LjM3IDk0LjEwMTRIMTQ1Ljk5MUwxNDMuNjkyIDkxLjY0NjdWNTcuNDY1NEwxNDUuOTkxIDU1LjAxMDdIMTU0LjM3WiIgc3Ryb2tlPSIjMTkyODMyIi8+CjxwYXRoIGQ9Ik05MC4yMTA2IDU1LjAxMDdMMTE1LjUyMiA3MC45OTk0Vjc4LjExMjdMOTAuMjEwNiA5NC4xMDE0SDgxLjgzMTRMNzkuNTMzMiA5MS42NDY3VjU3LjQ2NTRMODEuODMxNCA1NS4wMTA3SDkwLjIxMDZaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNi4wNTM0IDU1LjAxMDdMNTEuMzY0OCA3MC45OTk0Vjc4LjExMjdMMjYuMDUzNCA5NC4xMDE0SDE3LjY4OTZMMTUuMzc2IDkxLjY0NThWNTcuNDY2M0wxNy42ODk2IDU1LjAxMDdIMjYuMDUzNFoiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTYwMy40NjUgNTUuMDEwN0w2MjguNzc3IDcwLjk5OTRWNzguMTEyN0w2MDMuNDY1IDk0LjEwMTRINTk1LjA4Nkw1OTIuNzg4IDkxLjY0NjdWNTcuNDY1NEw1OTUuMDg2IDU1LjAxMDdINjAzLjQ2NVoiIHN0cm9rZT0iIzE5MjgzMiIvPgo8cGF0aCBkPSJNNTM5LjMwNiA1NS4wMTA3TDU2NC42MTggNzAuOTk5NFY3OC4xMTI3TDUzOS4zMDYgOTQuMTAxNEg1MzAuOTI3TDUyOC42MjkgOTEuNjQ2N1Y1Ny40NjU0TDUzMC45MjcgNTUuMDEwN0g1MzkuMzA2WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDc1LjE0OSA1NS4wMTA3TDUwMC40NiA3MC45OTk0Vjc4LjExMjdMNDc1LjE0OSA5NC4xMDE0SDQ2Ni43ODVMNDY0LjQ3MiA5MS42NDU4VjU3LjQ2NjNMNDY2Ljc4NSA1NS4wMTA3SDQ3NS4xNDlaIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MTAuOTkxIDU1LjAxMDdMNDM2LjMwMiA3MC45OTk0Vjc4LjExMjdMNDEwLjk5MSA5NC4xMDE0SDQwMi42MjdMNDAwLjMxMyA5MS42NDU4VjU3LjQ2NjNMNDAyLjYyNyA1NS4wMTA3SDQxMC45OTFaIiBzdHJva2U9IiMxOTI4MzIiLz4KPHBhdGggZD0iTTM0Ni44MzMgNTUuMDEwN0wzNzIuMTQ0IDcwLjk5OTRWNzguMTEyN0wzNDYuODMzIDk0LjEwMTRIMzM4LjQ3TDMzNi4xNzIgOTEuNjQ2N1Y1Ny40NjU0TDMzOC40NyA1NS4wMTA3SDM0Ni44MzNaIiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPg);
	background-position: 0 14%;
}



.teaser:not(.hovertext_teaser) .image-wrap::before,
.big-teaser .image-wrap::before,
.team-image .image-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 58%;
	height: 45%;
	z-index: 3;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjIyNSIgdmlld0JveD0iMCAwIDM2OCAyMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzIzLjA2OCAyMjMuODM4TDAuODcyMDU3IDMxLjg5NTNMMC44NzIwNjQgLTU4LjIxMTdMMzIzLjA2OCAtMjUwLjE1NEw0MzIuNDUyIC0yNTAuMTU0TDQ2NC42MjcgLTIxNy45NDlMNDY0LjYyNyAxOTEuNjMyTDQzMi40NTIgMjIzLjgzOEwzMjMuMDY4IDIyMy44MzhaIiBzdHJva2U9IiNBQUU2ODIiLz4NCjwvc3ZnPg) top right no-repeat;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.teaser:not(.hovertext_teaser) .image-wrap::before {
	top: -10%;
	width: 60%;
	height: 60%;
}
.teaser:not(.hovertext_teaser):hover .image-wrap::before,
.big-teaser:hover .image-wrap::before,
.team-image:hover .image-wrap::before {
	opacity: 1;
}


.hover-image {
	opacity: 0;
	z-index: 1;
	transition: opacity 0.3s ease;
}



.hover_overlay {
	background-color: var(--active);
	color: var(--dark);
	position: absolute;
	top: 0;
	left: 0;
	z-index:4;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 1.66em;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.teaser:hover .image-overlay2,
.big-teaser:hover .image-overlay2,
.content-image.team-image:hover .image-overlay2,
.content-image:hover .hover-image,
.content-image:not(.team-image):hover .hover_overlay,
.team-image-active .hover_overlay {
	opacity: 1;
	pointer-events: all;
}


.hover_overlay a:hover {
	color: var(--dark) !important;
}

@media (max-width: 511px) {
	.team-image > .image-wrap > .ratio {
		padding-top: 110% !important;
	}
}
.scroll-container {
    cursor: grab;
    overflow: auto;
	
	user-select: none;
	
	/* ff */
    scrollbar-width: thin;
	scrollbar-color: currentColor transparent;
	
	color: transparent;
	
	transition: color 0.25s ease;

	margin-bottom: -1.6rem;
}

.no-overflow {
	cursor: default !important;
}


.scroll-container > div,
.scroll-container.scrolling,
.scroll-container:hover {
	color: #707070;
}

section.bg-dark .scroll-container > div,
section.bg-dark .scroll-container.scrolling,
section.bg-dark .scroll-container:hover {
	color: #fff;
}


.scroll-container::-webkit-scrollbar {
    height: .4rem;
	transition: background-color 0.25s ease;
}
.scroll-container::-webkit-scrollbar-track {
    background-color: transparent;
}
.scroll-container::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 1rem;
}
.scroll-container a {
	-webkit-user-drag: none;
}


/* SLIDER */

.content-slider {
	position: relative;
	margin-bottom: 5.5rem;
}

.content-slider .ratio {
	position: relative;
}

.swiper-slide > .content,
.content-slider .swiper-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.content-slider .swiper-pagination-bullet {
	margin: 0 !important;
	position: relative;
	background: none;
	width: 20px;
	height: 20px;
}
.content-slider .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: white;
}
.content-slider .swiper-pagination-bullet-active::before {
	background-color: #eb5b54;
}

.swiper-container[data-count="0"] ~ .swiper-pagination,
.swiper-container[data-count="1"] ~ .swiper-pagination,
.swiper-container[data-count="0"] .swiper-pagination,
.swiper-container[data-count="1"] .swiper-pagination {
	display: none !important;
}


.content-slider .swiper-button-next,
.content-slider .swiper-button-prev {
	background-size: 21px;
}

/* pagnation outside of slider */
.content-slider > .swiper-pagination {
	position: absolute;
	left: 0;
	right: auto;
		width: auto;
	padding-right: 2rem;
	text-align: left;
	bottom: -2.6rem;
	/* 	font-size: 0.1px;
	color: transparent; */
	user-select: none;
	cursor: pointer;
}

.swiper-pagination-current,
.swiper-pagination-total {
	font-size: 1rem;
	color: var(--dark);
	display: inline-block;
	position: relative;
}

 .swiper-pagination-current::before {
	content: "Bild ";
}
html[lang=en] .swiper-pagination-current::before {
	content: "Image ";
}
/*
.swiper-pagination-total::before {
	content: " von ";
}
html[lang=en] .swiper-pagination-total::before {
	content: " of ";
}
 */
.swiper-pagination-total::after {
	content: "";
	position: absolute;
	left: calc(100% + 0.8em);
	top: 0;
	height: 1.3em;
	width: 9px;
	background-color: var(--dark);
	-webkit-mask: url(../assets/images/button-arrow.svg) center right no-repeat;
}



/* HERO */

.slider-type-hero-slider .ratio {
	box-sizing: border-box;
	min-height: 520px;
}

@media (min-width: 1500px) {
	.slider-type-hero-slider .ratio {
		padding-top: 46% !important;
	}
}
/* TEASERLIST */

.content-teaserlist {
	position: relative;
	margin: -0.5em 0;
	
    -webkit-display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
    -webkit-align-items: flex-start;
	
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
}


.content-teaserlist > div {
	margin: 1em 0;
}


.list-teaser {
	background-color: #F0F0F0;
	overflow: hidden;
	border-radius: 0.83rem;
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}
.list-teaser .content-image {
	width: 100%;
	flex: 0 0 auto;
}
.list-teaser .content-text {
	width: 100%;
	flex: 1 1 auto;
	position: relative;
	padding: 1.5rem 1.66rem 4.75rem 1.66rem;
}/* text */


.content-text {
	box-sizing: border-box;
}

.limited-width {
	max-width: 54.4rem;
}


.content-text a:not(.button-link) {
	border-bottom: 1px currentColor solid;
}

.arrow-link:hover,
.content-text a:not(.button-link):hover {
	color: var(--active);
}


p,
.content-text ul,
.content-text ol,
h1, h2, h3, h4 {
	font-weight: 400;
	line-height: 160%;
	padding: 0.75rem 0;
	margin: 0;
}

.column > .border-box,
.content-text p:not([style*=center]),
.content-text li {
	max-width: 54.4rem;
}


.content-text ol {
	padding-left: 1em;
}

.content-text ul {
	list-style-type: none;
}
.content-text ul li {
	position: relative;
	padding-left: 1em;
}
.content-text ul li::before {
	content: ""; /* \2013 ndash \00B7 middot \2022 bull */
	position: absolute;
	left: 0;
	top: 0em;
	width: 0.45em;
	height: 1.6em;
	background: url(../assets/images/arrow-filled.svg) center center no-repeat;
	background-size: contain;
}


[data-text=t100]{font-size:5.55em; line-height: 100%;font-weight: 500;}
[data-text=t80]{font-size:4.44em; line-height: 105%;font-weight: 500;}
[data-text=t70]{font-size:3.88em; line-height: 107%;font-weight: 500;}
[data-text=t60]{font-size:3.33em; line-height: 110%;font-weight: 500;}
[data-text=t35]{font-size:1.94em; line-height: 110%;font-weight: 500;}
[data-text=t30]{font-size:1.66em; line-height: 110%;font-weight: 500;}
[data-text=t25]{font-size:1.38em; line-height: 126%;font-weight: 500;}
[data-text=t20]{font-size:1.11em; line-height: 140%;font-weight: 500;}
[data-text=t16]{font-size:0.88em;}

@media (max-width: 999px) {
	[data-text=t100]{font-size:4.4em;}
	[data-text=t80]{font-size:3.6em;}
	[data-text=t70]{font-size:3.3em;}
	[data-text=t60]{font-size:3em;}
}
@media (max-width: 719px) {
	[data-text=t100]{font-size:3.6em;}
	[data-text=t80]{font-size:3em;}
	[data-text=t70]{font-size:2.75em;}
	[data-text=t60]{font-size:2.5em;}
}
@media (max-width: 511px) {
	[data-text=t100]{font-size:2.8em;}
	[data-text=t80]{font-size:2.3em;}
	[data-text=t70]{font-size:2.1em;}
	[data-text=t60]{font-size:1.9em;}
	[data-text=t35]{font-size:1.7em;}
	[data-text=t30]{font-size:1.5em;}
}


.uppercase {text-transform:uppercase;}
.active-text {color:var(--active);} 

[data-margin=none] { 	padding-top: 0 !important; }



[data-number="1"]::before{content:'1';}
[data-number="2"]::before{content:'2';}
[data-number="3"]::before{content:'3';}

[data-number] {
	position: relative;
}
[data-number]::before {
	position: absolute;
	right: calc(100% + 0.5em);
	top: calc(0.75rem + 0.7em);
	transform: translateY(-50%);
	padding: 0.7em 1.2em 0.7em 0.7em;
	background: url(../assets/images/arrow-filled.svg) center center no-repeat;
	background-size: contain;
	font-weight: bold;
}
[data-number]:first-child::before {
	top: 0.75rem;
}


@media (max-width: 999px) {
	.content-text:not(.gray-box):not(.border-box):not(.dark-box) [data-number] {
		margin-left: 1.75rem;
	}
}



@media (min-width: 1000px) {
	.two-column-text {
		column-count: 2;
		column-gap: 2.5em;
	}
	.two-column-text p {
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0.75em 0 !important;
	}
	.two-column-text > :first-child {
		margin-top: 0 !important;
	}
	.two-column-text > :last-child {
		margin-bottom: 0 !important;
	}
}


.text-table {
	font-family: inherit;
	font-size: 1em;
	margin: 0.75em 0;
	width: 100%;
}
.text-table td {
	line-height: 160%;
	vertical-align: top;
	font-weight: 400;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-bottom: 1px #E6E6E6 solid;
}
.text-table td:not(:last-child) {
	padding-right: 1em;
}

@media (max-width: 999px) {
	.mobile-collapse td {
		display: block;
		padding: 0 !important;
	}
	.mobile-collapse td:last-child {
		padding-bottom: 1em !important;
	}
}


.content-text > :first-child {
	padding-top: 0;
	margin-top: -0.2em; /* font white-space */
}
.content-text > :last-child {
	padding-bottom: 0;
	margin-bottom: -0.2em; /* font white-space */
}



.arrow-link {
	display: inline-block;
	position: relative;
	font-weight: 500;
}
.arrow-link::before { /* active area between arrow and link */
	content: "";
	position: absolute;
	left: 99%;
	top: 0;
	height: 1.6em;
	width: 1.6em;
}
.arrow-link::after {
	content: "";
	position: absolute;
	left: calc(100% + 0.8em);
	top: 0;
	height: 1.6em;
	width: 9px;
	transition: width 0.3s ease, background-color 0.3s ease;
	background-color: var(--dark);
	-webkit-mask: url(../assets/images/button-arrow.svg) center right no-repeat;
}
.arrow-link:hover::after {
	width: 32px;
	background-color: var(--active);
}


.button-link {
	position: relative;
	background-color: var(--active);
	color: var(--dark);
	font-weight: 500;
	font-size: 0.78em;
	text-align: center;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 0.9em 1.11em;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	border-radius: 0.55rem;
	line-height: 160%;
	white-space: nowrap;
	margin-right: 3.25em;
}
.button-link::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9px;
	padding-right: 1.11em;
	left: calc(100% - 0.6em);
	border-radius: 0 0.55em 0.55em 0;
	background-color: var(--active);
	transition: width 0.3s ease;
}
.button-link::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9px;
	left: calc(100% - 0.6em);
	border-radius: 0 0.55em 0.55em 0;
	background: url(../assets/images/button-arrow.svg) center right no-repeat;
	transition: width 0.3s ease;
	z-index: 1;
}
.button-link:hover::before,
.button-link:hover::after {
	width: 1em;
}


@media (max-width: 999px) {
	.button-link {
		margin-right: 2.4em;
		margin-bottom: 1.8em;
	}
	.button-link:hover::before,
	.button-link:hover::after {
		width: 1.75em;
	}
}

.last-text-is-link > :last-child .button-link {
	margin-bottom: 0.25em;
}



/* inline images */

img.alignnone {
	max-width: 100%;
	height: auto;
	margin: 0.4em 0;
}
img.alignright {
	float: right;
	max-width: 50%;
	height: auto;
	margin: 0.4em 0 1em 2em;
}
img.alignleft {
	float: left;
	max-width: 50%;
	height: auto;
	margin: 0.4em 2em 1em 0;
}
img.aligncenter {
	float: none;
	clear: both;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0.4em auto 0.4em auto;
}

@media (max-width: 719px) {
	img.alignleft,
	img.alignright {
		float: none;
		margin: 1.5em auto;
		max-width: 100%;
	}
}
/* TIMELINE */

.content-timeline {
	position: relative;
	margin: 0 auto;
}

@media (max-width: 999px) {
	.content-timeline {
		margin-left: 2em;
	}
}

.timeline-line-active,
.timeline-line {
	position: absolute;
	left: calc(50% - 1px);
	border-right: 2px var(--dark) solid;
	top: 0;
	height: 100%;
}

.timeline-line-active {
	height: 0px;
	border-right-color: var(--active);
	z-index: 1;
	transition: height 0.3s ease;
	max-height: 100%;
}



@media (max-width: 999px) {
	.timeline-line-active,
	.timeline-line {
		left: -1px;
	}
}

.content-timeline .timeline-item {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2;
	padding-top: 1.6em;
}

.content-timeline .content-text {
	background-color: #F6F6F6;
	box-sizing: border-box;
	margin-left: 4em;
	padding: 1.75em 2em;
	border-radius: 0.83rem;
	transition: opacity 0.6s ease, transform 0.6s ease-out;
	opacity: 0;
	transform: translateX(2em);
	transition-delay: 0.7s;
}


.timeline-num {
	position: absolute;
	top: -1px;
	left: -1.5em;
	width: 100%;
	width: 3em;
	height: 5.5em;
	font-size: 1.5em;
	background-color: white;
	
}
.timeline-num strong {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	transform: translateY(-52%);
	font-size: 1.75rem;
	z-index: 1;
	transition: opacity 0.9s ease;
	transition-delay: 0.8s;
	opacity: 0;
}

.tl-circle {
	position: absolute;
	left: calc(50% - 1.5em);
	top: calc(50% - 1.5em);
	width: 3em;
	height: 3em;
}

.tl-circle path {
	transition: opacity 0.3s ease;
	opacity: 0;
}
.tl-circle .a1 { transition-delay: 0s; }
.tl-circle .a2 { transition-delay: 0.1s; }
.tl-circle .a3 { transition-delay: 0.2s; }
.tl-circle .a4 { transition-delay: 0.3s; }
.tl-circle .a5 { transition-delay: 0.4s; }
.tl-circle .a6 { transition-delay: 0.5s; }
.tl-circle .a7 { transition-delay: 0.6s; }
.tl-circle .a8 { transition-delay: 0.7s; }
.tl-circle .a9 { transition-delay: 0.8s; }
.tl-circle .a10 { transition-delay: 0.9s; }
.tl-circle .a11 { transition-delay: 1s; }

.appear .timeline-num strong,
.appear .tl-circle path {
	opacity: 1;
}


@media (min-width: 1000px) {
	.content-timeline .timeline-item {
		left: 50%;
		width: 50%;
	}
	.content-timeline .timeline-item.left .timeline-num {
		left: auto;
		right: -1.5em;
	}
	.content-timeline .timeline-item.left .content-text {
		margin-left: 0;
		margin-right: 4em;
		transform: translateX(-2em);
	}
	.content-timeline .timeline-item.left {
		left: auto;
		right: 50%;
	}

}


.content-timeline  .appear .content-text {
	opacity: 1;
	transform: translateX(0) !important;
}



.one-em {
	position: absolute;
	top: 0;
	left: 0;
	height: 1em;
	width: 1px;
}



@media (min-width: 1000px) {
	.image-aside > :last-child {
		position: absolute;
		right: calc(100% + 8em);
		left: auto;
		width: 100%;
		top: 50%;
		padding: 0;
		margin: 0;
		transform: translateY(-50%);		
	}
	.left .image-aside > :last-child {
		left: calc(100% + 8em);
		right: auto;
	}
}





.content-video {
	position: relative;
	
}
.content-video::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}

.video-play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	cursor: pointer;
}

.video-play::before {
	content: "";
	position: absolute;
	width: 7.2em;
	height: 7.2em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC4zODQgMC42MjVMNDYuNTYyNSAxOS43NDU0VjI4LjMxNzFMMTQuMzg0IDQ3LjQzNzVIMy42NjgwNkwwLjY4NzUgNDQuNDQyOVYzLjYxOTU3TDMuNjY4MDYgMC42MjVIMTQuMzg0WiIgc3Ryb2tlPSIjMTkyODMyIi8+DQo8L3N2Zz4) 56% 50% no-repeat;
	background-size: 40% auto;
	border-radius: 50%;
}

.playing .video-play::before {
	content: none;
}


.column[data-size="1/2"] .video-play {
	font-size: 0.75rem;
}
.teaser .video-play,
.list-teaser .video-play,
.column[data-size="1/3"] .video-play,
.column[data-size="1/4"] .video-play {
	font-size: 0.5rem;
}

@media (max-width: 999px) {
	 .video-play {
		 font-size: 0.75rem !important;
	 }
}
@media (max-width: 511px) {
	 .video-play {
		 font-size: 0.5rem !important;
	 }
}

.content-vimeo {
	position: relative;
	
}
.content-vimeo::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.content-vimeo iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border:0;
	border-radius: 0;
}

/* ACCORDION */



/* hide element till init 
h4:not(.accordion-title),
h4:not(.accordion-title) ~ :not(.no-accordion) {
	display: none;
}
*/

/* hide till grouped */
.accordion-title:not(.accordion-ready),
.accordion-title:not(.accordion-ready) ~ :not(.no-accordion) {
display: none;
}


.accordion-title {
cursor: pointer;
position: relative;
display: block;
padding: 1.5rem 2rem 1.5rem 0 !important; /* overwrite headline padding */
transition: color 0.3s ease;
}


.accordion-title:not(:first-child) {
	border-top: 1px #E6E6E6 solid;
}


#burger-menu > nav > ul > li > ul > li.menu-item-has-children > a::after,
.accordion-ready::after {
content: "";
position: absolute;
width: 1.25rem;
height: 1.25rem;
top: 1.6rem;
right: 0;
background-color: currentColor;
-webkit-mask: url(../assets/images/arrow-right.svg) center center no-repeat;
-webkit-mask-size: 1rem auto;
transition: transform 0.3s ease, background-color 0.3s ease;
}
#burger-menu > nav > ul > li > ul > li.menu-item-has-children > a::after {
	top: calc(50% - 0.6125rem);
}

.accordion-open {
	color: inherit;
	text-decoration: none;
	color: var(--active);
}
.accordion-open::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}

#burger-menu > nav > ul > li > ul > li.menu-item-has-children.menu-expand > a::after {
	transform: rotate(-90deg);
	color: var(--active);	
}



.accordion-content {
display: none;
}

.accordions {
	margin: -1.5rem 0 !important;
}

.accordion-content {
	transform: translateY(-0.275em);
	padding-bottom: 0.75em;
}

.accordion-content > :first-child {
padding-top: 0;
margin-top: 0;
}


.accordions .accordions {
	padding-top: 1.5em !important;
}

.parallax-ready .parallax-object {
	transition: transform 0.4s ease;
}.image-marquee .columns {
	overflow: hidden;
	width: 100%;
}
.image-marquee .column {
	display: flex;	
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	
	margin-left: 50vw;
	min-width: 200vw;
	height: 8em;
	transform: translateX(0);
	animation: marquee-shift 14s linear infinite both;
	
}

.image-marquee .column > .content-image {
	margin: 0 1.11em;
}
.image-marquee .column > .content-image,
.image-marquee .column > .content-image img {
	width: 8em;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	margin-top: 0 !important;
}


@keyframes marquee-shift {
	0% { transform: translateX(-25%); }
	100% { transform: translateX(-75%); }
}

@media (max-width: 999px) {
	.image-marquee .column {
		min-width: 300vw;
	}
	.image-marquee .column > .content-image {
		margin: 0 0.9em;
	}
}

@media (max-width: 511px) {
	.image-marquee .column {
		min-width: 400vw;
	}
	.image-marquee .column > .content-image {
		margin: 0 0.6em;
	}
}

@media (max-width: 399px) {
	.image-marquee .column {
		min-width: 550vw;
	}
}


/* 

@media (max-width: 999px) {
	.image-marquee .content-image {
		background-size: 200vw auto;
		height: 7em;
		width: 350vw;
		animation-duration: 19s;
	}

	@keyframes marquee-shift {
		0% { transform: translateX(0); }
		100% { transform: translateX(-200vw); }
	}
}

@media (max-width: 511px) {
	.image-marquee .content-image {
		background-size: 250vw auto;
		height: 6em;
		width: 400vw;
		animation-duration: 20s;
	}

	@keyframes marquee-shift {
		0% { transform: translateX(0); }
		100% { transform: translateX(-250vw); }
	}
} */
/* LIGHTBOX */

#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2019;
background-color: var(--dark);
color: white;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

#lightbox > div {
position: relative;
width: 100%;
min-height: 100%;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}

#lightbox > div > div {
width: 100%;
position: relative;
}

@media (min-width: 1000px) {
	#lightbox > div > div {
		width: calc(100% - 4em);
	}
}


#lightbox > div > div > .image {
background-size: contain;
}


#lightbox video {
	position: static !important;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}



#lightbox-close {
z-index: 2020;
position: absolute;
right: 1.75em;
top: 1em;
width: 44px;
height: 44px;
display: none;
}

#lightbox-close span {
height: 3px;
margin-top: -1px;
width: 1.5em;
left: 50%;
top: 50%;
position: absolute;
background-color: white;
}

#lightbox-close :nth-child(1) {
transform: translate(-50%, 0px) rotate(45deg);
}
#lightbox-close :nth-child(2) {
transform: translate(-50%, 0px) rotate(-45deg);
}




#slider-lightbox,
.lightbox-content,
.lightbox-sub-content {
display: none;
}
#lightbox #slider-lightbox,
#lightbox .lightbox-content,
#lightbox .lightbox-sub-content {
display: block;
}


#slider-lightbox {
	max-width: 80em;
	margin: 0 auto;
	background: #262626;
}
.roll-text-wrap {
	white-space:nowrap;
	display:block;
}

.roll-text-prefix {
	display: inline-block;
	position: relative;
}


#roll-text {
	display: inline-block;
	position: relative;
	z-index: 20;
	overflow: hidden;
	width: 7em;
	height: 1em;
	user-select: none;
	pointer-events: none;
	transform: translateY(0.23em);
	
	--duration: 14s;
	--count: 5;
	--offset: -3s;
}


#roll-text span {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	white-space: nowrap;
	padding: 0;
	margin: 0;	
	animation: textshift 14s ease-out infinite both;
}


@keyframes textshift {
	0% {
		transform: translateY(1.5em);
	}
	4%, 21% {
		transform: translateY(0);
	}
	25%, 100% {
		transform: translateY(-1.5em);
	}
}


#roll-text span:nth-child(1) {
	animation-delay: calc( var(--duration) / var(--count) * 1 + var(--offset) );
}
#roll-text span:nth-child(2) {
	animation-delay: calc( var(--duration) / var(--count) * 2 + var(--offset) );
}
#roll-text span:nth-child(3) {
	animation-delay: calc( var(--duration) / var(--count) * 3 + var(--offset) );
}
#roll-text span:nth-child(4) {
	animation-delay: calc( var(--duration) / var(--count) * 4 + var(--offset) );
}
#roll-text span:nth-child(5) {
	animation-delay: calc( var(--duration) / var(--count) * 5 + var(--offset) );
}.teaser-list {
	position: relative;
	transition: height 0.25s ease;
}
.teaser-list > * {
	position: absolute;
}
/* PRELOAD */

.preload,
.preload-all {
opacity: 0;
transition: opacity 0.3s ease;
}
.preload-ready,
.preload-all-ready {
opacity: 1;
}


/* EFFECT: PROGRESS */

.progress {
border: 1px #333 solid;
width: 2em;
height: 2em;
border-radius: 50%;
position: absolute;
top: 49%;
left: 50%;
z-index: 1000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-sizing: border-box;
animation-name: progresspulse;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
pointer-events: none;
transition: opacity 0.15s ease;
opacity: 0;
}

@keyframes progresspulse {
	0%   { border-width: 1px; }
	38%  { border-width: 10px; }
	100% { border-width: 1px; }
}

/* fadein when doc is ready */
.doc-ready .progress {
opacity: 1;
}

/* fadeout when loaded */
.preload-all-ready + .progress,
.preload-ready + .progress {
opacity: 0 !important;
animation-play-state: paused;
}

/* BURGER MENU */

#burger-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1009;
	background-color: var(--dark);
	color: white;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

@media (min-width: 1000px) {
	#burger-menu::after {
		content: "";
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 43.5%;
		background-color: white;
	}
}

#burger-menu > nav {
	position: relative;
	min-height: 100%;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	max-width: 73.3em;
	margin: 0 auto;
}

@media (max-width: 999px) {
	#burger-menu > nav {
		justify-content: flex-start;
	}
}

#burger-button {
	z-index: 1010;
	position: relative;
	width: 2.4em;
	height: 2.4em;
	display: none;
	color: white;
}

@media (min-width: 1000px) {
	.burger-menu-open header > .wrap {
		background-color: transparent;
	}
}

.burger-menu-open #primary-menu {
	opacity: 0;
	pointer-events: none;
}

#desktop-menu-close {
	display: none;
	color: var(--dark);
	text-transform: uppercase;
	padding: 0.3em 0 0.3em 1.7em;
	font-weight: bold;
	margin-right: -1.1em;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC41NDQ0IDEzLjE4NTZMMTIuNjgxMiAxNC45NDU2TDkuMzAwNjcgMTEuMzY2Nkw1LjY2NjM3IDE0Ljc5OTRMMy45NzYxMiAxMy4wMDk5TDcuNjEwNDMgOS41NzcxM0w0LjIxMjUxIDUuOTc5NzJMNi4wNzU3OCA0LjIxOTc3TDkuNDczNyA3LjgxNzE4TDEzLjA4OTYgNC40MDE4NEwxNC43Nzk4IDYuMTkxMzJMMTEuMTYzOSA5LjYwNjY2TDE0LjU0NDQgMTMuMTg1NloiIGZpbGw9IiMxOTI4MzIiLz4NCjwvc3ZnPg) left center no-repeat;
	background-size: 1.4em auto;
}
.burger-menu-open #desktop-menu-close {
	display: block;
}


@media (max-width: 999px) {
	#burger-button {
		display: block;
	}
	.burger-menu-open #desktop-menu-close,
	#primary-menu {
		display: none;
	}
}


#burger-menu ul,
#burger-menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

#burger-menu > nav > ul {
	position: relative;
	padding: 10em 2em 2em 2em;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 999px) {
	#burger-menu > nav > ul {
	padding-top: 8em
	}
}

#burger-menu a {
	display: block;
	text-decoration: none;
	padding: 1rem 0;
	max-width: 40rem;
	position: relative;
	transition: color 0.3s ease, padding-left 0.3s ease;
}
#burger-menu a:hover {
	color: var(--active);
}


#burger-menu > nav > ul > li:not(.menu-meta) > ul {
	position: absolute;
	left: 66%;
	color: var(--dark);
	z-index: 1;
	top: 11.2em;
	width: 34%;
	transition: opacity 0.3s ease, max-height 0.3s ease;
	opacity: 0;
	pointer-events: none;
}
#burger-menu > nav > ul > li:not(.menu-meta).menu-expand > ul {
	opacity: 1;
	pointer-events: all;
}

@media (max-width: 999px) {
	#burger-menu > nav > ul > li:not(.menu-meta) > ul {
		position: static;
		margin-left: -2rem;
		margin-right: -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		width: auto;
		max-height: 0em;
		overflow: hidden;
		opacity: 1;
		pointer-events: all;
		background: white;
	}
	#burger-menu > nav > ul > li:not(.menu-meta).menu-expand > ul {
		max-height: 30em;
	}
	
	#burger-menu > nav > ul > li:not(.menu-meta) > ul::before,
	#burger-menu > nav > ul > li:not(.menu-meta) > ul::after {
		content: "";
		display: block;
		height: 0.5em;
	}
}



@media (min-width: 1000px) and (max-width: 1099px) {
	#burger-menu > nav > ul > li:not(.menu-meta) > ul {
		left: 63%;
		width: 36%;
	}
}

#burger-menu ul > li:not(.menu-meta) > ul a {
	font-size: 1.6rem;
	padding: 0.6em 0;
}

@media (max-width: 999px) {
	#burger-menu ul > li:not(.menu-meta) > ul a {
		font-size: 1.4rem;
	}
}

#burger-menu ul ul ul a {
	font-weight: 400;
	font-size: 1.11rem !important;
	border-bottom: 1px #E6E6E6 solid;
}
#burger-menu ul ul ul > li.current_page_ancestor > a,
#burger-menu ul ul ul > li.current_page_item > a {
	color: var(--active);
	font-weight: bold;
}
#burger-menu ul ul ul::after {
	content: "";
	display: block;
	height: 1rem;
}

#burger-menu ul ul ul {
	padding-left: 0.5rem !important;
	margin-left: -0.5rem !important;
	overflow: hidden;
	max-height: 0px;
	transition: max-height 0.3s ease;
}

#burger-menu ul ul li.menu-expand > ul {
	max-height: 20em;
}

#burger-menu > nav > ul > li.menu-expand > a {
	color: var(--active);
	padding-left: 1.05em;
}

#burger-menu > nav > ul > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1em;
	opacity: 0;
	background: url(../assets/images/button-logo.svg) left center no-repeat;
	background-size: 75% auto;
	transition: opacity 0.3s ease;
}
#burger-menu > nav > ul > li.menu-expand > a::before {
	opacity: 1;
}



#burger-menu .bold-menu > a {
	font-weight: 500;
}

#burger-menu .lang-menu {
	padding: 0 1em !important;
}
#burger-menu .menu-item-object-language_switcher a {
	font-size: 1.2em;
}
#burger-menu .menu-item-object-language_switcher {
	display: inline-block;
	padding-left: 0 !important;
	margin-top: 2em !important;
}
#burger-menu .lang-menu + .lang-menu::before {
	top: 0.8em;
}

#burger-menu .menu-item-object-language_switcher + .menu-item-object-language_switcher {
	padding-left: 1em !important;
}


.menu-meta > ul > li {
	width: 50%;
}
.menu-meta > ul {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
	width: 26em;
	max-width: 100%;
	margin-top: 12vh !important;
}

.menu-meta > a {
	display: none !important;
}

.menu-meta ul,
.menu-meta li {
	padding-left: 0 !important;
}

.menu-meta a {
	font-size: 1.11rem;
	padding: 0.5rem 0 !important;
}


@media (min-width: 1000px) {
	#burger-menu .trp-language-switcher-container {
		display: none !important;
	}
}



#burger-button::before,
#burger-button::after {
	content: "";
}

#burger-button::before,
#burger-button::after,
#burger-button span {
	position: absolute;
	display: block;
	height: 4px;
	margin-top: -2px;
	width: 2em;
	left: 50%;
	top: 50%;
	background-color: currentColor;
}


#burger-button::before {
transform: translate(-50%, -10px);
transition: transform ease 0.3s, width ease 0.3s, background-color 0.3s ease;
}
#burger-button span {
transform: translate(-50%, 0px);
transition: opacity ease 0.15s, background-color 0.3s ease;
}
#burger-button::after {
transform: translate(-50%, 10px);
transition: transform ease 0.3s, width ease 0.3s, background-color 0.3s ease;
}


.burger-menu-open #burger-button::before {
transform: translate(-50%, 0px) rotate(45deg);
width: 2em;
}
.burger-menu-open #burger-button span {
opacity: 0;
}
.burger-menu-open #burger-button::after {
transform: translate(-50%, 0px) rotate(-45deg);
width: 2em;
}








#primary-menu {
	box-sizing: border-box;
	width: 100%;
	flex: 1 1 auto;
}


#primary-menu a:hover,
#primary-menu .current_page_ancestor > a,
#primary-menu .current_page_item > a {
	border-bottom-color: var(--active);
}


#primary-menu ul,
#primary-menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

#primary-menu > nav > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#primary-menu > nav > ul > li {
    flex: 1 0 auto;
	position: relative;
	padding-left: 1em;
}

#primary-menu > nav > ul > li li {
	padding: 0.2em 1em;
}
#primary-menu > nav > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	text-align: left;
	background-color: var(--dark);
	border-radius: 0.83em;
	padding: 0.75em 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
#primary-menu > nav > ul > li:hover > ul {
	opacity: 1;
	pointer-events: all;
}

#primary-menu a {
	text-decoration: none;
	color: white;
	display: inline-block;
	font-size: 0.88em;
	padding: 0.25em 0;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	border-bottom: 1px transparent solid;
	transition: border-bottom-color 0.3s ease;
}

.bold-menu > a {
	font-weight: bold;
}



/* #primary-menu li:not(.lang-menu) + .lang-menu {
	margin-left: 1.2em;
}
 */
 
.lang-menu {
	flex: 0 1 auto !important;
}
.lang-menu + .lang-menu {
	position: relative;
}
.lang-menu + .lang-menu::before {
	content: "|";
	position: absolute;
	top: 0.2rem;
	left: -0.125em;
	font-size: 0.88em;
}
.lang-menu {
	padding: 0 0.5em !important;
}
.current-language-menu-item a {
	font-weight: bold;
	pointer-events: none;
}
/* === Primärmenü: sauberes Dropdown erzwingen (kleine Ergänzungen) === */

/* Sichert Dropdown-Grundlayout ab */
#primary-menu > nav > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;          /* Dropdown nicht zu schmal */
  background: var(--dark);   /* bleibt in eurem Stil */
  border-radius: 0.83em;
  padding: 0.75em 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 1000;             /* liegt über Content */
}
#primary-menu > nav > ul > li:hover > ul,
#primary-menu > nav > ul > li:focus-within > ul {
  opacity: 1;
  pointer-events: auto;
}

/* Submenu-Links blockig, gut klickbar */
#primary-menu > nav > ul > li li a {
  display: block;
  padding: .5em 1em;
  white-space: nowrap;
  text-align: left;
}

/* Optional: Caret nur bei Eltern zeigen */
#primary-menu > nav > ul > li.menu-item-has-children > a::after {
  content: "▾";
  margin-left: .35em;
  font-size: .9em;
  opacity: .8;
}

/* === Mega-Reste im Desktop-Menü neutralisieren, falls vorhanden === */
#primary-menu .mega, 
#primary-menu .mega-menu, 
#primary-menu .has-mega, 
#primary-menu .mega-menu__panel {
  all: unset;
}

/* (nur zur Sicherheit) Hover-Blocker abschalten */
.burger-menu-open #primary-menu {
  opacity: 1;
  pointer-events: auto;
}
/* 2. Ebene (Dropdown) */
#primary-menu nav ul ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--dark);
  padding: 0.75em 0;
  border-radius: 0.83em;
  z-index: 1000;
}

/* 3. Ebene (Sub-Dropdown) */
#primary-menu nav ul ul ul {
  left: 100%;
  top: 0;
}

/* Anzeigen nur bei Hover des Elternpunkts */
#primary-menu nav ul li:hover > ul {
  display: block;
}
#primary-menu li.open > ul {
  display: block;
}