@charset "utf-8";  

/* 
CSS Document HPK
Layout XX - Grundaufbau, Homepage
*/

/* ////////////////////////// */
/* /////// Color Sheme ////// */
/* ////////////////////////// */

:root {
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	/* Farben sind ZWINGEND in RGB anzugeben! */
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

	/* Meldungen */
	--successColor:					109, 179,  47;
	--successHoverColor:		 86, 143,  37;
	--warningColor:					255, 117,  18;
	--warningHoverColor:		219, 100,  15;
	--errorColor:						183,   4,   4;
	--errorHoverColor:			148,   3,   3;

	/* Grauabstufungen */
	--blackColor:						  0,   0,   0;
	--offBlackColor:				 19,  19,  20;
	--veryDarkColor:				 40,  40,  60;
	--darkColor:						 80,  80,  80;
	--greyColor:						120, 120, 120;
	--lightColor:						160, 160, 160;
	--veryLightColor:				232, 232, 232;
	--offWhiteColor:				246, 246, 246;
	--offWhiteColorTeaser:	250, 250,	250;
	--whiteColor:						255, 255, 255;

	/* DarkLight Toggle */
	--lightModeBackground:	255, 210,  75;
	--darkModeBackground:		 23,  50,  71;
	--lightModeTextColor:		255, 255, 255;
	--darkModeTextColor:		246, 246, 246;

	--logoTextColorLightMode:100, 101, 103;
	--logoTextColorDarkMode:255,255,255;

	/* Hintergrundfarben */
	--websiteBackgroundColor: var(--whiteColor);

	/* Schriftfarben */
	--textColor:						var(--darkColor);
	--invertedTextColor:		var(--veryLightColor);

	/* Navigation Parameter (Animation) */
	--fullsizeNavigationPadding:0.5em 0;
	--fullsizeNavivationLineHeight:normal;

	/* Image Parameter */
	--imageOverlayMouseOut:	var(--blackColor), 0.5;
	--imageOverlayMouseIn:	var(--blackColor), 0.1;

	/* Other Parameter */
	--shadowColorLight:var(--greyColor);
	--shadowColorDark:var(--lightColor);

	/* Farbanpassungen für das SVG finden in der 4. Zeile statt (fill: rgb(246, 246, 246);) */
	--contactMapBackgroundImage: url("data:image/svg+xml,\
		%3C!-- Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E\
		%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E\
		%3Cstyle%3E.svg-path %7B fill: rgb(246, 246, 246); %7D%3C/style%3E\
		%3Cpath class='svg-path' d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'%3E\
		%3C/path%3E%3C/svg%3E");

	--videoBackgroundImage: url("data:image/svg+xml,\
		%3C!-- Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E\
		%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E\
		%3Cstyle%3E path %7B fill: rgb(246, 246, 246); %7D%3C/style%3E\
		%3Cpath d='M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z'%3E%3C/path%3E\
		%3C/svg%3E");
}

/* ////////////////////////// */
/* // DarkMode Adjustments // */
/* ////////////////////////// */

[data-theme="dark"] {
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	/* Farben sind ZWINGEND in RGB anzugeben! */
	/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

	/* Meldungen */
	--successColor:					109, 179,  47;
	--successHoverColor:		 86, 143,  37;
	--warningColor:					255, 117,  18;
	--warningHoverColor:		219, 100,  15;
	--errorColor:						255,   0,   0;
	--errorHoverColor:			148,   3,   3;

	/* Grauabstufungen (Invertiert) */
	--blackColor:						255, 255, 255;
	--offBlackColor:				246, 246, 246;
	--veryDarkColor:				235, 235, 235;
	--darkColor:						160, 160, 160;
	--greyColor:						120, 120, 120;
	--lightColor:						 80,  80,  80;
	--veryLightColor:				 40,  45,  50;
	--offWhiteColor:				 19,  19,  20;
	--whiteColor:						  0, 	 0,  	0;

	--websiteBackgroundColor: 35, 45, 50;
	--offWhiteColorTeaser:		27, 37, 42;

	/* Schriftfarben */
	--textColor:						var(--veryDarkColor);
	--invertedTextColor:		var(--veryLightColor);

	/* Image Parameter */
	--imageOverlayMouseOut:160,170,180,0.2;
	--imageOverlayMouseIn:160,170,180,0.0;

	/* Other Parameter */
	--shadowColorLight:var(--offWhiteColor);
	--shadowColorDark:var(--whiteColor);

	/* Farbanpassungen für das SVG finden in der 4. Zeile statt (fill: rgb(35, 40, 45);) */
	--contactMapBackgroundImage: url("data:image/svg+xml,\
		%3C!-- Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E\
		%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E\
		%3Cstyle%3E.svg-path %7B fill: rgb(32, 37, 42); %7D%3C/style%3E\
		%3Cpath class='svg-path' d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'%3E\
		%3C/path%3E%3C/svg%3E");

	--videoBackgroundImage: url("data:image/svg+xml,\
		%3C!-- Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E\
		%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E\
		%3Cstyle%3E path %7B fill: rgb(27, 32, 37); %7D%3C/style%3E\
		%3Cpath d='M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z'%3E%3C/path%3E\
		%3C/svg%3E");
}


/* ////////////////////////// */
/* ////// Schriftarten ////// */
/* ////////////////////////// */

@font-face {
	 font-family:'Lato';
	 font-style: normal;
	 font-weight: 100;
	 font-display:swap;
	 src: local('Lato Thin'), local('Lato-Thin'),
	 url('./font/Lato-Thin.woff2') format('woff2'),
	 url('./font/Lato-Thin.woff') format('woff'),
	 url('./font/Lato-Thin.ttf') format('truetype');
}

@font-face {
	 font-family:'Lato';
	 font-style: normal;
	 font-weight: 300;
	 font-display:swap;
	 src: local('Lato Light'), local('Lato-Light'),
	 url('./font/Lato-Light.woff2') format('woff2'),
	 url('./font/Lato-Light.woff') format('woff'),
	 url('./font/Lato-Light.ttf') format('truetype');
}

@font-face {
	 font-family:'Lato';
	 font-style: normal;
	 font-weight: 400;
	 font-display:swap;
	 src: local('Lato Regular'), local('Lato-Regular'),
	 url('./font/Lato-Regular.woff2') format('woff2'),
	 url('./font/Lato-Regular.woff') format('woff'),
	 url('./font/Lato-Regular.ttf') format('truetype');
}

@font-face {
	 font-family:'Lato';
	 font-style: normal;
	 font-weight: 700;
	 font-display:swap;
	 src: local('Noto Sans Bold'), local('Lato-Bold'),
	 url('./font/Lato-Bold.woff2') format('woff2'),
	 url('./font/Lato-Bold.woff') format('woff'),
	 url('./font/Lato-Bold.ttf') format('truetype');
}

@font-face {
	 font-family:'Lato';
	 font-style: normal;
	 font-weight: 900;
	 font-display:swap;
	 src: local('Lato Black'), local('Lato-Black'),
	 url('./font/Lato-Black.woff2') format('woff2'),
	 url('./font/Lato-Black.woff') format('woff'),
	 url('./font/Lato-Black.ttf') format('truetype');
}



/* ////////////////////////// */
/* ///////// Global ///////// */
/* ////////////////////////// */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	color: rgb(var(--textColor));
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 0.95em;
	line-height: 1.3;
	background-color: rgb(var(--websiteBackgroundColor));
	letter-spacing: 0.05em;

	-webkit-text-size-adjust: none;
		 -moz-text-size-adjust: none;
					text-size-adjust: none;
}

img {
	image-rendering: auto;
}

.headerWrapper img {
	-webkit-filter:brightness(1.05) contrast(1.25) grayscale(1);
					filter:brightness(1.05) contrast(1.25) grayscale(1);
}

/* IMG Animation */
@keyframes showGreyScaleImages {
	from {
		-webkit-filter:brightness(1.0) contrast(1.0) grayscale(0);
						filter:brightness(1.0) contrast(1.0) grayscale(0);
	} to {
		-webkit-filter:brightness(1.05) contrast(1.25) grayscale(1);
						filter:brightness(1.05) contrast(1.25) grayscale(1);
	}
}

.contentWrapper img {
	animation-duration: 0.25s;
	animation-name: showGreyScaleImages;
	-webkit-filter:brightness(1.05) contrast(1.25) grayscale(1);
					filter:brightness(1.05) contrast(1.25) grayscale(1);
}

/* IMG Animation */
@keyframes showColorFullImages {
	from {
		-webkit-filter:brightness(1.05) contrast(1.25) grayscale(1);
						filter:brightness(1.05) contrast(1.25) grayscale(1);
	} to {
		-webkit-filter:brightness(1.0) contrast(1.0) grayscale(0);
						filter:brightness(1.0) contrast(1.0) grayscale(0);
	}
}

.contentWrapper img:hover {
	animation-duration: 0.25s;
	animation-name: showColorFullImages;

	-webkit-filter:brightness(1.0) contrast(1.0) grayscale(0);
					filter:brightness(1.0) contrast(1.0) grayscale(0);
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h2 {
	margin-bottom: 0.5em;
	margin-top:1em;
}

.ce-headline-center {
	text-align: center;
}

a {
	text-decoration: none;
	color:rgb(var(--textColor));
	font-weight:400;
}

a:hover {
	color:rgb(var(--primaryColor));
}

figure {
	margin:0;
}

hr {
	margin: 0;
	border: none;
	display:none;
}

.border {
	border:none!important;
}

.p-2 {
	padding:0!important;
}

.h-100 {
	height:auto!important;
}

.bg-secondary {
	background-color:transparent!important;
}

.mx-auto {
	margin:0!important;
} 

.wrapper {
	width:90%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

.relative {
	position:relative;
}

.spacer {
	background-color:rgb(var(--primaryColor));
	height:2px;
}


/* /////////////////////////// */
/* ////// Cookie Banner ////// */
/* /////////////////////////// */

.cookie-wrapper {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index: 99999;
	backdrop-filter: blur(0.6em);
	display: none;
	background-color:rgba(var(--offWhiteColorTeaser), 0.90);
	-webkit-backface-visibility: hidden;
}

.cookie-wrapper h2,
.cookie-wrapper h3 {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	color:rgb(var(--textColor))!important;
}

.cookie-details h3 {
	margin: 1em 0 0.25em 0;
}

.cookie-content {
	position: fixed;
	height: 90%;
	width: 75%;
	padding:4em;
	left: calc(25% / 2);
	top: calc(10% / 2);
	background-color: rgb(var(--websiteBackgroundColor));
	-webkit-overflow-scrolling:touch;
	box-sizing: border-box;
}

.cookie-wrapper .form-buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap:2em;
	margin-bottom:2em;
	margin-top:1em;
}

input[type=submit].save-cookies {
	font-size: 1.0em;
  padding: 1em 0!important;
}

.cookie-button {
	font-weight:1.2em;
	color:rgb(var(--invertedTextColor));
	max-width: calc(35% - 2em);
	width:30%;
	text-align: center;
	background-color: rgb(var(--primaryColor));
	box-shadow: none;
	border:1px solid rgb(var(--primaryColor));
	padding:1em 0;
}

.cookie-button:hover {
	background-color: rgb(var(--greyColor));
	border: 1px solid rgb(var(--greyColor));
}

#cookie-list-button {
	margin-top:1.5em;
	float:left;
	display:block;
}

#cookie-list-button:hover {
	color:rgb(var(--invertedTextColor));
}

.cookie-content fieldset,
.cookie-list li {
	background: rgb(var(--offWhiteColorTeaser));
}

.save-cookies.cookie-button {
	border: none;
	order: 1;
}

.cookie-details-wrapper {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	-webkit-overflow-scrolling:touch;
}

#cookieButtonSome:target + .cookie-details {
	display: block;
}

.cookietext {
	text-align: left;
	width: 100%;
}

.open-cookies {
	display: inline-block;
	padding: 0.5rem 0;
	font-weight:300;
	margin:0;
}

.cookie-content .open-cookies {
	font-weight:500;
	margin-bottom: 0.5em;
	text-decoration: underline;
}

p.cookie-text{
	padding: 1rem 1.5rem!important;
}

/* Cookie Subpage (Cookie List) */

.cookie-list {
	display: none;
	list-style:none;
	padding: 0;
	text-align: left;
	width: 100%;
}

#cookie-list li {
	float:left;
	width:100%;
	margin: 0.50em 0;
	padding: 2.0em;
}

.cookie-list li:nth-child(2) {
	margin-top: 1.5em;
}

#cookie-list li span {
	float:left;
}

#cookie-list li .cookie-element {
	font-weight: 500;
	width:12.5em;
}

.cookie-list li ul {
	list-style:none;
	padding: 0;
}

.cookie-list li li {
	background: transparent;
	margin: 0!important;
	padding: 0.5em 0.25em 0.25em 0!important;
}

/* Cookie List Button (Top Right Corner) */

.cookie-list-link {
	border-radius: 3em;
	background: rgb(var(--offWhiteColorTeaser));
	border: 1px solid rgb(var(--greyColor));
	color: rgb(var(--textColor));
	display: inline-block;
	font-size: 0.9rem;
	height: 30px;
	width: 30px;
	overflow: hidden;
	right: 2.5em;
	top: 2.5em;
	position: absolute;
	z-index: 1;
}

.cookie-list-link:before {
	content: "i";
	display: block;
	font-size: 1.5em;
	font-variant-caps: normal;
	font-weight: 700;
	position: relative;
	text-align: center;
	top: 0.05em;
}

.cookie-list-link.cookie-list-active:before {
	content: "X";
}

.cookie-content .all-cookies {
	float:left;
	width:100%;
	margin: 1.5em 0 1.5em 1.5em;
}

.cookie-content fieldset {
	border: none;
	margin: 0.5em 0;
	padding: 0.5em 1.5em;
}

.cookie-content legend {
	box-sizing: border-box;
	display: block;
	font-weight: 700;
	width: calc(100% - (40px + 1em));
	margin-top:0.4em;
}

.cookie-content label {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0.5em 0;
	width: 100%;
}

.cookie-settings-wrapper {
	display: none;
	margin: 0 0 1.5em;
	position: relative;
	padding:0 1.5em;
}

.cookie-element {
	box-sizing: border-box;
	display: block;
}

ul ul .cookie-element {
	padding: 0 1em 0 0;
}

.cookie-checkbox {
	flex: 0 0 5%;
	max-width: 5%;
}

.cookie-info-wrapper {
	margin: 1em 0;
}

.cookie-info-content {
	display:none;
}

.checkbox-description-text {
	box-sizing: border-box;
	display: block;
	margin: 0.5em 0 1em 0!important;
	width:100%;
}

/*****************************************************/
/**************** Switch Schalter *****************/
/*****************************************************/
.homepage-form .cookie-checkbox,
.cookie-group-switch .cookie-checkbox {
	display: none;
}

.homepage-form label,
.cookie-group-switch label {
	cursor: pointer;
}

.switch-background {
	background: rgb(var(--lightColor));
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgb(var(--lightColor)) inset;
	height: 15px;
	position: relative;
	width: 30px;
}

