@charset "UTF-8";

@font-face {
	font-family: "OpenSans"; /* regular font */
	src: url("../Schrift/OpenSans-Regular.ttf") format('truetype');
	font-weight: normal; font-style: normal; }

@font-face {
	font-family: "HeadlineFont"; /* headline font */
	src: url("../Schrift/BebasNeue-Regular.ttf") format('truetype');
	font-weight: normal; font-style: normal; }
   
@font-face {
	font-family: "OpenSans"; /* bold font */
	src: url("../Schrift/OpenSans-Bold.ttf") format('truetype');
	font-weight: 600; font-style: normal; }
  
@font-face {
	font-family: "OpenSans"; /* medium font */
	src: url("../Schrift/OpenSans-Medium.ttf") format('truetype');
	font-weight: 500; font-style: normal; }

@font-face {
	font-family: "OpenSans"; /* medium font */
	src: url("../Schrift/OpenSans-Italic.ttf") format('truetype');
	font-weight: normal; font-style: italic; }

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	src: url('../webfonts/fa-solid-900.woff2') format('woff2'),
		url('../webfonts/fa-solid-900.woff') format('woff');
	}

@font-face {
	font-family: 'Font Awesome 6 Free';
	font-style: normal;
	font-weight: 900;
	src: url('../FontAwesome_new/fa-solid-900.woff2') format('woff2'),
		url('../FontAwesome_new/fa-solid-900.woff') format('woff');
	}
  

