/*
Autohaus Berkemeier 2023
Powered by MOLECO
*/


body,html,*{font-size: 17px;font-family: 'Montserrat';font-weight: 400;color: #1d1d1b;line-height: 1.6;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden;}
.container{max-width: 1500px;position: relative;}
.container-fluid{max-width: 100%;}

a{color: #1d1d1b;text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover{text-decoration: none;color: #f7d900;transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible {outline: none;}

ul{padding-left: 15px;}
li{list-style: none;position: relative;}
.inhaltsbloecke li{list-style: disc;padding-bottom: 5px;}

img{max-width: 100%;height: auto;}

.headline{font-size: 250%;font-weight:bold;display: block;color: #1d1d1b;margin-bottom: 25px;line-height: 1;}

h1{font-weight: 700;font-size: 400%;line-height: 1.1;color: #fff;}
h2{position: relative;padding-bottom: 25px;}
h2::after{content: '';display:block;width:190px;border: 5px solid #f7d900;position:absolute;bottom:0px;}

.btn{position: relative;padding: 17px 30px 15px 30px;font-weight:bold;background: #f7d900;color: #1d1d1b;transition: all .3s ease;line-height: 1;text-align: center;border-radius: 0px;font-size: 80%;}
.btn:hover{background: #1d1d1b;transition: all .3s ease;color: #fff;}
.btn.trans{padding: 10px 30px;border-radius: 0;border: 2px solid #1d1d1b;background-color: transparent;margin-top: 15px;}
.btn.trans:hover{background-color: #1d1d1b;color: #fff;transition: all ease .3s;}
.btn.trans.timeline{background-color: #fff;margin: 15px auto 0;width: max-content;}
.btn.trans.timeline:hover{background-color: #1d1d1b;color: #fff;}

strong{font-weight:bold;font-size: 100%;}

input{cursor: pointer;}

.fancybox-wrap{z-index:999999;}
.fancybox-overlay{background:rgba(0,0,0,0.7);z-index: 99999;}


/*------------------------------------Header-------------------------------------------------*/

#page-header{position: absolute;top: 0;right: 0;left: 0;padding: 0 0 30px ;z-index: 99999!important;background-color: #1d1d1b;}
#page-header .navigation .menu{display: flex;position: absolute;right: 0;}
#page-header.bottom .navigation .menu{bottom: 0;}
#page-header .navigation .menu li a{color: #fff;padding: 10px 45px;}
#page-header .navigation .menu li a:hover{color: #f7d900;}
#page-header .navigation .menu li:last-child a{padding-right: 0;}
#page-header .navigation .menu li.current_page_item a{font-weight:bold;}
#page-header .navigation .menu li.current_page_item a::after{content: '';display:block;border: 1px solid #f7d900;position:absolute;bottom: -3px;right: 0;left: 45px;width: 10%;}
#page-header .navigation .menu .sub-menu li.current_page_item a::after{content: '';display:block;border: 1px solid #f7d900;position:absolute;bottom: 0px;right: 0;left: 46px;width: 7%;}
#page-header .navigation .menu li .sub-menu li a{position: relative;padding-top: 0;padding-bottom: 0;}
#page-header .navigation .menu li .sub-menu li a::after{display: none;}
#page-header .navigation .menu li .sub-menu li.menu-item-157 a::before{content:'';width:22px;height:22px;display:block;background:url('media/icons/opel-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-157:hover a::before{content:'';width:22px;height:22px;display:block;background:url('media/icons/opel-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-156 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/fiat-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-156:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/fiat-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-155 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/abarth-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-155:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/abarth-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-154 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/fiat-pro-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-154:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/fiatpro-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-649 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/crosscamp-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-649:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/crosscamp-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-689 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/vw-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-689:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/vw-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-899 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/vanexxt-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-899:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/vanexxt-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-902 a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/alpincamper-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}
#page-header .navigation .menu li .sub-menu li.menu-item-902:hover a::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/alpincamper-black.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:10px;transition: all ease .3s;}

#page-header .navigation .menu-menu-container{width: 100%;}

#page-header .navigation .menu .sub-menu{display: none;padding: 0;background-color: #1d1d1b;transition: all ease .3s;}
#page-header .navigation .menu .sub-menu li:hover{background-color: #f7d900;transition: all ease .3s;}
#page-header .navigation .menu .sub-menu li:hover a{color: #1d1d1b;transition: all ease .3s;}
#page-header .navigation .menu .sub-menu li{border-bottom: solid 1px #D1D1D1;padding: 10px 20px 10px 20px;display: flex;align-items: center;transition: all ease .3s;}
#page-header .navigation .menu .sub-menu li::after{display: none;}
#page-header .navigation .menu .sub-menu li:last-child{border: none;margin-bottom: 0;}
#page-header .navigation .menu li.menu-item-has-children:hover .sub-menu{display: block;position: absolute;top: 20;width: max-content;padding-top: 20px;transition: all ease .3s;}

#page-header .marken{position: absolute;right: 0;top: 2px;}
#page-header .marken a img{height: 20px;width: auto;padding-left: 10px;}
#page-header.bottom .marken{display: none;}

#page-header .topmenu .menu-topmenu-container #menu-topmenu{margin-bottom: 0;}
#page-header .row{align-items: center;}
#page-header .topmenu .navigationtop{padding:5px 25px;}
#page-header .topmenu{display: flex;text-align: center;justify-content: end;align-items: center;padding:0;margin-right: -15px;}
#page-header .topmenu li{display: inline-block;margin:0;padding:0;}
#page-header .topmenu li:before{display: none;}
#page-header .topmenu li a{font-size: 80%;padding:0 25px;color: #fff;}
#page-header .topmenu li a:hover{color: #f7d900;}
#page-header .topmenu li:last-child a{background-color: #f7d900;color: #1d1d1b;padding: 10px;font-weight: 500;}

#page-header .menuburgerbutton{margin-top: 20px;display: none;width:60px;height: 40px;cursor: pointer;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;z-index: 100;right: 6%;left: unset;position: absolute;}
#page-header .menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background: #f7d900;opacity: 1;right: 6%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header .menuburgerbutton.active span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 12.5px;background: #fff;}
#page-header .menuburgerbutton.active span:nth-child(2){display: none;}
#page-header .menuburgerbutton.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -11.5px;background: #fff;}

#page-header .menu-mobile .menu{margin-top:100px;}


/*-----------------Kontakt Badge Anfang-----------------*/
.cta{bottom: 15px;height: 80px;width: 80px;right: 15px;display: block;position: fixed;z-index: 99999;cursor: pointer;}

.cta-popup.closefinal{display:none!important;}
.cta-popup{display: none;position: fixed;bottom: 3%;right: 6%;width: 25%;z-index: 99999;padding: 50px;background-color: #fff;border-radius: 15px;box-shadow: 0px 5px 11px -1px rgba(0,0,0,0.2);}
.cta-popup.open{display: block;right: 105px;}
.cta-popup span.ueberschrift{display: block;font-size: 170%;font-weight:bold;padding-bottom: 20px;width: 90%;}
.cta-popup .cta-beratung, .cta-popup .cta-werkstatt, .cta-popup .cta-angebote{position: relative;display: block;background-color: #f7d900;padding: 20px;padding-left: 55px;margin-bottom: 20px;cursor: pointer;transition: all ease .3s;}
.cta-popup .cta-beratung:hover, .cta-popup .cta-werkstatt:hover, .cta-popup .cta-angebote:hover{background-color: #1d1d1b;color: #fff;transition: all ease .3s;}
.cta-popup .cta-beratung::before{content:'';width:30px;height:30px;display:block;background:url('media/icons/beratung.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:20px;left:10px;transition: all ease .3s;}
.cta-popup .cta-werkstatt::before{content:'';width:35px;height:35px;display:block;background:url('media/icons/werkstatt.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;left:7px;transition: all ease .3s;}
.cta-popup .cta-angebote::before{content:'';width:35px;height:35px;display:block;background:url('media/icons/probefahrt.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;left:7px;transition: all ease .3s;}
.cta-popup .cta-beratung:hover::before{background:url('media/icons/beratung-weiss.svg');transition: all ease .3s;}
.cta-popup .cta-werkstatt:hover::before{background:url('media/icons/werkstatt-weiss.svg');transition: all ease .3s;}
.cta-popup .cta-angebote:hover::before{background:url('media/icons/probefahrt-weiss.svg');transition: all ease .3s;}

.cta-open-auswahl{display: none;position: fixed;bottom: 3%;right: 6%;width: 70%;z-index: 9999;padding: 50px;background-color: #fff;border-radius: 15px;box-shadow: 0px 5px 11px -1px rgba(0,0,0,0.2);}
.cta-open-auswahl.open{display: block;right: 105px;}
.cta-open-auswahl span.ueberschrift{display: block;font-size: 170%;font-weight:bold;padding-bottom: 20px;}
.cta-open-auswahl .kontakt img.partner{height: 300px;width: 300px;background-color: #f2f2f2;border-radius: 50%;margin-bottom: 50px;box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);object-fit: cover;object-position: top;}
.cta-open-auswahl .kontakt .informationen .standort{margin-bottom:25px;}
.cta-open-auswahl .kontakt .informationen .standort .bild{height:100px;}
.cta-open-auswahl .kontakt .informationen .standort .bild img{width:100%;height:100%;object-fit:cover;}
.cta-open-auswahl .kontakt .informationen .name, .cta-open-auswahl .kontakt .informationen .position, .cta-open-auswahl .kontakt .informationen .tel, .cta-open-auswahl .kontakt .informationen .mail{display: block;}
.cta-open-auswahl .kontakt .informationen .name{display: block;font-size: 125%;line-height:1;margin:10px 0;}
.cta-open-auswahl .kontakt .informationen .position{display: block;font-weight:bold;padding-bottom: 10px;}
.cta-open-auswahl .kontakt .informationen .tel, .cta-open-auswahl .kontakt .informationen .mail{display: block;padding-left: 30px;margin-right: 15px;position: relative;padding-bottom: 5px;width: max-content;}
.cta-open-auswahl .kontakt .informationen .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:0;}
.cta-open-auswahl .kontakt .informationen .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:0;}
.cta-open-auswahl .form input#mo_vorname, .cta-open-auswahl .form input#mo_nachname, .cta-open-auswahl .form input#mo_email, .cta-open-auswahl .form input#mo_tel{width: 48%;border: none;background-color: #f2f2f2;padding: 10px 25px;margin-bottom: 15px;}
.cta-open-auswahl .form input#mo_vorname, .cta-open-auswahl .form input#mo_email{margin-right: 4%;}
.cta-open-auswahl .form #mo_standort{width:100%;}
.cta-open-auswahl .form textarea#mo_nachricht{border: none;background-color: #f2f2f2;padding: 10px 25px;margin-bottom: 15px;}
.cta-open-auswahl .form .terms{font-size: 80%;}
.cta-open-auswahl .form .captcha{display: flex;}
.cta-open-auswahl .form .MO_captcha{min-width: 300px;margin-right: 10px;border-radius: 0;}
.cta-open-auswahl .form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width: 230px;}

.cta-popup.open .close, .cta-open-auswahl .close{position: absolute;top: 55px;padding: 3px 10px;background-color: #f7d900;cursor: pointer;transition: all ease .3s;}
.cta-popup.open .close strong, .cta-open-auswahl .close strong{color: #1d1d1b;transition: all ease .3s;}
.cta-popup.open .close{right: 15px;top:15px}
.cta-open-auswahl .close{right: 40px;}
.cta-popup.open .close:hover, .cta-open-auswahl .close:hover{background-color: #1d1d1b;transition: all ease .3s;}
.cta-popup.open .close:hover strong, .cta-open-auswahl .close:hover strong{color: #fff;transition: all ease .3s;}

/*-----------------Kontakt Badge Ende-----------------*/



#page-header.bottom .topmenu{display: none;}
#page-header.bottom{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);padding: 20px 0;position: fixed;top: 0;left: 0;right: 0;background: #1d1d1b; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}


/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background: #1d1d1b;padding: 50px 0;position: relative;margin-top: 100px;}
#page-footer p, #page-footer a,#page-footer strong{color: #fff;}
#page-footer a:hover{color: #f7d900;}
#page-footer .standorte{display: flex;}
#page-footer .standorte .kontakt{padding-left: 0;margin-top: 80px;}
#page-footer .standorte .infos{padding-left: 0;}
#page-footer .standorte .infos p, #page-footer .standorte .infos a{margin-bottom: 5px;}

#page-footer .container-fluid{background-color: #f7d900;position: absolute;}
#page-footer .container-fluid .container{padding-top: 15px;}
#page-footer .container-fluid .container .footer-bottom .recht a{color: #1d1d1b;transition: all ease .3s}
#page-footer .container-fluid .container .footer-bottom .recht a:hover{text-decoration: underline;transition: all ease .3s}
#page-footer .container-fluid .container .footer-bottom .recht{display: flex;justify-content: end;}
#page-footer .container-fluid .container .footer-bottom .recht li{margin-left: 15px;}

#page-footer .logo p{margin-bottom:0;}
#page-footer .logo img{margin-bottom:25px;}
#page-footer .logo ul{padding-left:0;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

div[class^="flx_"], div[class*="flx_"]{margin-bottom: 150px;position: relative;top: 85px;}

.flx_topheader{margin-bottom: 75px!important;position: relative;}
.home .flx_topheader{margin-bottom: 0!important;}
.flx_topheader .container{z-index: 999;}
.flx_topheader .inhalt{top: 200px;position: absolute;width: 60%;}
.flx_topheader .inhalt p{color: #fff;padding-top: 15px;}
.flx_topheader.slider .swiper-pagination{bottom: calc(100% - 80%);left: calc(100% - 20%);text-align: unset;}
.flx_topheader.slider .swiper-pagination .swiper-pagination-bullet{height: 15px;width: 15px;border: 2px solid #f7d900;}
.flx_topheader.slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #f7d900;}
.topheader.slider.infobadge{height: 220px;width: 220px;background-color: #f7d900;border-radius: 150px;position: absolute;z-index: 999;top: 110px;right: 150px;padding: 30px;transform: rotate(8deg);}
.topheader.slider.infobadge:hover{background-color: #FFBF00;}
.topheader.slider.infobadge .inner{color: #141414;text-align: center;font-size: 120%;font-weight: 700;position: relative;top: 20px;}
.flx_topheader.schmal h1{padding-top: 250px;text-align:center;}
.flx_topheader::after{content: '';top: 0;bottom: 0;right: 0;left: 0;width: 100%;background-color: #000;opacity: 0.5;position: absolute;}

.flx_topheader.headervideo{height: max-content!important;}
.flx_topheader.headervideo .container{position: unset;}
.flx_topheader.headervideo .inhalt{z-index: 9;top: unset;bottom: 6rem;}
/* .flx_topheader */
.flx_suche-infos h2{padding-bottom: 0;}
.flx_suche-infos h2::after{display: none;}
.flx_suche-infos .info1{background-color: #FFBF00;padding: 50px;}
.flx_suche-infos .info2{background-color: #F7DA00;padding: 50px;}
.flx_suche-infos p{min-height: 120px;}
.flx_suche-infos .row{margin-right: 0px;}

.flx_marken .row{justify-content: center;}
.flx_marken .item{text-align: center;}
.flx_marken .item img{transition: all ease .3s;}
.flx_marken .item img:hover{transform: scale(1.2);transition: all ease .3s;}

.flx_bildblock .container{height: 60vh;position: relative;}
.flx_bildblock .inhalt span{font-size: 350%;font-weight:bold;color: #fff;position: absolute;;top: calc(100% - 60%);line-height: 1.1;}
.flx_bildblock .inhalt .btn.trans{position: absolute;display: block;top: calc(100% - 56%);right: 0;border: 2px solid #fff;color: #fff;}
.flx_bildblock .inhalt .btn.trans:hover{color: #1d1d1b;background-color: #fff;}

.flx_bildblock.galerie .container{height: auto;position: relative;}
.flx_bildblock.galerie .item{display:block;height:100%;}
.flx_bildblock.galerie .item img{object-fit:cover;height:100%;}

.flx_kachelblock .row{padding-top: 20px;}
.flx_kachelblock .kachel{padding-bottom: 20px;}
.flx_kachelblock .kachel a.btn{width:100%;padding: 40px;padding-left: 70px;font-weight: unset;background: #f2f2f2;text-transform: unset;text-align: left;border-radius: 0;font-size: 100%;}
.flx_kachelblock .kachel a:before{content:'';width:30px;height:30px;display:block;background:url('media/icons/next.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:33px;left:30px;transition: all ease .3s;background-size: 100%;}
.flx_kachelblock .kachel:hover a.btn{background: #1d1d1b;color: #fff;}
.flx_kachelblock .kachel:hover a:before{content: '';background:url('media/icons/next-weiss.svg');transition: all ease .3s;left: 35px;background-size: 100%;}

.flx_angebotslider .text{padding-left: 10%;}
.flx_angebotslider .text .topp{position: relative;}
.flx_angebotslider .text .eigenschaft{border: 1px solid #1d1d1b;border-radius: 15px;padding: 0 25px;width: max-content;margin: 0 13px 45px;}
.flx_angebotslider .text p{width: 70%;padding-bottom: 30px;}
.flx_angebotslider .text .headline{width: max-content;font-size: 200%!important;}
.flx_angebotslider .text .badge{color: #1d1d1b;background: #f7d900;border-radius: 50%;width: 130px;height: 130px;text-align: center;line-height: 1;position: absolute;right: 40px;padding: 23px 15px;top: -30px;font-size: 125%;}
.flx_angebotslider .text .btn{width: 70%;}
.flx_angebotslider .bild{padding: 0 12% 0 8%;}
.flx_angebotslider .bild .preis{background-color: #f7d900;padding: 10px 15px;font-weight:bold;font-size: 110%;right: 12%;position: absolute;bottom: 10%;z-index: 999;}
.flx_angebotslider .bild .swiper-button-next{right: 7%;top: calc(100% - 25%);color: #1d1d1b;}
.flx_angebotslider .bild .swiper-wrapper{padding-bottom: 25px;}
.flx_angebotslider .bild .swiper-pagination{bottom: -5px;left: 0;width: 20%;text-align: left;}
.flx_angebotslider .bild .swiper-pagination .swiper-pagination-bullet{background: transparent;border: 2px solid #1d1d1b;width: 10px;height: 10px;}
.flx_angebotslider .bild .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f7d900;border: none;}

.flx_textblock li{padding-left: 10px;padding-bottom: 15px;}
.flx_textblock.info-bild .bild{padding-left: 0;}
.flx_textblock.info-bild .info{background-color: #f7d900;padding: 70px;}
.flx_textblock.info-bild .info .headline::after{display: none;}

.flx_textblock.text-bild .row{display: grid;grid-template-columns: 50% 65%;grid-template-rows: max-content;align-items: center;}
.flx_textblock.text-bild .row .grid_text{grid-column: 1 / span 1;padding-right: 30px;}
.flx_textblock.text-bild .row .grid_bild{grid-column: 2 / span 1;}
.flx_textblock.text-bild .row .grid_bild img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.flx_textblock.bild-text .row{display: grid;grid-template-columns: 50% 50%;grid-template-rows: max-content;align-items: center;}
.flx_textblock.bild-text .row .grid_bild{grid-column: 1 / span 1;}
.flx_textblock.bild-text .row .grid_text{grid-column: 2 / span 1;padding-left: 50px;}
.flx_textblock.bild-text .row .grid_bild img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.flx_textblock.text-text{margin-top: -130px;padding-top: 130px;}
.flx_textblock.text-text .row{padding: 0 15px;}
.flx_textblock.text-text .links{padding-bottom: 50px!important;}

.flx_textblock.text-text-bild .bild{padding-left: 15px;}
.flx_textblock.text-text-bild .bild img{width: 100%;padding-right: 50px;}
.flx_textblock.text-text-bild .kontakt p{padding-right: 20px;}
.flx_textblock.text-text-bild .zeiten{padding-left: 20px!important;}

.flx_autohaus .autohaeuser .autohaus{padding-bottom: 25px;}
.flx_autohaus .autohaeuser .autohaus .marken{margin-top:25px;}
.flx_autohaus .autohaeuser .autohaus .marken .logo{max-width:75px;margin:10px;}
.flx_autohaus .autohaeuser .autohaus a .bild{width: 100%;transition: all ease .3s;position: relative;}
.flx_autohaus .autohaeuser .autohaus a .bild:after{content: '';width: 100%;height: 100%;right: 0;left: 0;bottom: 0;top: 0;background-color: #1d1d1b;opacity: 0;position: absolute;transition: all ease .3s;}
.flx_autohaus .autohaeuser .autohaus a .bild .btn{opacity: 0;position: absolute;left: calc(100% - 62%);top: calc(100% - 57%);border-color: #fff;color: #fff;z-index: 9;}
.flx_autohaus .autohaeuser .autohaus a:hover .bild .btn{opacity: 1;}
.flx_autohaus .autohaeuser .autohaus a .bild .btn:hover{background-color: #fff;color: #1d1d1b;}
.flx_autohaus .autohaeuser .autohaus a:hover .bild{transition: all ease .3s;}
.flx_autohaus .autohaeuser .autohaus a:hover .bild:after{opacity: .7;;transition: all ease .3s;}
.flx_autohaus .autohaeuser .autohaus .info .standort{display: block;font-size: 150%;padding-bottom: 15px;}
.flx_autohaus .autohaeuser .autohaus .info{background-color: #f2f2f2;padding: 30px;}
.flx_autohaus .autohaeuser .autohaus .info .kontakt .tel, .flx_autohaus .autohaeuser .autohaus .info .kontakt .mail{position:relative;padding-left: 30px;margin-right: 15px;}
.flx_autohaus .autohaeuser .autohaus .info .kontakt .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}
.flx_autohaus .autohaeuser .autohaus .info .kontakt .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}

.flx_autohaus.untereinander .autohaeuser .autohaus .infos{align-content:center;}
.flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner{padding-left:100px;}
.flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .standort{display: block;font-size: 175%;padding-bottom: 15px;line-height:0.8;}
.flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .tel, .flx_autohaus .autohaeuser .autohaus .infos .inner .kontakt .mail{position:relative;padding-left: 30px;margin:15px 0;display:block;}
.flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}
.flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}

.flx_mitarbeiter .mitarbeiter{padding-top: 30px;}
.flx_mitarbeiter .mitarbeiter .person{display: flex;margin-bottom: 30px;}
.flx_mitarbeiter .mitarbeiter .person .bild{width: 170px;height: 170px;object-fit: cover;}
.flx_mitarbeiter .mitarbeiter .person .informationen{display: block;padding: 10px 40px;}
.flx_mitarbeiter .mitarbeiter .person .informationen .name{display: block;font-size: 150%;}
.flx_mitarbeiter .mitarbeiter .person .informationen .position{display: block;font-weight:bold;padding-bottom: 10px;}
.flx_mitarbeiter .mitarbeiter .person .informationen .tel, .flx_mitarbeiter .mitarbeiter .person .informationen .mail{display: block;padding-left: 30px;margin-right: 15px;position: relative;padding-bottom: 5px;}
.flx_mitarbeiter .mitarbeiter .person .informationen .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:0;}
.flx_mitarbeiter .mitarbeiter .person .informationen .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:0;}
.flx_mitarbeiter .person .standort{font-weight:bold;font-size: 130%;margin-bottom: 20px;display:block;}
.flx_mitarbeiter.mehr .mitarbeiter .person{display: block;}
.flx_mitarbeiter.mehr .mitarbeiter .person .bild{width: 200px;height: 200px;}
.flx_mitarbeiter.mehr .mitarbeiter .person .informationen{padding: 20px 0;}
#greven, #steinfurt, #muenster, #saerbeck{margin-top: -100px;padding-top: 100px;}

.flx_teaserblock .item .teaser{padding-bottom: 25px;}
.flx_teaserblock .item .teaser a .bild{width: 100%;transition: all ease .3s;position: relative;}
.flx_teaserblock .item .teaser a .bild::after{content: '';width: 100%;height: 100%;right: 0;left: 0;bottom: 0;top: 0;background-color: #1d1d1b;opacity: 0;position: absolute;transition: all ease .3s;}
.flx_teaserblock .item .teaser a:hover .bild::after{opacity: .7;transition: all ease .3s}
.flx_teaserblock .item .teaser a .btn{opacity: 0;position: absolute;left: calc(100% - 66%);top: calc(100% - 57%);border-color: #fff;color: #fff;z-index: 9;background-color: transparent;}
.flx_teaserblock .item .teaser a:hover .btn{opacity: 1;}
.flx_teaserblock .item .teaser a .btn:hover{background-color: #fff;border-color: #fff;color: #141414;}
.flx_teaserblock .item .teaser .info{background-color: #f2f2f2;padding: 30px;}
.flx_teaserblock .item .teaser .info .titel{display: block;font-size: 150%;padding-bottom: 15px;font-weight:bold;}
.flx_teaserblock .item .teaser .info .beschreibung{display: block;min-height: 120px;position: relative;}
.flx_teaserblock .item .teaser .info .beschreibung .btn{margin-top: 20px;position: absolute;bottom: 0;right: 0;}

.flx_teaserblock.logo .logo{height: 100px;width: 100px;position: absolute;top: 0;object-fit: cover;}

#team{padding-top: 120px;margin-top: -120px;}
.flx_teamuebersicht .sorting{margin-bottom: 30px;}
.flx_teamuebersicht .sorting.partner{margin-bottom: 70px;}
.flx_teamuebersicht .sorting a.btn{cursor: pointer;background-color: #f2f2f2;margin:10px;color: #222;border-radius: 0px;font-size:90%;padding:10px 20px;width: max-content;}
.flx_teamuebersicht .sorting a.btn:hover{color: #fff;background-color: #1d1d1b;}
.flx_teamuebersicht .sorting a.btn.active{background-color: #1d1d1b;color: #fff;transition: all ease .3s;}
.flx_teamuebersicht .sorting a.btn.active:hover{background-color: #f7d900;transition: all .3s ease;color: #222;}
.flx_teamuebersicht .output #entdecke-unser-team .hoverbox{display:none;}
.flx_teamuebersicht .output a, .flx_teamuebersicht .output .mitarbeiter span{display: block;color: var(--white);text-align: left;font-weight: 300}
.flx_teamuebersicht .output .alert{padding:25px;font-size:100%;font-weight:bold;color:#fff;background:var(--sec);}
.flx_teamuebersicht .item{margin-bottom:25px;}
.flx_teamuebersicht .item img{height: 240px;width: 180px;object-fit: cover;object-position: center;}
.flx_teamuebersicht .item .hoverbox{transition: 0.3s;padding: 15px 0;position: relative;padding-left: 20px;}
.flx_teamuebersicht .item .hoverbox span{display: block;font-weight: 400; text-align: left;}
.flx_teamuebersicht .item .hoverbox span.headline{display: block;font-size: 130%;margin-bottom: 15px!important;}
.flx_teamuebersicht .item .hoverbox .position{display: block;font-weight:bold;padding-bottom: 10px;min-height: 50px;font-size: 90%;line-height: 1.2;}
.flx_teamuebersicht .item .badge{position: absolute;bottom: 0;left: 0;right: 0;text-align: left;padding: 5px;color: #fff;background: var(--sec);font-weight:bold;transition:all .3s ease;}
.flx_teamuebersicht .item:hover .badge{opacity:0;transition:all .3s ease;}
.flx_teamuebersicht .kontakt{display: flex;align-items: center;}
.flx_teamuebersicht .kontakt .telefon, .flx_teamuebersicht .kontakt .mail{padding-left: 30px;position: relative;}
.flx_teamuebersicht .kontakt a:hover{color: #f7d900;}
.flx_teamuebersicht .kontakt .telefon::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;left:0;bottom: 4px;}
.flx_teamuebersicht .kontakt .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;left:0;bottom: 3px;}
.flx_teamuebersicht .category-group{margin-bottom: 70px;}

.flx_kontaktformular
input, .fbox select{width: 48%;border: none;background-color: #f2f2f2;padding: 10px 25px;margin-bottom: 15px;font-family: 'Montserrat';}
input.checkbox{width: max-content;margin-bottom: 0;}
input#submit{width: max-content;background-color: #f7d900;padding: 15px 60px;}
input#submit:hover{background-color: #1d1d1b;}
textarea{border: none;background-color: #f2f2f2;padding: 10px 25px;margin-bottom: 15px;}
/* .form input#mo_vorname, .form input#mo_email, #mo_anfrage, #mo_nummernschild, #mo_datum{margin-right: 4%;} */
.form .terms{font-size: 80%;}
.form .captcha{display: flex;}
.form .MO_captcha{min-width: 300px;margin-right: 10px;border-radius: 0;}
.form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width: 240px;}
.flx_kontaktformular .text p{padding-right: 50px;}
.fbox.select{padding: 0;color: #1d1d1b;width: 48%;margin-right:4%;}
.fbox.select:nth-child(2n){margin-right:0;}
.fbox.select select{cursor: pointer;color: #1d1d1b;width: 100%;}
#kontaktform, form#reifenwechsel{padding: 0 15px;}
.flx_kontaktformular input{margin-right:2%;}
.flx_kontaktformular input:nth-child(2n){margin-right:0;margin-left:2%;}
.flx_kontaktformular input[name="firma"]{width:100%;margin-right:0;margin-left:0;}
.flx_kontaktformular input[type="checkbox"]{margin-left:0;}
.flx_kontaktformular .text .inhalt{margin-top:50px;padding-right:50px;}
.flx_kontaktformular .text .inhalt .name{display: block;font-size: 115%;padding-bottom: 5px;margin-top:50px;}
.flx_kontaktformular .text .inhalt .tel, .flx_kontaktformular .text .inhalt .mail{position:relative;padding-left: 30px;margin-right: 15px;}
.flx_kontaktformular .text .inhalt .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}
.flx_kontaktformular .text .inhalt .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0}

.flx_teaser_reifenwechsel{margin-top: -150px;padding-top: 150px;}
.flx_teaser_reifenwechsel input{width: 48%;border: none;background-color: #fff;padding: 10px 25px;margin-bottom: 15px;}
.flx_teaser_reifenwechsel input.checkbox{width: max-content;margin-right: 5px;}
.flx_teaser_reifenwechsel input#submit{width: max-content;background-color: #f7d900;padding: 15px 60px;}
.flx_teaser_reifenwechsel input#submit:hover{background-color: #1d1d1b;}
.flx_teaser_reifenwechsel textarea{border: none;background-color: #fff;padding: 10px 25px;margin-bottom: 15px;}
.flx_teaser_reifenwechsel #mo_standort.select, .flx_teaser_reifenwechsel #mo_neukunde select{height: 48px;}
.flx_teaser_reifenwechsel #mo_standort select{margin-bottom: 0;height:100%;}
.flx_teaser_reifenwechsel .terms{display: flex;align-items: baseline;}
.flx_teaser_reifenwechsel .check{margin: 10px 0;display: flex;}
.flx_teaser_reifenwechsel .check p{margin-right: 10px;}
.flx_teaser_reifenwechsel .inner{padding: 100px 0;background-color: #f7d900;}
.flx_teaser_reifenwechsel h2{margin-bottom: 0;}
.flx_teaser_reifenwechsel h2::after{display: none;}
.flx_teaser_reifenwechsel .form input#mo_vorname, 
.flx_teaser_reifenwechsel .form input#mo_email, 
.flx_teaser_reifenwechsel #mo_anfrage, 
.flx_teaser_reifenwechsel #mo_nummernschild, 
.flx_teaser_reifenwechsel textarea, 
.flx_teaser_reifenwechsel #mo_nachname, 
.flx_teaser_reifenwechsel #mo_tel,
.flx_teaser_reifenwechsel #mo_standort,
.flx_teaser_reifenwechsel #mo_datum select{background-color: #fff;}
.flx_teaser_reifenwechsel input#submit{background-color: #019045;color: #fff;}
.flx_teaser_reifenwechsel input#submit:hover{background-color: #141414;}
.flx_teaser_reifenwechsel input.option{width: max-content;margin-right: 5px;}
.flx_teaser_reifenwechsel .checkbox{display: flex;align-items: baseline;margin-right: 20px;}


.flx_anfahrt{margin-bottom: 50px!important;}
.flx_anfahrt .row{display: grid;grid-template-columns: 65% 35%;grid-template-rows: 400px;}
.flx_anfahrt .map{padding-right: 0;}
.flx_anfahrt #map .map-muenster, .flx_anfahrt #map .map-steinfurt, .flx_anfahrt #map .map-greven, .flx_anfahrt #map .map-saerbeck{display: none;}
.flx_anfahrt .info{background-color: #f2f2f2;padding-top: 16%;padding-left: 12%;}
.flx_anfahrt .info .autohaus{display: block;}
.flx_anfahrt .info .autohaus.muenster, .flx_anfahrt .info .autohaus.steinfurt, .flx_anfahrt .info .autohaus.greven, .flx_anfahrt .info .autohaus.saerbeck{display: none;}
.flx_anfahrt .info .autohaus .standort{font-size: 150%;}
.flx_anfahrt .info .autohaus .kontakt{padding-top: 15px;padding-bottom: 30px;}
.flx_anfahrt .info .autohaus .kontakt .tel, .flx_anfahrt .info .autohaus .kontakt .mail, .flx_anfahrt .info .autohaus .kontakt .autohaus{position:relative;padding-left: 30px;padding-bottom: 5px;display: block;width: max-content;}
.flx_anfahrt .info .autohaus .kontakt .tel::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/phone.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:2px;left:0;}
.flx_anfahrt .info .autohaus .kontakt .mail::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/email.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:2px;left:0;}
.flx_anfahrt .info .autohaus .kontakt .autohaus::before{content:'';width:20px;height:20px;display:block;background:url('media/icons/next.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:2px;left:0;transition: all ease .3s;}
.flx_anfahrt .info .autohaus .kontakt .autohaus:hover::before{left:5px;}
.flx_anfahrt .info .button-standorte button{border: 2px solid #000;padding: 5px 15px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;transition: all ease .3s;background-color: transparent;}
.flx_anfahrt .info .button-standorte button:hover{background-color: #141414;color: #fff;transition: all ease .3s;}
.flx_anfahrt .info .button-standorte .btn-muenster.active, .flx_anfahrt .info .button-standorte .btn-steinfurt.active, .flx_anfahrt .info .button-standorte .btn-greven.active, .flx_anfahrt .info .button-standorte .btn-saerbeck.active{background-color: #141414;color: #fff;}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li{list-style: none;}
#timeline .timeline-badge.timeline-future-movement{border: 2px solid #f7d900;border-radius: 60px;width: 120px;height: 120px;text-align: center;position: relative;left: 45%;display: flex;align-items: center;justify-content: center;margin-bottom: -5px!important;z-index: 99;background-color: #fff;}
#timeline .timeline-badge.timeline-future-movement p{font-weight:bold;margin-bottom: 0!important;}
#timeline .timeline-panel-ul{display: flex;align-items: center;}
#timeline .timeline-panel-ul .lefting-wrap, #timeline .timeline-panel-ul .righting-wrap{width: 50%;}
#timeline .timeline-panel-ul .lefting-wrap p, #timeline .timeline-panel-ul .righting-wrap p{margin-bottom: 0;padding: 15px;}
#timeline .timeline-panel-ul .all-wrap p{padding: 15px 0;}
#timeline .timeline-panel-ul img{padding: 15px;}
#timeline .timeline-panel-ul .righting-wrap p{margin-bottom: 0;}
#timeline .timeline-panel.timeline-panel.credits{width: 90%;border-top: 2px solid #f7d900;}
#timeline::before{background-color:#f7d900;top: 0;bottom: 0;position: absolute;content: " ";width: 2px;background-color: #f7d900;left: 49%;}

.flx_jobs .subline{margin-bottom: 15px;font-size: 100%;}
.flx_jobs .title{display: block;font-weight: 700;font-size: 200%;line-height: 1;padding-bottom: 15px;}
.flx_jobs .btn{padding: 10px 15px;margin: 0;}
.flx_jobs .subinfos .headline{display: block;font-weight: 700;text-transform: uppercase;font-size: 110%;}
.flx_jobs .subinfos li::before{content: '-';position: absolute;left: -20px;top: 0px;}
.flx_jobs .stellenuebersicht .item{margin-bottom: 70px;}
.flx_jobs .leer{margin-bottom: 130px;}
.flx_jobs #ausbildung{margin-top: -100px;padding-top: 130px;}
#jobs, #ausbildung{margin-top: -100px;padding-top: 100px;}

#karriere{margin-top: 150px;padding: 0 15px;}
#karriere .subline{display: block;padding-top: 50px;}
#karriere h1{color: #141414;padding-bottom: 20px;}
#karriere .row.inhalt{padding-top: 100px;}
#karriere .jobtext li{list-style: disc;}
#karriere .bewerbung{border-left: 1px solid #141414;padding-left: 30px;}
#karriere input, #karriere .fbox select{width: 100%;border: none;background-color: #f2f2f2;padding: 10px 25px;margin-bottom: 15px;font-family: 'Montserrat';}
#karriere.form .terms{font-size: 80%;}
form .captcha{display: block;}
form .MO_captcha{min-width: 300px;margin-bottom: 20px;border-radius: 0;}
form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width: 240px;}
#karriere .text p{padding-right: 50px;}
#karriere select{display: block;margin-top: 15px;cursor: pointer;}
form#karriere{padding: 0 15px;}
#karriere .container-fluid{padding: 15px 0;}
#karriere .terms{display: flex;align-items: baseline;font-size: 80%;}
#karriere .terms input{width: max-content;margin-right: 10px;position: relative;top: 3px;}
#karriere form .btn{background-color: #019045;width: 200px;color: #fff;padding: 20px 30px;}
#karriere form .btn:hover{background-color: #141414;}
#karriere form label, #karriere form label span{font-size: 90%;line-height: 1.3;}
#karriere form label input#file{background-color: transparent;padding-left: 0;cursor: pointer;}
#karriere .direkt{display: none;margin-bottom: 30px;width: max-content;}

.impressum .inhaltsbloecke, .datenschutzerklaerung .inhaltsbloecke{margin-top: 100px;}
.impressum h2, .datenschutzerklaerung h2{padding-bottom: 10px;padding-top: 30px;}
.impressum h2:after, .datenschutzerklaerung h2:after{display: none;}

.MO_captcha .MO_captcha-content .MO_upper-row .MO_infotext{left: 20%!important;bottom: 90%!important;}

.flx_iconblock{background:#f7d900;padding:75px 0;}
.flx_iconblock .content{text-align:center;margin-bottom:75px;}
.flx_iconblock .content .headline:after{border:solid 5px #1D1D1B;left:50%;transform:translateX(-50%);}
.flx_iconblock .icons .item{padding:0 25px;}
.flx_iconblock .icons .item img{display:block;height:70px;width:auto;margin:0 auto 25px;}
.flx_iconblock .icons .item .beschreibung{font-size:135%;font-weight:bold;display:block;text-align:center;}

.flx_angebotsteaser .inhalt{width: 60%;margin: 0 auto 75px;text-align: center;}
.flx_angebotsteaser .angebote .row{gap:25px 0;}
.flx_angebotsteaser .angebote.schmal{width:75%;margin:0 auto;display:block;}
.flx_angebotsteaser .angebote .item{margin-bottom:60px;background:#F5F5F5;height:100%;}
.flx_angebotsteaser .angebote .bild{position:relative;height:350px;display:flex;}
.flx_angebotsteaser .angebote .single{padding:0;}
.flx_angebotsteaser .angebote .single .bild{height:auto;}
.flx_angebotsteaser .angebote .bild img{object-fit:cover;width:100%;}
.flx_angebotsteaser .angebote .bild .verfugbarwrapper{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:max-content;padding:5px 25px;background:#F5F5F5;border-radius:25px;}
.flx_angebotsteaser .angebote .bild .verfugbarwrapper .verfugbar{position:relative;display:block;width:max-content;padding-left:15px;margin:0 auto;}
.flx_angebotsteaser .angebote .bild .verfugbarwrapper .verfugbar:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:green;position:absolute;top:9px;left:0;}
.flx_angebotsteaser .angebote .content{text-align:center;padding:25px 25px 25px;}
.flx_angebotsteaser .angebote .content .headline{font-size:170%;}
.flx_angebotsteaser .angebote .content .subline{display:block;min-height:50px;}
.flx_angebotsteaser .angebote .content .kundengruppe{padding:10px 35px;border-radius:25px;background:#959595;margin:0 auto 20px;display:block;width:max-content;color:#fff;}
.flx_angebotsteaser .angebote .content .pricewrapper{margin:20px 0;}
.flx_angebotsteaser .angebote .content .pricewrapper .price-before{font-size:150%;font-weight:bold;margin-right:5px;display:inline-block;}
.flx_angebotsteaser .angebote .content .pricewrapper .price{font-size:275%;font-weight:bold;display:inline-block;}
.flx_angebotsteaser .angebote .content .pricewrapper .price-indication{display:block;margin-top:-10px;}
.flx_angebotsteaser .angebote .content .btn{display:block;width:max-content;margin:20px auto;}
.flx_angebotsteaser .angebote .content .teasertext{display:block;min-height:115px;}


/*------------------------------------FAHRZEUGSUCHE-------------------------------------------------*/

#fahrzeugsuche{background-color:#fafafa;margin-bottom: -80px;}
#fahrzeugsuche .row{padding-top: 30px;}
#fahrzeugsuche .highlight{font-weight: bold;font-size:200%;margin-bottom:10px;display:inline-block;}
#fahrzeugsuche .form-part{width:100%;margin-bottom:10px;}
#fahrzeugsuche .form-part.white{background-color:#fff;}
#fahrzeugsuche .form-part.expandable,
#fahrzeugsuche .form-part.expandable *{cursor:pointer;}
#fahrzeugsuche .form-part.expandable > *:not(label){display:none;}
#fahrzeugsuche .form-part.expandable.expanded > *:not(label){display:block;}
#fahrzeugsuche .form-part .select2{min-width:100%;}
#fahrzeugsuche .form-part .select2 .select2-selection{border:none;}
#fahrzeugsuche .form-part #ausstattungen label input{margin-right:5px;}
.select2-selection__clear span{line-height: 0.8;font-size: 200%;}
.select2-selection--multiple .select2-selection__clear{margin: 0!important;right: 3px!important;}
#fahrzeugsuche .form-part.padding{padding: 13px 20px;}
#fahrzeugsuche .form-part.button.yellow{margin-top: 30px;}
#fahrzeugsuche .form-part.button .btn.trans{padding: 17px 30px 15px 30px;}
#fahrzeugsuche .form-part.button .btn{width:100%;}
.flx_suche-infos #fahrzeugsuche .form-part.button .btn{width:auto;}
#fahrzeugsuche .page_info{padding: 0 30px;}
#fahrzeugsuche .page_forward, #fahrzeugsuche .page_back{position: relative;cursor: pointer;}
#fahrzeugsuche .page_forward::after{content:'';width:25px;height:25px;display:block;background:url('media/icons/next.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0px;right:0px;transition: all ease .3s;background-size: 100%;}
#fahrzeugsuche .page_back::after{content:'';width:25px;height:25px;display:block;background:url('media/icons/next.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0px;left:0px;transition: all ease .3s;background-size: 100%;transform: rotate(180deg);}

.flx_suche-infos{-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);}
.flx_suche-infos #fahrzeugsuche{padding-right:0;background-color: #fff;border-left:40px solid #f7da00;margin-bottom: 0;}
#fahrzeugsuche .range .val{display:none;}   
#fahrzeugsuche .range .val.active{display:inline-block;}  
#fahrzeugsuche-formular-small #button-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0;}
#fahrzeugsuche-formular-small #button-wrapper label{width:50%;padding:10px 0;text-align:center;background-color:#1d1d1b;color:#fafafa;-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15);}
#fahrzeugsuche-formular-small #button-wrapper label.active{background-color:#fafafa;color:#1d1d1b;}
#fahrzeugsuche-formular-small #button-wrapper label input{opacity:0;width:0;}
#fahrzeugsuche-formular-small .form-part:last-of-type{margin-bottom:0;}
#fahrzeugsuche-formular-small .form-part.padding{display: flex;max-width: 50%;margin: 20px;margin-top: 0;}
#fahrzeugsuche-formular-small .form-part.padding.orte{background-color: #fff;}
#fahrzeugsuche-formular-small .form-part.padding, #fahrzeugsuche-formular-small .select2-container .select2-selection--single .select2-selection__rendered{background-color: #f2f2f2;}
#fahrzeugsuche-formular-small .form-part.padding label{display: flex;margin-right: 20px;}
#fahrzeugsuche-formular-small .form-part.padding label.multi_standort:last-child{margin-right: 0;}
#fahrzeugsuche-formular-small .highlight{padding: 20px;padding-bottom: 0;width: 70%;}
#fahrzeugsuche-formular-small .form-part.range{max-width: 45%;}
#fahrzeugsuche-formular-small .form-part.range label{position: relative;}
#fahrzeugsuche-formular-small .auswahl{display: flex;margin: 20px;align-items: center;gap:20px;}
#fahrzeugsuche-formular-small .auswahl .form-part.padding{margin: 0px;}
#fahrzeugsuche-formular-small .form-part.range #max_budget{width: 100%;}
#fahrzeugsuche .range .val.active{position: absolute;right: 0;}
#fahrzeugsuche-formular-small .form-part.button.yellow #filter-small{margin: 20px;}
#fahrzeugsuche #fahrzeugsuche-formular-small .upper{display: flex;}
#fahrzeugsuche #fahrzeugsuche-formular-small .form-part.button.yellow{margin-top: 0;margin-left: 20px;}
#fahrzeugsuche #fahrzeugsuche-formular-small .upper .form-part.button.yellow{margin-top: 30px;margin-right: 20px;max-width: 30%;text-align: right;}

.select2-container--default .select2-selection--single .select2-selection__clear{margin-right: 40px;}
.select2-container--default .select2-search--inline .select2-search__field{font-family: 'Montserrat';} 
.select2-container .select2-search--inline .select2-search__field{height: 25px;margin-left: 0;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.single_standort input, .multi_standort input{margin-right: 10px;}

.select2-container--default .select2-selection--single .select2-selection__arrow::after{content:'';width:25px;height:25px;display:block;background:url('media/icons/next.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0px;right:0px;transition: all ease .3s;background-size: 100%;transform: rotate(90deg);}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{transform: rotate(180deg);right: 5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}




/*------------------------------------FAHRZEUGAUSGABE-------------------------------------------------*/

#fahrzeugausgabe{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px; --gap-size: 20px;} 
#fahrzeugausgabe .info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
#fahrzeugausgabe .listing{display:flex;flex-direction:column;gap:var(--gap-size);}
#fahrzeugausgabe .listing article a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-size);background-color:#fff;}
#fahrzeugausgabe .listing article .image{width:calc(30% - var(--gap-size));}
#fahrzeugausgabe .listing article .specs{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;width:50%;padding: var(--gap-size) 0;}
#fahrzeugausgabe .listing article .specs .facts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:0!important;gap:var(--gap-size);}
#fahrzeugausgabe .listing article .specs .facts span{display:inline-block;width:calc(50% - var(--gap-size));}
#fahrzeugausgabe .listing article .pricing{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;width:calc(20% - var(--gap-size));padding: var(--gap-size) var(--gap-size) var(--gap-size) 0;}
#fahrzeugausgabe .listing article .pricing span{display:block;}

#fahrzeugausgabe .pricing .preis{font-weight:bold;font-size: 120%;}
#fahrzeugausgabe .listing .vehicle{transition: all ease .3s;}
#fahrzeugausgabe .listing .vehicle:hover{transform: scale(1.02);transition: all ease .3s;}
#fahrzeugausgabe .listing .vehicle .title{font-size: 130%;font-weight:bold;}

#fahrzeugausgabe .listing article .specs .facts .anzahl_tueren,
#fahrzeugausgabe .listing article .specs .facts .kraftstoff,
#fahrzeugausgabe .listing article .specs .facts .fahrzeugklasse,
#fahrzeugausgabe .listing article .specs .facts .fahrzeugtyp,
#fahrzeugausgabe .listing article .specs .facts .getriebe,
#fahrzeugausgabe .listing article .specs .facts .kw{position: relative;padding-left: 25px;}

#fahrzeugausgabe .listing article .specs .facts .anzahl_tueren::before{content:'';height:15px;width: 13px;display:block;background:url('media/icons/anzahl_tueren.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:0px;transition: all ease .3s;background-size: 100%;}
#fahrzeugausgabe .listing article .specs .facts .kraftstoff::before{content:'';height:15px;width: 11px;display:block;background:url('media/icons/kraftstoff.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:1px;transition: all ease .3s;background-size: 100%;}
#fahrzeugausgabe .listing article .specs .facts .fahrzeugklasse::before{content:'';height:15px;width: 15px;display:block;background:url('media/icons/fahrzeugtyp.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:0px;transition: all ease .3s;background-size: 100%;}
#fahrzeugausgabe .listing article .specs .facts .fahrzeugtyp::before{content:'';height:15px;width: 15px;display:block;background:url('media/icons/fahrzeugtyp.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:0px;transition: all ease .3s;background-size: 100%;}
#fahrzeugausgabe .listing article .specs .facts .getriebe::before{content:'';height:15px;width: 15px;display:block;background:url('media/icons/getriebe.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:0px;transition: all ease .3s;background-size: 100%;}
#fahrzeugausgabe .listing article .specs .facts .kw::before{content:'';height:15px;width: 15px;display:block;background:url('media/icons/kw.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:6px;left:0px;transition: all ease .3s;background-size: 100%;}


/*------------------------------------FAHRZEUGDETAIL-------------------------------------------------*/

.detail .inhaltsbloecke{position: relative;top: 130px;}
.detail .fahrzeugdetail .container{display: flex;}
.detail h1{margin-bottom: 0;line-height: 1.2;}
.detail .upper{position: relative;padding: 30px 0 50px;}
.detail .upper span{position: absolute;right: 0;font-weight: 500;}
.detail .upper .zuruck{position: absolute;}
.detail .upper .teilen{position: absolute;right: 0;text-align: right;padding-top: 30px;}
.detail .upper .teilen img{height: 30px;width: 30px;background-color: #f7d900;border: 7px solid #f7d900;}
.detail .upper .teilen #whatsapp img{height: 30px;width: 30px;border: none;background-color: transparent;}
.detail .upper .teilen .icon{margin-left: 5px;cursor: pointer;}

.detail .zusatzinfo{font-size: 90%;color: #999;}
.detail .fahrzeugdetail .details .auftragsnummer{display: block;margin-bottom: 20px;}
.detail .fahrzeugdetail .details .btn-merkmale{display: inline-block;margin: 30px 0;}

.detail .fahrzeugdetail .details .btn-merkmale .radio-btn{border: 1px solid #999;border-radius: 15px;padding: 2px 30px;margin-right: 5px;color: #999;}
.detail .fahrzeugdetail .details .hauptmerkmale{padding-bottom: 50px;}
.detail .fahrzeugdetail .details .hauptmerkmale .hauptmerkmal{margin-bottom: 5px!important;}
.detail .hauptmerkmale .preise .zusatzinfo{display: block;}
.detail .hauptmerkmale .preise .zusatzinfo, .detail .hauptmerkmale .preise .preis{float: right;}
.preis{padding: 10px 20px;background-color: #f7d900;font-weight:bold;font-size: 170%;margin: 5px 0;display: block;width: max-content;}
.detail .accordion .fahrzeugdetails{padding: 20px;background-color: #f2f2f2;margin-bottom: 20px;cursor: pointer;}
/* .detail .accordion .fahrzeugdetails .headline{font-size: 130%;font-weight:bold;margin-bottom: 30px;position: relative;} */
.detail .accordion .fahrzeugdetails .headline::after{content: '';display:block;width:30px;border: 2px solid #f7d900;position:absolute;bottom:-10px;}
.detail .accordion .fahrzeugdetails .key-value{display: block;width: 50%;}
.detail .accordion .fahrzeugdetails .inner .detail{display: block;}
.detail .accordion .fahrzeugdetails .inner .detail .attribut{font-weight: 500;width: 50%;display: inline-block;}
.detail .accordion .fahrzeugdetails .inner .col-sm-6 .detail .attribut{width: 150px;}
.detail  .merkmal{display: inline-block;width: 150px;font-weight: 500;}
.detail .bilder, .detail .details{padding-top: 50px;}
.detail .bilder .hauptbild{padding-bottom: 20px;}
.detail .bilder .hauptbild img{width: 100%;height: auto;object-fit: cover;object-position: center;}

.fahrzeugdetails.expandable .headline{margin-bottom:0;position:relative;padding-right:40px;font-size: 140%;}
.fahrzeugdetails.expandable .headline::after{content:'';width:25px;height:25px;display:block;background:url('media/icons/next.svg');border:0!important;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0px;right:0px;transition: all ease .3s;background-size: 100%;transform: rotate(90deg);}
.fahrzeugdetails.expandable.expanded .headline::after{transform:rotate(-90deg);}
.fahrzeugdetails.expandable .inner{display:none;margin-top:20px;}
.fahrzeugdetails.expandable.expanded .inner{display:flex;}
.fahrzeugdetails .columns-2{columns:2;}
.fahrzeugdetails .columns-2 .detail{font-weight:500;}

.fahrzeugdetail .swiper-horizontal > .swiper-pagination-bullets, .fahrzeugdetail .swiper-pagination-bullets.swiper-pagination-horizontal {height:0;bottom:0;}
.fahrzeugdetail .swiper{padding: 0px;margin-left: 0;}
.fahrzeugdetail .swiper img.swiper-slide{cursor: pointer;}
.fahrzeugdetail .swiper-button-next{right: 10%;color: #1d1d1b;}
.fahrzeugdetail .swiper-pagination-bullet-active{background: #1d1d1b;}

@media print {
    .noprint {display:none;}
    header, .breadcrumbs, .upper, .flx_mitarbeiter.mehr, .flx_autohaus, .flx_kachelblock, .flx_bildblock, #page-footer, .cta{display: none;}
    .fahrzeugdetails.expandable .inner{display: block;}
    .detail .bilder, .detail .details{padding-top: 0;}
    .detail .fahrzeugdetail .details .hauptmerkmale{padding-bottom: 10px;}
    .detail .accordion .fahrzeugdetails{margin-bottom: 0;}
    .detail .bilder .hauptbild img{width: 300px!important;}
    .swiper{overflow: visible;}
    body{margin-top: -80px;}
    body, html, *{font-size: 12px;}
    @page{size:portrait;}
    .headline{margin-top: 30px;}

    .bilder{width: 100%;display:flex;flex-direction:column;}
    .bilder .galerie{width:100%;overflow-x: hidden;}
    .bilder .galerie .swiper{max-width: unset !important;width: 100%;margin: 0;}
    .bilder .galerie .swiper .swiper-wrapper{display: flex; flex-direction: row; flex-wrap: wrap;overflow: visible;justify-content: flex-start; margin: 0 -0.25rem;padding: 0;}
    .bilder .galerie .swiper .swiper-wrapper img{flex: 1 1 20%;max-width: 20% !important;margin: 0 !important;max-height: 100px;object-fit: scale-down;padding: .25rem;}

}

/*------------------------------------ANGEBOTS-SINGLE-------------------------------------------------*/

#phpsingle-angebot{margin-top:110px;}
/* #phpsingle-angebot .container{max-width:1220px;} */

#phpsingle-angebot .backbtn{margin:50px 0;}
#phpsingle-angebot .verfugbarwrapper{align-content:center;height:100%;display:block;}
#phpsingle-angebot .verfugbarwrapper .verfugbar{display:block;float:right;position:relative;padding-left:15px;}
#phpsingle-angebot .verfugbarwrapper .verfugbar:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:green;position:absolute;top:7.5px;left:0;}

#phpsingle-angebot .fahrzeugdetails{margin-bottom:75px;}
#phpsingle-angebot .fahrzeugdetails .bildgalerie{padding-right:50px;}
#phpsingle-angebot .fahrzeugdetails .bildgalerie .item{margin-bottom:30px;}
#phpsingle-angebot .fahrzeugdetails .bildgalerie .item img{width:100%;}

#phpsingle-angebot .fahrzeugdetails .content{height:100%;align-content:center;}
#phpsingle-angebot .fahrzeugdetails .content .headline{font-size:300%;}
#phpsingle-angebot .fahrzeugdetails .content .headline.small{font-size:200%;}
#phpsingle-angebot .fahrzeugdetails .content .kundengruppe{padding:10px 35px;border-radius:25px;background:#F5F5F5;margin:35px 0;display:block;width:max-content;}
#phpsingle-angebot .fahrzeugdetails .content .pricewrapper{text-align:right;margin:35px 0;}
#phpsingle-angebot .fahrzeugdetails .content .pricewrapper .price-before{font-size:150%;font-weight:bold;margin-right:5px;display:inline-block;}
#phpsingle-angebot .fahrzeugdetails .content .pricewrapper .price{font-size:325%;font-weight:bold;display:inline-block;}
#phpsingle-angebot .fahrzeugdetails .content .pricewrapper .price-indication{display:block;margin-top:-10px;}
#phpsingle-angebot .fahrzeugdetails .content .ausstattung{margin:35px 0;}
#phpsingle-angebot .fahrzeugdetails .content .ausstattung .item{display:inline-block;margin:7.5px 5px;padding:2.5px 35px;border-radius:20px;border:solid 2px #717171;color:#717171;}

#phpsingle-angebot .fahrzeugdetails .infos .item .name{display:inline-block;width:50%;font-weight:600;}

#phpsingle-angebot .fahrzeugdetails .content .btn.anfragen{margin-top:25px;}

#phpsingle-angebot .hinweis p{font-size:70%;}

/*-----------------------------------------------------------------------------------------------------*/
/*------------------------------------RESPONSIVE-------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

@media (min-width:1921px){
    
    #page-header .marken{right: 1%;bottom: 32%;}
    #page-header .marken a img{height: 21px;padding-left: 8px;}

    .cta-popup.open{width: 35%;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1780px){

    /* .container{max-width: 1300px;} */

    .flx_topheader.slider, .home .flx_topheader.slider{height: 40vh!important;}
    .flx_angebotslider .text .badge{right: -30px;}

    .flx_topheader .inhalt{top: 120px;width: 70%;}
    .flx_topheader .hintergrundbild{height: 40vh!important;}

    .flx_anfahrt .row{grid-template-columns: 60% 40%;}

    .flx_kontaktformular .text p{width: 90%!important;}

    .flx_teamuebersicht .item .hoverbox{padding: 15px 0;}
    .flx_teamuebersicht .item img{height: 160px;width: 160px;}


    .cta-open-auswahl{width: 65%;padding: 40px;right: 8%;}
    .cta-open-auswahl .form .terms{font-size: 70%;}
    .cta-open-auswahl .kontakt img.partner{height: 250px;width: 250px;}

    .cta-open-auswahl .close{right: 30px;}
    

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    #page-header .navigation .menu li a{padding: 0 35px;}
    #page-header .logo img{max-width: 140%;}
    #page-header .navigation .menu li:last-child a{padding: 10px 45px;}
    #page-header .marken{padding-right: 15px;}
    
    
    .flx_suche-infos .info1, .flx_suche-infos .info2{padding: 30px;}
    .flx_suche-infos p{min-height: 200px;}
    .flx_suche-infos .buttons{position: absolute;bottom: 30px;}
    
    .flx_topheader.headervideo .inhalt h1{font-size: 300%!important;}

    .flx_angebotslider .text{padding-left: 15px;}
    .flx_angebotslider .bild .swiper{top: 80px;}

    .flx_autohaus .autohaeuser .autohaus .bild{height: 30vh!important;}

    .flx_mitarbeiter .mitarbeiter .person .informationen{padding: 10px 0 10px 40px;}
    .flx_mitarbeiter .mitarbeiter .person .informationen .mail{line-height: 1.2;}

    .flx_teamuebersicht .item img{height: 180px;width: 180px;}

    .flx_teaserblock .item .teaser a .btn{left: calc(100% - 69%);}

    .flx_bildblock .inhalt .btn.trans{top: calc(100% - 51%);right: 70px;}

    .flx_anfahrt .row{grid-template-columns: 50% 50%;}

    .cta-popup.open{width: 55%;}
    .cta-open-auswahl.open{width: 85%;}

    /* #fahrzeugsuche .form-part{display: inline-block;width: 33%;} */

    .fahrzeugdetail .swiper-button-next{right: 26%;top: 116%;}
    .fahrzeugdetail .swiper-button-next::after{font-size: 93%;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 120px;}


    .headline{font-size: 200%;}
    h1{font-size: 350%;}

    #page-header{padding: 0 0 22px;}
    #page-header .menuburgerbutton{display: block;margin-top: 10px;right: 0;}
    #page-header.bottom .menuburgerbutton{margin-top: 10px;}
    #page-header .topmenu{display: none;}
    #page-header .logo img{padding-top: 25px;}

    #page-header.bottom .logo img{padding-top: 0;}
    #page-header.bottom .menuburgerbutton{margin-top: -10px;}

    #page-header .menu-mobile.active{display: block!important;background: #1d1d1b;position: fixed;z-index: 1;right: 0;top: 0;height: 100%;width: 50%;z-index: 99;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);}
    #page-header .menu-mobile.active #menu-mobilemenu{padding: 100px 40px 0;margin: 0;}
    #page-header .menu-mobile .menu{padding-left: 70px;}
    #page-header .menu-mobile.active li{margin-bottom: 20px;}
    #page-header .menu-mobile.active li a{color: #fff;font-size: 120%;}
    #page-header .menu-mobile.active li a:hover{color: #f7d900;}
    #page-header .menu-mobile.active li.menu-item-has-children::after{content: '';background: url('media/icons/arrow-white.svg')no-repeat;background-size: auto;background-size: 100%;display: block;width: 15px;height: 15px;position: absolute;left: -25px;top: 6px;cursor: pointer;transition: 0.3s;transform: rotate(-90deg);}
    #page-header .menu-mobile.active li.menu-item-has-children.active::after{transform: rotate(0deg);transition: 0.3s;}
    #page-header .menu-mobile.active .sub-menu{display: none;}
    #page-header .menu-mobile.active .sub-menu li{margin-bottom: 5px;}
    #page-header .menu-mobile.active .sub-menu li a:hover{color: #f7d900;}
    #page-header .menu-mobile.active li.menu-item-has-children.active .sub-menu{display: block;margin: 10px 0;padding: 15px 30px;background: #141414;}
    #page-header .menu-mobile.active li#menu-item-2417{background: #f7d900;padding: 10px 30px;}
    #page-header .navigation{display: none;}
    #page-header .menu-top{display: none;}
    #page-header .menu-mobile.active li#menu-item-2417 a:hover{color: #f7d900;}
    #page-header .menu-bottom .logo{margin: 0 auto;}
    #page-header .menu-bottom .logo img{max-width: 80%;margin-top: 0;}

    #page-header .menu-mobile.active li.current_page_item a::after{content: '';display:block;border: 1px solid #f7d900;position:absolute;bottom: -3px;right: 0;left: 0;width: 10%;}

    .inhaltsbloecke{top: -21px;position: relative;}

    .flx_topheader{height: 50vh!important;margin-bottom: 50px!important;}
    .flx_topheader .inhalt p{padding-top: 5px;}
    .flx_topheader .inhalt{top: 140px;}
    .flx_topheader.schmal{height: 40vh!important;}
    .flx_topheader.headervideo .inhalt{bottom: 4rem;}
    .flx_topheader.headervideo .inhalt h1{font-size: 260%!important;}

    .topheader.slider.infobadge{height: 190px;width: 190px;top: 110px;right: 10px;}
    .topheader.slider.infobadge .inner{font-size: 100%;font-weight:bold;}


    .home .flx_suche-infos{margin-bottom: 80px;}
    .flx_suche-infos .info1, .flx_suche-infos .info2{padding: 50px;}
    .flx_suche-infos p{min-height: 120px;}
    .flx_suche-infos #fahrzeugsuche{border-left: none;height: max-content;}


    /* .flx_angebotslider .bild{padding-left:0%;} */
    .flx_angebotslider .swiper{top: 70px;}
    .flx_angebotslider .text .badge{right: -90px;top: -10px;z-index: 9;padding: 21px 15px;width: 110px;height: 110px;line-height: 0.4;font-size: 95%;}

    .flx_marken .item img{width: 60px;height: 60px;transition: all ease .3s}
    .flx_marken .item:hover img{transform: scale(1.2);transition: all ease .3s}

    .flx_autohaus .autohaeuser .autohaus .info .standort{font-size: 120%;}

    .flx_textblock p{padding-bottom: 0;}

    .flx_textblock.info-bild .info{padding: 45px 0 0 50px;}
    .flx_textblock.info-bild .info .headline{font-size: 150%;margin-bottom: 0;}

    .flx_textblock.text-bild .row{grid-template-columns: 100%;grid-template-rows: max-content 35px 450px;align-items: unset;}
    .flx_textblock.text-bild .row .grid_text{padding: 0 15px;}
    .flx_textblock.text-bild .row .grid_bild{grid-column: 1 / span 1;grid-row: 3;width: 100%;height: 100%;object-fit: cover;padding: 0;}

    .flx_textblock.bild-text .row{grid-template-columns: 100%;grid-template-rows: max-content 35px 450px;align-items: unset;}
    .flx_textblock.bild-text .row .grid_text{padding-left: 15px;grid-column: 1;grid-row: 1 / span 1;}
    .flx_textblock.bild-text .row .grid_bild{grid-row: 3;padding: 0;}

    .flx_mitarbeiter .mitarbeiter .person .informationen .tel, .flx_mitarbeiter .mitarbeiter .person .informationen .mail{padding-bottom: 10px;font-size: 85%;}
    .flx_mitarbeiter .mitarbeiter .person .informationen{padding: 0 0 0 35px;}
    .flx_mitarbeiter .mitarbeiter .person .informationen .name{font-size: 120%;}

    .flx_teamuebersicht .item img{height: 160px;width: 160px;}

    .flx_autohaus .autohaeuser .autohaus a .bild .btn{left: calc(100% - 57%);}

    .flx_kachelblock .kachel a.btn{padding: 30px;padding-left: 70px;}
    .flx_kachelblock .kachel a.btn::before{top: 23px;}

    .flx_anfahrt{margin-bottom: -35px!important;}
    .flx_anfahrt .row{grid-template-columns: 45% 55%;}

    .flx_teaserblock .item .teaser a .btn{left: calc(100% - 67%);}

    #page-footer .logo{padding-bottom: 40px;}
    #page-footer .standorte .infos p{font-size: 80%;}
    #page-footer .standorte .kontakt{margin-top:0;}
        #page-footer .leer{display:none;}


    .cta-popup.open{width: 65%;}
    .cta-open-auswahl .form input#vorname, .cta-open-auswahl .form input#nachname, .cta-open-auswahl .form input#email, .cta-open-auswahl .form input#tel, .cta-open-auswahl .form textarea#nachricht{font-size: 85%;}
    .cta-open-auswahl .kontakt img.partner{height: 150px;width: 150px;margin: 30px 0;}
    .cta-open-auswahl .kontakt .informationen .name{font-size: 130%;}
    .cta-open-auswahl .kontakt .informationen .position, .cta-open-auswahl .kontakt .informationen .tel, .cta-open-auswahl .kontakt .informationen .mail{font-size: 90%;}
    .cta-open-auswahl .kontakt .informationen .tel, .cta-open-auswahl .kontakt .informationen .mail{width: max-content;}
    .cta-open-auswahl .form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width: 200px;font-size: 65%;}
    .cta-open-auswahl .form .MO_captcha{min-width: 240px;}
    .cta-open-auswahl input#submit{padding: 10px 20px;}

    .fahrzeugdetail .swiper-horizontal > .swiper-pagination-bullets, .fahrzeugdetail .swiper-pagination-bullets.swiper-pagination-horizontal{text-align: left;}
    .fahrzeugdetail .swiper-button-next{right: unset;left: 22%;}
    .detail .bilder .hauptbild img{width: 70%;}

    .flx_angebotsteaser .angebote .content .kundengruppe{padding:10px 15px;}
    .flx_angebotsteaser .angebote .content .headline{min-height:60px;}
    .flx_angebotsteaser .angebote .content .pricewrapper .price{font-size:225%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    /* .container{max-width: 700px;} */

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 100px;}

    #page-header .logo img{max-width: 60%;}
    #page-header .menuburgerbutton{margin-top: 15px;}

    .flx_topheader .inhalt{width: 90%;}

    .flx_topheader{height: 40vh!important;}
    .flx_topheader.schmal{height: 30vh!important;}
    .flx_topheader.schmal h1{padding-top: 120px;}
    .flx_topheader.headervideo .inhalt{bottom: 3rem;}
    .flx_topheader.headervideo .inhalt h1{font-size: 200%!important;}

    .flx_angebotslider .text .badge{right: 35px;padding: 24px 15px;width: 120px;height: 120px;transform: rotate(7deg);}
    .flx_angebotslider .text p{padding-bottom: 10px;}
    .flx_angebotslider .text .eigenschaft{margin-bottom: 25px;}
    .flx_angebotslider .bild{padding-left: 15px;}
    .flx_angebotslider .bild .swiper-button-next{top: calc(100% - 10%);}
    .flx_angebotslider .bild .preis{bottom: -40px;}
    .flx_angebotslider .bild .swiper{top: 40px;}

    .flx_marken .item img{width: 50px;height: 50px;}

    .flx_autohaus .autohaeuser .autohaus .info .kontakt .tel, .flx_autohaus .autohaeuser .autohaus .info .kontakt .mail{display: block;padding-bottom: 5px;}
    .flx_autohaus .autohaeuser .autohaus .info .kontakt .tel::before, .flx_autohaus .autohaeuser .autohaus .info .kontakt .mail::before{top: 3px;}
    .flx_autohaus .autohaeuser .autohaus a .bild .btn{left: calc(100% - 75%);top: calc(100% - 58%);}
    .flx_autohaus .autohaeuser .autohaus .info{padding: 20px 30px;}
    .flx_autohaus .autohaeuser .autohaus .bild{height: 25vh;}

    .flx_mitarbeiter .mitarbeiter .person{padding-bottom: 20px;}

    .flx_teamuebersicht .item img{height: 140px;width: 140px;}
    .flx_teamuebersicht .item .hoverbox span.headline{font-size: 110%;}
    .flx_teamuebersicht .kontakt .telefon, .flx_teamuebersicht .kontakt .mail{font-size: 90%;}

    .flx_kachelblock .kachel a.btn{padding: 20px;padding-left: 60px;}
    .flx_kachelblock .kachel a.btn::before{top: 13px;left: 20px;}

    .flx_teaserblock .item .teaser a .btn{left: calc(100% - 61%);}

    .flx_bildblock .inhalt span{top: calc(100% - 80%);}
    .flx_bildblock .inhalt .btn.trans{top: calc(100% - 40%);right: unset;}

    .flx_textblock .bild img{height: 100%;object-fit: cover;}
    .flx_textblock.info-bild .info{padding: 40px;}

    .flx_textblock.text-text-bild .bild img{padding-right: 0px;padding-bottom: 30px;}
    .flx_textblock.text-text-bild .kontakt{padding-left: 15px!important;}

    .flx_kontaktformular .text p{width: 100%!important;padding-bottom: 20px;}

    .flx_anfahrt .info .button-standorte span{display: inline-block;width: 130px;text-align: center;margin-bottom: 10px;}

    .flx_angebotsteaser .angebote .row{gap:15px 0;}

    #page-footer .footer-bottom li, #page-footer .footer-bottom a, #page-footer .footer-bottom span{font-size: 85%;}
    #page-footer{margin-top: 80px;}

    .cta-open-auswahl .kontakt .informationen .tel, .cta-open-auswahl .kontakt .informationen .mail{width: 0;overflow: hidden;display: inline-flex;}

    #fahrzeugausgabe .listing article .image{width: 100%;}
    #fahrzeugausgabe .listing article .image img{width: 60%;}
    #fahrzeugausgabe .listing article .specs{padding-top: 5px;width: 60%;}
    #fahrzeugausgabe .listing article .pricing{width: calc(40% - var(--gap-size));}
    #fahrzeugausgabe .listing .vehicle{padding-bottom: 20px;}

    .fahrzeugdetail .swiper-button-next{left: 30%;}
    .detail .bilder .hauptbild img{width: 80%;}

    #karriere .row.inhalt{padding-top: 50px;}
    #kurzbewerbung{padding-top: 50px;}
    #karriere .bewerbung{border-left: none;padding-left: 0;}
    #karriere .direkt{display: block;}

    .flx_angebotsteaser .angebote .content .headline{min-height:auto;}

    .flx_iconblock .icons .item{margin-bottom:50px;}
    .flx_iconblock .icons .item .beschreibung{font-size:115%;}

    .flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner{padding-left:0;}
    .flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .tel, .flx_autohaus .autohaeuser .autohaus .infos .inner .kontakt .mail{margin:5px 0;}
    .flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .tel::before, .flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner .kontakt .mail::before{height:25px;}

    .flx_kontaktformular .kontakt.row{margin:0;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    /* .container{max-width: 550px;} */
    #page-header .logo img{max-width: 20%;padding-top: 20px;}
    #page-header .navigation a{font-size: 75%;}
    #page-header .menu-mobile.active{width: 100%;right: 0;}

    .flx_topheader{height: 35vh!important;}
    .flx_topheader .inhalt{top: 100px;}
    .flx_topheader.slider .swiper-pagination{bottom: calc(100% - 90%);}
    .flx_topheader.headervideo .inhalt{bottom: 6rem;}

    .topheader.slider.infobadge{display: none;}

    .flx_suche-infos .buttons{position: unset;}
    .flx_suche-infos p{min-height: max-content;}

    .flx_angebotslider .bild .swiper-button-next{right: 4%;}
    .flx_textblock.text-bild .row{grid-template-rows: max-content 35px 300px;}

    .flx_textblock.info-bild .bild{padding-right: 0;}
    .flx_textblock.text-text-bild .kontakt{padding-bottom: 35px!important;}
    
    .flx_autohaus .autohaeuser .autohaus a .bild .btn{left: calc(100% - 66%);}

    .flx_bildblock{height: 40vh!important;}
    .flx_bildblock .container{height: 40vh;}

    .flx_anfahrt .row{grid-template-columns: 100%;grid-template-rows: max-content max-content;}
    .flx_anfahrt .info{padding: 40px 80px;}

    .flx_teaserblock .item .teaser a .btn{left: calc(100% - 64%);}

    .flx_teamuebersicht .sorting a.btn{margin: 5px;font-size: 85%;padding: 10px;}
    .flx_teamuebersicht .kontakt .mail::before{width: 17px;height: 17px;}
    .flx_teamuebersicht .kontakt .telefon::before{width: 17px;height: 17px;}

    .cta-popup.open, .cta-open-auswahl.open{right: 15px;bottom: 15px;width: 90%;}
    .cta-open-auswahl.open{padding: 20px 40px;}
    .cta-open-auswahl.open .kontakt{display: flex;}
    .cta-open-auswahl .kontakt img.partner{margin: 0 30px 30px 0;width: 100px;height: 100px;}
    .cta-open-auswahl .kontakt .person{display: flex;}
    .cta-open-auswahl .form textarea{height: 100px;margin-bottom: 5px;}
    .cta-open-auswahl .form .pflicht{font-size: 80%;margin-bottom: 10px;}
    .cta-open-auswahl .close{top: 25px;}
    .cta-open-auswahl .kontakt .informationen .position{padding-bottom: 5px;}
    .cta-open-auswahl.open{padding: 20px;top: 60px;right: 0;left: 0;width: 100%;z-index: 99999;border-radius: 0;bottom: 0;}

    #fahrzeugausgabe .listing article .image img{width: 100%;}
    #fahrzeugausgabe .listing article .pricing{width: calc(30% - var(--gap-size));}

    .fahrzeugdetail .swiper-button-next{left: 36%;}
    .detail .bilder .hauptbild img{width: 100%;}

    .flx_jobs .stellenuebersicht .item{margin-bottom: 50px;}
    .flx_jobs .leer{margin-bottom: 0;}

    #phpsingle-angebot{margin-top:75px;}
    #phpsingle-angebot .fahrzeugdetails .bildgalerie{padding-right:0;}
    #phpsingle-angebot .fahrzeugdetails .content .btn{width:100%;font-size:135%;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    /* .container{max-width: 360px;} */
    body, html, *{font-size: 14px;}

    #page-header .menu-mobile.active{width: 100%;}
    #page-header .menu-mobile .menu{padding-left: 40px;}        
    #page-header .navigation a{font-size: 75%;padding: 10px 40px 10px 40px;}
    #page-header .logo img{max-width: 30%;}


    .flx_suche-infos .info1, .flx_suche-infos .info2{padding: 35px;}
    #fahrzeugsuche-formular-small .auswahl{display: block;}
    #fahrzeugsuche-formular-small .form-part.padding, #fahrzeugsuche-formular-small .form-part.range{max-width: 100%;}
    #fahrzeugsuche-formular-small .form-part.padding{margin: 0;}
    #fahrzeugsuche-formular-small .form-part.padding label{margin-right: 10px;}
    #fahrzeugsuche #fahrzeugsuche-formular-small .form-part.button.yellow{margin-left: 0;text-align: center;}
    #fahrzeugsuche-formular-small .form-part.button.yellow #filter-small{margin: 0;width: 100%;}
    .flx_suche-infos #fahrzeugsuche{height: 510px;}
    #fahrzeugsuche-formular-small .form-part.padding{margin-bottom: 15px!important;}
    #fahrzeugsuche-formular-small .form-part.padding.orte{margin-bottom: 0!important;}

    .flx_angebotsteaser .inhalt{width:100%;}

    .flx_teaserblock .item .teaser a .btn{left: calc(100% - 69%);}

    .flx_angebotslider .text .badge{top: -50px;right: 10px;height: 100px;width: 100px;}
    .flx_angebotslider .text .headline{width: 70%;}
    .flx_angebotslider .text p
    .flx_angebotslider .text .eigenschaft{margin: 0 5px 15px!important;margin-right: 5px;margin-left: 5px;font-size: 85%;padding: 0 10px!important;}

    .flx_autohaus .autohaeuser .autohaus .info .kontakt .tel::before, .flx_autohaus .autohaeuser .autohaus .info .kontakt .mail::before{top: 0;}
    .flx_autohaus .autohaeuser .autohaus a .bild .btn{left: calc(100% - 71%);}
    .flx_autohaus.untereinander .autohaeuser .autohaus .infos .inner{padding:25px!important;}

    .flx_kontaktformular input{width: 100%;margin-bottom: 10px;margin-left:0!important;}
    .flx_kontaktformular input.checkbox{width: max-content;margin-bottom: 0;}
    .form .captcha{display: block;}
    .form .MO_captcha{margin-bottom: 15px;}
    

    .flx_teaser_reifenwechsel .check{display: block;}

    .flx_mitarbeiter .mitarbeiter .person{display: block;}
    .flx_mitarbeiter .mitarbeiter .person .bild{height: 200px;width: 200px;}
    .flx_mitarbeiter .mitarbeiter .person .informationen{padding: 20px 0;}
    .flx_mitarbeiter .mitarbeiter .person .informationen a{width: max-content;}
    .flx_mitarbeiter .mitarbeiter .person .informationen .mail::before, .flx_mitarbeiter .mitarbeiter .person .informationen .tel::before{top: -1px;}

    .flx_anfahrt .info{padding: 40px;}

    #page-footer .standorte{display: flex;flex-wrap: wrap;}
    #page-footer .standorte .kontakt{display: block;margin-bottom: 15px;padding:0 10px;}
    #page-footer .standorte .kontakt p{padding-right: 20px;margin-bottom: 5px;}

    #page-footer .container-fluid .container .footer-bottom .recht{justify-content: unset;padding-left: 0;}
    #page-footer .container-fluid .container .footer-bottom .recht li{margin-left: 0;margin-right: 15px;}

    .cta-open-auswahl .form textarea{height: 70px;}
    .cta-open-auswahl .kontakt img.partner{margin: 0 20px 30px 0;}
    .cta-open-auswahl .form .terms{line-height: 1.3;}
    .cta-open-auswahl .form .MO_captcha
    .cta-open-auswahl .form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field, .MO_captcha-image {width: 70%;}
    .cta-open-auswahl .form .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width: 200px;}
    .cta-open-auswahl .form .MO_captcha{min-width: 200px;}
    .cta-open-auswahl .form input#vorname,.cta-open-auswahl .form input#nachname,.cta-open-auswahl .form input#email,.cta-open-auswahl .form input#tel {padding: 5px 20px;}
    .cta-open-auswahl span.ueberschrift{font-size: 150%;}
    .cta-open-auswahl span.ueberschrift{padding-bottom: 10px;}

    #fahrzeugausgabe .listing article .specs{width: 80%;}

    .fahrzeugdetails.expandable.expanded .inner{display: block;}

    .fahrzeugdetail .swiper-button-next{left: 57%;top: 120%;}

    #karriere input, #karriere .fbox select{margin-bottom: 0;}
    #karriere form label, #karriere form label span{font-size: 100%;line-height: unset;}
    #karriere .some{margin: 30px 0;}

    .popup .popupWrapper #standorte .btn{display:block;width:100%;margin-bottom:10px;}

      
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 60px}

    /* .container{max-width: 290px;} */

    #page-header .logo img{max-width: 35%;}

    h1{font-size: 300%;}

    .flx_topheader .inhalt{top: 100px;}

    .flx_topheader.schmal{height: 25vh!important;}
    .flx_topheader.schmal h1{padding-top: 80px;}

    .flx_angebotslider .bild .swiper-pagination{width: 30%;}

    .flx_autohaus .autohaeuser .autohaus a .bild .btn{left: calc(100% - 77%);}

    .flx_bildblock .inhalt span{font-size: 260%;}

    .cta-popup{padding: 30px;}
    .cta-popup span.ueberschrift{line-height: 1.3;}
    .cta-popup.open .close{top: 30px;right: 30px;}
    .cta-popup .cta-beratung::before, .cta-popup .cta-werkstatt::before, .cta-popup .cta-probefahrt::before{top: 28px;}
    .cta-open-auswahl .form textarea#nachricht{margin-bottom: 5px;}
    .cta-open-auswahl span.ueberschrift{font-size: 120%;}
    .cta-open-auswahl .form input#vorname, .cta-open-auswahl .form input#nachname, .cta-open-auswahl .form input#email, .cta-open-auswahl .form input#tel{margin-bottom: 10px;}

    .flx_kontaktformular .form .MO_captcha{min-width: 260px;}

    .fahrzeugdetail .swiper-button-next{left: 72%;top: 126%;}


}