.switch-button {
	background: rgb(var(--offWhiteColor));
	border-radius: 15px;
	box-shadow: 1px 1px 1px rgb(var(--lightColor));
	height: 20px;
	left: -5px;
	position: absolute;
	top: -3px;
	width: 20px;
}

.homepage-form .cookie-checkbox:checked + label .switch-background,
.cookie-group-switch .cookie-checkbox:checked + label .switch-background {
	background: rgb(var(--primaryColor));
}

.homepage-form .cookie-checkbox:checked + label .switch-button,
.cookie-group-switch .cookie-checkbox:checked + label .switch-button {
	left: auto;
	right: -5px;
}

.homepage-form input {
	box-shadow: none;
}

/* ////////////////////////// */
/* ////// Input Fields ////// */
/* ////////////////////////// */

fieldset {
	border:none!important;
	background: none!important;
	padding:0!important;
}

fieldset h2 {
	margin-top:2em;
	float:left;
	width:100%;
}

input[type=text], input[type=email], input[type=tel], .powermail_select {
	background-color:rgb(var(--offWhiteColorTeaser));
	border:1px solid rgb(var(--lightColor));
	color:rgb(var(--offBlackColor));
	padding:0.5em 0.75em!important;
	width:100%;
	font-size:1.1em;
}

input[type=submit] {
	background-color:rgb(var(--primaryColor));
	border:1px solid rgb(var(--primaryColor));
	padding:0.5em 0.75em!important;
	color:rgb(var(--invertedTextColor));
	width:100%;
	font-size:1.1em;
	cursor:pointer;
}

input[type=submit]:hover {
	background-color:rgb(var(--greyColor));
	border:1px solid rgb(var(--greyColor));
}

textarea {
	background-color:rgb(var(--offWhiteColorTeaser))!important;
	border:1px solid rgb(var(--lightColor))!important;
	color:rgb(var(--offBlackColor))!important;
	padding:0.5em 0.75em!important;
	width:100%!important;
	height:15em!important;
	resize: none!important;
	font-size:1.1em!important;
}

input[type=text]::placeholder, input[type=email]::placeholder, textarea::placeholder, input[type=tel]::placeholder, .powermail_select::placeholder {
	color:rgb(var(--lightColor));
}

input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, .powermail_select::-ms-input-placeholder {
	color:rgb(var(--lightColor));
}

label .sternchen, .datenschutztext .sternchen, .hpk_kon_info .sternchen {
	font-weight:bold;
	font-size:1.1em;
	color:rgb(var(--primaryColor));
}

.alert.alert-danger.mb-1.error {
	background-color:transparent;
	color:rgb(var(--errorColor));
	border:0;
	border-radius: 0;
	padding:0;
	width:100%;
	margin-bottom:0.5em;
	font-weight: 600;
	font-size:1.5em;
}

/* hpk_kon */

.hpk_kon_container {
	margin-bottom:1.5em;
	float:left;
}

.hpk_kon_container label {
	width:100%;
	display:block;
	height:1.5em;
}

.containerOfname, .containerOfstr {
	width:47.5%;
}

.containerOfvname, .containerOfPlzAndOrt {
	width:47.5%;
	margin-left:5%;
}

.containerOfPlzAndOrt .hpk_kon_ort {
	width:65%;
}

.containerOfPlzAndOrt .hpk_kon_plz {
	width:30%;
	margin-right:5%;
}

.containerOftel, .containerOffax, .containerOfemail, .containerOfmaintext {
	width:100%;
}

.containerOftel input, .containerOffax input, .containerOfemail input {
	width:47.5%;
}

.containerOfname h2 {
	display:none;
}

.hpk_kon_container input[type=checkbox] {
	display:block;
	float:left;
	margin-right:1.0em;
}

.hpk_kon_container .datenschutztext {
	float:left;
	margin-top:-0.25em;
}


/* ////////////////////////// */
/* /////// Navigation /////// */
/* ////////////////////////// */

.responsiveNavigation .dropdown-icon {
		display: none;
	}

/* Dark Light Mode Switch */

.darkLightSwitchWrapper {
	display:var(--allowDarkmode);

	margin-left:1.5em;
	padding:0.5em;
	margin-top:-0.4em;
	border:1px solid rgb(var(--whiteColor));

	width:7.0em;
	height:2.5em;

	border-radius:2.5em;
	position:relative;

	cursor:pointer;
	font-size:0.9em;
}

.initLightMode {
	border-color:rgb(var(--whiteColor));
	background-color:rgb(var(--lightModeBackground));
	box-shadow: 0.0em 0.0em 0.5em rgb(var(--lightModeBackground));
}

.initDarkMode {
	border-color:rgb(var(--offWhiteColor));
	background-color:rgb(var(--darkModeBackground));
	box-shadow: 0.0em 0.0em 0.5em rgb(var(--darkModeTextColor));
}

.initLightMode .darkToggle, .initLightMode #darkToggleText {
	opacity:0;
}

.initDarkMode .lightToggle, .initDarkMode #lightToggleText {
	opacity:0;
}

.darkLightSwitchWrapper svg {
	height:1.5em;
	fill:rgb(var(--textColor));
}

#darkToggleText {
	position:absolute;
	left:1em;
	top:0.55em;
	color:rgb(var(--darkModeTextColor));
}

#lightToggleText {
	position:absolute;
	right:1em;
	top:0.55em;
	color:rgb(var(--lightModeTextColor));
}

.darkLightToggleWrapper {
	position:absolute;
	left:1em;
	top:0.4em;
	width:1.5em;
}

.initDarkMode .darkLightToggleWrapper {
	left:calc(100% - 2.0em);
}

.lightToggle, .darkToggle {
	position:absolute;
	left:0;
	top:0;
}

.lightToggle svg {
	fill:rgb(var(--lightModeTextColor));
}

.darkToggle svg {
	fill:rgb(var(--darkModeTextColor));
}

@keyframes toggleToDarkMode {
	from {
		background-color:rgb(var(--lightModeBackground));
		border-color:rgb(var(--whiteColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--lightModeBackground));
	} to {
		background-color:rgb(var(--darkModeBackground));
		border-color:rgb(var(--offWhiteColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--darkModeTextColor));
	}
}

@keyframes toggleToLightMode {
	from {
		background-color:rgb(var(--darkModeBackground));
		border-color:rgb(var(--offWhiteColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--darkModeTextColor));
	} to {
		background-color:rgb(var(--lightModeBackground));
		border-color:rgb(var(--whiteColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--lightModeBackground));
	}
}

@keyframes toggleHide {
	from {
		opacity:1;
	} to {
		opacity:0;
	}
}

@keyframes toggleShow {
	from {
		opacity:0;
	} to {
		opacity:1;
	}
}

@keyframes toggleMoveToRight {
	from {
		left:1em;
	} to {
		left:calc(100% - 2.0em);
	}
}

@keyframes toggleMoveToLeft {
	from {
		left:calc(100% - 2.0em);
	} to {
		left:1em;
	}
}

.darkMode {
	animation-duration: 0.5s;
	animation-name: toggleToDarkMode;
	background-color:rgb(var(--darkModeBackground));
	border-color:rgb(var(--offWhiteColor));
	box-shadow: 0.0em 0.0em 0.5em rgb(var(--darkModeTextColor));
}

.darkMode .darkToggle, .darkMode #darkToggleText {
	animation-duration: 0.5s;
	animation-name: toggleShow;
	opacity:1;
}

.darkMode .lightToggle, .darkMode #lightToggleText {
	animation-duration: 0.5s;
	animation-name: toggleHide;
	opacity:0;
}

.darkMode .darkLightToggleWrapper {
	animation-duration: 0.5s;
	animation-name: toggleMoveToRight;
	left:calc(100% - 2.0em);
}

.lightMode {
	animation-duration: 0.5s;
	animation-name: toggleToLightMode;
	background-color:rgb(var(--lightModeBackground));
	border-color:rgb(var(--whiteColor));
	box-shadow: 0.0em 0.0em 0.5em rgb(var(--lightModeBackground));
}

.lightMode .lightToggle, .lightMode #lightToggleText {
	animation-duration: 0.5s;
	animation-name: toggleShow;
	opacity:1;
}

.lightMode .darkToggle, .lightMode #darkToggleText {
	animation-duration: 0.5s;
	animation-name: toggleHide;
	opacity:0;
}

.lightMode .darkLightToggleWrapper {
	animation-duration: 0.5s;
	animation-name: toggleMoveToLeft;
	left:1em;
}





.navigationWrapper {
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(var(--websiteBackgroundColor), 0.95);
	backdrop-filter:blur(0.6em);
	width:100%;
	border-bottom:1px solid rgb(var(--veryLightColor));
	z-index:99;
}

.navigationUpperContent {
	padding:0.5em 0;
}

.hamburgerIcon svg {
	fill:rgb(var(--offBlackColor));
	height:2.0em;
	cursor:pointer;
	margin-top:-0.25em;
}

.hamburgerIcon svg:hover {
	fill:rgb(var(--primaryColor));
}

.navigationLowerContent {
	border-top:1px solid rgb(var(--offWhiteColor));
	text-transform: uppercase;
}

.navigationLowerContent .ebene1 .nav-link {
	font-size:1.0em;	
}

.navigationLowerContent .ebene2 .nav-link, .navigationLowerContent .ebene3 .nav-link, .navigationLowerContent .ebene4 .nav-link, .navigationLowerContent .ebene5 .nav-link {
	font-size:0.92em;
}

.navigationLogoWrapper #logo {
	height:100vh;
}

.initialNavigationSize {
	padding:var(--fullsizeNavigationPadding);
	line-height:var(--fullsizeNavivationLineHeight);
}

.initialLogoSize {
	max-height:var(--maximalLogoHeight);
}

.navigationLogoWrapper #logo img {
	height:100%;
	width:auto!important;
	max-width:100%;
}


/* Navigation Animation */
@keyframes enlargeNavigation {
	from {
		padding:0;
		line-height:0;
		height:0;
		overflow:hidden;
	} to {
		padding: var(--fullsizeNavigationPadding);
		line-height:var(--fullsizeNavivationLineHeight);
		height:auto;
		overflow:visible;
	}
}

.fullsizeNavigation {
	animation-duration: 0.5s;
	animation-name: enlargeNavigation;

	padding: var(--fullsizeNavigationPadding);
	line-height:var(--fullsizeNavivationLineHeight);
}

@keyframes reduceNavigation {
	from {
		padding: var(--fullsizeNavigationPadding);
		line-height:var(--fullsizeNavivationLineHeight);
		height:auto;
		overflow:visible;
	} to {
		padding:0;
		line-height:0;
		height:0;
		overflow:hidden;
	}
}

.minimalismNavigation {
	animation-duration: 0.5s;
	animation-name: reduceNavigation;

	padding:0;
	line-height:0;
	height:0;
	overflow:hidden;
 
}


/* Logo Animation */
@keyframes enlargeLogo {
	from {
		max-height: var(--minimalLogoHeight);
	} to {
		max-height: var(--maximalLogoHeight);
	}
}

.fullsizeLogo {
	animation-duration: 0.5s;
	animation-name: enlargeLogo;
	max-height:var(--maximalLogoHeight);
}

@keyframes reduceLogo {
	from {
		max-height: var(--maximalLogoHeight);
	} to {
		max-height: var(--minimalLogoHeight);
	}
}

.minimalismLogo {
	animation-duration: 0.5s;
	animation-name: reduceLogo;
	max-height:var(--minimalLogoHeight);
}

/* Navigationbar (Inkl. Dropdown) */

.navbar-nav {
	display:inline-block;
}

.row > * {
	padding:0 1em;
}

.navbar-nav li {
	float: left;
	margin: auto;
	width:auto;
}

.navbar-nav li ul, .navbar-nav .dropdown-menu {
	display:block;
	text-align:left;
	position: absolute;
	/*max-width: 15em;*/
	left: -999em;
	background-color:rgb(var(--whiteColor));
	margin-left:-1em;
	padding:1em 0;

	border-radius:0;
	border:0;
	color:rgb(var(--textColor));
	text-transform: none;
}

.nav-link {
	color:rgb(var(--textColor));
}

.nav-link:hover, .nav-link:focus {
	color:rgb(var(--primaryColor));
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color:rgb(var(--primaryColor));
}

.dropdown-menu li {
	max-width:17.5em;
	min-width:17.5em;
	padding:0;
	padding-left:1em;
	text-align: left;
	overflow-wrap: break-word;
}

.dropdown-menu .mouseover {
	padding:0.25em;
	display:block;
	margin-bottom: 0em;
}

.navbar-nav, .navbar-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;;
}

.navbar-nav li:hover ul ul, .navbar-nav li:hover ul ul ul, .navbar-nav li:hover ul ul ul ul {
	left: -1100em;
}
.navbar-nav li:hover ul {
	left: auto;
}

.navbar-nav li li:hover ul, .navbar-nav li li li:hover ul, .navbar-nav li li li li:hover ul {
	left:18.5em;
	top:-1em;
}

.dropdown-toggle::after {
	content:none;
}




/* Hamburger Navigation */
.hamburgerNavigation {
	position:fixed;
	width:100%;
	height:100vh;
	z-index:9999;
	background-color:rgba(var(--whiteColor), 0.95);
	backdrop-filter:blur(0.6em);
	overflow-y:scroll;
	font-weight: 400;
}

.hamburgerNavigation .nav-link {
	padding:1.0em 0;
}

.hamburgerNavigation .ebene2 .nav-link {
	padding:0.75em 0;
}

.hamburgerNavigation .ebene3 .nav-link {
	padding:0.25em 0;
}

.hamburgerNavigation .ebene3 > .dropdown > .nav-link {
	font-weight: 600;
	color:rgb(var(--blackColor));
}

.hamburgerNavigation .ebene3 > .dropdown .nav-link:hover {
	color:rgb(var(--primaryColor));
}

.initialHamburgerMenu {
	display:none;
}

@keyframes hideHamburgerNavigation {
	from {
		display:block;
		opacity:1;
	} to {
		display:block;
		opacity:0;
	}
}

.hideHamburgerMenu {
	animation-duration: 0.25s;
	animation-name: hideHamburgerNavigation;
	display:none;
}

@keyframes showHamburgerNavigation {
	from {
		display:block;
		opacity:0;
	} to {
		display:block;
		opacity:1;
	}
}

.showHamburgerMenu {
	animation-duration: 0.25s;
	animation-name: showHamburgerNavigation;
	display:block;
}

.hamburgerNavigation .navigationUpperContent {
	border-bottom:1px solid rgb(var(--veryLightColor));
}

.navigationUpperContent > .wrapper > .d20.left {
	position:relative;
	z-index:99;
}

.hamburgerLogo {
	max-height:var(--minimalLogoHeight);
}

.hamburgerNavigation .row > * {
	padding:0 2.5em 0 0;
}

.hamburgerNavigation .navbar-nav li {
	float: left;
	margin: auto;
	width:auto;
}

.hamburgerNavigation .ebene3 > li {
	float:none;
}

.hamburgerNavigation .ebene3 > .dropdown {
	float:left;
	display: flow-root;
}