html, body {width: 100%; height: 100%;} 
body {background-color: #fff; font-family: 'OpenSans'; color: #000; max-width:100%; font-size:18px; font-weight: 400; line-height: 1.3em; padding: 0; margin: 0 auto; opacity:0;  transition: opacity 2s; -webkit-transition: opacity 2s; /* Safari */ /*-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/}
h1,h2,h3,h4 {font-family: 'HeadlineFont', sans-serif; color:#000;}
h2 {font-size: 4.5em; line-height: 0.875em;}
h3 {line-height:0.875em;}
h4 {line-height: 0.875em;}
img {max-width: 100%; height: auto;}
a {color:#e30613;}
a:hover {color:#e30613; text-decoration:underline;}
a:active {color:#e30613; text-decoration:underline;}
li {list-style-type:none;}
td {vertical-align: top;}
.fab {font-family:'Font Awesome 5 Brands' !important; font-weight:900;}

#filtersDiv td {
    color: #fff;
}


span.test {
	display: inline-flex;
}
.test:after {
    content: "\0042";
    font-family: 'HOLMER_ICONS';
	font-size:6em;
	margin-left:10px;
	color:#e30613;
}

#map {height:500px;}
.stickyMenu {
	/*position: fixed;
	top: 0;
	right: 0;
	height: 100vh;*/
	color: #fff;
	/*flex-direction: column;
	justify-content: center;
	z-index: 200;
	display:flex;*/
	position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    z-index: 9999;
}
.stickybannerDiv {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 35%, rgba(176, 176, 176, 0.8) 115%);
	position:relative;
	padding:15px;
	padding-left:25px;
    padding-right:35px;
	border-radius: 8px 0px 0px 8px;
	text-align:right;
	pointer-events: auto;
    z-index: 1;
}
.navPunkt.produktUnterseite {margin-top:0px;}
.navPro {display:none; text-transform:uppercase; font-weight:bold;}
.stickybannerDiv a {color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; position:relative; padding-bottom:3px; font-size:0.9em;}
.navPunkt {margin-top:15px;}
.actNav a {border-bottom:4px solid #e30613; padding-bottom:0px;}

.navPunkt:not(.actNav) a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}

.navPunkt:not(.actNav) a:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.icon-verschleiss:before{content:'\0041';}
.icon-assistenz:before{content:'\0042';}
.marginTop {margin-top:10px;}

@media (min-width: 1600px) {
	.container {
		max-width: 1600px;
	}
}

/*### Header ###*/
header {top: 0px; left: 0px; width: 100%; z-index: 999;}
.navigation {background-color:#000; color:#fff; font-size:0.9em; position:fixed; top:0; width:100%; z-index:520;}
.navigation a {color:#fff; background-color:#e30613; padding-top:10px; padding-bottom:9px; padding-left:10px; padding-right:10px; margin-left:10px;}
.navigation a:hover {color:#fff; text-decoration:none;}
.navigation a:after {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f0da \f0da"; font-size:25px; margin-left:8px;}
.mobilmenuPart {display:inline-block; margin-left:20px; font-size:18px;}
.headerContainer {
	position: absolute;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	display: flex;
	z-index:400;
	margin-top:45px;
}
.subMenuPoint::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.sprachenDiv {
	flex-direction: column;
    justify-content: center;
    display: flex;
    line-height: 2.5em;
}
.sprachen {display:none;}
.navigationBurgerMob {display:none;}
.mobilIconLinks {display:none;}
.logoMobil {display:none;}
.subEbeneDiv {line-height:1.2em; text-transform:unset;}
.subEbene {font-size:0.8em;}
.subMenuIcon {color:#e30613; display:inline-block; margin-left:5px;}
.subMenuPoint {display:inline;}
.subMenu {display: none; font-size:0.5em; margin-top:10px; height:100%;}
.subMenuPoint .current {display:inline;}
.mobilNavi {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(to top, #000000 35%, #b0b0b0 115%); color: #fff; display: none; flex-direction: column; justify-content: center; align-items: center; font-size: 2.3em; line-height: 1em; z-index: 13005;}
.mobNav {display: none; text-align: left; overflow: visible; text-transform:uppercase; font-weight:bold; width:100%; position:absolute; top:20%;}
.mobilDiv {margin-top:20px; display:inline-block; padding-bottom:2px;}
.blackHeader {background-color:#000;}
.mainWithoutHeadpic {position:relative; z-index:300;}
.blackMain {background-color:#000;}
.current {color:#fff; text-transform:uppercase; font-weight:bold; cursor:pointer; border-bottom:4px solid #e30613;}
.currentEbene .ebene1Text {border-bottom: 4px solid #e30613; display:inline-block;}
.ebene3act a {color:#fff; font-weight:bold; cursor:pointer; border-bottom:4px solid #e30613;}
.ebene3 a {text-transform:inherit !important; margin-bottom:10px; line-height:1.6em; font-size:0.9em;}
.ebene3Icon {color:#e30613; display:inline; margin-left:5px; font-size:1.3em; position:absolute; margin-top:3px;}
.speachAuswahl span {display: inline-flex; align-items: center; float:left;}
.speachAuswahl i {color:#e30613; font-size:1.6em;}
.sprachenDiv {
    position: relative;
}

.sprachen {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
	background-color:#000;
	padding:15px 0px;
	z-index:400;
}

.sprachen ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sprachen li {
    display: block;
    width: 100%;
}

.speachAuswahl {
    cursor: pointer;
}
.navigation .sprachen a {color:#fff; background-color:transparent; padding:0px; margin-left:0px; display:flex;}
.navigation .sprachen a:after {color:#e30613; font-size:20px; margin-left:5px;}
.overMenuDiv a {float:right; display:flex;}
.headerContainer a {color:#fff; text-transform:uppercase; font-weight:bold;}
.headerContainer span {color:#fff; text-transform:uppercase; font-weight:bold; cursor:pointer; position:relative; padding-bottom:3px;}
.headerContainer span:not(.current)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.headSearchDiv {flex-direction: column; justify-content: center; display: flex; align-items:end;}
.headSearchDivMob {display:none;}
.searchForm input {border-radius:10px; border:none; width:80%;}
.searchForm button {border:none; background-color:transparent; color:#fff; padding:0px;}
.searchBegriff {border-radius:10px;}
.searchForm i {float:right;}
.sprachenDivMob {display:none;}
.headerBlackBack {background-color:#000; position:relative; padding-top:45px; margin-top:0px;}
.navigation .socialIconsDiv a {background-color:transparent; color:transparent; padding:0px; margin-left:0px;}
.navigation .socialIconsDiv a:after {content:''; display:none;}
.socialIconsDiv {text-align:right;}
.headerContainer span:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.logo {z-index:13105; position:relative;}
.headerContainer a:hover {text-decoration:none;}
.subNavigation img {width:100%;}
.icon-default {transition: opacity .3s, transform .3s; z-index: 13100;}
.icon-hover {transition: opacity .3s, transform .3s; transform: rotate(-180deg) scale(.5); opacity: 0; z-index: 13010;}
.menu {
	position:inherit;
	flex-direction: column;
    justify-content: center;
    display: flex;
	text-align:right;
}
.navigationBurger {position: inherit; flex-direction: column; justify-content: center; display: flex; z-index: 13100;}
.menubutton {display: inline-block; position:fixed; color:#e30613; cursor:pointer;}
.burger {cursor: pointer;transform: rotate(180deg);}
.line {
    height: 4px;
    width: 40px; /* Standardbreite des längsten Strichs */
    background-color: #e30613;
    margin: 6px 0;
    transition: width 0.3s ease-in-out;
}
.line1 {width: 20px;}
.line2 {width: 30px;}
.line3 {width: 40px;}
.burger:hover .line {width: 40px;}
.logo img {padding-top:20px; padding-bottom:20px; width:350px; z-index:200; position:relative;}
.mobilmenulist {display:none; position:absolute; width:100%; background: linear-gradient(to top, #000000 35%, #b0b0b0 115%); left:0%; padding-top:60px; padding-bottom:60px; text-align:left; margin-top:4px;}
.ebene1Text {margin-bottom:15px; margin-top:35px; position:relative; display:inline-block; padding-bottom:5px;}
.ebene3Icon i {display:inline;}
.ebene1Text::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.socialIcons {
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.socialIcons i {color:#e30613; font-size:2em; margin-left:5px;}
.ebene1Text:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.currentEbene .ebene1Text::after {
    content: none; /* Verhindert das Anzeigen des ::after-Pseudoelements */
}
.currentEbene .ebene1Text {padding-bottom:0px;}
.mobilmenuPart.current .mobilmenulist {margin-top:4px;}
.ebene1  img {width:89%; display:block;}
.mmp {margin-top:50px; margin-bottom:0px;}
.mmpWithout {margin-top:50px; margin-bottom:6px;}
.hasunter {margin-top:40px; margin-bottom:40px;}
.burger i {
	font-size: 2em;
	cursor: pointer;
	right: 0px;
	top: 0px;
	color:#fff;
	display:none;
	float:right;
}
.ebene3 {margin-bottom:6px;}
.ebene3  a {position:relative; padding-bottom:3px;}
.ebene3act a {padding-bottom:0px;}
.ebene3:not(.ebene3act) a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}

.ebene3:not(.ebene3act) a:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.ebene1Text .ebene3Icon {margin-top:0px;}
.menubutton .burgerClose {position:absolute; font-size:2em;}
.menubutton .burger {position:absolute;}
.burgerClose {
    transition: opacity .3s, transform .3s;
    transform: rotate(-180deg) scale(.5);
    opacity: 0;
    z-index: 13010;
}
.mobilNavi {display:none;}
.IntroImgText {
    position: absolute;
    top: 0%;
    width: 100%;
    left: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
	color:#fff;
	z-index:2;
}
.IntroImgText h2 {color:#fff;}
.littleText {font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
.littleText p {margin-bottom:6px;}
.imgTextDiv {float:right;}
.kopfPicDiv video {width:100%;}
.kopfPicDiv {background-color:#000;}
#bkp-plugin {color:#000; border:3px solid #e30613; border-radius:8px;}

/*### Main ###*/
.bannerDiv {color:#fff; position:relative; background-repeat:no-repeat; background-size:cover; height:100vh;}
.bannerDiv h2 {color:#fff;}
.bannerDivMob {display:none;}
.bannerTextRed .hotspotBanner a::after {content:'';}
.bannerTextRed .hotspotBanner a:before {content:'';}
.bannerText .hotspotBanner a:hover::after {content:'';}
.bannerText .hotspotBanner a:hover::before {background-color:transparent;}
.bannerText {
	position:absolute;
	top:0%;
	width:100%;
	right:0%;
	height:100%;
	flex-direction:column;
	justify-content:center;
	display:flex;
}
.bannerTextMob {display:none;}
.bannerText a {color:#fff; font-weight:bold; line-height:1em; position:relative; margin-bottom:15px; padding-bottom:3px;}
.bannerText p:has(a) {margin-bottom:8px;}
.bannerText a::after {
    content: "\f0da \f0da"; /* Font Awesome Symbol */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 25px;
    margin-left: 8px;
    position: relative;
	top:3px;
}
.bannerText a:hover {text-decoration:none;}
.bannerText a:hover::after {content: "\f0da \f0da";}
.bannerText:not(.hotspotBanner) a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background-color: #e30613;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.8s ease;
}
.bannerText a:not(.hotspotBanner a):hover::before {transform: scaleX(1);}
.bannerTextRed a:after {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f0da \f0da"; font-size:25px; margin-left:8px; color:#fff; top:3px;}
.textBox {padding-top:60px; padding-bottom:60px; background-color:#fff;}
.textBox h2 {color:#e30613; text-transform:uppercase; margin-bottom:0px;}
.undertext {text-transform:uppercase; font-weight:bold; font-size:1.2em;}
.textCenter {margin:0px auto;}
.linkText {font-weight:bold; text-transform:uppercase; display:inline-block; margin-top:20px; margin-right:20px; font-size:0.9em;}
.linkText i {margin-right:5px;}
.text {margin-top:30px;}
.text ul {padding-left:25px;}
.text li {position:relative;}
.text ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.leftText {text-align:left;}
.centerText {text-align:center;}
.blackBackground {background-color:#000; color:#fff; text-align:center;}
.blackBackground.whiteBackground  {background-color:#fff; color:#000;}
.whiteBackground li {position:relative;}
.whiteBackground ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.boxTextDiv {
	text-align:left;
	flex-direction: column;
    justify-content: center;
    display: flex;
}
.participants-info {display:none;}
.moreParticipants {font-size:0.8em; margin-top:15px;}
.boxRedP {margin-top:20px;}
.boxRed {color:#e30613; text-transform:uppercase; font-weight:bold; text-align:center; margin-top:20px;}
.boxwhiteBackground {padding-top:60px; padding-bottom:60px;}
.boxRed img {width:100px;}
.blackBackground h2 {color:#e30613; text-align:left;}
.produktLoesungen {padding-top:60px; padding-bottom:60px;}
.boxText {text-align:left; margin-top:60px;}
.bildBoxK {width:600px;}
.textTitelDiv h2 {text-align:left; padding-top:40px;}
.textTitelDiv .undertext {text-align:left;}
.textBoxTwo {padding-top:0px; padding-bottom:20px;}
.blackBackground h3 {color:#e30613; font-size:3em;}
.textBoxBlack {background-color:#000; color:#fff;}
.hotspotPics {margin-top:60px;}
.carPic {margin-top:30px; position:relative;}
.hotspot { position: absolute; cursor: pointer;}
.hotspotBanner {position:absolute; cursor:pointer;}
.hotspotBanner a {width:417px; height:195px; display:block;}
.hotspotMarker {
    position: relative;
    width: 50px;
    height: 50px;
    border: 2px solid #e30613;
    border-radius: 50%;
    background-color:rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s ease;
}
.hotspotMarker::after {content: ''; width: 25px; height: 25px; background-color:#e30613; border-radius: 50%; transition: width 0.3s ease, height 0.3s ease;}
.actHotspot { background-color: rgba(255, 255, 255, 1); width: 80px; height: 80px; z-index:230;}
.hotspotMarker.actHotspot::after {width:35px; height:35px;}
.hotspotMarkerNot {
	display: inline-block;
	width: 10px;
	padding-top:20px;
	background-image: url('/fileadmin/Bilder/ruebe_weiss.png');
	background-size: cover;
	background-position: center;
}
.hotspotMob {display:none;}
.hotspotDesktop {display:block;}
.infoBox{
	background-color:rgba(227, 6, 19, 0.8);
	display:none;
	padding-left: 105px;
	padding-right:50px;
	padding-top:20px;
    padding-bottom:15px;
    top: 8%;
    border-top-left-radius: 18%;
    z-index: 122;
    margin-top:-75px;
    position:relative;
}
.infoBox.infoBoxWhite p:has(a) {text-align:left;}
.infoBoxWhite {background-color:#fff; color:#000; border-top-left-radius:0%; top:0%; margin-top:0px; padding-left:20px; padding-right:20px;}
.infoBoxWhite h3 {font-size:2.8em; color:#e30613; line-height:0.9em;}
.infoBox.infoBoxWhite a {color:#e30613;}
.infoBox p {margin-bottom:5px;}
.infoBox a {font-size:0.9em; color:#fff; font-weight:bold; position:relative;}
.infoBox a:before {
	content: "\f0da \f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: -20px;
    color: #fff;
	font-size:1.3em;
	width:0%;
}
.hiddenTitel {display:none;}
.infoBox li {position:relative; font-size:0.9em;}
.infoBox ul {margin-bottom:5px; padding-left:22px;}
.infoBox ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #fff;
	font-size:1.3em;
	width:0%;
}
.infoBox p:has(a) {text-align:right;}
.produkteBoxTwo {padding:0px;}
.produkteBoxNotTwoPics img {width:100%; margin:0px auto;}
.produkteBox {margin-top:15px;}
.produktnameLoesung {font-weight:bold; margin-bottom:10px;}
.produkteBox img {margin-bottom:10px;}
.produkteBox a {color:#fff;}
.loesungenArrow {color:#e30613; display: inline; margin-left: 5px; font-size: 1.3em; position: absolute;}
.picDiv {margin:0px auto; padding-bottom:60px;}
.picStelle {position:relative;}
.filterStelle {margin-top:20px; padding-bottom:50px; text-transform:uppercase; font-weight:bold;}
.filterStelle div {float:left; margin-right:20px;}
.filterStelle .activStelle {border-bottom:4px solid #e30613; padding-bottom:0px;}
.filterStelle div {position:relative; cursor:pointer; padding-bottom:4px;}
.filterStelle div:not(.activStelle):hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.filterStelle div:not(.activStelle)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.ausbildungsSiegel {margin-top:30px;}
.ausbildungsSiegel img {padding:20px; width:100%;}
.schuestuBoxText {text-transform:none;}
.stuschueBox {display:none;}
.schuestuBoxText li {position:relative; padding-left:25px;}
.schuestuBoxText ul {padding-left:0px;}
.schuestuBoxText ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.schuestuBoxText h3 {color: #e30613; font-size: 3em;}
.schuestuBoxText h3:not(:first-child) {margin-top:45px;}
.stellenBoxDiv .schuestuBoxText a {color:#e30613;}
.schuestuBoxText a:hover {color:#e30613;}
.stellenBoxDiv {margin-bottom:40px; text-transform:uppercase;}
.stellenBox {color:#fff; padding-left:40px; padding-right:40px; padding-bottom:20px; position:absolute; bottom:0; width:100%; font-weight:bold;}
.stellenButtonA {background-color:#e30613; color:#fff; padding-left:10px; padding-right:10px; padding-bottom:8px; padding-top:8px; display:block;}
.stellenBoxDiv a {color:#fff;}
.stellenBoxDiv a:hover {text-decoration:none;}
.stellenButtonA:before {content: "\f0da \f0da"; font-family: 'Font Awesome 5 Free'; margin-right:10px;}
.stellenButtonA:hover {text-decoration:none;}
.stellenDiv {text-align:center; position:relative;}
.stellenButton {margin-top:20px; margin-bottom:10px;}
#jobContainer.row {padding-left:15px; padding-right:15px;}
.stellenDiv {
	position: relative;
    transform: scale(1, 1);
    transition: transform 0.5s ease;
	cursor:pointer;
}
.stellenDiv:hover {
    transform: scale(1.06, 1.06);
}
.ausbildung li {position:relative;}
.ausbildung ul {padding-left:20px;}
.ausbildung ul li:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
    font-size: 1.3em;
    width: 0%;
}
.stellenBoxDiv.ausbildung {text-transform: unset;}
.standortName {font-weight:bold; text-transform:uppercase; margin-top:40px;}
.stellenBoxDiv.ausbildung a {color:#000; font-weight:bold;}
.ausbildungsLink:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
    font-size: 1.3em;
    width: 0%;
}
.filterungDiv {margin-bottom:40px; margin-top:20px;}
.filterDiv {display:inline-block;}

.filterDiv {
	display: inline-block;
	position: relative;
}

.filter {
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-bottom: 40px;
  }
.filter-toggle {
	border: 2px solid #e30613;
	padding: 10px;
	width: 275px;
	cursor: pointer;
	box-sizing: border-box;
	transition: border-color 0.25s ease;
}
.filter-caret {font-size:1em; float:left; color:#e30613; margin-right:5px;}
.filter-panel {
	position: absolute;
	top: 100%;
	left: 0;
	right:0;
	border: 2px solid #e30613;
	border-top: none;
	padding: 10px;
	background: #fff;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.25s ease, opacity 0.25s ease;
	z-index: 100;
	padding-left:30px;
  }
.filter.open .filter-toggle {
	border-bottom: none;
	border-bottom-color: transparent;
}
.filter.open .filter-panel {
	border-color: #e30613;
	border-top: none;
	max-height: auto;
	opacity: 1;
}
.filter-option {margin-bottom:5px; cursor:pointer; color:#e30613;}
.filter-option::before {content: "\f0da \f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right:5px; color:#e30613;}
.filter.open .filter-panel {
	max-height: none;
	opacity: 1;
}
#jobContainer {
	transition: margin-top 0.3s ease;
}


#azubiContainer {margin-top:20px;}
#azubiContainer a {background-color:#e30613; color:#fff; padding:5px 20px; display:block; width:fit-content; margin-bottom:10px;}
#azubiContainer i:last-child {margin-right:10px;}
#azubiContainerSemm {margin-top:20px;}
#azubiContainerSemm a {background-color:#e30613; color:#fff; padding:5px 20px; display:block; width:fit-content; margin-bottom:20px;}
#azubiContainerSemm i:last-child {margin-right:10px;}
.ausbildungLink {padding-left:20px;}
.infoAusbildung {margin-top:20px;}
.stellenBoxDiv.ausbildung .infoAusbildung a {color:#e30613; font-weight:normal;}
.ausbildungsLink {position:relative;}
.mehrErfahren {color:#e30613; text-transform:uppercase; font-size:0.8em;}
.neuDiv h4 {text-transform:uppercase; color:#e30613; font-size:2em;}
.whatsappLogo img {width:80px;}
.whatsappLogo {float:left; margin-left:30px;}
.whatsappDiv {float:left;}
.whatsappText h4 {color:#e30613; text-transform:uppercase; font-size:2em;}
.whatsappText p {margin-bottom:0px;}
.whatsappTel p {margin-bottom:0px;}
.whatsappBox {margin-top:25px;}
.stellenBoxDiv.ausbildung .whatsappTel a {color:#e30613; display:inline-flex;}
.whatsappTel i {margin-right:5px;}
.dasbietenwirDiv {background-color:#e6e6e6; color:#000; padding-top:60px; padding-bottom:20px;}
.bietenIMG img {width:90px; margin-right:20px; float:left;}
.bietenTitle {color:#e30613; text-transform:uppercase; font-weight:bold; font-size:1.2em;}
.dasbietenwirDiv h3 {font-size:3em; color:#e30613;}
.bietenDiv {margin-top:40px; margin-bottom:40px;}
.stellenBoxDiv.dasbietenwirDiv {margin-bottom:0px;}
.bietenBox {
	flex-direction: column;
    justify-content: center;
    display: flex;
	height:100%;
}
.bietenBox p {margin-bottom:0px;}
.reinerText ul li:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
    font-size: 1.3em;
    width: 0%;
}
.boxen .whatsappText h4 {font-size:2em;}
.textOver {display:block;}
.reinerText li {position:relative;}
.reinerText ul {padding-left:20px;}
.reinerText .boxen {padding-top:0px;}
.reinerText {padding-bottom:60px;}
.whatsappTel a {color:#e30613; display:inline-flex; font-weight:bold;}
.whatsappTel a:hover {text-decoration:none;}
.ausbildungsForm {padding-top:60px; padding-bottom:20px; background-color:#000; color:#fff;}
.ausbildungsForm h3 {font-size:3em; color:#e30613;}
.ausbildungsForm form {padding-top:40px;}
.ausbildungsForm input[type="date"] {
    width: 100%;
    border-radius: 30px;
    padding: 6px;
    border: 2px solid #e30613;
}
.selectAlone {width:100%;}

.presseDiv {background-color:#000; padding-top:40px; padding-bottom:60px;}
.presseDiv h2 {color:#e30613; padding-bottom:40px; padding-top:40px;}
.pressebox {background-color:#fff; color:#000; margin-bottom:20px; padding:30px;}
.presseDate {font-weight:bold;}
.pressebox h3 {color:#e30613; font-size:2.2em; margin-bottom:0px;}
.pressebox a {color:#e30613; text-decoration:none; text-transform:uppercase; margin-bottom:15px; font-weight:bold;}
.presseboxA {flex-direction: column; justify-content: center; display: flex; height:100%;}
.mediathek {background-color:#000; padding-top:40px; padding-bottom:60px;}
.mediathek h2 {color:#e30613; padding-bottom:40px; padding-top:40px;}
.mediathekDiv {margin-bottom:30px;}
.imgDescription {color:#fff; font-size:14px; margin-top:5px;}
.filterMedia {margin-top:20px; padding-bottom:50px; text-transform:uppercase; font-weight:bold; color:#fff;}
.filterMedia div {float:left; margin-right:20px;}
.filterMedia .activMedia {border-bottom:4px solid #e30613; padding-bottom:0px;}
.filterMedia div {position:relative; cursor:pointer; padding-bottom:4px;}
.filterMedia div:not(.activMedia):hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.filterMedia div:not(.activMedia)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.mediaPic {position:relative;}
.mediaPic video {width:100%;}
.mediaPicIcon {display:inline; float:right;}
.mediaPicIcon i {margin-right:10px; font-size:1.5em;}
.gslide.loaded.current {border-bottom:none;}
.lieferantenCon {background-color:#000;}
.lieferantenCon h2 {color:#fff; text-align:left;}
.lieferantenCon h3 :first-of-type {margin-top:0px;}
.lieferantenCon h3 {color:#fff; text-transform:uppercase; text-align:left; font-size:2.7em; margin-bottom:15px; margin-top:40px;}
.lieferantenLink a {text-transform:uppercase; color:#fff; font-weight:bold;}
.lieferantenLink a:hover {color:#fff;}
.lieferantenLink {display:inline-flex; align-items:center; margin-right:40px;}
.lieferantenDiv {padding-bottom:80px;}
.lieferantenLink img {width:35px; border:2px solid #fff; margin-right:10px;}
.lieferantenLink i {color:#e30613; margin-right:10px;}
.iconLieferant img {width:160px; margin-bottom:30px;}
.iconLieferant {margin:0px auto; color:#fff; text-align:center; padding-bottom:80px; padding-top:20px;}
.iconLieferant p {margin-bottom:4px;}
.iconLieferant a {color:#e30613;}
.iconLieferant a:hover {color:#e30613;}
.iconText {font-weight:bold;}
.littleAb .textBox {padding-bottom:0px;}
.popup-symbol {
    position: absolute;
    padding: 20px 25px;
    background-color: #e30613;
	border-radius:20px;
    text-align: center;
    z-index: 10;
}
.popup-symbol img {width:120px;}
.blackMaps {background-color:#000; padding-top:40px; padding-bottom:60px;}

/*### Akkordeon ###*/
.faqantwort {display:none; color:#fff;}
.faqantwort li {position:relative;}
.faqantwort ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.faqfrage {color:#fff; cursor:pointer; padding:20px 0px; position:relative; font-weight:bold;}
.accordeonDiv {border-bottom:2px solid #fff;}
.accIcon {
	background-color:#e30613;
	position: absolute;
    right: 0;
    border-radius: 100%;
    padding: 5px;
    width: 30px;
    height: 30px;
    bottom: 0px;
    text-align: center;
	display: inline-block;
    transition: transform 0.5s ease;
	margin-bottom:10px;
	margin-right:40px;
}
.blackAcc {background-color:#000; padding-bottom:60px; padding-top:20px;}
.accIcon i {line-height:0.5em; display:block;}
.faqantwort table {
	color:#fff;
	width: 100%;
	table-layout: fixed;
}
.faqantwort table td {padding:0px; border-top:none; padding-bottom:40px;}
.review-section table {width: 100%; table-layout: fixed;}
.weisserHintergrund{background-color:#fff;  color:#000; padding-bottom: 60px;}
.weisserHintergrund .faqfrage {
	color: #000;
    cursor: pointer;
    padding: 20px 0px;
    position: relative;
    font-weight: bold;
}
.weisserHintergrund .accIcon {color: #fff;}
.weisserHintergrund .faqantwort{color: #000;}
.weisserHintergrund .accordeonDiv{border-bottom: 2px solid #000;}



/*### Formular ###*/
.formBack {position:relative;}
.formular {position:absolute; height:100%; width:100%; flex-direction: column; justify-content: center; display: flex; top:0; color:#fff;}
.formular input[type="text"] {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.formular input[type="date"] {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.powermail_field {margin-bottom:20px;}
/*input.powermail_file {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}*/
.powermail_file_labelExtra {display: inline-block; width: 100%; text-align: center; border: 1px solid #e30613; background-color: #e30613; padding: 10px 0px; cursor: pointer; font-weight:bold;}
.powermail_file_label {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613; margin-bottom:20px; background-color:#fff; color:#000;}
.powermail_submit {background-color:#e30613; color:#fff; border:none; padding:10px; margin-top:40px; padding-left: 55px; padding-right: 55px; font-weight:bold; text-transform:uppercase;}
.powermail_fieldwrap_type_submit {margin:0px auto;}
.powermail_fieldwrap_bewerbungstitel h2 {color:#e30613; margin-bottom:60px;}
.powermail_fieldwrap.datenschutz {font-size:0.9em;}
.powermail_fieldwrap.datenschutz p {margin-bottom:0px;}
.kontaktForm input[type="text"] {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.kontaktForm input[type="email"] {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.kontaktForm select {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.kontaktForm textarea {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613;}
.blackBackgroundL {background-color:#000; padding-top:60px; padding-bottom:60px; color:#fff;}
.powermail_fieldwrap  {height:100%;}
.blackBackgroundL h2 {color:#e30613; margin-bottom:40px;}
.boxButtonDiv {text-align:center;}
.js-gme-sword {width:100%; border-radius:30px; padding:6px; border:2px solid #e30613; height:100%; padding-left:20px;}
.js-gme-submit {background-color:#e30613; color:#fff; border:none; padding:10px; padding-left: 55px; padding-right: 55px; font-weight:bold; text-transform:uppercase;}
.js-gme-error {color:#fff;}
.js-map {margin-top:20px; border:2px solid #e30613; border-radius:20px;}
.powermail_fieldwrap_type_file .custom-file-upload {background-color:#e30613; color:#fff; border:none; padding:10px; margin-top:0px; margin-bottom:0px; padding-left: 55px; padding-right: 55px; font-weight:bold; text-transform:uppercase; width:100%; text-align:center; cursor:pointer;}
.powermail_fieldwrap_type_file .file-name-display {display:block; width:100%; border-radius:30px; padding:6px; border:2px solid #e30613; background-color:#fff; color:#000; height:100%;}
.powermail_fieldwrap_type_file .powermail_file {display: none;}
.powermail-errors-list li {color:#e30613; font-size:0.9em;}

/*### Flip Boxen ###*/
.infoboxes {padding-top:90px; padding-bottom:80px;}
.infoboxes .col-12 {margin-bottom: 90px;}
.infoboxesDiv {margin-bottom:40px;}
.infobox {
    cursor: pointer;
}

.infobox .front {
    text-align: center;
    position: relative;
}

.infobox .back {
    background-color: #fff;
    padding: 35px;
}

.textBoxFront {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.infoboxDiv {position:inherit;}
.infoboxIcon {position:absolute; z-index:100; width:100%;}
.infoboxFrontimg {width:150px;}
.front {color:#e30613; font-size:1.6em; text-transform:uppercase; line-height:1.2em; font-weight:bold;}
.front p {position:absolute; bottom:0; width:100%; margin-bottom:30px;}
.back {color:#000; text-align:left;}

.singleboxen {
    background-color: #fff;
    margin-top: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.back ul {position:relative; z-index:0;}
.back ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.back ul li {position:relative;}


/*### Produkte Tab ###*/
.tab {background-color: #000; color: #fff; cursor: pointer; position: relative; text-transform:uppercase; font-weight:bold;}
.tab.actTab {background-color: #000; border-bottom:4px solid #e30613;}
.produktTab .tab {
    position: relative;
    display: inline-block;
    padding-bottom:0px; 
    text-align: center;
    cursor: pointer;
}
.produktTab .tab:not(.actTab) {
	border-bottom:4px solid transparent;
}
.produktTab .tab:not(.actTab)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background-color: #e30613;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.8s ease-out;
	top:100%;
}
.produktTab .tab:not(.actTab):hover::before {
    transform: scaleX(1);
}
.allTabs {overflow-x: hidden; background-color:#000;}
.coltabcontent {display: none; width: 100%;}
.tabcontent {background-color: #000; color:#fff; padding-bottom:60px;}
.tabcontent ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.tabcontent ul li {position:relative;}
.tabcontent ul {margin-top:5px; padding-left:25px;}
.coltabcontent.actTabContent {display: block;}
.produkteText i {color:#e30613;}
.produkteLinks a {color:#e30613; text-transform:uppercase; font-weight:bold; display:block;}
.produkteLinks {margin-top:30px;}
.produkteLinks a:hover {color:#e30613;}
.produkteTextDiv {flex-direction: column; justify-content: center; display: flex;}
.picText {font-size:0.8em; margin-top:10px;}
.legendeTwo {display:none; color:#e30613;}
.legendeTwo i:nth-child(2) {margin-left:10px;}
.legendeAssistent {display:none; color:#e30613;}
.legendeVerschleiss {display:none; color:#e30613;}
.legendeDiv {margin-top:20px;}

.desktoptabs {display: table; width: 100%; background-color:#000; padding-top:60px; padding-bottom:20px; }
.mobiltab {display: none;}
.tab {display: table; float: left; margin-right: 30px;}
.tab:after {display: none;}
.tab:last-child {margin-right: 0px;}
.allTabs {overflow-x: hidden;}
.coltabcontent {float: left; width: 100%;}
.coltabcontent.actTabContentDesktop {display: block;}


.switchDiv {
	position: absolute;
    top: 0%;
    width: 100%;
    left: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.switchPic {position:relative;}
.switchDivTextRechts {float: right;}
.fahrzeugSwitchDiv ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #fff;
	font-size:1.3em;
	width:0%;
}
.fahrzeugSwitchMob {display:none;}
.textO {font-weight:bold;}
.fahrzeugSwitch .tab {border-bottom:none; float:none; margin-right:15px;}
.fahrzeugSwitch .actTab {color:#e30613;}
.fahrzeugSwitch .tab:hover {color:#e30613;}
.fahrzeugSwitch .produktTab .tab:not(.actTab) {border-bottom:none;}
.fahrzeugSwitch .produktTab .tab:not(.actTab)::before {
    content: "";
    position: relative;
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
    background-color:none;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.8s ease-out;
	top:0px;
}
.videoWhite {background-color:#fff;}
.videoBlack {background-color:#000;}
.fahrzeugSwitch {padding-top:20px; text-align:center;}
.fahrzeugSwitchDiv .tabcontent {padding-bottom:0px;}
.fahrzeugSwitch .tab:nth-child(1) i.fas.fa-caret-right {display: none;}
.fahrzeugSwitch .tab:nth-child(1) i.fas.fa-caret-left {margin-left:10px;}
.fahrzeugSwitch .tab:nth-child(2) i.fas.fa-caret-left {display: none;}
.fahrzeugSwitch .tab:nth-child(2) i.fas.fa-caret-right {margin-right:10px;}
.switchDivText img {margin-bottom:40px;}
.blackManagementDiv {background-color:#000; color:#fff; padding-top:60px; padding-bottom:60px;}
.blackManagementDiv h2 {color:#e30613;}
.blackManagementDiv img {margin-top:10px; margin-bottom:20px;}
.zizatDiv {font-style:italic;}
.positionDiv {font-weight:bold;}
.positionDiv p {margin-bottom:0px;}
.boxen {background-color:#fff; color:#000; padding-top:30px; padding-bottom:30px; padding-left:20px; padding-right:20px; height:100%; margin-top:15px;}
.boxen .table thead th {border-bottom:none; padding-top:0px; padding-bottom:5px;}
.boxen .table th {border-top:none; padding-top:0px; padding-bottom:5px; padding-left:0px; padding-right:30px;}
.boxen .table td {border-top:none; padding-top:0px; padding-bottom:5px; padding-left:0px; padding-right:30px;}
.boxen h4 {color: #e30613; font-size:2.5em;}
.ansprechpartnerDiv {color:#fff; background-color:#000;}
.ansprechpartnerDiv h2 {color:#e30613; padding-top:60px;}
.ansprechpartnerDiv h3 {color:#e30613; font-size:3em; margin-top:50px;}
.ansprechpartnerDiv img {margin-bottom:20px;}
.ansprechpartnerDiv i {float:left;}
.ansprechMob {display:none;}
.ansprechpartnerDiv:last-of-type {padding-bottom:60px;}
.ansprechPartnerUe {font-size:1.2em; margin-top:30px; margin-bottom:4px;}
.ansprechPartnerUe p {margin-bottom:0px;}
.ansprechPartnerUeMail {font-size:1.2em;}
.ansprechPartnerUeMail a {color:#e30613;}
.aPositionName {font-size: 0.8em; line-height:1.3em;}
.aPosition {font-weight:bold; margin-bottom:0px;}
.aPosition p {margin-bottom:5px;}
.aTel {font-size:0.8em;}
.aTel p {margin-bottom:0px;}
.aFax {font-size:0.8em;}
.aFax p {margin-bottom:0px;}
.aHandy p {margin-bottom:0px;}
.aHandy {font-size:0.8em;}
.aEmail {font-size:0.8em; color:#e30613; line-height:1.3em;}
.aEmail p {margin-bottom:0px; line-height:1em; margin-top:5px;}
.ansprechpartnerCol {margin-bottom:20px; margin-top:20px;}
.ansprechpartnerCol i {margin-right:5px;}
.serviceTel {font-size:1.4em; margin-bottom:0px; font-weight:bold;}
.serviceStuetzpunkt {margin-bottom:10px; font-weight:bold;}
.serviceMail {margin-bottom:15px;}
.serviceForm {font-weight:bold; text-transform:uppercase;}
.abteilungen-header-row {
    margin-bottom: 1.5rem;
}

/*### Zeitstrahl ###*/
.content {background-color:#000; color:#fff; padding-top:40px; padding-bottom:30px; padding-left:40px; padding-right:40px;}
.date {color:#e30613; font-size:3em; margin-bottom:30px; font-family: 'HeadlineFont';}
.timeline {
    --col-gap: 2rem;
    --row-gap: 4rem;
    --line-w: 0.25rem;
    display: grid;
    grid-template-columns: var(--line-w) 1fr;
    grid-auto-columns: max-content;
    column-gap: var(--col-gap);
    margin-inline: auto;
}

.timeline::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 20; /* Länge der Timeline */
    background: #e30613;
    border-radius: calc(var(--line-w) / 2);
    margin-top: 30px;
    height: 100%;
}

.timelineDiv:not(:last-child) {
    margin-bottom: var(--row-gap);
}
.timelineDiv {
    grid-column: 2;
    --inlineP: 1.5rem;
    margin-inline: var(--inlineP);
    display: grid;
    grid-row: span 2;
    grid-template-rows: min-content min-content min-content;
    position: relative;
    opacity:0;
}
@media (min-width: 40rem) {
    .timeline {
        grid-template-columns: 1fr var(--line-w) 1fr;
    }
    .timeline::before {
        grid-column: 2;
    }
    .timelineDiv:nth-child(odd) {
        grid-column: 1;
    }
    .timelineDiv:nth-child(even) {
        grid-column: 3;
    }
    .timelineDiv:nth-child(2) {
        grid-row: 2 / 4;
    }
}
.timelineDiv::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    right: -70px;
    background-color:#e30613;
    top: 22px;
    border-radius: 50%;
    z-index: 1;
}
.right::after {
    left: -70px;
}  
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: -23px;
    border: medium solid #000;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent #000;
}
.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: -24px;
    border: medium solid #000;
    border-width: 15px 25px 15px 0px;
    border-color: transparent #000 transparent transparent;
}
.load-more-arrow {
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.arrow {
    width: 45px;
    height: 45px;
    background-color: #e30613;
    border-radius: 50%;
    position: relative;
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.arrow i {
    color:#fff;
    display: flex;
    justify-content: center;
    line-height: 0.4em;
    font-size: 1.6em;
}
.hidden {display: none;}
.timelineDiv.hidden {opacity:0;}
.timeDiv {padding-bottom:60px;}
.zeitstrahlDiv {background-color:#fff;}


/*### Slider für die Tabs bei Produkte ###*/
.picture {width: 100%; display: none; position: relative;}
.picture video {width:100%;}
.active { display:block; }
.soonSlide {display: block; float:left;}
.sliderInner {display: table;}
.sliderpart {float: left;}
.sliderparts {width:100%;}
.sliderpart img { width:100%; }
.slider {
	width:100%;
	overflow-x:hidden;
  	color:#fff;
  	margin-bottom:20px;
	position:relative;
	height:100%;
	background-color:#000;
}
.picture img {
	width:100%;
	height:100%;
}
.slider .next {
	background-color:#e30613;
	border-radius:50%;
	padding:7px;
	color:#fff;
	margin-top:0px;
	font-size:1.8em;
	cursor:pointer;
	z-index:1;
}
.prevDiv {
	position: absolute;
    top: 0;
    font-weight: bold;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    display: flex;
    height: 100%;
	left:3%;
	z-index:2;
}
.nextDiv {
	position: absolute;
    top: 0;
    font-weight: bold;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    display: flex;
    height: 100%;
	right:3%;
	z-index:2;
}
.slider .prev {
	background-color:#e30613;
	border-radius:50%;
	padding:7px;
	color:#fff;
	margin-top:0px;
	font-size:1.8em;
	cursor:pointer;
}
.imgText {
	position: absolute;
	top: 0%;
	width: 100%;
	left: 0%;
	height: 100%;
	padding: 50px;
	flex-direction: column;
	justify-content: center;
	display: flex;
	z-index:1;
}
video {z-index:2; position:relative;}
.sliderZitat {font-size:1.5em; line-height:1.2em;}
.name {text-transform:uppercase; font-weight:bold;}
.name  p {margin-bottom:0px;}
.beruf {margin-top:0px; font-size:0.8em;}
.sliderZizatDiv {margin-bottom:0px;}


/*### News ###*/
.news {background-color:#000; color:#fff; padding-bottom:60px;}
.newsBox {background-color:#fff; color:#000; height:100%; position:relative; position: relative; transform: scale(1, 1); transition: transform 0.5s ease;}
.newsBox:hover {transform: scale(1.03, 1.03);}
.newsBox img {width:100%;}
.newsBox a:hover {text-decoration:none;}
.news-list-date {font-weight:bold; margin-top:20px;}
.newsBoxInhalt {padding:20px; margin-bottom:40px;}
.more a {
    color: #fff;
    background-color: #e30613;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
}
.more {
    /* width: 100%; */
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* position: absolute; */
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mediaelement-video video {width:100%; height:100%; margin-top:40px;}
.news .header {margin-top:10px;}
.news-menu-view div {float:left; margin-right:20px; font-weight:bold;}
.news-menu-view .activNewsFilter {border-bottom:4px solid #e30613; padding-bottom:0px;}
.news-menu-view div {position:relative; cursor:pointer; padding-bottom:4px;}
.news-menu-view div:not(.activNewsFilter):hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.news-menu-view div:not(.activNewsFilter)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.article {height:100%;}
.articleDiv {margin-bottom:20px;}
.newsIMG {position:relative;}
.headerNewsDetail h2 {color:#e30613; margin-bottom:20px;}
.newsIMGDetail img {margin-top:40px;}
.news-single {padding-top:60px;}
.news-backlink-wrap {text-transform:uppercase; margin-top:40px; text-align:center; font-weight:bold;}
.news-text-wrap ul {padding-left:23px;}
.news-text-wrap li {position:relative;}
.news-text-wrap ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}


/*### Extension für die Schulungen ###*/
.filterSchulung {margin-top:20px; padding-bottom:50px; text-transform:uppercase; font-weight:bold; color:#fff;}
.filterSchulung div {float:left; margin-right:20px;}
.filterSchulung .activSchulung {border-bottom:4px solid #e30613; padding-bottom:0px;}
.filterSchulung div {position:relative; cursor:pointer; padding-bottom:4px;}
.filterSchulung div:not(.activSchulung):hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.filterSchulung div:not(.activSchulung)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
.datenFormular table {
	width: 100%;
    table-layout: fixed;
}
.frc-captcha {margin-top:20px;}
.teilnehmerTitle {color:#fff; font-weight:bold;}
.teilnehmerTitle:not(:first-child) {
	padding-top: 20px;
}
.backBtn {background-color:#e30613; color:#fff; border:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; margin-top:20px; font-size:0.9em; font-weight:bold;}
.backButtonSchulung {display:flex; justify-content:center; margin-top:50px;}
.btn-primary {background-color:#e30613;}
.btn-primary:focus {box-shadow:none;}
.btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow:none;}
.btn-primary:not(:disabled):not(.disabled):active {background-color:#e30613; border:0px;}
.btn {border:none; border-radius:0px;}
.btn-primary:hover {background-color:#e30613;}
.nav-tabs .nav-link.active {border:none; border-bottom:4px solid #e30613; color:#fff; background-color:transparent; padding:0px;}
.nav-tabs .nav-link {border:none;}
.nav-link {padding:0px; text-transform:uppercase; font-weight:bold; margin-right:30px;}
.nav-tabs {border:none;}
.registration-tabs {margin-top:40px;}
.schulungen {text-align:left; padding-top:20px; padding-bottom:20px; border-bottom:2px solid #fff; position:relative;}
.schulungsDiv {padding-top:60px; padding-bottom:60px;}
.schulungsTitel {font-weight:bold;}
.schulungen p {margin-bottom:0px;}
.schulungen span {font-weight:bold;}
.textMaxTeilnehmer {color:#fff; display:none; margin-top:20px;}
.showDetailsBtn {background-color:#e30613; color:#fff; border:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; margin-right:20px; font-size:0.9em; font-weight:bold;}
.showTermineBtn {background-color:#e30613; color:#fff; border:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; font-size:0.9em; font-weight:bold;}
.schulungDetails {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    padding-top: 50px;
    overflow: auto;
	flex-direction: column;
    justify-content: center;
	text-align:left;
}
.schulungDetailsContent {
	background-color: #fff;
	margin-top: 10px;
	color:#000;
    margin: auto;
    padding: 40px;
	padding-top:60px;
	padding-bottom:60px;
	position:relative;
}
.closeDetailsBtn {
    background-color:#e30613;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}
.is-invalid {
    border-color: #e30613 !important;
}

.invalid-feedback {
    display: block;
    color: #e30613;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
.error-message {
    color: #e30613;
    display: block;
}
/*.btn-danger {background-color:#e30613; float:right;}*/
.remove-participant-btn i {background-color:#e30613; padding:10px;}
.btn-danger {background-color:transparent;}
#participants-container .btn-danger:hover {background-color:transparent; border-color:transparent;}
.schulungsCol {margin:0px auto;}
.closeDetailsBtn {background-color:transparent; color:#000; position:absolute; top:0; right:0; font-size:2em; margin-top:0px; margin-right:10px;}
.showDetailsBtn:focus,
.showDetailsBtn:active {
    outline: none;
    box-shadow: none; /* Entfernt mögliche Schatten */
}
.closeDetailsBtn:focus,
.closeDetailsBtn:active {
    outline: none;
    box-shadow: none; /* Entfernt mögliche Schatten */
}
.schulungDetailsContent ul {padding-left:25px;}
.schulungDetailsContent li {position:relative;}
.schulungDetailsContent ul li:before {
	content: "\f0da"; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #e30613;
	font-size:1.3em;
	width:0%;
}
.schulungsInfos {margin-bottom:20px;}
.schulungsInfos h3 {margin-bottom:0px; font-size:2.6em;}
.schulungDetailsContent h2 {margin-bottom:30px;}
.termineTitle {display:none;}
.schulungstermine {text-align:left; padding-top:20px; padding-bottom:20px; border-bottom:2px solid #fff; position:relative;}
.terminBuchen {background-color:#e30613; color:#fff; border:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; font-size:0.9em; font-weight:bold;}
.terminBuchenCol {text-align:left; margin-top:40px;}
.boldTermin {font-weight:bold;}
.schulungstermine p {margin-bottom:0px;}
.buttonContainer {flex-direction: column; justify-content: center; display: flex; height:100%;}
.buttonContainerCol {display:flex; justify-content: center; padding:0px;}
.terminBuchenDiv {text-align:left;}
.terminBuchenDiv form {margin-top:40px;}
.terminBuchenDiv button {margin-top:10px !important;}
.termineContent p {margin-bottom:0px;}
.formInput {margin-bottom:20px;}
.datenFormular {margin-top:20px; margin-bottom:20px; border-bottom:2px solid #fff;}
.datenFormular table td {border: none; color:#fff; padding:0px; padding-top:10px;}
.buttonContainer a {background-color:#e30613; color:#fff; border:none; text-transform:uppercase; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; font-size:0.9em; font-weight:bold;}
.buttonContainer a:hover {text-decoration:none;}
.button-group.submitButtonDiv{
    position: relative;
	display:inline-block;
	margin-top:40px;
	padding-left: 55px;
    padding-right: 55px;
    background-color: #e30613;
}

.submitButtonDiv::after {
    content: '\f0da \f0da'; /* Font Awesome Unicode für ein Icon */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
    color: white; /* oder eine andere Farbe */
}
.powermail_submit.submitButton {margin-top:0px; padding-right:0px; padding-left:0px;}
.powermail_submit {
    padding-left: 30px; /* Platz für das Icon */
}
.button-group {justify-content:center; display:flex;}
.parent-container {
    display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
}
.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/*### Indexed Search ###*/
.tx-indexedsearch-rules {display:none;}
#tx_indexedsearch {display:none;}
.tx-indexedsearch-browsebox {display:none;}
.suchResult {font-size:1.4em; margin-bottom:10px;}
.backgroundBlackSearch {background-color:#000; color:#fff; padding-top:60px; padding-bottom:60px;}
.descrSearch {font-size:0.8em;}
.tx-indexedsearch-info-sword h2 {color:#e30613; margin-bottom:40px;}
.searchIcon {color:#e30613; font-size:0.8em;}

/*### Newsletter Anmeldung ###*/
#crmWebToEntityForm.zcwf_lblLeft {max-width:100% !important; background-color:#000 !important; color:#fff !important; font-family: 'OpenSans' !important;}
.dIB {color:#fff !important;}
.zcwf_title {color:#e30613; font-size: 3em; line-height: 0.875em; text-transform:uppercase; margin-bottom:40px;}
.blackBackgroundL .zcwf_lblLeft .zcwf_col_fld input[type = text], input[type = password], .blackBackgroundL .zcwf_lblLeft .zcwf_col_fld textarea {width:100%; border-radius: 30px; padding: 6px; border: 2px solid #e30613;}
.blackBackgroundL .zcwf_lblLeft .zcwf_col_fld_slt {width:100%;}
.blackBackgroundL .zcwf_lblLeft .zcwf_col_lab {width:100%;}
.blackBackgroundL .zcwf_lblLeft .zcwf_row {margin:10px 0px;}
.blackBackgroundL .zcwf_lblLeft .zcwf_col_fld {width:100%; text-align:center;}
.blackBackgroundL .zcwf_lblLeft .zcwf_col_fld_slt {border-radius: 30px; padding: 6px; border: 2px solid #e30613; font-size:18px;}
.blackBackgroundL #formsubmit {
	background: #e30613;
    color: #fff;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
	font-size:18px;
	max-width:none;
	padding: 10px 30px;
	border-radius:0%;
}
.blackBackgroundL .zcwf_lblLeft .zcwf_button {font-size:18px; max-width:none; padding: 10px 30px; border-radius:0%; text-transform: uppercase; margin-left:20px;}


/*### Festes Element (Newsletteranmeldung) ###*/
.newsletterBox h2 {text-transform:uppercase; color:#fff;}
.newsletterBox {background-color:#e30613; padding:50px 0px; margin-top:40px;}
.newsletterBox .boxbutton {background-color:#fff; color:#e30613; border:none; border-radius:0%; height:auto; padding:12px 20px; font-size:1.1em; text-transform:uppercase; font-weight:bold}
.newsletterBox input {border-radius:30px; padding:15px; padding-top:15px; padding-bottom:15px; width:100%; border:none;}
.hinweisNewsletter {margin-top:20px;}
.hinweisTextNewsletter {color:#fff; margin-top:30px;}
.hinweisTextNewsletter p {margin-bottom:0px;}
.newsletterForm {display:flex; justify-content:center; flex-direction:column;}
.blackBackgroundL #crmWebToEntityForm.zcwf_lblLeft {width:50%;}
.zcwf_title {display:none;}


/*### Footer ###*/
footer {background: linear-gradient(to top, #000000 35%, #b0b0b0 128%); display:block; font-size:30px; text-transform:uppercase; padding-top:65px; padding-bottom:80px; line-height:1.3em; z-index: 300; position: relative;}
footer a {display:block; color:#fff; font-weight:bold;}
.navigationFooter a {margin-bottom:10px; display:inline-block;}
.footermenu {position:relative;}
.footermenu:not(.current):hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.navigationFooter a:hover {text-decoration:none;}
.footermenu:not(.current)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: #e30613;
	transform: scaleX(0);
	transform-origin: bottom left;
	transition: transform 0.8s ease;
}
footer a:hover {color:#fff;}
.adressen {font-size:14px; color:#fff; text-transform:none; font-weight:normal; line-height:1.1em;}
.adressen a {color:#e30613; font-weight:normal;}
.adressen a:hover {color:#e30613;}
.datenschutz {font-size:18px;}
.datenschutz i {color:#e30613; font-size:23px;}
.datenschutz span {margin-left:10px;}
.datenschutz a {display:inline-block;}
.datenschutzmenu {text-decoration:none;}
.datenschutzmenu:hover {text-decoration:none; color:#e30613;}
.socialFooter i {font-size:2.4em; margin-right:10px; color:#e30613;}
.socialIconsDiv.socialFooter {text-align:left;}
.socialIMGIcon img {width:245px;}
.socialIMGIcon {margin-top:20px;}
.footerLastMob {display:none;}
.footerMobile {display:none;}
.adressenDivMob {display:none;}
#scrollToTop {
	position: fixed;
	bottom: 10%;
	right: 5%;
	display: none;
	width: 50px;
	height: 50px;
	background-color: #e30613;
	color: #fff;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	font-size: 1.4em;
	z-index:350;
}
#scrollToTop i {display:block; line-height:0.4em;}
#scrollToTop:hover {background-color: #e30613;}
.bannerDiv .bannerTextDiv {
	flex-direction: column;
	justify-content: center;
	display: flex;
}
.filterClear {color:#e30613; cursor:pointer;}

/*#### mobil ####*/
@media (max-width:1600px) {
	.mobilmenuPart {margin-left:6px;}
}
@media (max-width:1400px) {
	.menu {font-size:20px; position:relative;}
	.mobilmenuPart {margin-left:7px; font-size:2em; line-height:1.3em; font-weight:bold; text-transform:uppercase;}
	.menuDiv {display:none;}
	.formBack {background-color:#000;}
	.formular {position:relative;}
	.formBack img {display:none;}
	.filterDiv {display:block; margin-bottom:20px;}
	.filter {margin-left:0px; margin-right:20px; margin-bottom:20px;}
}
@media (max-width:1200px) {
	header {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
	.burger {display:block;}
	.mobilDiv{margin-bottom:20px;}
	.burgerMob {display:block;}
	.navigationBurger {position:relative; display:block; text-align:right;}
	.menubutton {
		position: fixed;
	}
	.menubutton .burgerClose {right:0; top:0; margin-top:30px;}
	/*.headerContainer {position:fixed;}*/
	.menubutton .burger {right:0; margin-top:30px;}
	.mobilNavi {
		display:none;
		background: linear-gradient(to top, #000000 35%, #b0b0b0 115%);
		position: fixed;
        left: 0;
        width: 100%;
        height: 100vh;
        color: #fff;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 13005;
	}
	.logo {transition: opacity 0.3s ease, visibility 0.3s ease;}
	.hiddenLogo {
		opacity: 0;
		visibility: hidden;
	}
	.navigation {width:100%; z-index:999;}
	.mobilNavi a {background-color:transparent; margin:0px; padding:0px;}
	.mobilNavi a:after {content:'';}
	.mobNav {margin-bottom:40px; margin-top:40px; cursor:pointer;}
	.mobNavFooter {margin-bottom:40px; margin-top:40px; font-size:1.3em; line-height:2em; }
	.mobilNav div::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 4px;
		bottom: 0;
		left: 0;
		background-color: #e30613;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform 0.8s ease;
	}
	.mobilmenuPart {display:block;}
	.mobilmenulist {width:100vw; top:0; z-index:300;}
	.container.secondLayerContainer {max-width:100%;}
	.hotspotBanner a {width:185px; height:95px;}
}
@media (max-width:1030px) {}
@media (max-width:991px) {
	header {position:inherit;}
	body {font-size:16px;}
	.navigation {position:relative;}
	.navigation a {padding-top:5px; padding-bottom:5px;}
	.socialIcons i {font-size:1.6em;}
	.menu {display:none;}
	.mobilNavi {font-size:unset;}
	.mobilDiv {margin-bottom:15px; font-size:1.8em;}
	.mobNav {margin-top:0px; top:15%;}
	h2 {font-size:3em;}
	.tabcontent {padding-bottom:10px;}
	.tab {margin-right:10px; margin-bottom:10px;}
	.desktoptabs {padding-top:0px; padding-bottom:10px;}
	.videoBlack {position:relative;}
	.littleText p {margin-bottom:0px;}
	.littleText {margin-bottom:3px;}
	.headSearchDiv {display:none;}
	.headSearchDivMob {display:block; flex-direction: column; justify-content: center; display: flex;}
	.bannerText p:not(:has(a)):not(.littleText p) {display: none;}
	.bannerText a::after {color:#e30613;}
	.displayText {flex-direction: column; justify-content: center; display: flex;}
	.bannerDiv {height:auto; background-size:100% auto;}
	.bannerText {position:relative; height:auto; display:block; background-color:#000; display:none;}
	.bannerTextMob {position:relative; height:auto; display:block; background-color:#000; display:block;}
	.bannerTextDivMob {padding-top:20px; padding-bottom:40px;}
	.bannerTextRed img {padding-top:20px;}
	.bannerDivMob {display:block;}
	.logo {display:none;}
	.overMenuDiv {display:none;}
	.timelineDiv  img {margin-bottom:10px;}
	.load-more-arrow {margin-left:20px;}
	.infoboxes .col-12 {padding-bottom:20px;}
	.socialIcons {display:none;}
	.logoMobil {display:block;}
	.logoMobil img {padding:10px 0px;}
	.navigation .logoMobil a {background-color:transparent; padding:0px; margin:0px;}
	.navigation .logoMobil a:after {content:''; display:none;}
	.headerContainer {margin-top:0px; padding-top:15px;}
	.menubutton .burgerClose {margin-top:0px;}
	.mobilIconLinks {display:block; margin-top:20px;}
	.loginUShop a {font-size:16px; text-transform:none; font-weight:normal; background-color:#e30613; padding:3px 5px; margin-right:10px;}
	.socialIconsDiv {text-align:left; margin-top:20px; font-size:2em;}
	.socialIconsDiv i {color:#e30613;}
	.navigationBurgerMob {flex-direction: column; justify-content: center; display: flex; align-items: end;}
	.navigationBurger {display:none;}
	.menubutton .burger {margin-top:0px; position:relative;}
	.menubutton .burgerClose {top:0; right:0;}
	.menubutton {position:fixed;}
	.presseDiv {padding-top:0px;}
	.presseDiv h2 {padding-top:20px; padding-bottom:20px;}
	.pressebox h3 {font-size:2em; line-height:0.875em; margin-bottom:8px;}
	.pressebox img {margin-bottom:30px;}
	.mediathek {padding-top:0px;}
	.mediathek h2 {padding-top:20px; padding-bottom:20px;}
	.lieferantenDiv {padding-bottom:20px;}
	.iconLieferant {padding-bottom:20px;}
	.iconLieferant p {margin-bottom:2px;}
	.powermail_fieldwrap_bewerbungstitel h2 {margin-bottom:20px; margin-top:20px;}
	.powermail_file_labelExtra {padding:6px 0px;}
	.filterMedia {margin-top:0px;}
	.videoWhite {position:relative;}
	.sprachenDivMob {display:block;}
	.sprachenDiv {display:none;}
	.undertext p {margin-bottom:0px;}
	.textBox {padding-top:20px; padding-bottom:20px;}
	.linkText {margin-top:0px;}
	.switchDiv {position:relative;}
	.fahrzeugSwitch.fahrzeugSwitchMob {display:block;}
	.fahrzeugSwitch {display:none;}
	.switchDivText img {margin-bottom:0px; margin-top:20px; width:300px;}
	.hidden {
		display: none;
	  }
	  
	  .visible {
		display: block;
	  }
	.textO {margin-top:20px;}
	.text {margin-top:10px;}
	.carPic {margin-top:5px;}
	.hotspotPics {margin-top:0px;}
	.sliderZizatDiv .imgText {position:relative; padding:0px;}
	.sliderZitat {font-size:1.3em; margin-top:15px;}
	.bannerText p:has(a) {margin-bottom:3px;}
	.footerLast {display:block;}
	.datenschutz {margin-right:15px;}
	.datenschutz span {margin-left:3px;}
	.footerMobile {display:block; line-height:0.6em;}
	footer {font-size:16px; padding-top:30px;}
	.adressenDiv.adressenDivMob {display:block;}
	.adressenDiv {display:none;}
	.socialIMGIcon {margin-bottom:40px;}
	.news .header {margin-top:5px}
	.hotspotMarker {width:20px; height:20px; border:1px solid #e30613; position:absolute;}
	.hotspotMarker::after {width:8px; height:8px;}
	.hotspot {position:unset;}
	.hotspotMob {display:block;}
	.hotspotDesktop {display:none;}
	.hotspotPicMob {position:relative;}
	.infoBox {margin-top:20px; border-top-left-radius:0%; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; background-color:#e30613;}
	.infoBox a:before {position:relative; left:0px; margin-right:10px;}
	.hotspotMarkerNot {width:5px; padding-top:10px; position:absolute;}
	.infoBoxWhite {
		background-color: #fff;
		color: #000;
		margin-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		display:block;
	}
	.fahrzeugSwitchMob {padding-top:20px;}
	.infoBoxWhite a:before {color:#e30613; content:''; margin-right:0px;}
	.infoBoxWhite h3 {font-size:2em;}
	.hotspotBanner a {width:0px; height:0px;}
	.subMenu {font-size:1.4em;}
	.ebene3 {margin-bottom:1px; width:max-content; display:flex;}
	.ebene3Icon {position:relative; display:flex;}
	.ebene3act {border-bottom:2px solid #e30613;}
	.ebene3act a {border-bottom:none;}
	.current {border-bottom:2px solid #e30613;}
	.mobilDiv.current {border-bottom:3px solid #e30613; padding-bottom:8px;}
	.subMenuPoint {margin-bottom:25px;}
	.subMenuPoint .current {display:inline-block; padding-bottom:2px;}
	.subEbeneDiv {margin-top:9px;}
	.boxen {padding-bottom:0px; padding-top:15px;}
	.table {margin-bottom:0px;}
	.ansprechpartnerDiv h3 {font-size:2em; margin-top:20px;}
	.left::after {
		left: -70px;
	}  
	.left::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		left: -24px;
		border: medium solid #000;
		border-width: 15px 25px 15px 0px;
		border-color: transparent #000 transparent transparent;
	}
	.boxTextDiv {margin-top:20px;}
	.text p {margin-bottom:0px;}
	.slider .next {top:20%;}
	.slider .prev {top:20%;}
	.boxDiv {margin-bottom:20px;}
	.blackManagementDiv {padding-top:10px; padding-bottom:40px;}
	.blackBackgroundL {padding-top:20px; padding-bottom:20px;}
	.ansprechpartnerDiv h2 {padding-top:20px;}
	.powermail_submit {padding:8px 25px; margin-top:10px;}
	.ansprechDesktop {display:none;}
	.ansprechMob {display:block;}
	.filterSchulung div {padding-bottom:12px; margin-right:12px;}
	.showDetailsBtn {margin-top:20px; padding-top:6px; padding-bottom:6px;}
	.showTermineBtn {margin-top:20px; padding-top:6px; padding-bottom:6px;}
	.schulungsInfos h3 {font-size:2em;}
	.accIcon {margin-right:0px; width:25px; height:25px;}
	.faqfrage {padding:15px 0px;}
	.blackBackground h3 {font-size:2em;}
	.terminBuchenCol {margin-top:20px;}
	.buttonContainer a {padding-top:6px; padding-bottom:6px; margin-top:20px;}
	.buttonContainerCol {justify-content:flex-start; padding-left:15px;}
	.backBtn {padding-top:6px; padding-bottom:6px;}
	.terminBuchenDiv button {font-size:1em; padding:6px;}
	.button-group.submitButtonDiv {margin-top:15px;}
	.powermail_submit.submitButton {font-size:1em;}
	.button-group.submitButtonDiv {padding-right:45px; padding-left:45px;}
	.datenFormular {padding-bottom:20px;}
	.news-single {padding-top:0px;}
	.filterMedia div {margin-right:15px; margin-bottom:9px;}
	.filterStelle div {margin-bottom:8px; margin-right:10px;}
	.schuestuBoxText h3 {margin-top:30px; font-size:2em;}
	.schuestuBoxText h3:not(:first-child) {margin-top:30px;}
	.stellenBoxDiv {margin-bottom:10px;}
	.filterStelle {padding-bottom:40px;}
	.sliderZizatDiv .next {font-size:1.4em;}
	.sliderZizatDiv .prev {font-size:1.4em;}
	.infoboxes {padding-top:30px; padding-bottom:30px;}
	.infoboxFrontimg {width:100px;}
	.infobox {height:210px;}
	.front p {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		position:relative;
		margin-bottom:0px;
	}
	.infobox .back {padding:25px;}
	.back ul {display:flex; justify-content:center; flex-direction:column; height:100%;}
	.boxwhiteBackground {padding-top:20px; padding-bottom:20px;}
	.stellenDiv:hover {transform: scale(1.02, 1.02);}
	.iconLieferant img {width:115px; margin-bottom:10px;}
	.slider .next {font-size:1.4em;}
	.slider .prev {font-size:1.4em;}
	.schulungsDiv {padding-top:40px; padding-bottom:40px;}
	.blackAcc {padding-bottom:40px;}
	.js-gme-submit {padding:6px 20px;}
	.stickyMenu {height:auto; width:100%;}
	.stickybannerDiv {border-radius:unset; text-align:center; background: linear-gradient(to top, rgba(0, 0, 0, 1) 35%, rgba(176, 176, 176, 1) 115%); padding:5px;}
	.navPunkt {display:inline; margin-right:20px; display:none; margin-right:0px;}
	.produktUnterseite {display:block; margin-top:0px;}
	.navPro {display:block;}
	.navPro i {color:#e30613;}
	.navPunkt.produktUnterseite a::after {
		content: "\f0d7";
		color: #e30613;
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		position:relative;
		background-color:transparent;
		margin-left:5px;
		font-size:1.2em;
	}
	.navPunkt.produktUnterseite a:hover::after {
		transform: scaleX(0);
		transform-origin: bottom left;
	}
}
@media (max-width:767px) {
	body {font-size:14px;}
	h2 {font-size:2.5em;}
	.newsletterBox .boxbutton {font-size:0.9em; margin-top:25px; padding:8px 15px;}
	.newsletterBox input {margin-top:20px; padding-top:10px; padding-bottom:10px;}
	.hinweisTextNewsletter p {font-size:0.8em; line-height:1.2em;}
	.hinweisTextNewsletter {margin-top:25px;}
	.blackBackgroundL #crmWebToEntityForm.zcwf_lblLeft {width:100%;}
}
@media (max-width:400px) {}