.hamburgerNavigation .navbar-nav li ul {
	display:block;
	text-align:left;
	position: absolute;
	left: -999em;
	background-color:transparent;
	margin-left:-1em;
	padding:1em 0;

	border-radius:0;
	border:0;
	color:rgb(var(--textColor));
	text-transform: none;

	display:none;
}

.hamburgerNavigation .dropdown-menu li {
	max-width:none;
	min-width:0;
	padding:0;
	padding-right:0.5em;
	padding-left: 0.5em;
	text-align: left;
	overflow-wrap: break-word;
}

.hamburgerNavigation .navbar-nav li:hover ul ul,
.hamburgerNavigation .navbar-nav li:hover ul ul ul {
	left: -1100em;
	display:none;
}

.hamburgerNavigation .navbar-nav li:hover ul ul ul{
	left: auto;
	position:relative;
	margin:0;
	padding:0;
	top:auto;
	display:block;
}

.hamburgerNavigation .navbar-nav .ebene1:hover > .dropdown-menu {
	left: 0;
	position:fixed;
	margin:0;
	width:100%;
	padding:0 calc((100% - 1600px)/2);
	border-top:1px solid rgb(var(--veryLightColor));
	display:block;
}

.hamburgerNavigation .navbar-nav .ebene3 > .dropdown {
	border-right:1px solid rgb(var(--offWhiteColor));
	padding-right:1em;
	margin-right:1em;
	display:block;
}

.hamburgerNavigation .navbar-nav .ebene2:hover > .dropdown-menu {
	left: 0;
	width: 100%;
	margin: 0;
	position:fixed;
	padding:0 calc((100% - 1600px)/2);
	top:auto;
	border-top:1px solid rgb(var(--offWhiteColor));
	display:block;
	min-height:calc(100vh - 15em);
}

.hamburgerNavigation .ebene4 li, .hamburgerNavigation .ebene5 li {
	float:none;
}

.hamburgerNavigation .navbar-nav .ebene4 > .dropdown-menu {
	padding-left:1.5em;
}

.hamburgerNavigation .navbar-nav {
	z-index:99;
	position:relative;
}

.navbar-nav li:hover > a {
	color:rgb(var(--primaryColor))!important;
}

.hamburgerNavigation .ebene2 > ul {
	background-color:rgb(var(--whiteColor))!important;
}

.hamburgerMenuFooter {
	float:right;
	position:absolute;
	text-align: right;
	width:100%;
	bottom:1.5em;
}

.hamburgerMenuFooter ul, .hamburgerMenuFooter li {
	list-style: none;
	display:inline-block;
	margin:0;
	padding:0;
	line-height:1em;
	margin-left:2em;
}

/* --- Dropdown in der Row Navigation ausblenden --- */
.rowNavigationWithoutDropdown .dropdown > ul {
	display:none!important;
}

/* ////////////////////////// */
/* ///// Header Contact ///// */
/* ////////////////////////// */

.searchbarContactWrapper {
	position:relative;
	white-space: nowrap;
}

.headerContact .hpk_adr_firma,
.headerContact .hpk_adr_strasse,
.headerContact .hpk_adr_plzort,
.headerContact .hpk_adr_land,
.headerContact .hpk_adr_fax,
.headerContact .hpk_adr_mail {
	display:none;
}

.headerContact {
	position: absolute;
  z-index: 0;
  top: 0.1em;
  left: 0.1em;
  font-size: 1.2em;
}

/* ////////////////////////// */
/* ///////// Search ///////// */
/* ////////////////////////// */

#headerSearchbar {
	margin-top:-0.4em;
	position:relative;
	z-index:99;
}

#headerSearchbar .boxsuche_submit {
	display:none;
}

#headerSearchbar .searchButton, #headerSearchbar #searchInputWrapper {
	float:right;
}

#headerSearchbar .searchButton svg {
	height:1.75em;
	fill:rgb(var(--offBlackColor));
	cursor:pointer;
	margin-top:0.4em;
}

#headerSearchbar .searchButton svg:hover {
	fill:rgb(var(--primaryColor));
}

#searchInputWrapper {
	overflow-x:hidden;
	margin-right:0.5em;
}

.initialSearchInputWrapper {
	width:0;
}

@keyframes showSearchField {
	from {
		width:0;
	} to {
		width:calc(100% - 2.35em);
	}
}

.searchInputShow {
	animation-duration: 0.25s;
	animation-name: showSearchField;
	width:calc(100% - 2.35em);
}

@keyframes hideSearchField {
	from {
		width:calc(100% - 2.35em);
	} to {
		width:0;
	}
}

.searchInputHidden {
	animation-duration: 0.25s;
	animation-name: hideSearchField;
	width:0;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch fieldset {
	width:100%;
	margin-bottom:1.5em;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch fieldset legend {
	float:left;
	width:100%;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch fieldset .containerOfsearch label {
	display: none;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch fieldset .containerOfsearch {
	float:left;
	width:70%;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch fieldset .tx-indexedsearch-search-submit {
	float:left;
	margin-left:5%;
	width:25%;
}

.contentWrapper .tx-indexedsearch-searchbox #tx_indexedsearch p {
	display:none;
}

.tx-indexedsearch-icon {
	display:none;
}

.tx-indexedsearch-rules {
	display:none;
}

.tx-indexedsearch-browsebox {
	margin-bottom:4em;
}

.tx-indexedsearch-res {
	padding:2em 3em;
	backrgound-color:transparent;
}

.tx-indexedsearch-res:nth-child(even) {
	backrgound-color:rgb(var(--offWhiteColorTeaser));
}

.tx-indexedsearch-percent {
	float:right;
}

.tx-indexedsearch-description {
	margin-top:2em;
}

.tx-indexedsearch-info {
	display:none;
}


/* ////////////////////////// */
/* ///////// Header ///////// */
/* ////////////////////////// */

.headerWrapper {
	margin-top:calc(var(--maximalLogoHeight) + 1.1em);
	/*height:20em;*/
	line-height:0;
}

.headerWrapper .spacer,
.headerWrapper .slider img,
.headerWrapper .slider video {
	height:auto;
	width:100%;
}

.headerWrapper .slider .frame-layout-0 {
	margin:0;
}

.headerWrapper .clipbox-describe {
	display:none;
}

.headerWrapper .carousel-caption {
	display:none!important;
}

.headerWrapper .carousel-indicators {
	display:none!important;
}


/* ////////////////////////// */
/* ////// Call me Back ////// */
/* ////////////////////////// */

.callMeBackWrapper {
	/* (Line Height 1.3 + (Padding 0.5 *2) * Font Size 2) + Border 1px  */
	margin-top:calc(((2.3em * 2.0) + 1px) * -1);
	display:var(--allowCallmeBack);
	z-index:2;
	position:relative;
}

.callMeBackContainer > div  {
	background-color:rgb(var(--websiteBackgroundColor));
	border:1px solid rgb(var(--primaryColor));
	float:left;
	width:100%;
}

.callMeBackHeadline {
	padding:0.5em 1.25em;
	font-size:2.0em;
	color:rgb(var(--invertedTextColor));
	background-color:rgb(var(--primaryColor));
	margin-bottom:0.75em;
	font-weight:600;
}

.callbackForm {
	float:left;
	width:100%;
	display:flex;
	padding:0 calc(1.25em * 1.7);
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:center;
	align-items:flex-end;
	gap:3em;
	font-size:1.2em;
}

.callbackForm input {
	font-size:0.9em;
}

.callbackName, .callbackTelephone {
	width:100%;
}

.callbackSubmit {
	width:40%;
	min-width:10em;
}

.callbackDatenschutz {
	float:left;
	width:100%;
	margin:1em 0 1.5em;
	padding:0 calc(1.25em * 2.0);
}

.callbackDatenschutz a {
	color:rgb(var(--primaryColor));
}

.datenschutzCheckbox, .datenschutzLabel {
	float:left;
}

.datenschutzLabel {
	margin-left:0.5em;
	margin-top:-0.1em;
}

.callMeBackForm .alert.alert-danger.mb-1.error {
	float:left;
	width:100%;
	padding:0.3em 1.7em;
	color:rgb(var(--textColor));
}

.callMeBackForm p {
	float:left;
	width:100%;
	padding:0.5em 2.5em;
	color:rgb(var(--textColor));
}

.callMeBackAlternative {
	text-align: center;
}

.ctaCallMeBackAlternative::before {
	content: "Schreiben Sie uns eine Nachricht";
	display: inline-block;
	color:rgb(var(--whiteColor));
	padding: 0.55em 1.15em 0.65em 1.15em;
	background-color:rgb(var(--primaryColor));
	font-size:1.4em;
	cursor:pointer;
}

.ctaCallMeBackAlternative:hover::before {
	background-color:rgb(var(--greyColor));
}

/* ////////////////////////// */
/* //////// Lightbox ///////// */
/* ////////////////////////// */

a.lightbox {
	cursor:unset;
}

#lbOverlay,
#lbCenter,
#lbImage,
#lbBottomContainer,
#lbBottom
 {
display:none; /* important entfern */
}

/* /////////////////////////// */
/* /////// Landingpage /////// */
/* /////////////////////////// */

/*.col-md-8 {
	width:61.666666%;
	margin-right:5%;
}

.col-md-4 {
	width:33.333333%;
}*/

.ctaCenterWrapper {
	float:left;
	width:100%;
	text-align:center;
}

.ctaButton {
	background-color:rgb(var(--primaryColor));
	border:1px solid rgb(var(--primaryColor));
	color:rgb(var(--whiteColor));
	
	padding: 0.5em 1.75em;
  font-size: 1.45em;
  cursor: pointer;

  margin:1em 0;
  font-weight:500;

  display:inline-block;
}

.ctaButton:hover {
	background-color:rgb(var(--greyColor));
	border:1px solid rgb(var(--greyColor));
}

#emastersConfiguratorButton:hover, .vergleichstabelleInactiveButton:hover {
	background-color:rgb(var(--greyColor));
	border-color:rgb(var(--greyColor));
	color:rgb(var(--whiteColor));
}

#emastersConfiguratorButton {
	border-radius: 0!important;
	margin-top:2.8em;
  font-weight:500;
}

/* Kundenbewertungen */

.stars_5:before {
	content: '\f005\f005\f005\f005\f005';
}

.stars_4_5:before {
  content: '\f005\f005\f005\f005\f123';
}

.stars_4:before {
  content: '\f005\f005\f005\f005';
}

.stars_4:after {
  content: '\f005';
}

.stars_3_5:before {
  content: '\f005\f005\f005\f123';
}

.stars_3_5:after {
  content: '\f005';
}

.stars_3:before {
  content: '\f005\f005\f005';
}

.stars_3:after {
  content: '\f005\f005';
}

.stars_2_5:before {
  content: '\f005\f005\f123';
}

.stars_2_5:after {
  content: '\f005\f005';
}

.stars_2:before {
  content: '\f005\f005';
}

.stars_2:after {
  content: '\f005\f005\f005';
}

.stars_1_5:before {
  content: '\f005\f123';
}

.stars_1_5:after {
  content: '\f005\f005\f005';
}

.stars_1:before {
  content: '\f005';
}

.stars_1:after {
  content: '\f005\f005\f005\f005';
}

.icon_stars {
	font-family: FontAwesome;
	font-size:1.1em;
}

.icon_stars:before {
  color:rgb(var(--primaryColor));
}

.icon_stars:after {
  color:rgb(var(--veryLightColor));
}

.bewertungen.bewertungen-boxquer-item {
	float:left;
	width:100%;
	margin:2em 2% 0 2%;
}

.bewertungen.bewertungen-boxquer-item p:first-child {
	font-size:1.2em;
	font-weight:500;
}

.bewertungen-cont-quertop {
	float:left;
	width:100%;
}

.bewertungen-cont-quertop p {
	padding:0;
	margin:0;
	line-height:1.5em;
}

.bewertungen-cont-querbottom {
	float:left;
	width:100%;
	margin-top:1em;
}

.bewertungen-cont-querbottom p, .bewertungen-cont-querbottom h2 {
	margin:0;
	padding:0;
}

/* ////////////////////////// */
/* //////// Content ///////// */
/* ////////////////////////// */

#titelueberschrift {
	display: none !important;
} 

.headerWrapper {
	position:relative;
}

#pageHeadline {
  display: block;
  position: absolute;
  z-index: 10;
  top: 3vw;
  color: rgb(var(--whiteColor));
  text-shadow: 0.2em 0.2em 0.5em rgb(var(--blackColor));
}

#pageHeadline h1 {
  font-size: 3.5vw;
}

#pageHeadline #titelueberschrift {
	display: block !important;
}

#untertitel {
  display: block;
  position: absolute;
  z-index: 10;
  top: 7.5vw;
  color: rgb(var(--whiteColor));
  /*text-shadow: 0.2em 0.2em 0.5em rgb(var(--blackColor));*/
  text-shadow: 0.05em 0.05em 0.35em rgb(var(--blackColor));
	font-size: 1.4vw;
	font-weight: bold;
	line-height:1.2em;
	width: 90%;
  max-width: 1600px;
}

#untertitel h3 {
	font-size:1.4em;
	font-weight:600;
	display:inline-block;
	border-bottom:0.1em solid rgb(var(--primaryColor));
	padding-bottom:0.1em;
	margin:0.25em 0;
}

#untertitel ul {
	list-style: none;
	padding-left:1em;
}

#untertitel ul li {
	position:relative;
	padding:0 0 0.75em 1.5em;
}

#untertitel ul li:before {
	content:"\2714\0020";
	color:rgb(var(--primaryColor));
	position: absolute;
  left: 0;
  color: rgb(var(--primaryColor));
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1;
  top: 0.1em;
}

#untertitel .ctaButton {
	text-shadow: none;
	position:absolute;
	top:4em;
	right:5em;
	font-size:0.85em;
}


.ce-bodytext span[style*="color"], .ce-bodytext div[style*="color"] p {
	color:rgb(var(--textColor))!important;
}

.contentWrapper ul {
	list-style: none;
	padding-left:0;
}

.contentWrapper ul li {
	position:relative;
	padding:0 0 0.75em 1.5em;
}

.contentWrapper ul li:before {
	content:"\2714\0020";
	color:rgb(var(--primaryColor));
	position: absolute;
  left: 0;
  color: rgb(var(--primaryColor));
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1;
  top: 0.1em;
}

.ce-bodytext li {
	margin-bottom:0.5em;
}


.align-center {
	text-align:center;
}

.contentWrapper {
	padding:7em 0 10em 0;
}

.landingpage .contentWrapper {
	padding: 0;
}

.contentWrapper .d100 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: center;
}
.contentWrapper .d100 > * {
	flex-shrink: 0;
	flex: 0 0 auto;
}

.contentWrapper a {
	text-decoration: underline;
}

.g-0 {
	float:left;
	width:100%;
}

/* 
#titelueberschrift {
	float:left;
	width:100%;
}
  */

/* Layout Elemente / Typo 3 Elemente */

.ce-gallery {
	flex-shrink: 0;
}

.frame-layout-48 {
	width:30%;
	padding:0 2em;
}

.frame-layout-0, .frame-layout-7, .frame-layout-8, .frame-layout-42, .frame-layout-43 {
	float:left;
	margin:3em 0;
}

.frame-layout-0 {
	width:100%;
}

.frame-layout-0 .ce-textpic {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;

	gap: 5em;
}

.frame-layout-0 .ce-bodytext {
	order:1;
}
.frame-layout-0 .ce-gallery {
	order:2;
}

.frame-layout-0 .ce-gallery .ce-row, .frame-layout-0 .ce-gallery .ce-row .ce-column, .frame-layout-0 .ce-gallery .ce-row .ce-column figure {
	/*height:100%;*/
}

.frame-layout-0 .ce-gallery .ce-row, .frame-layout-0 .ce-gallery .ce-row .ce-column, .frame-layout-0 .ce-gallery .ce-row .ce-column img {
	margin-bottom: 2em;
}

.frame-layout-0 .ce-gallery .ce-row .ce-column figcaption {
	max-width:20em;
}

.frame-layout-0 .ce-gallery .ce-row .ce-column figure {
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
}



/*.frame-layout-0 .ce-gallery img {
	height:100%;
	width:auto!important;
}

.frame-layout-0 .ce-gallery img[src*="csm_im_hauptmotiv_neu"] {
	height:auto;
	width:100%!important;
}*/

.partnerWrapper > div {
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-content:center;
	gap: 2.5em 5em;
}

.frame-layout-0 .partner {
	height:6.0em;
	flex-shrink: 0;
	min-width:20%;
}

.frame-layout-0 .partner img {
	height:100%;
	width:auto!important;
}

/* Abstand Boxen 3 spaltig, Spalte 1 und 2 */
.wrapper .frame-layout-1, .wrapper .frame-layout-2,
.frame-layout-46, .frame-layout-41 {
	margin-right: 15px;
	margin-bottom: 50px;
}

/* Abstand Boxen 3 spaltig, Spalte 3 */
.wrapper .frame-layout-3 {
	margin-bottom: 50px;
}

/* News Section */

.news-list-container {
	float:left;
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	gap: 6em 10%;
}

.news-list-item {
	width:40%;
	padding:0;
}

.news-list-item a {
	text-decoration: none;
}

.news-list-item a:hover {
	color:rgb(var(--textColor));
}

.newsWrapper {
	display:flex;
	flex-direction: column;
	width:100%;
}

.newsWrapper img {
	width:100%;
	height:auto;
	margin:0;
	animation-name: none;
	-webkit-filter:none;
					filter:brightness(1.05) contrast(1.25);
}

.newsImageAndButtonWrapper {
	position:relative;
	border-radius:0.5em;
	overflow:hidden;
	margin-bottom:1.5em;
}

.newsImageContainer {
	position:relative;
}

.newsImageOverlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(var(--imageOverlayMouseOut));
}

.newsMoreInformationButton {
	position:absolute;
	left:calc(50% - (13em / 2));
	background-color:rgb(var(--whiteColor));
	width:13em;
	text-align:center;
	padding:0.75em 1.0em;
	border-radius:3em;
}

@keyframes newsImageOverlayMouseOut {
	from {
		backdrop-filter: blur(0em);
		background-color:rgba(var(--imageOverlayMouseIn));
	} to {
		backdrop-filter: blur(0.2em);
		background-color:rgba(var(--imageOverlayMouseOut));
	}
}

.newsWrapper .newsImageOverlay {
	animation-duration: 0.25s;
	animation-name: newsImageOverlayMouseOut;
	backdrop-filter: blur(0.2em);
	background-color:rgba(var(--imageOverlayMouseOut));
}

@keyframes newsImageOverlayMouseIn {
	from {
		backdrop-filter: blur(0.2em);
		background-color:rgba(var(--imageOverlayMouseOut));
	} to {
		backdrop-filter: blur(0em);
		background-color:rgba(var(--imageOverlayMouseIn));
	}
}

.newsWrapper:hover .newsImageOverlay {
	animation-duration: 0.25s;
	animation-name: newsImageOverlayMouseIn;
	backdrop-filter: blur(0em);
	background-color:rgba(var(--imageOverlayMouseIn));
}


@keyframes newsInformationButtonMouseOut {
	from {
		top:40%;
	} to {
		top:50%;
	}
}

.newsWrapper .newsMoreInformationButton {
	animation-duration: 0.25s;
	animation-name: newsInformationButtonMouseOut;
	top:50%;
}

@keyframes newsInformationButtonMouseIn {
	from {
		top:50%;
	} to {
		top:40%;
	}
}

.newsWrapper:hover .newsMoreInformationButton {
	animation-duration: 0.25s;
	animation-name: newsInformationButtonMouseIn;
	top:40%;
	color:rgb(var(--primaryColor));
}

.newsTitleContainer {
	color:rgb(var(--blackColor));
	margin-bottom:0.25em;
	font-size:1.2em;
}

.newsTeaserContainer {
	font-weight: 300;
}

.news-list-item .clear, .news-list-item .news_title, .news-list-item .news-list-content {
	display:none;
}

@keyframes loseFocusOnLayout6 {
	from {
		background-color:rgb(var(--websiteBackgroundColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--shadowColorLight));
	} to {
		box-shadow: 0.0em 0.0em 1.25em rgba(var(--shadowColorDark), 0.75);
		background-color:rgba(var(--offWhiteColor), 0.15);
	}
}

.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 {
	width:calc(30% - 3em);
	margin:3em 0;
	padding:1.5em 0;
}

.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 .csc-textpic-image img {
	width:100%;
	height:auto;
}

.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 .cycle-pager {
	top:110%!important;
}

.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 .csc-header h2 {
	margin-top:1em;
	min-height:1em;
}

.frame-layout-6 {
	animation-duration: 0.25s;
	animation-name: loseFocusOnLayout6;

	float:left;
	width:calc(30% - 3em);
	margin:2em calc(((100% - ((30% - 3em) * 3)) / 3 ) / 2);
	padding:1.5em;
	border-radius:0.5em;
	height:14.2em;
	position:relative;

	background-color:rgba(var(--offWhiteColor), 0.15);
	box-shadow: 0.0em 0.0em 1.25em rgba(var(--shadowColorDark), 0.75);
}

.frame-layout-6.frame-type-textpic {
	height:16.2em;
}

.frame-layout-6.frame-type-textpic .ce-gallery {
	display:none;
}

.frame-layout-6 h2 {
	font-size:1.5em;
	margin-bottom:0.5em;
	color:rgb(var(--blackColor));
}

.frame-layout-6 a {
	position:absolute;
	bottom:1.5em;
}

.frame-layout-6 .box p {
	height: 5em;
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
	color:transparent;
	line-height:0;
}

.frame-layout-6 .box p:first-of-type {
	color:rgb(var(--textColor));
	text-overflow: ellipsis;
	line-height:1.25em;
}


@keyframes focusOnLayout6 {
	from {
		box-shadow: 0.0em 0.0em 1.25em rgba(var(--shadowColorDark), 0.75);
		background-color:rgba(var(--offWhiteColor), 0.15);
	} to {
		background-color:rgb(var(--websiteBackgroundColor));
		box-shadow: 0.0em 0.0em 0.5em rgb(var(--shadowColorLight));
	}
}

.frame-layout-6:hover {
	animation-duration: 0.25s;
	animation-name: focusOnLayout6;

	cursor:pointer;
	background-color:rgb(var(--websiteBackgroundColor));
	box-shadow: 0.0em 0.0em 0.5em rgb(var(--shadowColorLight));
}

.frame-layout-6:hover a {
	color:rgb(var(--primaryColor));
}

.frame-layout-7 header, .frame-layout-42 header, .frame-layout-8 header, .frame-layout-43 header {
	margin-bottom:1.5em;
}

.frame-layout-7, .frame-layout-42 {
	width:35%;
	padding:1.5em;
	background-color:rgba(var(--offWhiteColor), 1.0);
}

.landingpage .frame-layout-42 {
	background: transparent;
	padding: 0;
}

.frame-layout-8, .frame-layout-43 {
	width:calc(65% - 9em);
	padding:1.5em 0;
	margin-left:9em;
	margin-right:0!important;
}

.frame-layout-8 .ce-textpic, .frame-layout-43 .ce-textpic {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.frame-layout-8 .ce-bodytext, .frame-layout-43 .ce-bodytext {
	order:1;
}
.frame-layout-8 .ce-gallery, .frame-layout-43 .ce-gallery {
	order:2;
	margin-left:1.5em;
}

.frame-layout-8 .ce-gallery img, .frame-layout-43 .ce-gallery img {
	height:100%;
}

.frame-layout-9, .frame-layout-10 {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border-radius:0.5em;
	min-height:15em;
	position:relative;

	background-color:rgba(var(--offWhiteColor), 1.0);
}

.frame-layout-9 h2, .frame-layout-10 h2 {
	font-size:1.5em;
	margin-bottom:0.5em;
	color:rgb(var(--blackColor));
}

.frame-layout-9 img, .frame-layout-10 img {
	width:100%;
	border-radius:0.75em;
	margin-bottom:1.5em;
	margin-top:1.0em;
}


.frame-layout-16, .frame-layout-17 {
	width:calc(50% - 1.5em);
	opacity:80%;
	background-color:rgb(var(--primaryColor));
	float:left;
	margin:5em 0;
}

.frame-layout-17 {
	margin-left:3em;
}

.frame-layout-16:hover, .frame-layout-17:hover {
	opacity:75%;
}

.frame-layout-16 img, .frame-layout-17 img {
	width:100%;
	mix-blend-mode: normal;
	animation-name: none!important;
}

.frame-layout-16:hover img, .frame-layout-17:hover img {
	mix-blend-mode: hard-light;
	animation-name: none!important;
	-webkit-filter:brightness(1.05) contrast(1.25) grayscale(1);
					filter:brightness(1.05) contrast(1.25) grayscale(1);
}

.frame-layout-30 {
	float:left;
	width:100%;
}

.frame-layout-30.frame-type-textpic.frame-128 {
	position:relative;
	height:25em;
	width:20em;
	margin:0 5em 5em 5em;
	border-radius:0.75em 0.75em 0em 0em;
	overflow:hidden;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-gallery, .frame-layout-30.frame-type-textpic.frame-128 .ce-gallery img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:20em;
	height:20em;
	margin:0!important;
	padding:0!important;
	filter:none;
	animation-name: none;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-gallery img {
	border-radius:0em 0em 0.75em 0.75em;
	filter: blur(1px) contrast(110%) saturate(110%);
	image-rendering: pixelated;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-bodytext {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	pointer-events: none;
	width:20em;
	height:24em;
	margin:0!important;
	padding:0!important;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-bodytext h3 {
	background-color:rgba(var(--blackColor), 0.75);
	backdrop-filter: blur(0.05em);
	color: rgb(var(--whiteColor));
	font-size:1.3em;
	width:100%;
	padding:0.3em 2.5%;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-bodytext p {
	position:absolute;
	top:20.5em;
	left:0;
	padding:0 0.25%;
}

.frame-layout-30.frame-type-textpic.frame-128 .ce-bodytext p a {
	text-decoration:none;
}

.frame-layout-0 .csc-textpic-above .csc-textpic-last {
	text-align: center;
	margin-bottom: 2em;
}

.frame-layout-0 .csc-textpic-above .csc-textpic-last img {
	width:70%;
	height:auto;
}

.frame-layout-0 .csc-textpic-above .csc-textpic-text {
	width:70%;
	margin:0 auto;
}


.manufacturerPresentationText {
	width:55%;
}

.manufacturerPresentationLogo {
	float:right;
	text-align:right;
	width:35%;
	margin-top:-2.6em;
}

.manufacturerPresentationLogo img {
	mix-blend-mode: multiply;
	animation-name:none;
	filter:none;
	margin:0;
	display: inline!important;
}

.manufacturerPresentationLogo .ce-gallery img {
	width:25em!important;
	height:auto!important;
	max-width:100%!important;
}

.manufacturerPresentationLogo img:hover {
	filter:none;
	animation-name:none;
}

.manufacturerPresentationLogo .ce-textpic {
	display:block;
	width:100%;
}

/* Vergleich */

.contentWrapper #emastersCompareWrapper {
	width: 100%;
}

.contentWrapper .vergleichstabelleContent {
    float: left;
    width: 100%;
    padding: 1em 0.5em;
    border: 1px solid rgb(var(--vergleichPrimaryColor));
}

/* Product Listing */

.frame-128.frame-type-textpic.frame-layout-0 {
	width:calc(33% - 5em);
	margin:2.5em;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic .ce-row, .frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic .ce-column, .frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic .ce-row img {
	margin:0;
}

.frame-type-shortcut > .box {
	float:left;
	width:100%;

	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content: flex-start;
	gap:5em;
}

.frame-type-shortcut > .box .frame-type-textpic {
	width:calc(33% - 3.5em);
	min-width:20%;
	margin:0;
	flex: 0 1 auto;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic, .frame-type-shortcut > .box .ce-textpic {
	flex-direction:column;
	gap:0em;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic .ce-gallery, .frame-type-shortcut > .box .ce-textpic .ce-gallery {
	order:1;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic .ce-bodytext, .frame-type-shortcut > .box .ce-textpic .ce-bodytext {
	order:2;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic a, .frame-type-shortcut > .box .ce-textpic a {
	text-decoration: none;
	padding-top:1.25em;
	display:block;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic p, .frame-type-shortcut > .box .ce-textpic p {
	margin:0;
}

.frame-128.frame-type-textpic.frame-layout-0 > .box .ce-textpic:hover a, .frame-type-shortcut > .box .frame-type-textpic:hover a {
	color:rgb(var(--primaryColor));
}

.frame-type-shortcut > .box .frame-80.frame-type-div.frame-layout-12 {
	display:none;
}

.ce-textpic .float-start.image-embed-item {
	display:none;
}


/* News Area */

.news-single-img {
	margin-top:0;
	margin-left:2em;
}

.news-single-img img {
	border-radius: 0.5em;
	animation-name: none!important;
	-webkit-filter:brightness(1.05) contrast(1.25);
					filter:brightness(1.05) contrast(1.25);
}

.news-single-img img:hover {
	animation-name: none!important;
	-webkit-filter:brightness(1.05) contrast(1.25);
					filter:brightness(1.05) contrast(1.25);
}

.news-single-rightbox {
	display:none;
}

.news-single-item strong {
	color:rgb(var(--blackColor));
	font-size:1.2em;
	margin-bottom:0.0em;
	display:block;
	margin-top:1.5em;
}

/* News Backlink & social Media */

.news-single-backlink {
	padding:0;
	margin-top:3em;
}

.news-single-backlink .detailsansehen {
	margin-bottom:3em;
	background-color:rgb(var(--primaryColor));
	color:rgb(var(--whiteColor));
	padding:0.5em 1.25em;
	cursor:pointer;
	float:left;
}

.news-single-backlink .detailsansehen:hover {
	background-color:rgb(var(--greyColor));
}

.news-single-backlink .detailsansehen a {
	text-decoration: none;
	color:rgb(var(--whiteColor));
}

.shariff {
	width:100%;
	float:left;
}

.shariff ul li::before {
	content:none;
}

.shariff-button a {
	background-color:rgb(var(--greyColor))!important;
}

.shariff-button a:hover {
	background-color:rgb(var(--primaryColor))!important;
}

/* Video */
.video-js video {
	position:relative;
}

.vjs-big-play-button {
	position:relative;
}

.vjs-default-skin .vjs-big-play-button {
	width:2.6em!important;
	height:2.6em!important;
	border-radius: 2.6em!important;
	background-color:rgba(var(--blackColor),0.3)!important;
	backdrop-filter: blur(0.05em);
	color:rgb(var(--whiteColor));
	border: 0.1em solid rgb(var(--whiteColor))!important;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	margin-left:-1.3em!important;
}

.vjs-default-skin .vjs-big-play-button::before {
	padding-left: 0.1em;
	line-height:2.5em!important;
	text-shadow: 0.05em 0.05em 0.1em rgba(var(--blackColor),0.75)!important;
}

.vjs-default-skin:hover .vjs-big-play-button {
	color:rgb(var(--primaryColor));
	backdrop-filter: blur(0em);
	border-color:rgb(var(--primaryColor))!important;
}

.vjs-default-skin .vjs-volume-level {
	background-color:rgb(var(--primaryColor))!important;
	background-image:none!important;
}

.vjs-default-skin .vjs-play-progress {
	background-color:rgb(var(--primaryColor))!important;
	background-image:none!important;
}

.vjs-default-skin .vjs-control-bar {
	background-color:rgba(var(--blackColor),0.5)!important;
	backdrop-filter: blur(0.05em);
}

.vjs-default-skin {
	color:rgba(var(--whiteColor),0.9)!important;
}

.vjs-default-skin:hover {
	color:rgba(var(--whiteColor),1.0)!important;
}

.vjs-default-skin .vjs-control:focus::before, .vjs-default-skin .vjs-control:hover::before {
	text-shadow:none!important;
}

.vjs-default-skin .vjs-slider-handle::before {
	text-shadow:none!important;
}

.vjs-default-skin .vjs-control::before {
	text-shadow:none!important;
}

.vjs-default-skin .vjs-slider {
	background-color:rgba(var(--blackColor),0.5);
}

.vjs-default-skin .vjs-volume-bar {
	height:0.5em!important;
}

.video-js {
	width:50%;
	margin:0 auto;
	margin-bottom:6em;
	border-radius: 2em;
	overflow:hidden;
	line-height:0;
	border:none!important;

	-webkit-box-shadow: 0 1em 1em 0 rgba(var(--blackColor),0.35);
		 -moz-box-shadow: 0 1em 1em 0 rgba(var(--blackColor),0.35);
					box-shadow: 0 1em 1em 0 rgba(var(--blackColor),0.35);
}


.vjs-tech {
	position:relative!important;
}

.contentWrapper .tx-emasters-lib-uni-pi-video .emasters_video {
	position:relative;
	line-height:0;
}

.contentWrapper .tx-emasters-lib-uni-pi-video .emasters_video.hpk_pc-klein .vjs-default-skin {
	position:relative!important;
	width:100%!important;
	height:auto!important;
}

.contentWrapper .tx-emasters-lib-uni-pi-video .emasters_video.hpk_pc-klein .vjs-default-skin > video {
	position:relative!important;
}

.contentWrapper .tx-emasters-lib-uni-pi-video .csc-textpic-text {
	margin-top:2em;
}

.vjs-default-skin .vjs-big-play-button {
	left:calc(50% - 1.5em)!important;
	top:calc(50% - 1.5em)!important;
}

.frame-layout-0 .tx-emasters-lib-uni-pi-video .emasters_video .vjs-default-skin .vjs-big-play-button,
.frame-layout-43 .tx-emasters-lib-uni-pi-video .emasters_video .vjs-default-skin .vjs-big-play-button
 {
	left:calc(50% - 0.0em)!important;
	top:calc(50% - 0.0em)!important;
}



/* Video Selector */
.tx-emasters-lib-uni-pi-video .playlist-components .playlist {
	width:100%;
	overflow-x:hidden;
	position:relative;
	overflow-y:visible;
	height:10em;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul:before, .tx-emasters-lib-uni-pi-video .playlist-components .playlist li:before {
	content:none;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul {
	padding-inline-start: 0;

	position: absolute;
	white-space: nowrap;
	transition: transform 0.3s ease;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul li {
	border:2px solid rgb(var(--websiteBackgroundColor));
	background-color:rgb(var(--greyColor));
	display:inline-block;

	width:10em;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul li img {
	opacity:0.75;
	width:100%;
	height:auto!important;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul li:hover img {
	opacity:1;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul .active {
	border-color:rgb(var(--primaryColor));
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul .active img {
	filter:none;
	animation-duration:0;
	animation-name: none!important;
	opacity:1;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist ul .active img:hover {
	filter:none;
	animation-duration:0;
	animation-name: none!important;
	opacity: 1;
}

.tx-emasters-lib-uni-pi-video .playlist-components .playlist button {
	display:none;
}

.tx-emasters-lib-uni-pi-video .overlay {
	display:none!important;
}

/* Product Listing */

.frame-128.frame-type-shortcut.frame-layout-0 {
	margin:1.5em 1.5em;
	width:21em;
	height:21em;
	text-align:center;
	cursor:pointer;

	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.15s;
	border-radius: 0.5em;
	background: radial-gradient(
		150rem circle at 0 0,
		rgba(var(--lightColor), 0),
		transparent 0%
	);
}


.frame-128.frame-type-shortcut.frame-layout-0:hover {
	transform: scale(0.97);
}

.frame-128.frame-type-shortcut.frame-layout-0:hover::before {
	opacity: 1;
}

.frame-128.frame-type-shortcut.frame-layout-0::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	background: radial-gradient(
		60rem circle at var(--xPos) var(--yPos),
		rgba(var(--lightColor), 0.1),
		transparent 35%
	);
	opacity: 0;
	transition: all 0.15s ease-in-out;
}

.frame-128.frame-type-shortcut.frame-layout-0 .csc-content p {
	width:95%;
	margin-left:2.5%;
	margin-top:0.5em;
	text-align:center;
}

.frame-128.frame-type-shortcut.frame-layout-0 > div{
	background-color: rgb(var(--offWhiteColorTeaser));
	border-radius: inherit;
	transition: all 0.25s;
	height: calc(100% - 2px)!important;
	width: calc(100% - 2px)!important;
	position:relative;
}

.frame-128.frame-type-shortcut.frame-layout-0 .herstelleruebersicht {
	position:absolute;
	bottom:1em;
	width:100%;
	text-align: center;
}

.frame-128.frame-type-shortcut.frame-layout-0 .herstelleruebersicht a {
	text-decoration: none;
}

.frame-128.frame-type-shortcut.frame-layout-0 .herstelleruebersicht .herstellerlink {
	margin-top:0.5em;
}


/* Teaser Cards */
#teaserWrapper1 {
	margin-top:3em;
}

.teaserWrapper, .produktloesungen {
	width:100%;
	float:left;
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content:center;
	align-items: center;
	padding:2.5em 0;
	
	gap: 1.5em;
}

.teaserCard h2 {
	font-size: 1.5em;
}

.teaserCard header {
	height:3.5em;
	margin-top:1.5em;
}

.teaserCard, .produktloesungen .frame-128 {
	margin:1.5em 0;
	width:21em;
	height:21em;
	text-align:center;
	cursor:pointer;

	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.15s;
	border-radius: 0.5em;
	background: radial-gradient(
		150rem circle at 0 0,
		rgba(var(--lightColor), 0),
		transparent 0%
	);
}

.produktloesungen .frame-128 {
	margin:0.5em 0;
}

.teaserCard .ce-bodytext, .teaserCard .ce-bodytext p {
	width:95%;
	margin-left:2.5%;
	text-align:center;
}

.teaserCard a {
	display:block;
	background-color:rgb(var(--whiteColor));
	padding:0.5em 1em;
	text-decoration: none;
	border:1px solid rgb(var(--offWhiteColor));
	position:absolute;
	bottom:1.5em;
	width:12em;
	text-align: center;
	left:calc(50% - 6em);
}

.teaserCard:hover a {
	color:rgb(var(--primaryColor));
}

.teaserCard:hover, .produktloesungen .frame-128:hover {
	transform: scale(0.97);
}

.teaserCard:hover::before, .produktloesungen .frame-128:hover::before {
	opacity: 1;
}

.teaserCard::before, .produktloesungen .frame-128::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	background: radial-gradient(
		60rem circle at var(--xPos) var(--yPos),
		rgba(var(--lightColor), 0.1),
		transparent 35%
	);
	opacity: 0;
	transition: all 0.15s ease-in-out;
}

.teaserCard > div, .produktloesungen .frame-128 > div{
	background-color: rgb(var(--offWhiteColorTeaser));
	border-radius: inherit;
	transition: all 0.25s;
	height: calc(100% - 2px)!important;
	width: calc(100% - 2px)!important;
	position:relative;
}

.teaserWrapper:hover .teaserCard, .produktloesungen:hover .frame-128 {
	background: radial-gradient(
		100rem circle at var(--xPos) var(--yPos),
		rgba(var(--lightColor), 0.6),
		transparent 15%
	);
}

.teaserIcon {
	max-height:5em;
	fill:rgb(var(--veryLightColor));
}

.teaserCard .ce-gallery,
.teaserCard .csc-textpic-imagewrap {
	height:5%;
	margin-bottom:1em;
	text-align: center;
}

.teaserCard .ce-gallery img,
.teaserCard .csc-textpic-imagewrap img {
	margin:auto!important;
}

.teaserCard img {
	height: 5em;
	animation-name: none;
	mix-blend-mode: multiply;
}

.teaserCard img:hover {
	animation-name: none;
	mix-blend-mode: multiply;
}

.teaserCard header h2 a {
	background-color: transparent!important;
	border:none!important;
	font-size: 0.75em;
	padding:0;
	margin:0;
	left:0;
	width:100%;
}

.teaserCard .elastic-video img.em-yt-content-img {
	display:none;
}


/* Produktlösungen */
.produktloesungen > a {
	display:none;
}

.produktloesungen .frame-128 hr {
	display:none;
}

.produktloesungen .frame-128 .csc-textpic-single-image {
	height:5em;
	width:100%;
	margin:1.5em 0;
}

.produktloesungen .frame-128 .csc-textpic-single-image img {
	height:100%;
	width:auto!important;
	animation-name: none;
	mix-blend-mode: multiply;
}

.produktloesungen .frame-128 .frame-layout-0 {
	margin:0;
}

.produktloesungen .frame-128:hover .csc-textpic-single-image img {
	filter: brightness(1.0) contrast(1.0) grayscale(0);
}

.produktloesungen .frame-128 .csc-textpic-text {
	width:90%;
	margin:0 auto;
}

.produktloesungen .frame-128 .herstelleruebersicht {
	position:absolute;
	bottom:1.5em;
	left:0;
	width:100%;
}

.produktloesungen .frame-128 .herstelleruebersicht .herstellerlink {
	display:inline-block;
	padding:0 0.5em;
}

.produktloesungen .frame-128 .herstelleruebersicht .herstellerlink a {
	font-size: 0;
}

.produktloesungen .frame-128 .herstelleruebersicht .herstellerlink a i {
	font-size: 1.5rem;
}

.produktloesungen .frame-128 .herstelleruebersicht .fa-play-circle::before {
	content:"\f008";
}

.produktloesungen .frame-128 .herstelleruebersicht .fa-book::before {
	content:"\f0ca";
}



/* Contact Area */
.contactAdressWrapper {
	background-color: transparent!important;
	margin:0!important;
	padding:0!important;
}

.contactAdressWrapper .hpk_adr_land {
	margin-bottom: 2em;
}

.contactFormWrapper, .contactMapWrapper {
	width: 100%;
	margin: 2em 0
;	padding: 0;
	border-radius: 0;
	position: relative;
	background-color: transparent;
}

.contactMapWrapper {
	background-image: var(--contactMapBackgroundImage);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto 75%;

	margin-top:4em;
	border-top:1px solid rgba(var(--offWhiteColor), 0.75);
	border-bottom:1px solid rgba(var(--offWhiteColor), 0.75);
}

.contactMapWrapper .tx-hpkfe-pi-gmap .kon_gmap {
	height:60vh;
}

.contactMapWrapperHalfSize .tx-hpkfe-pi-gmap .kon_gmap {
	height:40vh;
}

.contactMapWrapper img {
	filter:none;
	margin:0;
}

.contactMapWrapper br {
	display:none;
	line-height: 0;
}

.contactMapWrapper .tx-hpkfe-pi-adresse {
	display:none;
}

.contactMapWrapper img[src*="spotlight-poi3"], .contactMapWrapper .gm-bundled-control button img, .contactMapWrapper .gm-fullscreen-control img {
	filter:none;
	animation-name: none;
}

.contactMapWrapper img[src*="spotlight-poi3"]:hover, .contactMapWrapper .gm-bundled-control button img:hover, .contactMapWrapper .gm-fullscreen-control img:hover {
	filter:none;
	animation-name: none;
}

.contactMapWrapper ul li:before {
	content:none;
	color:transparent;
}

.contactMapWrapper .map_hinweis_holder {
	font-size: 1.5em;
	width:100%;
	text-align: center;
	margin-top:auto;
	padding-top: 25vh;
}

.contactMapWrapperHalfSize .map_hinweis_holder {
	font-size: 1.5em;
	width:100%;
	padding:0 10%;
	text-align: center;
	margin-top:auto;
	padding-top: 15vh;
}

.contactMapWrapper .map_hinweis_button {
	padding:0.5em 1.5em;
	background-color:rgb(var(--primaryColor));
	color:rgb(var(--whiteColor));
	border:0;
	border-radius:2em;
	margin-top:2em;
	cursor:pointer;
}

.contactMapWrapper .map_hinweis_button:hover {
	background-color:rgb(var(--greyColor));
}

/* Level 5 Navigation (Above Footer) */

.contentLevel5Navigation {
	background-color:rgb(var(--offWhiteColorTeaser));
	padding:2em 0;
	display:none;
}

.contentLevel5Navigation ul {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap:1em 0;
	list-style: none;
}

.contentLevel5Navigation ul li {
	flex: 0 0 25%;
	list-style: none;
}

.contentLevel5Navigation ul li::before {
	content: '•';
	color:rgb(var(--primaryColor));
	display: inline-block;
	margin-right:1em;
}

.contentLevel5Navigation ul li .nav-link {
	display:inline-block;
}

.interestedInHeadline {
	margin-bottom:0.75em;
}

.hamburgerNavigation .ebene5 {
	display:none;
}

.navigationLowerContent {
	display:none;
}


.elastic-video {
	text-align: center;
	margin-top:1em;
	background-image: var(--videoBackgroundImage);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto 75%;
}

.elastic-video .em-yt-video {
	display:inline-block;
}

.elastic-video .em-yt-button {
	background-color: rgb(var(--primaryColor));
	color: rgb(var(--whiteColor));
	padding: 0.5em 1.5em;
	border: 0;
	border-radius: 2em;
	margin-top: 2em;
	cursor: pointer;
}


/* Mitarbeitsersuche */

.csc-frame.csc-frame-default.box.layout-7 {
	position: relative;
	z-index:1;
}

.contentWrapper .wrapper .d100 > div:not([class]):not([class=""]):first-of-type {
  width:100%;
}

.frame.frame-default.frame-type-list.frame-layout-0 .csc-textpic.csc-textpic-intext-right,
.contentWrapper .wrapper .d100 > div:not([class]):not([class=""]):first-of-type .box.border.h-100.p-2 .csc-textpic.csc-textpic-intext-right {
	display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:2em;
}

.frame.frame-default.frame-type-list.frame-layout-0 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap,
.contentWrapper .wrapper .d100 > div:not([class]):not([class=""]):first-of-type .box.border.h-100.p-2 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap {
	order:2;
	max-width:40%;
}

.frame.frame-default.frame-type-list.frame-layout-0 .csc-textpic.csc-textpic-intext-right .csc-textpic-text,
.contentWrapper .wrapper .d100 > div:not([class]):not([class=""]):first-of-type .box.border.h-100.p-2 .csc-textpic.csc-textpic-intext-right .csc-textpic-text {
	order:1;
}

.frame.frame-default.frame-type-list.frame-layout-0 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img,
.contentWrapper .wrapper .d100 > div:not([class]):not([class=""]):first-of-type .box.border.h-100.p-2 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img {
	width:unset!important;
	max-width: 100%;
}

.frame.frame-default.frame-type-list.frame-layout-0 #ajaxcontainer {
	margin:4em 0;
}

#ajaxcontainer .box.layout-6.csc-default.csc-frame.csc-frame-default.regular {
	width:50%;
}


/* ////////////////////////// */
/* ///////// Footer ///////// */
/* ////////////////////////// */

.footerWrapper {
	background-color:rgb(var(--veryLightColor));
	bottom:0;
}

.footerWrapper h1, .footerWrapper h2, .footerWrapper h3, .footerWrapper h4, .footerWrapper h5, .footerWrapper h6 {
	color:rgb(var(--whiteColor));
}

.footerWrapper p {
	margin:0;
	padding:0;
}

.footerWrapper .p-2 {
	padding:0!important;
	margin:0;
}

.footerWrapper .spacer {
	background-color:rgb(var(--whiteColor));
	margin:1.5em 0;
}

.footerContent {
	margin-top:1.5em;
}

.footerContactArea {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-around;
}

span.hpk_adr_firma {
	font-weight:normal;
	color:rgb(var(--blackColor));
}

.footerContent .hpk_adr_tel {
	margin-top:1em;
}

.footerCategoryLists {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-between;
	line-height: 1.75;
}

.footerCategoryLists ul, .footerCategoryLists li {
	text-decoration: none;
	list-style: none;
	padding:0;
	margin:0;
}

/*.zentralfussmenu {
	width:17.5%;
}*/

.footerCategoryLists .zentralfussmenu {
	width:unset;
}

.zentralfussmenu li:first-child a, .footerHeadline {
	color:rgb(var(--whiteColor));
	text-transform: uppercase;
	font-size:1.5em;
	font-weight: 600;
}

.footerLegal {
	margin-bottom:1.5em;
}

.footerLegal .nav-item {
	margin-right:0.5em;
}

.footerLegal img {
	width:auto;
	height:2em;
}

.footerLegal svg .iconRed {
  fill: #e2001a;
}

.footerLegal svg {
	width:auto;
	height:2em;
	fill:rgb(var(--logoTextColorLightMode));
}


.finalLine {
	height:2px;
	background-color:rgb(var(--primaryColor));
}


/* ////////////////////////// */
/* ////// Social Media ////// */
/* ////////////////////////// */

#sociallinks {
	letter-spacing:1.2em;
}

#sociallinks a:before {
	font-family: FontAwesome;
	font-size:3em;
}

#sociallinks .facebook a:before {
	content:'\f39e';
	font-size:2.7em;
}

#sociallinks .telefon a:before {
	content:'\f095';
}

#sociallinks .twitter a:before {
	content:'\e61b';
}

#sociallinks .googleplus a:before {
	content:'\f0d5';
}

#sociallinks .tiktok a:before {
	content:'\e07b';
}

#sociallinks .youtube a:before {
	content:'\f167';
}

#sociallinks .whatsapp a:before {
	content:'\f232';
}

#sociallinks .xing a:before {
	content:'\f168';
}

#sociallinks .linkedin a:before {
	content:'\f0e1';
}

#sociallinks .clicktocall a:before {
	content:'\f095';
}

#sociallinks .instagram a:before {
	content:'\f16d';
}

#sociallinks .email a:before {
	content:'\f0e0';
}

/* /////////////////////////// */
/* //////// Accordion //////// */
/* /////////////////////////// */
.accordion_element {
	margin-bottom:1em;
}

.accordion_element .accordion_header {
	background-color: rgb(var(--primaryColor));
	color:rgb(var(--invertedTextColor));
	padding: 0.75em 1em;
	cursor:pointer;
	border-radius: 0.25em;
}

.accordion_element .accordion_header a {
	color:rgb(var(--invertedTextColor));
	text-decoration: none;
}



/* ////////////////////////// */
/* // Width Specifications // */
/* ////////////////////////// */
.d100{width:100%;float:left;}.d99{width:99%;float:left;}.d99center{width:99%;float:left;margin-left:0.5%;}.d98{width:98%;float:left;}.d98center{width:98%;float:left;margin-left:1%;}.d97{width:97%;float:left;}.d97center{width:97%;float:left;margin-left:1.5%;}.d96{width:96%;float:left;}.d96center{width:96%;float:left;margin-left:2%;}.d95{width:95%;float:left;}.d95center{width:95%;float:left;margin-left:2.5%;}.d94{width:94%;float:left;}.d94center{width:94%;float:left;margin-left:3%;}.d93{width:93%;float:left;}.d93center{width:93%;float:left;margin-left:3.5%;}.d92{width:92%;float:left;}.d92center{width:92%;float:left;margin-left:4%;}.d91{width:91%;float:left;}.d91center{width:91%;float:left;margin-left:4.5%;}.d90{width:90%;float:left;}.d90center{width:90%;float:left;margin-left:5%;}.d89{width:89%;float:left;}.d89center{width:89%;float:left;margin-left:5.5%;}.d88{width:88%;float:left;}.d88center{width:88%;float:left;margin-left:6%;}.d87{width:87%;float:left;}.d87center{width:87%;float:left;margin-left:6.5%;}.d86{width:86%;float:left;}.d86center{width:86%;float:left;margin-left:7%;}.d85{width:85%;float:left;}.d85center{width:85%;float:left;margin-left:7.5%;}.d84{width:84%;float:left;}.d84center{width:84%;float:left;margin-left:8%;}.d83{width:83%;float:left;}.d83center{width:83%;float:left;margin-left:8.5%;}.d82{width:82%;float:left;}.d82center{width:82%;float:left;margin-left:9%;}.d81{width:81%;float:left;}.d81center{width:81%;float:left;margin-left:9.5%;}.d80{width:80%;float:left;}.d80center{width:80%;margin-left:10%;float:left;}.d79{width:79%;float:left;}.d79center{width:79%;float:left;margin-left:10.5%;}.d78{width:78%;float:left;}.d78center{width:78%;float:left;margin-left:11%;}.d77{width:77%;float:left;}.d77center{width:77%;float:left;margin-left:11.5%;}.d76{width:76%;float:left;}.d76center{width:76%;float:left;margin-left:12%;}.d75{width:75%;float:left;}.d75center{width:75%;float:left;margin-left:12.5%;}.d74{width:74%;float:left;}.d74center{width:74%;float:left;margin-left:13%;}.d73{width:73%;float:left;}.d73center{width:73%;float:left;margin-left:13.5%;}.d72{width:72%;float:left;}.d72center{width:72%;float:left;margin-left:14%;}.d71{width:71%;float:left;}.d71center{width:71%;float:left;margin-left:14.5%;}.d70{width:70%;float:left;}.d70center{width:70%;float:left;margin-left:15%;}.d69{width:69%;float:left;}.d69center{width:69%;float:left;margin-left:15.5%;}.d68{width:68%;float:left;}.d68center{width:68%;float:left;margin-left:16%;}.d67{width:67%;float:left;}.d67center{width:67%;float:left;margin-left:16.5%;}.d66{width:66%;float:left;}.d66center{width:66%;float:left;margin-left:17%;}.d65{width:65%;float:left;}.d65center{width:65%;float:left;margin-left:17.5%;}.d64{width:64%;float:left;}.d64center{width:64%;float:left;margin-left:18%;}.d63{width:63%;float:left;}.d63center{width:63%;float:left;margin-left:18.5%;}.d62{width:62%;float:left;}.d62center{width:62%;float:left;margin-left:19%;}.d61{width:61%;float:left;}.d61center{width:61%;float:left;margin-left:19.5%;}.d60{width:60%;float:left;}.d60center{width:60%;float:left;margin-left:20%;}.d59{width:59%;float:left;}.d59center{width:59%;float:left;margin-left:20.5%;}.d58{width:58%;float:left;}.d58center{width:58%;float:left;margin-left:21%;}.d57{width:57%;float:left;}.d57center{width:57%;float:left;margin-left:21.5%;}.d56{width:56%;float:left;}.d56center{width:56%;float:left;margin-left:22%;}.d55{width:55%;float:left;}.d55center{width:55%;float:left;margin-left:22.5%;}.d54{width:54%;float:left;}.d54center{width:54%;float:left;margin-left:23%;}.d53{width:53%;float:left;}.d53center{width:53%;float:left;margin-left:23.5%;}.d52{width:52%;float:left;}.d52center{width:52%;float:left;margin-left:24%;}.d51{width:51%;float:left;}.d51center{width:51%;float:left;margin-left:24.5%;}.d50{width:50%;float:left;}.d50center{width:50%;float:left;margin-left:25%;}.d49{width:49%;float:left;}.d49center{width:49%;float:left;margin-left:25.5%;}.d48{width:48%;float:left;}.d48center{width:48%;float:left;margin-left:26%;}.d47{width:47%;float:left;}.d47center{width:47%;float:left;margin-left:26.5%;}.d46{width:46%;float:left;}.d46center{width:46%;float:left;margin-left:27%;}.d45{width:45%;float:left;}.d45center{width:45%;float:left;margin-left:27.5%;}.d44{width:44%;float:left;}.d44center{width:44%;float:left;margin-left:28%;}.d43{width:43%;float:left;}.d43center{width:43%;float:left;margin-left:28.5%;}.d42{width:42%;float:left;}.d42center{width:42%;float:left;margin-left:29%;}.d41{width:41%;float:left;}.d41center{width:41%;float:left;margin-left:29.5%;}.d40{width:40%;float:left;}.d40center{width:40%;float:left;margin-left:30%;}.d39{width:39%;float:left;}.d39center{width:39%;float:left;margin-left:30.5%;}.d38{width:38%;float:left;}.d38center{width:38%;float:left;margin-left:31%;}.d37{width:37%;float:left;}.d37center{width:37%;float:left;margin-left:31.5%;}.d36{width:36%;float:left;}.d36center{width:36%;float:left;margin-left:32%;}.d35{width:35%;float:left;}.d35center{width:35%;float:left;margin-left:32.5%;}.d34{width:34%;float:left;}.d34center{width:34%;float:left;margin-left:33%;}.d33{width:33%;float:left;}.d33center{width:33%;float:left;margin-left:33.5%;}.d32{width:32%;float:left;}.d32center{width:32%;float:left;margin-left:34%;}.d31{width:31%;float:left;}.d31center{width:31%;float:left;margin-left:34.5%;}.d30{width:30%;float:left;}.d30center{width:30%;float:left;margin-left:35%;}.d29{width:29%;float:left;}.d29center{width:29%;float:left;margin-left:35.5%;}.d28{width:28%;float:left;}.d28center{width:28%;float:left;margin-left:36%;}.d27{width:27%;float:left;}.d27center{width:27%;float:left;margin-left:36.5%;}.d26{width:26%;float:left;}.d26center{width:26%;float:left;margin-left:37%;}.d25{width:25%;float:left;}.d25center{width:25%;float:left;margin-left:37.5%;}.d24{width:24%;float:left;}.d24center{width:24%;float:left;margin-left:38%;}.d23{width:23%;float:left;}.d23center{width:23%;float:left;margin-left:38.5%;}.d22{width:22%;float:left;}.d22center{width:22%;float:left;margin-left:39%;}.d21{width:21%;float:left;}.d21center{width:21%;float:left;margin-left:39.5%;}.d20{width:20%;float:left;}.d20center{width:20%;float:left;margin-left:40%;}.d19{width:19%;float:left;}.d19center{width:19%;float:left;margin-left:40.5%;}.d18{width:18%;float:left;}.d18center{width:18%;float:left;margin-left:41%;}.d17{width:17%;float:left;}.d17center{width:17%;float:left;margin-left:41.5%;}.d16{width:16%;float:left;}.d16center{width:16%;float:left;margin-left:42%;}.d15{width:15%;float:left;}.d15center{width:15%;float:left;margin-left:42.5%;}.d14{width:14%;float:left;}.d14center{width:14%;float:left;margin-left:43%;}.d13{width:13%;float:left;}.d13center{width:13%;float:left;margin-left:43.5%;}.d12{width:12%;float:left;}.d12center{width:12%;float:left;margin-left:44%;}.d11{width:11%;float:left;}.d11center{width:11%;float:left;margin-left:44.5%;}.d10{width:10%;float:left;}.d10center{width:10%;float:left;margin-left:45%;}.d9{width:9%;float:left;}.d9center{width:9%;float:left;margin-left:45.5%;}.d8{width:8%;float:left;}.d8center{width:8%;float:left;margin-left:46%;}.d7{width:7%;float:left;}.d7center{width:7%;float:left;margin-left:46.5%;}.d6{width:6%;float:left;}.d6center{width:6%;float:left;margin-left:47%;}.d5{width:5%;float:left;}.d5center{width:5%;float:left;margin-left:47.5%;}.d4{width:4%;float:left;}.d4center{width:4%;float:left;margin-left:48%;}.d3{width:3%;float:left;}.d3center{width:3%;float:left;margin-left:48.5%;}.d2{width:2%;float:left;}.d2center{width:2%;float:left;margin-left:49%;}.d1{width:1%;float:left;}.d1center{width:1%;float:left;margin-left:49.5%;}.dfr{float:right!important;}.dfl{float:left!important;}
/* ////////////////////////// */
/* /// Text Specifications // */
/* ////////////////////////// */
.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}.justify{text-align:justify;}.bold{font-weight:500;font-size:1.1em;}.uppercase{text-transform:uppercase;}

/* ////////////////////////// */
/* // Landingpages // */
/* ////////////////////////// */

/* Übersichtsseite */

.frame-layout-40.frame-type-textpic {
	margin-bottom: 3.5em;
}

.frame-layout-40.frame-type-textpic .card {
	border:none;
	background-color: transparent;
	color: rgb(var(--textColor));
}

.frame-layout-40.frame-type-textpic .ce-textpic .float-start.image-embed-item {
	display:block;
	width:100%;
}

.frame-30.frame-layout-40.frame-type-textpic .ce-textpic .float-start.image-embed-item {
	width:revert-layer;
}

.frame-layout-40.frame-type-textpic .ce-bodytext {
	margin:1em 0 0 0;
}

.frame-layout-40.frame-type-textpic .ce-bodytext h3 {
	margin:0 0 0.5em 0;
}

.frame-layout-40.frame-type-textpic .ce-bodytext a.link-typ1 {
	text-decoration: none;
  background-color: rgb(var(--primaryColor));
  color: white;
  padding: 0.5em 0.7em;
  margin-top: 0.5em;
  display: inline-block;
  font-size: 1.2em;
}

.frame-layout-40.frame-type-textpic .ce-bodytext a.link-typ1:hover {
  background-color: rgb(var(--greyColor));
}



/* Kampagnenseiten */

.landingpage .frame-layout-40.frame-type-textpic .ce-textpic .float-start.image-embed-item {
	width:revert-layer;
}

.landingpage #website {
	color: rgb(var(--blackColor));
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	font-size: 1.3em;
	letter-spacing: 0;
}

.landingpage .frame-layout-0,
.landingpage .frame-layout-4,
.landingpage .frame-layout-40 {
	margin-bottom: 5%;
}

.landingpage .frame-type-html.frame-layout-0 {
    margin: 0;
}

/*.landingpage .contentWrapper .d100 {
	justify-content: space-between;
}*/

.landingpage .hamburgerIcon svg, .landingpage #headerSearchbar .searchButton svg {
	height: 1.5em;
}
	
.landingpage #website h3.icon_stars {
	font-size: 1.1em;
}

.landingpage .headerWrapper img,
.landingpage .contentWrapper img {
	animation-name: none;
	-webkit-filter:none;
	filter:none;
}

.landingpage .col-12.frame.frame-30.frame-type-textpic.frame-layout-40 .box.bg-light.p-2 .ce-textpic.ce-left.ce-intext img {
	width:5em;
}


.landingpage .ce-textpic.ce-left .ce-gallery {
	order: 1;
}

.landingpage .ce-textpic.ce-left .ce-bodytext {
	order: 2;
}

.landingpage .ce-textpic .float-start.image-embed-item {
	display: block;
}

.landingpage .ce-above img {
	margin-bottom: 2em;
}

.landingpage .headerWrapper .wrapper {
	background: rgb(var(--offWhiteColor));
	padding: 2em 5%;
	position: relative;
	width: 100%;
}

.landingpage #pageHeadline,
.landingpage #untertitel  {
	position: relative;
	top: 0;
	text-shadow: none;
	color: rgb(var(--primaryColor));
}

.landingpage .callMeBackWrapper {
	display: none;
}

.landingpage .box.bg-light {
	background: rgb(var(--offWhiteColor));
	padding: 2em !important;
}

.frame {
	max-width: 100%;
}

.landingpage #pageHeadline h1 {
	font-size: 3em;
}

.landingpage #untertitel {
	font-size: 1.5em;
	font-weight: unset;
}

.landingpage h1, .landingpage h2, .landingpage h3,
.landingpage h4, .landingpage h5 {
	font-weight: 700;
	margin-top: 0;
}

.landingpage h2 {
	font-size: 2.2em;
	margin-top: 0;
}

.landingpage h3 {
	font-size: 2em;
	margin-bottom: 0.5em;
}

.landingpage h4, .landingpage h5 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

.landingpage h5 {
	font-weight: 500;
}

.landingpage .contentWrapper ul li:before {
	color: rgb(var(--primaryColor));
	content: "\f058";
	font-family: "FontAwesome";
}

.landingpage .contentWrapper a {
	text-decoration: none;
}

.landingpage a.ctaButton {
	padding: 0.25em 1em;
}

.landingpage .contentWrapper a.ctaButton:hover {
	color: rgb(var(--whiteColor));
}

.landingpage .accordion_element .accordion_header {
	background: transparent;
}

.landingpage .accordion_element .accordion_header a {
	color: rgb(var(--primaryColor));
}

.landingpage .accordion_content {
    padding: 0 0 0 2em;
}

.landingpage #pageHeadline h1 {
   font-size: 2.8em;
}
 
@media only screen and (max-width: 767px) {
	.landingpage .frame-layout-41 .ce-textpic.ce-left,
	.landingpage .frame-layout-40 .bg-light .ce-textpic.ce-left {
		display:flex;
		flex-direction: column;
    align-items: center;
    text-align: center;
	}

	.landingpage .col-12.frame.frame-default.frame-type-textpic.frame-layout-40 .ce-textpic.ce-left.ce-intext.ce-nowrap .image {
		display:flex;
		justify-content: center;
	}

	.landingpage .frame-layout-8,
	.landingpage .frame-layout-43 {
		margin-left:unset;
	}
}


@media only screen and (min-width: 992px) {
   .landingpage #untertitel {
       bottom: 4.6vw;
       font-size: 2vw;
   }

   .landingpage #pageHeadline, .landingpage #untertitel {
       padding: 12px;
   }

   .landingpage #pageHeadline {
     bottom: 6.2em;
     font-size: 1.3vw;
   }
}
 

 


/* ////////////////////////// */
/* /// Tablet Adjustments /// */
/* ////////////////////////// */

@media only screen and (max-width: 1200px) {
	.landingpage #cookieform .form-buttons {
		font-size:0.85em;
	}
}

@media only screen and (max-width: 991px) {
	.landingpage #pageHeadline h1 {
		margin-bottom: 0.15em;
	}
}


@media only screen and (max-width: 1050px) {
	.frame-layout-8 .ce-textpic, .frame-layout-43 .ce-textpic {
		flex-direction:column;
	}

	.frame-layout-8 .ce-gallery, .frame-layout-43 .ce-gallery {
		order:1;
		margin-left:0;
		margin-bottom: 1.5em;
	}

	.frame-layout-8 .ce-bodytext, .frame-layout-43 .ce-bodytext {
		order:2;
	}

	.footerCategoryLists {
		flex-wrap: wrap;
		gap:1.5em 0;
	}

	/*.footerCategoryLists .zentralfussmenu {
		width:30%;
	}*/

	.frame-layout-0 .ce-gallery {
		flex-shrink: unset;
		min-width: 300px;
	}


	/* Navigation */
	.responsiveNavigation {
		height:calc(100vh - 9em);
		overflow-y:scroll;
	}

	.navigationUpperContent .wrapper {
		display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	}

	.navigationUpperContent .d20 {
		width:unset;
		min-width: 18em;
		font-size: 0.9em;
	}

	.navigationUpperContent .d60 {
		width:unset;
	}

	.hamburgerNavigation .ebene2 > ul {
		background-color: transparent!important;
	}

	.hamburgerNavigation .navbar-nav li:hover ul ul,
	.hamburgerNavigation .navbar-nav li:hover ul ul ul,
	.hamburgerNavigation .navbar-nav li:hover ul ul ul ul {
		left: -1100em;
		display:none;
	}

	.hamburgerNavigation .navbar-nav .ebene2:hover > .dropdown-menu {
		min-height: auto;
	}

	.navbar-nav {
		display:flex;
	}

	.hamburgerNavigation .navbar-nav li {
		float:none;
	}

	.hamburgerNavigation .navbar-nav li {
		width:100%;
	}

	.dropdown-toggle {
		position:relative;
	}

	.responsiveNavigation .navbar-nav a.nav-link {
		position:relative;
		display: inline-block;
		width: 90%;
	}

	.responsiveNavigation .navbar-nav li ul {
		position:static;
	}

	.hamburgerNavigation .row > * {
		padding:0;
	}

	.responsiveNavigation .dropdown-icon {
		display: block;
		cursor:pointer;
		width:1.5em;
		height:1.5em;
		position:absolute;
		z-index: 1;
		right:0em;
		top:0.9em;
		font-size:1.0em;
	}

	.responsiveNavigation .dropdown-menu.ebene2 .dropdown-icon {
		top:0.5em;
	}

	.responsiveNavigation .dropdown-menu.ebene3 .dropdown-icon {
		top:0.1em;
	}

	.responsiveNavigation .dropdown-menu.ebene4 .dropdown-icon {
		display:none;
	}

	.responsiveNavigation .dropdown-icon svg {
		fill:rgb(var(--textColor));
	}

	.hamburgerNavigation .navbar-nav .ebene1:hover > .dropdown-menu, .hamburgerNavigation .navbar-nav .ebene2:hover > .dropdown-menu, .hamburgerNavigation .navbar-nav .ebene3:hover > .dropdown-menu {
		position:relative;
		padding-right:0;
		border:0;
		margin-right: 0;
		display:block;
		left:0;
	}

	.hamburgerNavigation .navbar-nav .ebene3 > .dropdown, .hamburgerNavigation .dropdown-menu li {
		padding-right:0;
		margin-right: 0;
		border:0;
	}

	.navigationLowerContent {
		display:none;
	}

	.darkLightSwitchWrapper {
		width:2.5em;
	}

	.darkLightSwitchText {
		display:none;
	}

	.darkToggle {
		left:0.25em;
		right:auto;
		animation-name: none;
		transition: all 0.3s ease;
	}
	.lightToggle {
		right:0.5em;
		left:auto;
		transition: all 0.3s ease;
		animation-name: none;
	}

	#searchInputWrapper {
		position: absolute;
		right: 4em;
		max-width: 60%;
		height:100%;
		background-color:rgb(var(--websiteBackgroundColor));
	}

	.tx-indexedsearch-res {
		padding:2em 1.5em;
	}

	.landingpage #cookieform .form-buttons {
		font-size:0.70em;
	}

	.cookie-content {
    width: 90%;
    padding: 2em;
    left: calc(10% / 2);
	}


}

@media only screen and (max-width: 767px) {
	/*.navigationUpperContent .wrapper {
		display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	}

	.navigationUpperContent .d20 {
		width:unset;
		min-width: 18em;
		font-size: 0.9em;
	}

	.navigationUpperContent .d60 {
		width:unset;
	}*/

	.searchbarContactWrapper .headerContact {
		display:none;
	}

	.navigationUpperContent .d20 {
		min-width: 8em;
		font-size: 0.9em;
	}

	#cookieform .form-buttons {
		gap: 1em;
		font-size: 0.6em;
		justify-content: space-between;
	}

	.cookieform .form-buttons > input {
		width:100%;
		max-width:calc(33.3333% - (2em / 3));
	}

	.landingpage #cookieform .form-buttons {
		font-size:0.65em;
	}

	.cookie-content {
    width: 95%;
    padding: 0.75em;
    left: calc(5% / 2);
	}
}


@media only screen and (min-width: 768px) {
	.landingpage .ce-nowrap {
		flex-wrap: nowrap !important;
		display: flex;
	}

	.col-md-8 {
		width:calc(66.66666% - 9em);
		margin-right:5%;
	}
	
	/* Abstand Boxen 3 spaltig, Spalte 1 und 2 */
	.landingpage .wrapper .frame-layout-1, .landingpage .wrapper .frame-layout-2,
	.landingpage .frame-layout-46 {
		margin: 25px;
	}
	
	.landingpage .frame-type-image.frame-layout-41,
	.landingpage .frame-type-textpic.frame-layout-41,
	.landingpage .frame-type-text.frame-layout-41	{
		margin: 0 0 5%;
	}
	
	.landingpage .frame-type-image.frame-layout-41 .ce-left,
	.landingpage .frame-type-textpic.frame-layout-41 .ce-left {
		margin: 0 3em 0 0;
	}
	
	/*.landingpage .frame-type-image.frame-layout-41 .ce-right,
	.landingpage .frame-type-textpic.frame-layout-41 .ce-right {
		margin: 0 0 0 3em;
	}*/
	
	.landingpage .frame-layout-42 {
		background: transparent;
		padding: 0;
	}
	
	.landingpage .col-md-8.frame-layout-43 {
		margin-right: 0;
		margin-left: 5%;
		padding: 0;
	}
	
	.landingpage .frame-layout-44, .landingpage .frame-layout-45 {
		align-self: stretch;
		margin-bottom: 5%;
	}
	
	.landingpage .contentWrapper .wrapper .d100 > .ce-image.ce-center.ce-above {
		display: flex;
		flex-flow: row nowrap;
		width: 50%;
	}

	.col-md-4 {
		width:33.333333%;
	}
	
	.col-md-6 {
		width: 47%;
	}
	
	.landingpage .col-md-6 {
		width: 50%;
	}
	
	.teaserCard.col-md-4,
	.frame-layout-46	{
		width:30%;
	}
	
	.footerCategoryLists .zentralfussmenu {
		width: 30%;
	}
	
	.contentWrapper #emastersCompareWrapper {
		width: 75%;
	}
	
	.contentWrapper .vergleichstabelleContent {
		padding: 2em 2.5em;
	}
	
	.contentWrapper ul {
		padding-left: 1em;
	}
	
	.landingpage .contentWrapper ul {
		padding-left: 0;
	}
	
	.bewertungen.bewertungen-boxquer-item {
		float:left;
		width:calc(88% / 3);
		margin:2em 2% 0 2%;
	}
	
	.contactMapWrapperHalfSize {
		width:50%;
		margin:0!important;
	}
	
	.contactAdressWrapper {
		padding:0 3em!important;
	}
	
	.frame-layout-9, .frame-layout-10 {
		width:calc(40% - 3em);
		margin:2em calc(((100% - ((40% - 3em) * 2)) / 2 ) / 2);
		padding:1.5em;
	}
	
	.footerLegal .nav-item {
		margin-right:1.5em;
	}

	.landingpage #cookieform .form-buttons {
		font-size:0.6em;
	}
}

@media only screen and (min-width: 992px) {
	.landingpage .headerWrapper .wrapper {
		background: transparent;
		padding: 0 5%;
		width: 90%;
	}

	.landingpage #pageHeadline,
	.landingpage #untertitel  {
		background: rgb(var(--whiteColor));
		position: absolute;
		left: 0;
		top: auto;
		text-shadow: none;
		color: rgb(var(--primaryColor));
		padding: 20px;
		width: auto;
	}
	
	.landingpage #pageHeadline {
		bottom: 10em;
	}
	
	.landingpage #untertitel  {
		/*bottom: 4.1em;*/
		bottom:5vw;
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 767px) {
	.landingpage .frame {
		width: 100%;
	}
	
	.landingpage .frame-type-div.frame-layout-0,
	.landingpage .frame-type-list.frame-layout-0	{
		margin: 0;
	}

	.landingpage .frame-layout-41 .ce-textpic.ce-left.ce-intext.ce-nowrap,
	.landingpage .frame-layout-40.frame-30 .ce-textpic.ce-left.ce-intext.ce-nowrap {
		display: flex;
	}

	.landingpage .ce-textpic.ce-left img {

	}

	.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 {
		width:calc(50% - 3em);
	}

	.frame-layout-6 {
		width: calc(50% - 3em);
		margin: 2em calc(((100% - ((50% - 3em)* 2)) / 2) / 2);
	}

	.frame-layout-0 .ce-gallery {
		flex-shrink: 0;
		min-width: unset;
	}

	.frame-layout-0 .ce-textpic {
		flex-direction: column-reverse;
		gap:2em;
	}

	.frame-layout-0 .ce-gallery .ce-row .ce-column figure {
		align-items: center;
	}

	.frame-layout-0 .ce-gallery .ce-row, .frame-layout-0 .ce-gallery .ce-row .ce-column, .frame-layout-0 .ce-gallery .ce-row .ce-column img {
		margin-bottom: 0;
	}
	
	.landingpage .frame-layout-41 {
		margin-right: 0;
	}
	
	.landingpage .frame-type-image.frame-layout-41 {
		margin-bottom: 0;
	}

    .callbackForm {
		flex-wrap: wrap;
	}
	
	.bewertungen.bewertungen-boxquer-item {
		margin: 2em 0 0;
	}
	
	.footerContactArea {
		display:flex;
		flex-direction: column;
		gap:3em;
	}
	
	.footerWrapper .d70center {
		width:100%;
		float: none;
		margin:0;
	}
	
	.footerWrapper .d35 {
		width:100%;
		float: none;
	}

}


/* ////////////////////////// */
/* /// Mobile Adjustments /// */
/* ////////////////////////// */

@media only screen and (max-width: 480px) {
	/* Global */
	html, body {
		font-size: 0.9em;
	}

	/* Header */
	.initialLogoSize {
		max-height: var(--maximalMobileLogoHeight);
	}

	.headerWrapper {
		height:20em;
		margin-top:calc(var(--maximalMobileLogoHeight) + 1.1em);
	}
	
	.landingpage .headerWrapper {
		min-height: min-content;
	}

	.slider {
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.headerWrapper .spacer, .headerWrapper .slider img {
		height:100%;
		width:auto;
	}

	#pageHeadline {
		top: 11em;
	}
	#pageHeadline h1 {
		font-size: 3em;
	}
	#untertitel {
		top: 9.5em;
		font-size: 1.5em;
	}
	.headerWrapper {
		line-height: inherit;
	}

	/* Logo Animation */
	@keyframes enlargeLogo {
		from {
			max-height: var(--minimalMobileLogoHeight);
		} to {
			max-height: var(--maximalMobileLogoHeight);
		}
	}

	.fullsizeLogo {
		animation-duration: 0.5s;
		animation-name: enlargeLogo;
		max-height:var(--maximalMobileLogoHeight);
	}

	@keyframes reduceLogo {
		from {
			max-height: var(--maximalMobileLogoHeight);
		} to {
			max-height: var(--minimalMobileLogoHeight);
		}
	}

	.minimalismLogo {
		animation-duration: 0.5s;
		animation-name: reduceLogo;
		max-height:var(--minimalMobileLogoHeight);
	}

	/* Callback Form */
	.callMeBackHeadline {
		padding:0.5em 0.75em;
	}

	.callbackForm {
		display: flex;
		padding: 0 calc(0.75em * 1.7);
		flex-direction: column;
		gap: 1.0em;
	}

	.callbackDatenschutz {
		padding: 0 calc(0.75em * 2.0);
	}

	.datenschutzLabel {
		width:90%;
	}

	/* Content */
	.frame-type-shortcut > .box .frame-type-textpic {
		width:100%;
	}

	.frame-layout-13 {
		width: 100%;
	}

	.frame-layout-16, .frame-layout-17 {
		width:100%;
		margin:0;
	}

	.frame-layout-16 {
		margin-top:5em;
	}

	.frame-layout-17 {
		margin-bottom:5em;
	}

	.contentWrapper > .wrapper > .d100 > .csc-frame.csc-frame-default.box.layout-7 {
		width:100%;
	}

	.frame-layout-6 {
		width:100%;
		margin:2em 0;
	}

	.frame-layout-7, .frame-layout-42 {
		width:100%;
	}

	.frame-layout-8, .frame-layout-43 {
		width:100%;
		margin:0;
		margin-top:3em;
	}

	.frame-layout-8 .ce-textpic, .frame-layout-43 .ce-textpic {
		flex-direction:column;
		gap:2em;
	}

	.frame-layout-8 .ce-gallery, .frame-layout-43 .ce-gallery {
		order:1;
		margin:0;
	}

	.frame-layout-8 .ce-bodytext, .frame-layout-43 .ce-bodytext {
		order:2;
	}

	.frame-layout-8 .ce-gallery img, .frame-layout-43 .ce-gallery img {
		width:100%;
		height:auto;
	}

	.frame-layout-9, .frame-layout-10 {
		width:100%;
		margin:2em 0;
	}
	
	.landingpage .frame-30 .ce-textpic.ce-left .ce-bodytext,
	.landingpage .frame-layout-41 .ce-textpic.ce-left .ce-bodytext {
		text-align: center;
	}

	.landingpage .frame-layout-42 {
		margin:0;
	}

	.landingpage .frame-layout-43 {
		margin:0;
	}

	.landingpage .darkLightSwitchWrapper {
		font-size:0.7em;
	}
	
	.landingpage .frame-layout-43 .ce-textpic.ce-left .ce-bodytext {
		text-align: left;
	}
	
	.landingpage .float-start {
		float: none !important;
		margin-right: auto !important;
		margin: 0.5em auto;
	}

	.landingpage h2 {
		font-size: 1.8em;
	}
	
	.landingpage h3 {
		font-size: 1.5em;
	}

	.news-list-item {
		width:100%;
	}

	.news-single-img, .news-single-img a  {
		width:100%;
	}

	.news-single-img img {
		width:100%;
		height: auto;
	}

	.video-js {
		width:100%;
	}

	.manufacturerPresentationText {
		width:100%;
	}

	.manufacturerPresentationLogo {
		width:100%;
		float:left;
	}


	/* Teaser Cards */

	.teaserCard, .produktloesungen .frame-128 {
		font-size:1.2em;
	}

	.contentLevel5Navigation ul li {
		flex: 0 0 100%;
	}

	/* Footer */
	.footerCategoryLists {
		flex-direction: column;
		gap:3em;
	}

	.zentralfussmenu {
		width:100%;
	}

	/* Cookie */

	.cookie-content {
		position: fixed;
		height: 100%;
		width: 100%;
		padding:2em;
		left: 0;
		top: 0;
		overflow-y:scroll;
	}

	.form-buttons {
		flex-direction: column!important;
	}

	#cookieform .form-buttons {
		font-size:1em;
	}

	input[type=submit].save-cookies {
		font-size: 1.2em;
    padding: 1em 0!important;
	}

	.cookie-button {
    padding: 1em 0;
		width:100%;
		max-width:unset;
		font-size:1.2em;
	}
}

@media only screen and (min-width: 481px) {
	.landingpage .contentWrapper {
		padding:3% 0 5em;
	}
	
	.landingpage .ce-textpic.ce-left img {
		margin-right: 1.5em !important;
	}
}

@media only screen and (min-width: 768px) {
	.landingpage .ce-textpic.ce-left img {
		margin-right: 3.0em !important;
	}
}

/* //////////////////////////////////
////////// Dark Mode Sheme //////////
////////////////////////////////// */

[data-theme="dark"] {
	/* Global */


	/* Navigation */
	.navigationWrapper {
		border-bottom: 1px solid rgb(var(--lightColor));
	}

	.navigationLowerContent {
		border-top: 1px solid rgb(var(--lightColor));
	}

	/* Callback */
	.callMeBackHeadline {
		color: rgb(var(--textColor));
	}

	.ctaCallMeBackAlternative::before {
		color:rgb(var(--blackColor));
	}

	/* Content */

	#pageHeadline {
    color: rgb(var(--blackColor));
    text-shadow: 0.2em 0.2em 0.5em rgb(var(--whiteColor));
	}

	#untertitel {
		color: rgb(var(--blackColor));
	  text-shadow: 0.05em 0.05em 0.35em rgb(var(--whiteColor));
	}

	.manufacturerPresentationLogo img {
		mix-blend-mode: difference;
		filter:hue-rotate(180deg) saturate(600%) grayscale(100%) invert(100%);
	}

	.frame-layout-9, .frame-layout-10,
	.frame-layout-7, .frame-layout-42 {
		background-color:rgba(var(--offWhiteColor),0.25);
	}

	/* News */
	.newsMoreInformationButton {
		background-color: rgb(var(--websiteBackgroundColor));
	}

	.newsWrapper:hover .newsMoreInformationButton {
		background-color: rgb(var(--primaryColor));
		color: rgb(var(--textColor));
	}

	.news-single-backlink .detailsansehen, .news-single-backlink .detailsansehen a {
		color: rgb(var(--blackColor));
	}

	/* Teaser Cards */
	.teaserCard, .produktloesungen .frame-128 {
		background: radial-gradient(
			150rem circle at 0 0,
			rgba(var(--darkColor), 0),
			transparent 0%
		);
	}

	.teaserCard::before, .produktloesungen .frame-128::before {
		background: radial-gradient(
			60rem circle at var(--xPos) var(--yPos),
			rgba(var(--darkColor), 0.1),
			transparent 35%
		);
	}

	.teaserWrapper:hover .teaserCard, .produktloesungen:hover .frame-128 {
		background: radial-gradient(
			100rem circle at var(--xPos) var(--yPos),
			rgba(var(--darkColor), 0.6),
			transparent 15%
		);
	}

	.teaserCard a {
		background-color:rgb(var(--veryLightColor));
		border:1px solid rgb(var(--lightColor));
	}

	.teaserCard:hover a {
		color: rgb(var(--textColor));
		background-color:rgb(var(--primaryColor));
	}

	.teaserCard figure.image {
		mix-blend-mode: exclusion;
		filter: brightness(0.95);
	}

	.teaserCard img {
		mix-blend-mode: difference;
		filter:hue-rotate(180deg) saturate(600%) grayscale(100%) invert(100%);
	}

	.teaserIcon {
		fill: rgb(var(--lightColor));
	}

	.produktloesungen .frame-128 .csc-textpic-single-image img {
		mix-blend-mode: difference;
		filter:invert(100%) hue-rotate(180deg) saturate(400%) grayscale(100%) contrast(400%);
	}

	/* Video Player */
	.vjs-big-play-button {
		background-color: rgba(var(--whiteColor),0.3)!important;
		color: rgb(var(--blackColor))!important;
		border: 0.1em solid rgb(var(--blackColor))!important;
	}

	.vjs-default-skin .vjs-big-play-button::before {
		text-shadow: 0.05em 0.05em 0.1em rgba(var(--whiteColor),0.75)!important;
	}

	.vjs-default-skin .vjs-control-bar {
		background-color: rgba(var(--whiteColor),0.5)!important;
	}

	.video-js {
		-webkit-box-shadow: 0 1em 1em 0 rgba(var(--whiteColor),0.35);
			 -moz-box-shadow: 0 1em 1em 0 rgba(var(--whiteColor),0.35);
						box-shadow: 0 1em 1em 0 rgba(var(--whiteColor),0.35);

		border:none!important;
	}

	.elastic-video .em-yt-button {
		color: rgb(var(--blackColor));
	}

	.contactMapWrapper img {
		filter:hue-rotate(180deg) saturate(600%) grayscale(70%) invert(92%) contrast(83%);
	}

	.contactMapWrapper img[src*="spotlight-poi3"], .contactMapWrapper .gm-bundled-control button img, .contactMapWrapper .gm-fullscreen-control img {
		filter:none;
		animation-name: none;
	}

	.contactMapWrapper img[src*="spotlight-poi3"]:hover, .contactMapWrapper .gm-bundled-control button img:hover, .contactMapWrapper .gm-fullscreen-control img:hover {
		filter:none;
		animation-name: none;
	}

	.contactMapWrapper .gm-style .gm-style-iw-c {
		background-color:rgb(var(--websiteBackgroundColor));
	}

	.contactMapWrapper .gm-style .gm-style-iw-c button {
		filter:invert(1) brightness(100%);
	}

	.contactMapWrapper #hpk_map_canvas > div {
		background-color:transparent!important;
	}

	.contactMapWrapper .gm-style-iw-d {
		overflow:hidden!important;
		margin:0 2em 1em 0;
	}

	.contactMapWrapper .gm-style .gm-style-iw-tc::after {
		background-color:rgb(var(--websiteBackgroundColor));
	}

	.gm-style .gm-style-iw-tc {
		webkit-filter: drop-shadow(0 4px 2px rgba(var(--whiteColor)0.4));
		filter: drop-shadow(0 4px 2px rgba(var(--whiteColor),0.4));
	}


	#hpk_map_canvas .gm-style div[style*="z-index: 984"] div[style*="z-index: 0"] img[role="presentation"] {
		filter:grayscale(100%);
	}

	.contactMapWrapper .map_hinweis_button {
		background-color:rgb(var(--primaryColor));
		color: rgb(var(--blackColor));
	}

	.contactMapWrapper .map_hinweis_button:hover {
		background-color:rgb(var(--greyColor));
	}

	/* Landingpage */

	.ctaButton {
		color:rgb(var(--blackColor));
	}

	#emastersConfiguratorButton:hover, .vergleichstabelleInactiveButton:hover {
		color:rgb(var(--blackColor));
	}

	.icon_stars:after {
	  color:rgb(var(--greyColor));
	}

	.landingpage .box.bg-light {
		background-color: rgb(var(--offWhiteColorTeaser)) !important;
	}


	/* Footer */
	.footerWrapper {
		background-color: rgb(var(--offWhiteColor));
	}

	.footerWrapper h1, .footerWrapper h2, .footerWrapper h3, .footerWrapper h4, .footerWrapper h5, .footerWrapper h6 {
		color: rgb(var(--lightColor));
	}

	.zentralfussmenu li:first-child a, .footerHeadline {
		color: rgb(var(--lightColor));
	}

	.footerWrapper .spacer {
		background-color: rgb(var(--lightColor));
	}

	.footerLegal svg,
	.footerLegal svg .iconRed {
		fill:rgb(var(--logoTextColorDarkMode));
	}

	/* Form Fields */
	input[type=text], input[type=email], input[type=tel], .powermail_select {
		background-color:rgb(var(--offWhiteColorTeaser));
		border:1px solid rgb(var(--lightColor));
		color:rgb(var(--textColor));
	}

	input[type=submit],
	.cookie-button {
		color:rgb(var(--textColor))!important;
	}

	input[type=text]::placeholder, input[type=email]::placeholder, textarea::placeholder, input[type=tel]::placeholder, .powermail_select::placeholder {
		color:rgb(var(--darkColor));
	}

	input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, .powermail_select::-ms-input-placeholder {
		color:rgb(var(--darkColor));
	}

	#cookie-list-button {
		color: rgb(var(--textColor))!important;
	}
}