/*
--------------Farben-------------
Blau: #193358
Rot: #B51F2A
*/

:root{
    --prime: #193358;
    --sec: #B51F2A;
    --white: #ffffff;
    --lightgrey: #f2f2f2;
    --darkgrey: #2D3437;
    --grey: #847F7F;
}  



body,html,*{font-size:19px;line-height:1.5;font-family:'Open Sans';font-weight:300;font-display: swap; }
html{scroll-behavior: smooth;}

a{color:var(--prime);text-decoration:none;font-size:100%;transition:all .3s ease;font-weight: 600;}
a:hover{text-decoration:none;color:var(--sec);transition:all .3s ease;}
a:focus{text-decoration:none;}

li{list-style:none;padding-left:30px;position:relative;}
li:before{content:'';width:20px;height:20px;display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;}

ul{padding:0;margin:0;}

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

h1{font-size:325%;font-weight:800;display:block;width:100%;position:relative;color:var(--prime);margin:0;line-height:1;}
/*h1:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/headline_dot.jpg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-5px;right:-25px;}*/
h2{font-size:275%;font-weight:800;display:block;color:var(--prime);margin:0;line-height:1;}
h3{font-size:150%;font-weight:800;display:block;color:var(--prime);margin:0;line-height:1;}

.headline{font-size:188%;font-weight:800;display:block;color:var(--prime);margin:0;line-height:1.15;}
.subline{font-size:115%;font-weight:800;display:block;color:var(--sec);text-transform:uppercase;}
.topline{font-size:115%;font-weight:800;display:block;color:var(--darkgrey);}

.btn{position:relative;padding:10px 25px;font-size:100%;font-weight:600;background:var(--sec);color:var(--white);transition:all .3s ease;line-height:1;text-align:center;}
.btn:hover{background:var(--prime);transition:all .3s ease;color:var(--white);}

.btn.white{background:var(--white);color:var(--sec);}
.btn.white:hover{background:var(--prime);transition:all .3s ease;color:var(--white);}

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

.container{max-width:1500px;}
.container.wide{max-width:1800px;}

.mb-3{margin-bottom:1.5rem;}

.grafisches_element{display:block;width:175px;height:175px;background:url(media/signet-blue.webp);background-size:100%;background-repeat:no-repeat;background-position:center;position:absolute;bottom:-50px;left:-15px;opacity:1;z-index:100;}
.frc-captcha{
    margin:2rem auto 0 auto;
}
.expertsblock-inner .frc-captcha{
     margin:2rem auto 0 0;
}
/*------------------------------------Header-------------------------------------------------*/

.impressum #page-header, .datenschutzerklaerung #page-header, .datenschutzerklaerung-app #page-header{background:var(--prime);}
#page-header{position:fixed;top:0;right:0;left:0;padding:15px 0;z-index:999;background:rgba(25,51,88,0);transition:all 1s ease;}
#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:rgba(25,51,88,1);z-index:999;transition:all 1s ease;}
#page-header.bottom .logo{width:55%;transition:all 1s ease;margin:0 0;}
#page-header.bottom #toppermenu ul{margin:0 0;transition:all 1s ease;}


#page-header .logo{display:block;width:75%;margin:10px 0;}

#page-header #toppermenu ul{margin:20px 0;}
#page-header #toppermenu ul li{display:inline-block;padding:0;text-align:center;position:relative;padding:10px 0;}
#page-header #toppermenu ul li:before{display:none;}
#page-header #toppermenu ul li a{font-weight:600;color:var(--white);padding:5px 20px;margin-right:55px;}
#page-header #toppermenu ul > li:last-child a{background:var(--sec);transition:all .3s ease;text-align:center;padding:5px 50px;}
#page-header #toppermenu ul > li:last-child:hover a{background:var(--prime);transition:all .3s ease;}
#page-header.bottom #toppermenu ul > li:last-child:hover a{background:var(--white);color: #b51f2a;transition:all .3s ease;}
#page-header #toppermenu ul li.current_page_item a{border:solid 1px #fff;}
#page-header #toppermenu ul li.current_page_item:last-child a{background:transparent;}
#page-header #toppermenu ul li .sub-menu{display:none;opacity:0;height:0;position:absolute;top:100%;left:0;background:var(--white); min-width:200px;padding:0 10px;margin:0;transition:all .3s ease;transition-delay: 2s;box-shadow: 0px 0px 15px -3px #888;}
#page-header #toppermenu ul li:hover .sub-menu{display:block;opacity:1;height:auto;padding:5px 10px;transition:all .3s ease;}
#page-header #toppermenu ul li .sub-menu li{background:transparent;width:100%;text-align:left;padding:0;opacity:0;transition:all .3s ease;}
#page-header #toppermenu ul li:hover .sub-menu li{opacity:1;transition:all .3s ease;}
#page-header #toppermenu ul li .sub-menu li a{color:var(--prime);padding:5px;display:block;width:100%;}
#page-header #toppermenu ul li .sub-menu li:hover{background:none;}
#page-header #toppermenu ul li .sub-menu li:hover a{color:var(--sec);}
#page-header #toppermenu ul li .sub-menu li.current_page_item a{color:var(--sec);}
#page-header #toppermenu ul li .sub-menu li:last-child a{background:none;text-align:left;}
/* #page-header #toppermenu.active .menu-hauptmenue-container{background: var(--prime)!important;width: 40%!important;}
#page-header #toppermenu.active .menu{padding: 120px 0 0 0!important;} */
.menuburgerbutton{margin-top: 10px;display: none;width: 40px;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: 35px;position: absolute;}
.menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background: var(--white);opacity: 1;left: 0;-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;}
.menuburgerbutton span:nth-child(1){width:80%;text-align:end;}
.menuburgerbutton span:nth-child(2){}
.menuburgerbutton span:nth-child(3){width:80%;text-align:end;}
.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;}
.menuburgerbutton.active span:nth-child(2){display: none;}
.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 .iconblock{position:fixed;bottom:5%;right:0;width:60px;background:var(--prime);margin-top:-150px;}
#page-header .iconblock a{display: block;height: 60px;border-bottom: solid 1px var(--white);padding:15px;}
#page-header .iconblock a:last-child{border:none;}
#page-header .iconblock a img{transition:all .3s ease;}
#page-header .iconblock a:hover img{transform:scale(1.1);transition:all .3s ease;}

#page-header .iconblock a.whatsapp img{
    width: 100%;
    height: 100%;
}

@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; }
}

#page-header.bottom .menuburgerbutton{margin-top: 10px!important;}



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

#page-footer{background:var(--prime);padding:50px 0 15px;position:relative;overflow:hidden;}
#page-footer:before{content:'';position:absolute;bottom:-125px;left:-25px;display:block;width:400px;height:400px;background:url('media/signet-white.webp');background-size:100%;background-position:center;background-repeat:no-repeat;opacity:0.2;}

#page-footer .row span{display:block;color:#fff;}
#page-footer .row span.inline{display:inline-block;}
#page-footer .row a{display:inline-block;color:#fff;font-weight:300;margin-left:3px;}

#page-footer .links{text-align:right;margin-top:50px;}
#page-footer .links a{color:var(--white);padding:5px 0 5px 50px;font-size:75%;font-weight:600;transition:all .3s ease;}
#page-footer .links a:hover{color:var(--sec);transition:all .3s ease;}
#page-footer .links.rechts{text-align:left;margin-top:50px;}
#page-footer .links.rechts a{padding: 5px 50px 5px 0;}

#page-footer .copyright{display:block;width:100%;margin-top:50px;}
#page-footer .copyright span{display:block;text-align:center;color:var(--white);font-size:75%;}

/***********Footer Menu***********/
#page-footer .links.rechts ul li{
    padding-left: 0;
}
#page-footer .links.rechts ul li a{
    padding-right: 0;
}
#page-footer .links.rechts ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap:30px;
}

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

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

.inhaltsbloecke{margin-top:0;}

.flx_headerblock{position:relative;}
.flx_headerblock:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image: linear-gradient(to right, var(--prime) 0%, transparent 100%);opacity:0.82;z-index:9;}
.flx_headerblock.text-und-banner:before{
    content: none;
}
.flx_headerblock.text-und-banner .text-banner-wrapper{
    position: relative;
}
.flx_headerblock.text-und-banner .text-banner-wrapper::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image: linear-gradient(to left, var(--prime) 25%, transparent 100%);opacity:0.95;z-index:9;}
.flx_headerblock.header-subt::before{content: none;}
.flx_headerblock.header-subt{margin-bottom: 0;}
.flx_headerblock.header-subt .content{bottom: 0 !important;}
.flx_headerblock .content{position:absolute;bottom:20%;z-index:99;color:var(--white);}
.flx_headerblock .content h1{color:var(--white);font-size:400%;line-height:1.2;}
.flx_headerblock .content p{max-width:100%;font-size:175%;font-weight:300;}
.startseite .flx_headerblock .content p{max-width:100%;font-size:175%;font-weight:900;}

.flx_headerblock .mobile{display:none!important;}

.flx_headerblock.mitfahrzeug{margin-bottom:275px;}
.flx_headerblock.mitfahrzeug .sliderwrapper .item{height:650px;}
.flx_headerblock.mitfahrzeug .fahrzeugfilter{position:absolute;bottom:-150px;z-index:99;background:var(--lightgrey);min-height:200px;padding:25px;width:45%;}
.flx_headerblock.mitfahrzeug .fahrzeugfilter .content{position:unset;}
.flx_headerblock.mitfahrzeug .fahrzeugfilter .content .headline{text-transform:none;margin-top:15px;}
.flx_headerblock.mitfahrzeug .fahrzeugfilter .filter{text-align:center; gap: 15px; display: flex; flex-direction: column; justify-content: center;}


.flx_headerblock.headertext .fahrzeugfilter{position:absolute;bottom:-210px;z-index:99;padding-right: 15px;}
.flx_headerblock.headertext .fahrzeugfilter .content p{background-color: var(--prime); font-size: 80px;font-weight: 900; display: inline-block; padding: 0 27px;}
.flx_headerblock.headertext .fahrzeugfilter .content h1 span{background-color: var(--prime); font-size: 80px;font-weight: 900; display: inline-block; padding: 0 27px; margin-bottom:30px;}
.flx_headerblock.headertext{margin-bottom: 320px; width: 100%; height: 65vh; min-height: 590px;}
.flx_headerblock.headertext .fahrzeugfilter .content p:last-child{margin-left: 71px;}
.flx_headerblock.headertext .fahrzeugfilter .content h1 span:last-child{margin-left: 100px;}
.flx_headerblock.headertext .fahrzeugfilter .content{position:unset; display: flex;flex-direction: column;align-items: start;}
.flx_headerblock.headertext picture img.bg{width: 100%; height: 100%; object-fit: cover; }


.flx_headerblock.slider:before{display:none;}
.flx_headerblock.slider .sliderwrapper{position:relative;}
.flx_headerblock.slider .sliderwrapper:before{content:'';position:absolute;top:0;right:90px;bottom:0;left:0;background-image: linear-gradient(to right, var(--prime) 0%, transparent 75%);opacity:0.82;z-index:9;}
.flx_headerblock.slider .sliderwrapper:after{content:'';position:absolute;bottom:-100px;right:20%;display:block;width:400px;height:400px;background:url('media/signet-white.webp');background-size:100%;background-position:center;background-repeat:no-repeat;opacity:0.3;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav{position:absolute;top:50%;left:0;right:0;margin-top:-25px;z-index:99;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav .owl-prev{position:absolute;top:0;left:0;display:block;width:50px;height:50px;background:url('media/prev.webp');background-position:center;background-repeat:no-repeat;background-size:100%;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav .owl-next{position:absolute;top:0;right:0;display:block;width:50px;height:50px;background:url('media/next.webp');background-position:center;background-repeat:no-repeat;background-size:100%;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-dots{position: absolute;bottom: -30px;right: 0;width: 40%;height:25px;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-dots .owl-dot{width:15px;height:15px;display:inline-block;border:solid 1px var(--prime);border-radius:50%;transition:all .3s ease;margin:5px;}
.flx_headerblock.slider .sliderwrapper .owl-controls .owl-dots .owl-dot.active{background:var(--prime);transition:all .3s ease;}

.flx_headerblock.mitfarbe{height:250px;background:var(--prime);}
.flx_headerblock.mitfarbe .content{top:unset;bottom:20%;}

.flx_headerblock.mitvideo .mute-video:focus{outline:none;}
.flx_headerblock.mitvideo .unmute-video:focus{outline:none;}
.flx_headerblock.mitvideo .mute-video{background:var(--prime) url('media/mute.png') no-repeat center;background-size:32px;border:0;width:64px;height:64px;text-indent:-999px;position:absolute;bottom:25px;right:25px;border-radius:50%;cursor:pointer;background-position:16px 16px;}
.flx_headerblock.mitvideo .unmute-video{background:var(--prime) url('media/unmute.png') no-repeat center;background-size:32px;border:0;width:64px;height:64px;text-indent:-999px;position:absolute;bottom:25px;right:25px;border-radius:50%;cursor:pointer;background-position:16px 16px;}

.flx_headerblock.mitbild img{max-height: 80vh;width: 100%;object-fit: cover;min-height: 30vh;object-position: center;}

.flx_headerblock.text-und-link .content-top{
    bottom: auto;
    top: 20%;
}
.flx_headerblock.single-offer .content-top,.flx_headerblock.single-offer .header-price-group{
    bottom: auto;
    top: 12%;
}
.flx_headerblock.mitbild.single-offer .content{
    position:relative;
}
.flx_headerblock.mitbild.single-offer .content.content-bottom{
    padding: 1rem 5rem;
    color:white !important;
}
.flx_headerblock.single-offer,.flx_headerblock.text-und-link{
    margin-bottom: 85px;
}

.flx_headerblock.text-und-link .content-bottom{
    bottom: 10%;
}
.flx_headerblock.single-offer .header-price-group{
    position: absolute;
    right: calc((100% - min(100%, 1485px)) / 2 + 105px);
    z-index: 99;
    top: 120px;
    color: var(--white);
    padding: 15px;
    border-radius: 10px;
    background-color: var(--sec);
}
.flx_headerblock.solid-bg .header-price-group{
    background-color: var(--white);
    color: var(--prime);
}
.flx_headerblock.single-offer .content-top{
    color: var(--prime);
}
.flx_headerblock.single-offer .content h1{
   /* color: var(--prime);*/
}
.flx_headerblock.solid-bg .content-top{
    color: var(--white);
}
.flx_headerblock.solid-bg .content h1{
    color: var(--white);
}
.flx_headerblock.single-offer .header-price-group-item-title{
    margin-bottom: 25px;
    font-size: 24px;
}

.flx_headerblock.single-offer .header-price-group-item-price-num{
    white-space: nowrap;
}
.flx_headerblock.single-offer .header-price-group span{
    font-size: 32px;
    font-weight: 800;
}
.flx_headerblock.single-offer .bottom_item-text{
    font-size: 260%;
    margin-bottom: 60px;
    color: var(--sec);
    font-weight: 800;
}
.flx_headerblock.single-offer .bottom-link-primary{
    background-color: var(--prime);
}
.flx_headerblock.single-offer .btn, .flx_sample-offer .offer-cta .btn{
    font-size: 105%;
}
.flx_headerblock.single-offer .bottom-link-sec{
    background-color: transparent;
    color: var(--prime);
    border: solid 2px var(--prime);
}
.flx_headerblock.single-offer .bottom-item{
    text-align: center;
    margin-top: 70px;
}
.flx_headerblock.single-offer img{
    max-height: 80vh;
}
.flx_headerblock.single-offer picture::before{
    content:'';
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.49) 0%, rgba(255, 255, 255, 0) 35%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.flx_headerblock.single-offer .bottom-links{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;  
    justify-content: center;
}
.flx_headerblock.text-und-link .content h1 {
    font-size: 295%;
}
.flx_headerblock.text-und-banner .content h1 .red{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    background-color: var(--sec);
}

.flx_headerblock.text-und-banner .header-banner-item{
    background-color: var(--sec);
    border-radius: 20px;
    padding: 25px;
    position: absolute;
    bottom: -95px;
    z-index: 99;
}
.flx_headerblock.text-und-banner .header-banner-item .btn-booking{
    background-color: var(--prime);
    font-size: 22px;
    min-width: 245px;
}
.flx_headerblock.text-und-banner.with-banner{
    margin-bottom: 190px;
}
.flx_headerblock.text-und-banner .hader-banner-dates{
    display: flex;
    flex-direction: column;
    color: var(--white);
}
.flx_headerblock.text-und-banner .hader-banner-dates span{
    font-size: 32px;
    font-weight: 800;
}
.flx_headerblock.text-und-banner .header-banner-item-text{
    color: var(--white);
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px;
}
.flx_headerblock.text-und-banner .header-banner-inner{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
}
.flx_headerblock.text-und-banner .content{
    width: auto !important;
}
.flx_headerblock.text-und-link .content{
    width: 40%;
}
.flx_headerblock.text-und-link img{
    min-height: 600px;
}
.flx_headerblock.single-offer::before{
    content: none;
}
.flx_sample-offer .offer-cta{
    text-align: center;
    margin-top: 3rem;
}
.flx_sample-offer .offer-cta .btn{
        min-width: 270px;
}
.flx_sample-offer .offer-cta .btn:hover{
    background-color:#b51f2a;
}
.flx_markenblock .sliderwrapper .owl-controls .owl-nav{position:absolute;top:50%;left:0;right:0;margin-top:-25px;z-index:99;}
.flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev{position:absolute;top:0;left:-50px;display:block;width:50px;height:50px;background:url('media/prev-blue.webp');background-position:center;background-repeat:no-repeat;background-size:100%;}
.flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{position:absolute;top:0;right:-50px;display:block;width:50px;height:50px;background:url('media/next-blue.webp');background-position:center;background-repeat:no-repeat;background-size:100%;}
.flx_markenblock .sliderwrapper .owl-controls .owl-dots{position: absolute;bottom: -75px;left:50%;;width: 550px;height:25px;margin-left:-275px;text-align:center;}
.flx_markenblock .sliderwrapper .owl-controls .owl-dots .owl-dot{width:15px;height:15px;display:inline-block;border:solid 1px var(--prime);border-radius:50%;transition:all .3s ease;margin:5px;}
.flx_markenblock .sliderwrapper .owl-controls .owl-dots .owl-dot.active{background:var(--prime);transition:all .3s ease;}

.flx_ansprechpartnerbox{padding:75px 0;background:var(--prime);margin:100px 0;}
.flx_ansprechpartnerbox .links .content p{color:var(--white);margin:35px 0;display:block;}
.flx_ansprechpartnerbox .links .content .headline{color:var(--white);}
.flx_ansprechpartnerbox .links .content .btn{padding:15px 75px 15px 25px;}
.flx_ansprechpartnerbox .mitte{margin-top:35px;}
.flx_ansprechpartnerbox .mitte .item{margin:25px 0;}
.flx_ansprechpartnerbox .mitte .item .icon{text-align:right;}
.flx_ansprechpartnerbox .mitte .item .icon img{max-width:75%;}
.flx_ansprechpartnerbox .mitte .item .inhalt{padding-top:10px;}
.flx_ansprechpartnerbox .mitte .item .inhalt .bezeichnung{font-size:100%;font-weight:600;color:var(--white);display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person img{border-radius:50%;}
.flx_ansprechpartnerbox .rechts .person .info{position:absolute;bottom:0;right:0;}
.flx_ansprechpartnerbox .rechts .person .info .name{font-size:125%;font-weight:600;color:var(--white);display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person .info .bezeichnung{font-size:100%;font-weight:300;color:var(--white);display:block;line-height:1.2;}

.flx_leistungblock.sliderblock{min-height:550px;}
.flx_leistungblock.sliderblock .slider{position:absolute;}
.flx_leistungblock{margin:100px 0;}
.flx_leistungblock .headline{margin-bottom:100px;}
.flx_leistungblock .item{padding:50px;border:solid 2px var(--sec);margin-bottom:30px;transition:all .3s ease;display:block;}
.flx_leistungblock .item img{max-width:25%;}
.flx_leistungblock .item .inhalt h3{margin:15px 0;}
.flx_leistungblock .item:hover{background:var(--prime);border-color:var(--prime);transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt h3{color:var(--white);transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt p{color:var(--white);transition:all .3s ease;}

.flx_bildblock{margin-bottom:200px;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:75%;display:block;position:relative;}
.flx_bildblock .imageone:after{content:'';display:block;width:100px;height:100px;background:var(--sec);position:absolute;bottom:-25px;left:-25px;opacity:0.8;}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}

.flx_intro .right-side{display: flex;flex-direction: column; justify-content: space-between; align-items: end;}
.flx_intro .right-side span{margin-top: 80px; display: inline-block;font-size: 24px; font-weight: 700; color: var(--prime); position: relative; padding-left: 35px;}
.flx_intro .right-side span::before{content:'';background:url('media/geo_intro.svg');background-size:100%;background-position:center;background-repeat:no-repeat;width:20px;height:27px;display:inline-block;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.flx_intro .right-side a{font-size: 24px; font-weight: 800; color: var(--sec);border-bottom: 2px solid var(--sec); position: relative;padding-right: 20px; text-transform: uppercase;}
.flx_intro .right-side a::after{content:'';background:url('media/arrow_intro.svg');background-size:100%;background-position:center;background-repeat:no-repeat;width:16px;height:19px;display:inline-block;position:absolute;right: 0;;top:50%;transform: translateY(-50%);}
.flx_intro .left-side h2{font-size: 48px;margin-top: 22px;margin-bottom: 43px;}
.flx_intro .left-side span{ position: relative;top: -28px;z-index: 500; background-color: var(--sec); padding: 14px 27px;font-weight: 800;font-size: 32px; color: var(--white);}

.flx_textblock{margin:50px 0;}
.flx_textblock .headline{margin-bottom:15px;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{float:left;width:50%;font-weight:600;margin:5px 0;padding-right:10px;}
.flx_textblock .text ul li::before{content:'';background:url('media/tick.png');background-size:100%;background-position:center;background-repeat:no-repeat;width:20px;height:20px;display:block;position:absolute;left:5px;top:5px;}
.flx_textblock.arrow_bullet .text ul li::before{background:url('media/text-arrow-red.svg'); background-size:100%;background-position:center;background-repeat:no-repeat;}
.flx_textblock.arrow_bullet .text ul{
    display: flex;
    flex-direction: column;
}
.flx_textblock .btn.blue{
    background-color: var(--prime);
}
.flx_textblock.arrow_bullet .text ul li{
    font-weight: 500;
    width: auto;
    padding-left: 35px;
}
.flx_textblock.arrow_bullet .text ul li::before{
    left: 0;
}
.flx_textblock.mitbildrechts img{position:relative;z-index:99;padding-left: 50px;}
.flx_textblock.mitbildlinks img{position:relative;z-index:99;padding-right: 50px;}

.flx_textblock.information-leftside .subline{color: var(--white);background-color: var(--sec);display: inline-block; font-size: 130%;text-transform: capitalize; padding: 0 10px;min-width: 213px;text-align: center;}
.flx_textblock.information-leftside .headline{font-size: 40px;margin: 27px 0;}

.flx_textblock.information-rightside .subline{color: var(--white);background-color: var(--sec);display: inline-block; font-size: 32px;text-transform: capitalize; padding: 0 10px;min-width: 213px;text-align: center;}
.flx_textblock.information-rightside .headline{font-size: 40px;margin: 27px 0;}



.flx_textblock.requirements .text ul li::before{width: 8px; height: 8px; border-radius: 50%;background: var(--prime); top: 10px;}
.flx_textblock.requirements .text ul{margin-top: 20px;}
.flx_textblock.requirements .text h3{font-size: 24px; color: var(--sec);}
.flx_textblock.requirements .text:first-child li:last-child{margin-bottom: 90px;}

.flx_textblock.about .text ul li::before{height: 27px; top: 0; left: 0;}
.flx_textblock.about .text ul li:first-child::before{background-image: url('media/car.svg');}
.flx_textblock.about .text ul li:nth-child(2)::before{background-image: url('media/cash.svg');}
.flx_textblock.about .text ul li:nth-child(3)::before{background-image: url('media/ggeo.svg');}
.flx_textblock.about .text ul li:nth-child(4)::before{background-image: url('media/tool.svg');}
.flx_textblock.about .text ul li:nth-child(5)::before{background-image: url('media/gas.svg');}
.flx_textblock.about .text ul li:nth-child(6)::before{background-image: url('media/med.svg');}

.flx_textblock.bildrecht .container .row{justify-content: space-between;}
.flx_textblock.bildrecht .container .row .subline{background-color: var(--sec);  color: var(--white); display: inline-block;padding: 4px 52px;text-transform: none;margin-bottom: 27px;}

.flx_textblock .formular{position:relative;z-index:99;background:var(--white);padding:25px;width:75%;float:right;-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);}
.flx_textblock .formular input, .flx_textblock .formular textarea{border:none;background:#f2f2f2;color:#444;margin:5px 0 20px;width:100%;padding:10px;}
.flx_textblock .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_textblock .formular .datenschutz p{font-size:75%;margin-bottom: 0;}
.flx_textblock .formular input.btn:hover{background:var(--prime);color:var(--white);transition:all .3s ease;}

.flx_textblock.mitvideorechts .accordion{width:100%;min-height:385px;}

.flx_textblock .accordion{width:95%;float:right;min-height:385px;}
.flx_textblock .accordion .accordion-item{padding:5px 0;}
.flx_textblock .accordion .accordion-button{text-shadow:none;background:var(--prime);color:var(--white);font-weight:600;font-size:115%;width:100%;padding:10px 20px;text-align:left;border:none;position:relative;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed{background:#f2f2f2;color:var(--prime);transition:all .3s ease;}
.flx_textblock .accordion .accordion-button:after{content:'';background:url('media/Icons/arrow-top-white.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:35px;height:35px;display:block;position:absolute;right:25px;top:10px;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed:after{content:'';background:url('media/Icons/arrow-top-blue.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:35px;height:35px;display:block;position:absolute;right:25px;top:10px;transform:rotate(180deg);transition:all .3s ease;}
.flx_textblock .accordion .accordion-collapse{padding:15px 15px 0 15px;}

.flx_iconblock{margin:100px 0;}
.flx_iconblock .item{padding:0 25px;}
.flx_iconblock .item img{max-width:35%;margin:0 auto 25px;display:block;}
.flx_iconblock .item .inhalt{text-align:center;}
.flx_iconblock.grid-6er{background-color: #EFF4F7;margin-top: 0;padding-top: 37px;}


.flx_markenblock .topline{display:block;width:100%;text-align:center;}
.flx_markenblock .headline{display:block;width:100%;text-align:center;margin-bottom:50px;font-size:275%;}
.flx_markenblock .item img{max-width:50%;margin:25px auto;display:block;}

.flx_teaserblock .row{width: 75%;background-color: var(--prime); padding: 60px 0 60px 60px;border-radius: 40px 130px;color: #fff;margin: 0 25%;}
.flx_teaserblock.thg .row{margin: 0;border-radius: 130px 40px;}
.flx_teaserblock .text .subline, .flx_teaserblock .text .headline{color: #fff;}
.flx_teaserblock .text .headline{margin-bottom: 20px;}
.flx_teaserblock .app.row{width: 100%;}
.flx_teaserblock .app img.element{margin-bottom: 60%;}
.flx_teaserblock .mockup{padding-right: 0;margin-top: -100px;}
.flx_teaserblock .text .buttons a.btn.white:hover{background: var(--sec);}

.flx_serviceblock{background-color: var(--lightgrey);padding: 70px 0;position:relative;}
.flx_serviceblock .box{height: 100%; background-color: var(--sec); padding: 40px;border-radius: 15px;position: relative; display: flex; flex-direction: column; gap: 15px; justify-content: space-between;}
.flx_serviceblock .box .subline{font-weight: 600;text-transform: none;margin-bottom: 10px;}
.flx_serviceblock .box .headline{margin-bottom: 30px;}
.flx_serviceblock .box p{margin-bottom: 30px;}
.flx_serviceblock .box .subline, .flx_serviceblock .box .headline, .flx_serviceblock .box p{color: #fff;}
.flx_serviceblock .box .buttons .btn.white{background: transparent;color: var(--white);border: 1px solid var(--white); width:100%;}
.flx_serviceblock .buttons{ gap: 10px; display: flex; flex-direction: column;}
/*.flx_serviceblock .box .buttons .btn.white:hover{background-color: var(--white);color: var(--sec);border: 1px solid var(--white);position: absolute;bottom: 40px;}*/
.flx_serviceblock .swiper .swiper-slide{position: relative;background-color: var(--white);border-radius: 15px;padding: 40px;margin-right: 20px;min-height: 600px;}
.flx_serviceblock .swiper img{max-width: 20%;display: block;margin-bottom: 20px;}
.flx_serviceblock .swiper p{margin-bottom: 40px;}
.flx_serviceblock .swiper .service{font-weight: 700;font-size: 110%;margin-bottom: 20px;display: block;min-height: 70px;}
.flx_serviceblock .swiper .btn{background-color: transparent;color: var(--black);position: absolute;bottom: 40px;right: 30px;}
.flx_serviceblock .swiper .btn:hover{cursor: pointer;}
.flx_serviceblock .swiper .btn::after{content:'';background:url('media/to-right.png');background-size:100%;background-position:center;background-repeat:no-repeat;width:12px;height:20px;display:block;position:absolute;right:5px;top:10px;transition:all .3s ease}
.flx_serviceblock .swiper .btn:hover::after{content:'';background:url('media/to-right.png');background-size:100%;background-position:center;background-repeat:no-repeat;width:12px;height:20px;display:block;position:absolute;right:0px;top:10px;transition:all .3s ease}

.flx_serviceblock .popup{display: none;max-width: 50%;margin: 0 auto;position: absolute;top: 50px;left: 50%;margin-left: -25%;z-index: 99;transition:all .3s ease;}
.flx_serviceblock .popup.active{display:block;border-radius: 15px;box-shadow: 0px 0px 15px 0px #888;}
.flx_serviceblock .popup .inner{background-color: var(--white);padding: 40px;border-radius: 15px;}
.flx_serviceblock .popup .inner .x{cursor: pointer;display: block;position: absolute;top: 40px;right: 50px;color: var(--sec);font-weight: 700;}
.flx_serviceblock .popup ul li::before{content:'';background:url('media/tick.png');background-size:100%;background-position:center;background-repeat:no-repeat;width:25px;height:25px;display:block;position:absolute;right:0px;top:0;}
.flx_serviceblock .popup ul li{font-weight: 600;margin-bottom: 20px;width: 45%;font-size: 90%;}
.flx_serviceblock .popup img{max-width: 20%;display: block;margin-bottom: 20px;}
.flx_serviceblock .popup p{margin-bottom: 40px;}
.flx_serviceblock .popup .service{font-weight: 700;font-size: 110%;margin-bottom: 20px;display: block;}
.flx_serviceblock .popup ul{display: flex;flex-wrap: wrap;}
.flx_serviceblock .popup .btn{position: relative;margin-top: 15px;}
.flx_serviceblock::before{content:'';background:var(--background-block);background-size:contain;background-position:center;background-repeat:no-repeat;width:40%;height:100%;display:block;position:absolute;left:-5%;top:0;bottom: 0;}
.flx_bildergalerie .headline{margin-bottom: 40px!important;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{position: relative;bottom: 0px!important;}

.flx_standortblock .bild{position:relative; text-align: center;}
.flx_standortblock .bild img{width: 90%!important;}
.flx_standortblock .text .mobile_map{display:none; margin-top:3rem;}
.flx_standortblock .bild .ort.Lengerich{width: 35px;height: 35px;position: absolute;left: 28%;top: 30%;cursor:pointer;transition:all .3s ease;}
.flx_standortblock .bild .ort.Spelle{width: 35px;height: 35px;position: absolute;left: 23%;top: 40%;cursor:pointer;transition:all .3s ease;}
.flx_standortblock .bild .ort.Bersenbrück{width: 35px;height: 35px;position: absolute;left:36%;top: 32%;cursor:pointer;transition:all .3s ease;}
.flx_standortblock .bild .ort:hover{transform:scale(1.1);transition:all .3s ease;}
.flx_standortblock.einzel .bild .ort{cursor:default;}

.flx_standortblock .text h2{margin-bottom: 20px;}
.flx_standortblock .text a, .flx_standortblock .text span{display: block;}
.flx_standortblock .text a{font-weight:300;}
.flx_standortblock .kontaktdaten span.details{display: flex; gap: 5px; flex-wrap: wrap;}
.flx_standortblock .text .standort{display: none;}
.flx_standortblock .text .standort.Spelle.active .kontaktdaten .leistungen{display: none;}
.flx_standortblock .text .standort.Lengerich.active .kontaktdaten .leistungen{display: flex;margin: 35px 0;}
.flx_standortblock .text .standort.Lengerich.active .kontaktdaten .leistungen .item img{height: 25px;width: auto;margin-bottom: 10px;}
.flx_standortblock .text .standort.Lengerich.active .kontaktdaten .leistungen .item{text-align: center;}
.flx_standortblock .text .standort.active{display: block;}
.flx_standortblock .offnungszeiten{display:none; margin-top:5rem;}
.flx_standortblock .offnungszeiten.active{display:block;}
.flx_standortblock .offnungszeiten .zeiten{font-weight: 600; font-size: 125%;margin: 30px 0;display: block;width:100%;color:var(--prime);}
.flx_standortblock .offnungszeiten .abteilung{font-weight: 500;margin-bottom: 10px;}
.flx_standortblock .buttonblock{margin:0 0 25px;}
.flx_standortblock .buttonblock span{display:inline-block!important;cursor:pointer;margin:5px 0;}
.flx_standortblock .buttonblock span.active, .flx_standortblock .buttonblock span:hover{background:var(--prime);color:#fff;}
.flx_standortblock .leistungen{margin:50px 0;}
.flx_standortblock .kontaktdaten{padding:0 0 15px 0;}
.flx_standortblock .kontaktdaten .btn{margin: 15px 0;width: max-content;}
.flx_standortblock .service{background-color: var(--lightgrey); padding: 2rem 15px 1rem 15px; margin-block: 1rem; display: flex; flex-direction: column; gap: 0.5rem;}
.flx_standortblock .popup-link{margin: 1rem auto;display: block;}
.flx_standortblock .button-description{font-size: 1.2rem;font-weight: 700;color: var(--prime);text-align: center;line-height: 1;}
/* .flx_standortblock .text .standort.Bersenbrück:after{content:'Ab 01.01.2024';display:block;width:125px;height:125px;position:absolute;top:75px;right:-25px;border-radius:50%;background:var(--sec);color: var(--white);font-weight: 600;text-align: center;padding: 40px 10px;line-height: 1.1;transform: rotate(15deg);} */

.flx_teamuebersicht .sorting{margin-bottom: 30px;}
.flx_teamuebersicht .sorting a.btn{cursor: pointer;margin:0 15px;color: var(--white);background-color: var(--prime);border-radius: 0px;font-size:90%;padding:10px 20px;}
.flx_teamuebersicht .sorting a.btn:hover{background-color: var(--sec);transition: all .3s ease;}
.flx_teamuebersicht .sorting a.btn.active{background-color: var(--sec);}
.flx_teamuebersicht .sorting a.btn.active:hover{background-color: var(--prime);transition: all .3s ease;}
/* .flx_teamuebersicht .output{margin-left: -5px;} */
.flx_teamuebersicht .output #entdecke-unser-team .hoverbox{display:none;}
/* .flx_teamuebersicht .output{margin: 5px;} */
.flx_teamuebersicht .output a:hover{color: var(--sec);transition: all .3s ease;}
.flx_teamuebersicht .output a, .flx_teamuebersicht .output .mitarbeiter span{display: block;color: var(--white);text-align: center;font-weight: 300}
.flx_teamuebersicht .output .alert{padding:25px;font-size:100%;font-weight:600;color:#fff;background:var(--sec);}
.flx_teamuebersicht .item{margin-bottom:25px;}
.flx_teamuebersicht .item img{height: auto;width: 100%;object-fit: cover;object-position: center;}
.flx_teamuebersicht .item .hoverbox{background: rgba(25, 51, 88,1);transition: 0.3s;padding: 15px;}
.flx_teamuebersicht .item .hoverbox span{display: block;color: #fff;font-weight: 700;text-align: center;}
.flx_teamuebersicht .item .hoverbox span.headline{font-size: 110%;margin-bottom: 20px;}
.flx_teamuebersicht .item .hoverbox .position{font-weight: 300;margin-bottom: 10px;min-height:60px}
.flx_teamuebersicht .item .badge{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;padding: 5px;color: var(--white);background: var(--sec);font-weight: 600;transition:all .3s ease;}
.flx_teamuebersicht .item:hover .badge{opacity:0;transition:all .3s ease;}

.flx_bewerbungformular.information .plan_column{margin-bottom: 41px;}
.flx_bewerbungformular.contacts .plan_column{margin-bottom: 108px;}
.flx_bewerbungformular .plan_column .plan-top{font-size: 40px;}
.flx_bewerbungformular.contacts .plan_column .plan-top{color: var(--sec);}
.flx_bewerbungformular.information .plan_column .plan-top{margin-bottom: 41px;}
.flx_bewerbungformular.contacts .plan_column .telefon{margin-top: 30px;display: block; font-size: 40px;position: relative; padding-left: 65px;}
.flx_bewerbungformular.contacts .plan_column .telefon::before{content: '';display: inline-block;background: url(media/phone.svg);background-size: 100%;background-position: center;background-repeat: no-repeat; width: 40px;height: 55px;position: absolute;left: 0;;top: 50%;transform: translateY(-50%);}
.flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-title{margin-right: 25px; font-size: 24px; font-weight: 900;background: var(--prime);padding: 10px 0; display: inline-block;min-width: 213px;text-align: center;color: var(--white);}
.flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon{ display: flex; align-items: center; gap: 20px; font-size: 40px;}
.flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon:before{content:'';background-image:url(./media/phone.svg); display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;}
.flx_bewerbungformular.contacts .plan_column .plan_column_contacts .col-12{display: flex;flex-direction: row;align-items: center;margin-bottom: 23px;}

.flx_bewerbungformular .contacts__info .contacts__desc a{font-weight: 400; color: var(--black);}
.flx_bewerbungformular .contacts__info .contacts__desc a[href^="tel:"] {margin-top: 45px;display: inline-block;}
.flx_bewerbungformular .contacts__info .contacts__desc strong:first-of-type{color: var(--sec);font-weight: 700;}
.flx_bewerbungformular .contacts__info .contacts__desc strong:nth-of-type(2){font-weight: 400;}
.flx_bewerbungformular.contacts .contacts__info .row{justify-content: space-between;}
.flx_bewerbungformular.contacts .row{justify-content: space-between;}
.flx_bewerbungformular.contacts .row .col-lg-5{padding-right: 0;}

.flx_bewerbungformular .contacts__info{margin-bottom: 41px;}
.flx_bewerbungformular .contacts__info .contacts__subtitle{color: var(--prime); margin-bottom: 30px;}
.flx_bewerbungformular.information .contacts__info .info__content{padding: 0 10px 0 42px; background-color: var(--lightgrey);display: flex;align-items: center;}
.flx_bewerbungformular.contacts .contacts__info .info__content h3{margin-bottom: 23px; font-size: 24px; color: var(--sec);font-weight: 700; text-transform: uppercase;}
/*.flx_bewerbungformular .contacts__info .contacts-info-img{padding-right: 0;}*/
.flx_bewerbungformular .contacts__info .contacts-info-img img{padding-right: 0; aspect-ratio: 1/1; object-fit: contain;}
.flx_bewerbungformular .contacts__location address{background-color: var(--sec);color: var(--white); text-align: center;font-weight: 700; padding: 22px 0;}
.flx_bewerbungformular .formular .subline{margin: 43px 0 56px 0;font-size: 20px; color: var(--black); font-weight: 300;text-transform: none;}
.flx_bewerbungformular .formular form{background-color: var(--prime); padding: 40px 40px 70px 40px; color: var(--white);}
.flx_bewerbungformular .formular p {position: relative;margin-bottom: 35px;}
/* .flx_bewerbungformular .formular p span{position: unset;} */
.flx_bewerbungformular .formular p:nth-child(12){margin: 0;}
.flx_bewerbungformular .formular p .wpcf7-spinner{display: none;}
.flx_bewerbungformular .formular p .input-text{display: none; position: absolute; font-size: 15px; left: 16px; z-index: 500; padding: 0 4px; top: -8px; background-color: var(--prime);}
.flx_bewerbungformular .formular input{width: 100%; outline: none; padding: 16px; font-size: 18px;line-height: 24px; border:none;}
.flx_bewerbungformular .formular .textarea-form{border:none; padding: 16px; font-size: 18px; line-height: 24px; width: 100%;}
.flx_bewerbungformular .formular .textarea-form:focus-visible{outline:none;}
.flx_bewerbungformular .formular .wpcf7-not-valid-tip, .flx_expertsblock-maintitle .expertsblock-form .wpcf7-not-valid-tip{font-size: 12px;}
.flx_bewerbungformular .formular .input-form{position: relative;}
.flx_bewerbungformular .formular .input-clear{display: none; position: absolute; top:20px;right: 14px; background-image: url(media/icon-clear.svg); cursor: pointer; background-position: center;background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; }

.flx_bewerbungformular .formular input[type="submit"]{
    background-color: var(--sec);
    border: 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--white);
}
.flx_bewerbungformular .formular input[type="checkbox"]{
   width: auto;
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label, 
.flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label 
{
    display: inline-block;
    position: relative;
    padding-left: 33px;
    cursor: pointer;
}

.flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label::before, 
.flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::before 
 {
    content: "";
    position: absolute;
    left: 0px;
    top: 5px;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    background-color: #D9D9D9;
    border-radius: 2px;
}


.flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label::after, 
.flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after  
 {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    left: 3.5px;
    top: 10px;
    width: 11px;
    height: 7px;
    border-radius: 1px;
    border-left: 4px solid #000000;
    border-bottom: 4px solid #000000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after {
    opacity: 0;
}
.flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label::after {
    opacity: 1;
}

.flx_bewerbungformular .formular .input-file {
    width: 100%;
	position: relative;
	display: inline-block;
}
.flx_bewerbungformular .formular .input-file span {
    width: 100%;
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 18px;
	vertical-align: middle;
	color: var(--sec);
	text-align: center;
	background-color: var(--white);
	line-height: 18px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 0;
    border:2px solid #000;
    font-weight: 500;
    position: relative;
	transition: background-color 0.2s;
}
.flx_bewerbungformular .formular .input-file span b{
    background-image: url(media/plus_form.svg);
    display: inline-block;
    width: 15px;
    margin-right: 8px;
    height: 15px;
}
.flx_bewerbungformular .formular .input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}


 


.flx_karriereuebersicht .sorting{margin: 30px 0; display: flex; justify-content: end;}
.flx_karriereuebersicht .sorting a.btn{cursor: pointer;margin-right:15px;border-radius: 0px;font-size:90%;}
/*.flx_karriereuebersicht .sorting a.btn:hover{background-color: var(--sec);transition: all .3s ease;}*/
.flx_karriereuebersicht .partner {margin-bottom: 0;}
.flx_karriereuebersicht .partner a.btn{background-color: var(--grey);color: var(--white);padding:10px 20px;}
.flx_karriereuebersicht .partner a.btn:hover{background-color: var(--white);color: var(--sec);transition: all .3s ease;}
.flx_karriereuebersicht .partner a.btn.active{background-color: var(--white);color: var(--sec);transition: all .3s ease}


.flx_karriereuebersicht .location{padding-top: 25px;}
.flx_karriereuebersicht .location a.btn{border:2px solid var(--prime);background-color: var(--white);color: var(--prime);position: relative;padding:10px 20px 10px 38px;}
.flx_karriereuebersicht .location a.btn::before{content: '';display: inline-block;background: url(media/karriere_checked.svg);background-size: 100%;background-position: center;background-repeat: no-repeat; width: 18px;height: 18px;position: absolute;left:12px;top: 50%;transform: translateY(-50%);}
.flx_karriereuebersicht .location a.btn:hover{background-color: var(--prime);color: var(--white);transition: all .3s ease;}
.flx_karriereuebersicht .location a.btn.active{background-color: var(--prime);color: var(--white);transition: all .3s ease; padding: 10px 20px;}
.flx_karriereuebersicht .location a.btn.active::before{content: none;}
/*.flx_karriereuebersicht .sorting a.btn.active{background-color: var(--sec);}*/
/* .flx_karriereuebersicht .sorting a.btn.active:hover{background-color: var(--prime);transition: all .3s ease;} */
.flx_karriereuebersicht .output .alert{padding:25px;font-size:125%;font-weight:600;color:#fff;background:var(--sec);width:75%;}
.flx_karriereuebersicht .output .item{margin: 40px 0;max-width: 32%;}
.flx_karriereuebersicht .output .item .jobteaser p{padding-right: 50px;}
.flx_karriereuebersicht .output .item .jobteaser .subline{margin-bottom: 10px;}
.flx_karriereuebersicht .output .item .jobteaser .title{display: block;margin-bottom: 15px;font-weight: 600;font-size: 120%;color: var(--sec);}

.flx_karriereuebersicht .sorting-select .select2-container--default .select2-selection.select2-selection--single{
    border-radius: 0;
    border: 1px solid var(--sec);
}
.flx_karriereuebersicht .sorting-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--sec);
    font-weight: 800;
   
}
.flx_karriereuebersicht .sorting-select .select2-selection.select2-selection--single{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flx_karriereuebersicht .sorting-select .select2-container .select2-selection--single{
    height: 47px;
}
.flx_karriereuebersicht .sorting-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    transform: translateY(-50%);
    border: 2px solid var(--sec);
}

.flx_karriereuebersicht .sorting-select .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: var(--sec) transparent transparent transparent;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}

.flx_karriereuebersicht .sorting-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: var(--sec) transparent;
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
}
.select2-container--default .select2-results>.select2-results__options{
    text-align: center;
    border:1px solid var(--sec);
    color: var(--sec);
}

.sorting-select{
    display: none;
}

.flx_imprslider .location-menu .location-button{background:none;border:none;color:var(--prime);font-size:115%;font-weight:600;position:relative;margin-bottom:5px;}
.flx_imprslider .location-menu .location-button:focus{outline:none;}
.flx_imprslider .location-menu .location-button.active{color:var(--sec);}
.flx_imprslider .location-menu .location-button:before{content:'';width:25px;height:25px;background:url('media/ort.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;bottom:5px;left:-25px;}
.flx_imprslider .location-menu .location-button.active:after{content:'';width:25px;height:3px;background:var(--prime);position:absolute;bottom:-3px;left:5px;}
.flx_imprslider .swiper-pagination-bullet-active{background:var(--prime);}

.flx_jobs .stellenuebersicht .item{margin: 40px 0;max-width: 32%;}
.flx_jobs .stellenuebersicht .item .jobteaser p{padding-right: 50px;}
.flx_jobs .stellenuebersicht .item .jobteaser .subline{margin-bottom: 10px;}
.flx_jobs .stellenuebersicht .item .jobteaser .title{display: block;margin-bottom: 15px;font-weight: 600;font-size: 120%;color: var(--sec);}

.flx_iframeblock{margin-top:-150px;padding-top:150px;}
.flx_iframeblock .headerbox{margin:0 15px 50px;}

.flx_formular .formular{position:relative;z-index:99;background:var(--white);padding:25px;width:65%;-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);}
.flx_formular .formular input, .flx_formular .formular textarea{border:none;background:#f2f2f2;color:#444;margin:5px 0 20px;width:100%;padding:10px;}
.flx_formular .formular input[type="checkbox"]{width:15px;display:inline-block;margin:0;}
.flx_formular .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_formular .formular .datenschutz p{font-size:75%;margin-bottom: 0;}
.flx_formular .formular input.btn:hover{background:var(--prime);color:var(--white);transition:all .3s ease;}

.flx_timeline{overflow:hidden;padding-top: 25px;}
.flx_timeline .grid-item p{max-width:300px;min-height:114px;}
.flx_timeline .grid-item h2{width:175px;text-align:right;}
.flx_timeline .grid-item:nth-child(2n-1) h2{text-align:left;}
.flx_timeline .grid-item.item-1 h2, .flx_timeline .grid-item.item-1 p{margin-top:-20px;}

.flx_instagramfeed{margin-bottom:25px!important;}

.flx_infoblock .row{justify-content: space-between;}
.flx_infoblock .row .left-side p{margin-top: 50px; margin-bottom: 120px;}
.flx_infoblock .row .left-side h2{font-size: 40px;line-height: 44px;}
.flx_infoblock .row .left-side .infoblock_btns{display: flex;flex-direction: row; gap: 60px;}
.flx_infoblock .row .left-side .infoblock_btns a, .flx_bewerbungformular .contacts__info .contacts__desc a{background-color: var(--sec);color: var(--white); padding: 9px 32px; border-radius: 5px; font-weight: 600; line-height: 1.5;}
.flx_bewerbungformular .contacts__info .contacts__desc a{ margin-top: 2rem;}
.flx_infoblock .row .right-side .row .col-md-4{display: flex;flex-direction: column;align-items: center; margin-bottom: 70px;}
.flx_infoblock .row .right-side .row .col-md-4 img{width: 67px;height: 67px;object-fit: cover;margin-bottom: 9px;border-radius: 18px;}
.flx_infoblock .row .right-side .row{margin-bottom: 30px;}
.flx_infoblock .row .right-side .row:last-child{margin-bottom: 0;}
.flx_infoblock .swiper-infoblock{overflow: hidden;}
.flx_infoblock .swiper-infoblock .swiper-pagination .swiper-pagination-bullet{background-color: #ACC0CB; opacity: 1;}
.flx_infoblock .swiper-infoblock .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--prime)}
.flx_infoblock .swiper-infoblock .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 10px;}
.flx_infoblock .infoblock-gal{overflow: hidden;height: 282px;}
.flx_infoblock .infoblock-gal img{width: 100%;height: 100%;object-fit: cover;}
.flx_infoblock .infoblock-wrap{background-color: #EFF4F7;padding-top: 63px;padding-bottom: 55px;margin-bottom: 16px; }
.flx_infoblock .infoblock-wrap span{
	text-align:center;
	text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
}
.flx_infoblock .gal-modal{ 
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 50px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.flx_infoblock .gal-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }


.flx_infoblock .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }

.flx_infoblock .close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.flx_infoblock .swiper-slide img {
  cursor: pointer;
}
.wpcf7-list-item{
	margin:0;
}

.flx_testimonialblock .row{justify-content: center;}
.flx_testimonialblock .testimonial_block {
    background-color: var(--lightgrey);
    padding: 32px 57px 36px 97px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	height: 100%;
}
.flx_testimonialblock .testimonial_top_wrapper{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.flx_testimonialblock .testimonial_icon {
    width: 122px;
    height: 122px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}
.flx_testimonialblock .testimonial_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;
}
.flx_testimonialblock .testimonial_block p{
    margin-top: 23px;
    margin-bottom: 45px;
    text-align: center;
}
.flx_testimonialblock .testimonial_block span{color: var(--prime); font-weight: 700;text-transform: capitalize;}


#karriere{margin: 200px 0;}
#karriere li{padding-left:20px;}
#karriere li:before{width:7.5px;height:7.5px;border-radius:50%;background:var(--prime);top:12.5px;}
#karriere .stellenkopf .textliches h1{margin-bottom: 50px;font-size:275%;}
#karriere .kontaktbox{margin-top: 100px;}
#karriere .kontaktbox span{font-weight: 700;font-size: 120%;color: var(--prime);}
#karriere .kontaktbox .inhalt{margin-top: 20px;}
#karriere .kontaktbox .inner{padding: 40px;width: 100%;border: 2px solid var(--prime);}
/*---------------------------------------------------------------------------------------------*/
/*-------------------------------------ABWEICHUNGEN--------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

.team .flx_headerblock.mitfarbe{margin-bottom: 100px;}
.team .flx_textblock.textzwei{margin-bottom: 80px;}

.singlekarriere #page-header{background:var(--prime);}

.kontakt .flx_textblock.nurtext{margin-bottom:25px;}

.tankstelle .flx_textblock .text ul li{width:100%;margin:10px 0;}

.app .flx_textblock.mitvideorechts .video video{margin-top:85px;}

.impressum .inhaltsbloecke, .datenschutzerklaerung .inhaltsbloecke, .datenschutzerklaerung-app .inhaltsbloecke{margin-top: 200px;}
.impressum .flx_textblock .text ul li::before{display: none;}
.impressum .flx_textblock .text ul li{padding: 0;}
.impressum .flx_textblock .text ol{padding: 0;}
.impressum .flx_textblock .text ol li{padding: 0;}

.datenschutzerklaerung .flx_textblock .text ul li::before{display: none;}
.datenschutzerklaerung .flx_textblock .text ul li{padding: 0;}
.datenschutzerklaerung .flx_textblock .text ol{padding: 0;}
.datenschutzerklaerung .flx_textblock .text ol li{padding: 0;}
.datenschutzerklaerung h2{font-size: 170%;margin: 20px 0;}
.datenschutzerklaerung h3{font-size: 130%;margin-bottom: 20px;}
.datenschutzerklaerung h4{font-size: 100%;}
.datenschutzerklaerung .flx_textblock .text ul li{width: 100%;margin-bottom: 10px;padding-left:20px;font-weight:300;float:unset;}
.datenschutzerklaerung .flx_textblock .text ul li:before{content:'•';font-weight:300;font-size:135%;display:block;width:20px;height:20px;background:none;top:-5px;}

.fahrzeugliste #page-header{background:var(--prime);}
.fahrzeugliste .inhaltsbloecke{margin-top:200px;}

.fahrzeugsuche #page-header{background:var(--prime);}
.fahrzeugsuche .inhaltsbloecke{margin-top:200px;}

.startseite #nomargin{margin-bottom:0}
.startseite #textpadding .text{padding-top:50px;} 
.startseite .flx_textblock.mitbildrechts img, .startseite .flx_textblock.mitbildlinks img{padding:0;}



/**********************************************************************************************/
.flx_overview{
    margin: 90px 0 120px 0;
}

.overview-inner{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 50px;
}
.overview-item{
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.overview-item-content{
    padding: 0 20px 30px 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.overview-item-title{
    font-size: 175%;    
    margin-bottom: 10px;
}
.overview-items-group{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin: 25px 0 37px 0; 
}

.overview-left-item,.overview-right-item{
    border: 1px solid #BCBCBC;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 25px;
}

.overview-item-text{
    font-size: 16px;
}

.overview-left-item-price span,.overview-left-item-price,.overview-right-item-date{
    font-size: 24px;
    font-weight: 800;
}
.overview-left-item-price-num{
    white-space: nowrap;
}
.overview-left-item-price{
    color: var(--prime);
}
.overview-right-item-date{
    color: var(--sec);
}
.overview-item-button{
    background-color: var(--prime);
    color: var(--white);
    padding: 15px 32px;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 37px;
    border-radius: 5px;
}
.overview-item-bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: block;
}

.overview-item-bg{
    aspect-ratio: 1 / 0.6455;
    overflow: hidden;
    width: 100%;
    flex: 0 0 auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.overview-form{
    margin-bottom: 51px;
    border-top: 5px solid var(--prime);
    padding-top: 20px;
}
.overview-form-left-mobile{
    display: none;
}
.overview-form-left-mobile .overview-form-inner{
    grid-template-columns: 100%;
}
.overview-form-inner-mobile{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}
.overview-form-inner-mobile:last-child{
    margin-bottom: 0;
}
.overview-left-item-title{
    font-size: 16px;
}
.overview-form form{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: flex-end;
}
.overview-form-tab{
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--prime);
    cursor: pointer;
}

.overview-form-inner{
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-bottom: 23px;
    padding-top: 12px;
}

.overview-form-tab{
    padding: 8px 10px;
    min-width: 203px;
    position: relative;
}
.overview-form-tab span{
    color: var(--prime);
}
.overview-form-tab::after{
    content: '';
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(./media/form-tab-plus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.overview-form-tab.active{
    background-color: var(--prime);

}
.overview-form-tab.active span{
    color: var(--white);
}
.overview-form-tab.active::after{
    background-image: url(./media/form-tab-minus.svg);
}


.overview-brand-filters .checkbox ,.overview-brand-filters .radio{
    cursor: pointer;
    display: flex; 
}

.overview-brand-filters .checkbox__input ,.overview-brand-filters .radio__input{
    position: absolute;
    width: 18px;
    height: 18px;
    opacity: 0;
    cursor: pointer;
}
  
.overview-brand-filters .checkbox__input:checked + .checkbox__icon .tick,.overview-brand-filters .radio__input:checked + .checkbox__icon .tick {
    stroke-dashoffset: 0;
}
  
.overview-brand-filters .checkbox__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    overflow: visible;
}
  
.overview-brand-filters .tick {
    stroke-dasharray: 20px;
    stroke-dashoffset: 20px;
    transition: stroke-dashoffset 0.2s ease-out;
}
  
.overview-brand-filters .checkbox__label, .overview-brand-filters .radio__label {
    margin-left: 13px;
    font-size: 16px;
   line-height: normal;
}

.overview-brand-filters{
    gap: 20px;
    display: none;
}

.overview-brand-filters.active {
    display: flex; 
    flex-wrap: wrap;
}
.checkbox__input:checked ~ .checkbox__label,.radio__input:checked ~ .radio__label {
    color: var(--sec);
    font-weight: 500;
}
.overview-form-select{
    display: flex;
    flex-direction: column;
    width: 16%;
    margin-bottom: auto;
    gap: 8px;
}
.overview-response{
    padding-top: 1px;
}
.empty-state-message{
    margin: 0 auto; 
    margin-top: 60px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.empty-state-message p{
    color: var(--darkgrey);
    font-size: 26px;
    font-weight: 800;
}
.empty-state-message p a{
    color: var(--sec);
    text-decoration: underline;
}

.select-inp-open .select2-results>.select2-results__options{
    text-align: left;
    border:1px solid var(--grey);
    color: #000;
}
.select-inp-open .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #DFE7F3 !important;
    font-size: 16px;
    color: #000 !important;
}
.select-inp-open  .select2-results__option--selectable{
    font-size: 16px;
}
.select-inp-open .select2-results__option--selected{
    background-color: var(--prime) !important;
    color: #fff !important;
}
.overview-sort-select{
    margin-bottom: 0;
    font-size: 16px;
    color: var(--prime);
}
.overview-form-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.flx_bewerbungformular.center-form .select2-container--default .select2-selection--single .select2-selection__arrow b,
.flx_expertsblock .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(./media/overview-select-arrow.svg);
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center;
    left: auto;
    background-size: contain;
    border-color: transparent;
    border-style: none;
    border-width: 0;
}
.flx_bewerbungformular.center-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 15px;
    height: 9px;
}
.flx_expertsblock .select2-container--default .select2-selection--single .select2-selection__arrow b{
     width: 15px;
    height: 9px;
    left: 50%;
}
.expertsblock-left {
    position: sticky;
    top: 80px;
    height: fit-content;
}
.flx_bewerbungformular.center-form  .select2-container--default .select2-selection--single .select2-selection__arrow, 
.flx_expertsblock  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 12px;
    right: 20px;
}
.flx_bewerbungformular.center-form .form-item-bottom.privacy p{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.flx_bewerbungformular.center-form .select2-container .select2-selection--single .select2-selection__rendered,
.flx_expertsblock .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding: 16px 14px;
    text-align: left;
    line-height: 24px;
}
.select-inp-form  .select2-results>.select2-results__options {
    text-align: left !important;
    border: 0 !important;
    color: #1D1B20 !important;
}
.select-inp-form {
    border: 2px solid #000 !important;
    border-top: none !important;
}
.flx_bewerbungformular.center-form .custom-icon {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    width: 16px;
    height: 24px;
    background-image: url(./media/input-text.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--white);
    cursor: pointer;
    pointer-events: none;
  }

.overview-form-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.flx_bewerbungformular.center-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.flx_expertsblock .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}
.flx_bewerbungformular.center-form .select2-container--default .select2-selection--single .select2-selection__placeholder,
.flx_expertsblock .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888888;
    font-size: 18px;
}

.overview-form-select .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 16px;
}
.flx_overview .pagination-container .prev.page-numbers,.flx_overview .pagination-container .next.page-numbers{
    font-size: 0;
    background-image: url(./media/overview-pagin-arrow.svg);
    background-position: center;
    width: 24px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.flx_overview .pagination-container .prev.page-numbers{
    margin-right: 33px;
}
.flx_overview .pagination-container .next.page-numbers{
    margin-left: 33px;
    transform: rotate(180deg);
}
.flx_overview .page-numbers.current{
    color: var(--sec);
    font-weight: 600;

}
.flx_overview .pagination-container{
    margin-top: 50px;
    display: flex;
    gap: 17px;
    align-items: center;
    justify-content: center;
}
.flx_overview .pagination-container a,.flx_overview .pagination-container span{
    font-size: 24px;
    font-weight: 400;
    color: #9A9A9A;
}
/*********************************************************************************************/
/*********************************************************************************************/
.flx_expertsblock-maintitle{
    color: var(--white);
    font-size: 40px;
    margin-bottom: 120px;
    text-align: center;
}
#expertsblock{
    scroll-margin-top: 200px;
}
.flx_expertsblock{
    background-color: var(--prime);
    margin-bottom: 0 !important;
    padding-bottom: 120px;
    padding-top: 80px;
}
.expertsblock-inner{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 150px;
}
.flx_expertsblock.left-text{
    background-color: var(--white);
    padding-bottom: 170px;;
}
.flx_expertsblock.left-text .expertsblock-inner{
    grid-template-columns: 1fr 2.5fr;
    gap:80px;
}
.flx_expertsblock.left-text .expertblock-tab-inner-first, 
.flx_expertsblock.left-text .expertblock-tab-inner-second, 
.flx_expertsblock.left-text .expertblock-tab-inner-third{
    grid-template-columns: 1fr 1fr 1fr;
    gap:20px;
}
.flx_expertsblock.left-text .expertsblock-tab-title{
    border: 2px solid var(--prime);
}
.flx_expertsblock.left-text .expertsblock-tab-body-title{
    color: var(--prime);
}
.flx_expertsblock.left-text .expertsblock-tab-body-text{
    color: var(--prime);
    padding: 0px 10px 10px 10px;
}
.flx_expertsblock.left-text .expertsblock-tab-body-text p a{
    color:#ffffff;
    font-weight:300;
}
.flx_expertsblock.left-text .expertsblock-tab-body-text p a:hover{
    color:var(--sec);
}
.flx_expertsblock.left-text .expertsblock-text-maintitle{
    font-size: 260%;
    color: var(--prime);
}
.expertsblock-text-maintitle{
    font-size: 60px;
    color: var(--prime);
}
.expertsblock-form{
    color: var(--white);
}
.flx_expertsblock input[type=text],.flx_expertsblock input[type=email],.flx_expertsblock input[type=tel],
.flx_bewerbungformular.center-form input[type=text],.flx_bewerbungformular.center-form input[type=email],.flx_bewerbungformular.center-form input[type=tel]{
    width: 100%;
    outline: none;
    padding: 16px;
    font-size: 18px;
    line-height: 24px;
    border: 2px solid #000;
}
.flx_expertsblock textarea{
    width: 100%;
    padding: 16px;
    height: 136px;
    font-size: 18px;
    border: 2px solid #000;
}
.flx_expertsblock textarea:focus {
    outline: none;
    box-shadow: none;
}
.flx_expertsblock .formular .input-form,.flx_bewerbungformular.center-form .input-form{
    position: relative;
}
.flx_expertsblock .expertsblock-form p{
    position: relative;
    margin: 0;
    margin-bottom: 35px;
}
.form-item-flex.no-border .form-item:last-child p{
    margin-bottom: 0;
}
.flx_expertsblock .expertsblock-form input[type="submit"],
.flx_bewerbungformular.center-form input[type="submit"]{
    background-color: var(--sec);
    width: 100%;
    padding: 15px 20px;
    margin-top: 35px;
    border: 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--white);
    max-width:400px;
    border-radius:5px;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent;
}

input::placeholder,
textarea::placeholder {
    color: var(--black);
    text-transform: uppercase;
}

label {
    color: var(--black);
    text-transform: none;
    font-size: 1rem;
}

.form-item .label-textarea {
    color: #888888;
    font-size: 18px;
    z-index: 1;
    top: 30px;
}
.form-item label {
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%); 
    color: #888888;
    font-size: 18px;
    z-index: 1;
    pointer-events: none;
    transition: all 0.3s ease;
}
.form-item .label-textarea.focussed{
    transform: translateY(-50%);
    top: 0;
}
.no-visible-label.focussed {
    transform: translateY(-182%);
    background: var(--prime);
    padding: 0 4px;
    font-size: 15px;
    color: var(--white);
}

.expertsblock-tab-title{
    background-color: var(--white);
    color: var(--prime);
    font-weight: 800;
    text-align: center;
    font-size: 100%;
    cursor: pointer;
    padding: 5px 50px;
    border-radius: .25rem;
}
.expertsblock-tabs{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.expertsblock-tab-body {
    color: var(--white);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
}
.expertsblock-tab-body-img{
    margin: 0 auto;
    margin-bottom: 40px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    max-width: 250px;
}
.expertsblock-tab-body-img img{
   width: 100%;
   border-radius: 50%;
   height: 100%;
   object-fit: cover;
}
.flx_expertsblock.left-text .expertsblock-tab-body-img img{
       border-radius: 0;
}
.flx_expertsblock.left-text .expertsblock-tab-body-img{
     max-width: none;
}
.flx_expertsblock.left-text .expertsblock-tab-body{
    background: var(--prime);
    color:#ffffff;
}
.flx_expertsblock.left-text .expertsblock-tab-body h3{
    color:#ffffff;
    font-size: 110%;
    margin-bottom: 20px;
}

.flx_expertsblock.left-text .expertsblock-tab-body p{
    color:#ffffff;
    margin-bottom: 10px;
}

.expertblock-tab-inner-first, 
.expertblock-tab-inner-second, 
.expertblock-tab-inner-third {
    display: none; 
    margin-top: 60px;
    grid-template-columns:30% 30% 30%;
    gap: 5%;
}

h3.expertsblock-tab-body-title{
    font-size: 110%;
    margin-bottom: 40px;
    color: var(--white);
    font-weight: 800;
}

.expertsblock-tab-title.active{
    background-color: var(--sec);
    color: var(--white);
    position: relative;
}
.expertsblock-tab-title.active::before{
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('./media/experts-tab-check.svg');
    background-position: center;    
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

.form-item-bottom input[type="checkbox"],.flx_bewerbungformular.center-form input[type="checkbox"]{
    width: auto;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label,
.form-item-bottom input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label,
.flx_bewerbungformular.center-form input[type="checkbox"]:checked+.wpcf7-list-item-label,
.flx_bewerbungformular.center-form input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label{
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 7px;
    font-size: 18px;
    text-transform: none;
    line-height: 19px;
}
.flx_expertsblock .form-item-bottom .wpcf7-list-item-label a,
.flx_bewerbungformular.center-form .form-item-bottom .wpcf7-list-item-label a{
    color:white;
}
.flx_expertsblock .form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::before, 
.flx_expertsblock .form-item-bottom input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::before{
    margin-top: 5px;
}
.flx_expertsblock .form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::after{
    top: 7px;
}

.flx_bewerbungformular.center-form input[type="checkbox"]:checked+.wpcf7-list-item-label,
.flx_bewerbungformular.center-form input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label{
    line-height: unset;
}
.form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::before,
.form-item-bottom input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::before,
.flx_bewerbungformular.center-form input[type="checkbox"]:checked+.wpcf7-list-item-label::before,
.flx_bewerbungformular.center-form input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::before{
    content: "";
    aspect-ratio: 1/1;
    height: 18px;
    background-color: #D9D9D9;
    border:2px solid #000;
    margin-bottom: 3px;
    border-radius: 2px;
}

.form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::after,
.form-item-bottom input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after
{
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.flx_bewerbungformular.center-form .form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::after,
.flx_bewerbungformular.center-form input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after{
    top: 7px;
    content: "";
    position: absolute;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.wpcf7-not-valid-tip {
    font-size: 0.9rem;
    margin-top: 5px;
}

.form-item-bottom input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after,.flx_bewerbungformular.center-form input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label::after {
    opacity: 0;
}

.form-item-bottom input[type="checkbox"]:checked+.wpcf7-list-item-label::after,.flx_bewerbungformular.center-form input[type="checkbox"]:checked+.wpcf7-list-item-label::after{
    opacity: 1;
}
.flx_expertsblock .wpcf7-not-valid-tip{
    position: absolute;
}
.custom-checkbox{
    margin-left: 15px;
}
.form-item-bottom .wpcf7-not-valid-tip,.flx_bewerbungformular.center-form .wpcf7-not-valid-tip{
    width: max-content;
}
.form-item.textarea-item .form-item-clear-btn{
    top: 55px;
    transform: none;
}
.form-item-clear-btn {
    background-image: url(./media/close-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    right: 14px;
    width: 20px;
    top: 50%;
    height: 20px;
    transform: translateY(-50%);
}
.expertsblock-tab-body-content{
    display: flex;
    flex-direction: column;
}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.grid-block-wrapper{
    border-top: 4px solid var(--prime);
    padding-top: 20px;
}
.grid-wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 120px;
    row-gap: 80px;
    padding: 0 1rem;
    max-width: 990px;
    margin: 0 auto;
}
.grid-inner{
    background-color: #EFF4F7;
    padding: 80px 0;
    
}
.grid-item-img-wrapper{
    aspect-ratio: 1/1;
    max-width: 67px;  
}
.grid-item-img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.grid-wrap-item{
    text-align: center;
}
.grid-item-img-wrapper{
    margin: 0 auto;
    margin-bottom: 15px;
}

.grid-wrap-item-title,.grid-wrap-item-subtitle{
    font-size: 20px;
    font-weight: 500;

}
.grid-wrap-item-subtitle{
    color: var(--sec);
}

/*-------------------------------------------------------------------------------------------*/
.flx_sample-offer{
    background-color: var(--prime);
    padding-top: 60px;
    padding-bottom: 120px;
}
.flx_sample-offer .tab-nav{
    display: flex;
    gap: 30px;
}
.sample-offer-title{
    color: var(--white);
    margin-bottom: 50px;
    text-align: center;
}
.flx_sample-offer .tab-nav-item{
    flex: 1;
}
.flx_sample-offer .tab-nav-item>input[type="radio"]:checked+label {
    background-color: var(--white);
    color: var(--prime);
    border: 2px solid var(--white);
    border-bottom: 0;
}

.flx_sample-offer .tab-nav-item>label {
    display: block;
    padding: 0.25rem 1rem;
    color: var(--white);
    text-decoration: none;
    font-size: 24px;
    background: var(--prime);
    border: 2px solid var(--white);
    font-weight: 500;
    border-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    -webkit-appearance: button;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.flx_sample-offer .tab-nav .tab-nav-item>input[type="radio"] {
    display: none;
}
.flx_sample-offer .tab-content {
    display: none;
    background-color: var(--white);
    padding: 40px 30px;
}
.sample-offer-tab-body .tab-content:first-child{
    display: block;
}
.tab-content-item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--prime);
}
.tab-content-items{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.tab-content-items div{
    font-size: 113%;
    color: var(--prime);
}
.tab-content-items div:last-child{
    font-weight: 800;
}
.tab-content-items div:first-child{
    hyphens: auto;
}
.tab-content-inner{
    display: grid;
    gap: 80px;
    grid-template-columns: 1.5fr 1fr;
}

.tab-content-right-info div, .tab-content-right-info li{
    font-size: 24px;
    color: var(--prime);
}
.tab-content-right-info-title{
    font-weight: 800;
}
.tab-content-right-info-list{
    margin-top: 1.5rem;
    list-style-type: disc;
    padding-left: 30px;
}
.tab-content-right-info-list li{
    padding-left: 0;
    list-style:disc;
}

/*-------------------------------------------------------------------------------------------*/
.flx_bewerbungformular.center-form .form-inner{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}
.flx_bewerbungformular.center-form .form-item.textarea-item, .flx_bewerbungformular.center-form .form-item-bottom.privacy{
    grid-column: 1 / -1;
 }

.flx_bewerbungformular.center-form textarea{
    width: 100%;
    height: 147px;
    padding: 16px;
    font-size: 18px;
}
.flx_bewerbungformular.center-form p{
    margin: 0;
}
.flx_bewerbungformular.center-form .form-item .label-textarea{
    position: absolute;
}
/* .flx_bewerbungformular.center-form  .form-item .label-textarea{
    transform: translate(0, -60px);
}
.flx_bewerbungformular.center-form  .form-item .label-textarea.focussed{    
    transform: translateY(-390%);
} */
.form-item-double{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flx_bewerbungformular.center-form .select2-container .select2-selection--single,
.flx_expertsblock .select2-container .select2-selection--single{
    height: 59px;
    border-radius: 0 !important;
    border: 2px solid #000;
}
.flx_bewerbungformular.center-form .form-item.textarea-item .wpcf7-form-control-wrap{
    height: 147px;
    display: block;
}
.flx_bewerbungformular.center-form .form-item.textarea-item .wpcf7-form-control-wrap textarea{
    border: 2px solid #000;
    outline: 0;
}
.flx_bewerbungformular.center-form .formular .wpcf7-not-valid-tip{
    position: absolute;
}

.flx_bewerbungformular.center-form .form-item-bottom{
    margin-top: 35px;
    text-align: left;
}
.flx_bewerbungformular.center-form .form-item-bottom .form-item{
    margin-bottom: 35px;
}
.flx_bewerbungformular.center-form .form-item p{
    height: 100%;
}
.flx_bewerbungformular.center-form .date-inp input::placeholder{
    text-transform: none;
    color: #888888;
}
.flx_bewerbungformular.center-form .checkbox-item{
    margin-top: 0;
}
.flx_bewerbungformular.center-form .checkbox-item p{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.flx_bewerbungformular.center-form .headline,.flx_bewerbungformular.center-form .subline{
    color: var(--white);
}
.flx_bewerbungformular.center-form .subline{
    margin: 0;
    font-size: 18px;
}
.flx_bewerbungformular.center-form .headline{
    margin-bottom: 80px;
}
.flx_bewerbungformular.center-form .formular-center{
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.flx_bewerbungformular.center-form{
    background-color: var(--prime);
    padding-top: 120px;
    padding-bottom: 50px;
}
.flx_bewerbungformular.center-form .formular form{
    padding-left: 0;
    padding-right: 0;
}
.flx_bewerbungformular.center-form .form-item.textarea-item .form-item-clear-btn{
    top: 19px;
}

/*-------------------------------------------------------------------------------------------*/
.process-steps-inner{
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
}
.process-steps-title{
    text-align: center;
}

.process-steps-item-title{
    margin-bottom: 37px;
    text-transform: uppercase;
    text-align: center;
}
.process-steps-item{
    position: relative;
}
.process-steps-item::after{
    content: '';
    position: absolute;
    right: -50px;
    height: 100%;
    top: 0;
    width: 2px;
    background-color: var(--prime);
}
.process-steps-item:last-child:after{
    content: none;
}
.process-steps-item-number{
    font-size: 40px;
    background-color: var(--prime);
    color: var(--white);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 37px;
}

/*-------------------------------------------------------------------------------------------*/
.highlights-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px;
}
.highlights-item{
    width: 65%;
    margin: auto;
}

.highlights-inner.centered{
    grid-template-columns: 100%;
    gap: 0px;
}
.highlights-item .headline{
    margin-bottom: 50px;
}
.highlights-inner.centered .highlights-item .headline, .highlights-inner.centered .highlights-item-text p{
    text-align:center;
}

.highlights-item li{
    padding-left: 32px;
    font-size: 20px;
}
.highlights-item li:before{
    background-image: url('./media/higlights-arrow.svg');
}
.highlights-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.highlights-item-text p{
    line-height: 120%;
}
.flx_highlights:has(+ .flx_sample-offer) {
    margin-bottom: 50px;
}
.flx_highlights:has(.highlights-inner.centered):has(+ .flx_sample-offer){
    margin-bottom: 130px;
}
.flx_sample-offer:has(+ .flx_textblock){
    margin-bottom: 130px;
}
.flx_bewerbungformular.center-form:has(+ .flx_suggestionsblock) {
    margin-bottom: 0;
}
.flx_suggestionsblock{
    margin-bottom: 0 !important;
    padding: 60px 0;
    background-color: #EFF4F7;
}

/*-------------------------------------------------------------------------------------------*/
.suggestionsblock-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}
.suggestionsblock-wrapper{
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 35px;
}
.suggestionsblock-item-title{
    margin-bottom: 120px;
}


/*-------------------------------------------------------------------------------------------*/
.reset-filters-button{
    border: 0;
    background: transparent;
    font-size: 16px;
    position: relative;
    padding-left: 33px;
    padding-top: 3px;
    color: var(--sec);
    align-items: flex-start;
    line-height: 1;
    outline: none;
}
.reset-filters-button:focus,
.reset-filters-button:active,
.reset-tabs-button:focus,
.reset-tabs-button:active {
  outline: none;
  border: none;
}
.reset-filters-button::before { content: ''; background-image: url('./media/filter-clear.svg'); background-position: center; background-repeat: no-repeat; background-size: auto; width: 20px; height: 20px; position: absolute; left: 0; top: 0; }
.reset-tabs-button { position: relative; background-color: transparent; border: 0; padding-left: 34px; font-size: 0; }
.reset-tabs-button::before { content: ''; background-image: url('./media/tabs-clear.svg'); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; }
.reset-tabs-button::after { content: attr(data-tooltip); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 5px 10px; border-radius: 5px; white-space: nowrap; opacity: 0; pointer-events: none; transition: 0.3s; font-size: 12px; z-index: 100; }
.reset-tabs-button:hover::after { opacity: 1; }
#reset-marke, #reset-antrieb, #reset-getriebe, #reset-fahrzeugart { display: none; }
#reset-marke2, #reset-antrieb2, #reset-getriebe2, #reset-fahrzeugart2 { display: none; }
.overview-form-tab.active .filter-count { background-color: var(--white); color: var(--prime) !important; }
.filter-count { background-color: var(--prime); color: var(--white) !important; margin-right: 1.5rem; font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; font-weight: 500; padding: 8px; width: 14px; height: 14px; }

/*------------------------------------- POPUP ----------------------------------------------*/
.service-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.service-popup.active {
    display: flex; 
}
.service-popup .popup-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-popup .popup-wrapper {
    background: #fff;
    padding-top: 30px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    width: 620px;
    height: 570px;
    text-align: center;
    position: relative;
}
.service-popup .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background-image: url('./media/Icons/close-blue.svg');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 999;
    border: none;
}
.service-popup .buttonblock {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    margin-inline: auto;
    margin-bottom: 1rem;
}

.service-popup .popup-button.btn {
    padding: 0.75rem 2rem;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 100%;
    cursor: pointer;
    transition: background 0.2s;
}
.service-popup .popup-header, .service-popup .location-header {
    width: 62%;
    font-size: 150%;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-inline: auto;
}
.service-popup .popup-button.btn:hover {
    background: #163c6b;
}
.service-popup .sevice-icons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    background: var(--lightgrey);
    padding-block: 1rem;
}
.service-popup .service-icon {
    width: 50px;
    height: 50px;    
}
.service-popup .service-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
}
.service-popup .location-details {
    display: none;
    overflow: hidden;
    height: 100%;
}
.service-popup .brands-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
   justify-content: center;
}
.popup-wrapper #location-2 .brands-wrapper{
    display:none;
}
.popup-wrapper #location-2 .location-wrapper{
    justify-content: center;
}
.service-popup .brands {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    justify-content: center;
    margin-inline: auto;
    margin-bottom: 2rem;
}

.service-popup .brand-icon {
    width: 120px;
    height: 120px;
    border-radius: 15px;
    border: solid 2px var(--prime);
}
.service-popup .brand-icon a {
    width: 100%;
    height: 100%;
    display: block;
}
.service-popup .brand-icon a img {
    width: 100%;
    height: 100%;
    object-fit: contain;    
}
.service-popup .location-wrapper {
    height: calc(100% - 95px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-popup .location-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-image: url('./media/Icons/arrow_back.svg');
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.service-popup .location-links {
    margin: 1rem 1rem 40px 1rem;
    display: flex;
    gap: 1rem;
}
.service-popup .location-links .btn {
    /* flex: 0 0 calc(50% - 0.5rem); */
    flex: 1;
    max-width: 400px;
    margin: auto;
}
/*-------------------------------------------------------------------------------------------*/

.flx_servicelinks .servicelinks-wrapper {
    padding-inline: 15px;
    width: 100%;
}
.flx_servicelinks .servicelinks-bg {
    background-color: var(--sec);
    border-radius: 30px 100px;
    color: var(--white);
    display: flex;
    padding: 3rem 4rem 3rem 4rem;
    position: relative;
}
.flx_servicelinks .servicelinks-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
    flex: 0 0 75%;
}
.flx_servicelinks .servicelink-image {
    flex: 0 0 25%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.flx_servicelinks .servicelink-image img {
    position: absolute;
    bottom: -3rem;
    object-fit: contain;
}
.flx_servicelinks .sevicelinks-header {
    padding: 0 0 1rem 0;
    text-align: start
}
.flx_servicelinks .sevicelinks-header h2{
    color: var(--white);
    font-size: 1.75rem;
}
.flx_servicelinks .sevicelinks-text {
    font-weight: 500;
}
.flx_servicelinks .popup-link {
    background-color: var(--white);
    color: var(--prime);
    width: 180px;
}
.flx_servicelinks .sevicelinks-buttons {
    display: flex;
    gap: 3rem;
}
.flx_servicelinks .sevicelinks-text p{
    margin-bottom:0;
}

/**********************************************/
.flx_landing-text-block p{
    text-align: center;   
}
.flx_landing-text-block .landing-text-center{
    padding: 0 272px;
}
.flx_landing-text-block .landing-text-center p{
    font-size: 24px;
    font-weight: 400;
    text-wrap: balance;
    color: #000;
    position: relative;
    padding-top:20px;
    padding-bottom: 30px;
}
.flx_landing-text-block .landing-text-center p::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: var(--sec);
    height: 2px;
    width: 45px;
}
.flx_landing-text-block .landing-text-center p::after{
    content: '';
    display: inline-block;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: var(--sec);
    height: 2px;
    width: 45px;
}


/*********************************/
.flx_booking-block{
    background-color: var(--sec);
    position: sticky;
    top: 80px;     
    z-index: 100;
}
.flx_booking-block .booking-block-inner{
    padding: 13px 87px 13px 87px;
    gap: 2rem;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flx_booking-block .booking-block-title{
    font-size: 30px;
    color: var(--white);
    font-weight: 800;
}
.flx_booking-block .btn{
    padding: 10px 40px;
}
.flx_booking-block .btn-booking{
    background-color: var(--prime);
}
.flx_booking-block .btn-email,.flx_booking-block .btn-tel{
    background-color: var(--white);
    border:2px solid var(--prime);
    min-width: 180px;
    color: var(--prime);
}
.booking-block-links{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

/********************************/
.service-swiper{
    overflow: visible !important;
    overflow-x: clip !important;
}
.service-swiper ul{
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}
.service-swiper ul li{
    list-style: none;
    font-size: 20px;
    color: #000;
    position: relative;
}
.service-swiper ul li::before{
    content: '';
    background-color: var(--prime);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top:13px;
    left: 10px;
}

.services-slider-main-title{
    margin-bottom: 60px;
    line-height: 122.9%;
    color: var(--sec);
    font-size: 243%;
    font-weight: 800;
}
.service-slider-item{
    border: 1px solid #BCBCBC;
    border-radius: 10px;
}
.service-swiper-title{
    text-align: center;
    font-size: 210%;
}
.service-swiper .swiper-slide{
    display: flex;
    flex-direction: column;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
    height: auto;
}
.service-slider-content{
    padding: 37px 20px 50px 20px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    justify-content: space-between;
    flex: 1;
}
.service-slider-content .btn-booking{
    width: 100%;
    background-color: var(--prime);
}
.service-slider-item img{
    aspect-ratio: 3 / 2;
    flex: 1;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 100%;
}

.service-swiper .swiper-button-next, .service-swiper .swiper-button-prev{
    top: -82px;
}
.service-swiper .swiper-button-next{
    right: 0;
}
.services-img-wrapper{
    position: relative;
}
.services-img-price{
    position: absolute;
    top: 33px;
    right: 0;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    padding: 9px 30px;
    background-color: var(--white);
    color: var(--sec);
}
.services-img-price span{
    font-size: 168%;
    font-weight: 800;
}
.service-swiper .swiper-button-prev{
    right: 55px;
    left: auto;
}
.service-swiper .swiper-button-next:after{
    content: '';
    background-image: url('./media/swiper-right-red.svg');
    width: 17px;
    height: 30px;
    display: inline-block;
}
.service-swiper .swiper-button-prev:after{
    content: '';
    background-image: url('./media/swiper-left-red.svg');
    width: 17px;
    height: 30px;
    display: inline-block;
}


/***************************/

.flx_feature-block{
    border-top: 2px solid var(--prime);
    padding-top: 20px;
}
.feature-block-wrapper{
    background-color: #EFF4F7;
    padding: 60px 0;
}
.feature-block-inner{
    display: grid;
    grid-template-columns: 1.2fr 3fr;
    gap: 35px;
}
.feature-img-wrapper{
    padding-bottom: 37px;
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;
    margin-bottom: 37px;
}
.feature-block-title{
    margin-bottom: 37px;
    font-size: 210%;
}
.feature-block-inner .services-slider-main-title{
    color: var(--prime);
}
.feature-img-wrapper img{
    width: 100%;
    height: 95px;
    object-fit: contain;
}
.feature-block-right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}
.feature-block-card-1,.feature-block-card-2{
    background-color: var(--white);
    padding: 60px 37px;
    border-radius: 20px;
    display: flex;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
    flex-direction: column;
    border: 1px solid #BCBCBC;
    align-items: center;
}
.feature-block-text{
    text-align: center;
    color: #000;
}

/**************************/
.flx_steps-block .services-slider-main-title{
    text-align: center;
}
.steps-swiper .swiper-slide{
    background-color: var(--prime);
    color: var(--white);
    width: 480px;
    padding: 40px 38px 95px 38px;
    border-radius: 15px;
    display: flex;
    justify-content: start;
    align-items: center;
    height: auto;
    text-align: center;
    flex-direction: column;
}
.steps-swiper .steps-block-item-title{
    color: var(--white);
    font-size: 190%;
    margin-bottom: 15px;
    line-height: 1.2;
}
.steps-block-number{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--sec);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 32px;
}
.steps-swiper  .swiper-pagination-bullet{
    width: 81px;
    height: 11px;
    border-radius: 0;
    border: 1px solid #BCBCBC;
    opacity: 1;
    margin: 0 !important;
    background-color: #EFF4F7;
}
.steps-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 0;
    background-color: var(--sec);
}
.steps-swiper .swiper-pagination{
    display: flex;
    flex-wrap: wrap;
    padding-left: calc((100% - 1500px) / 2 + 15px);
    gap: 17px;
    margin-top: 60px;
}
.steps-slider-container-wrap {
  padding-inline: calc((100% - 1500px) / 2 + 15px);
  overflow: hidden;
}
.steps-slider-container-wrap .swiper{
    overflow: visible !important;
}


.text-acc-img-wrapper{
    position: absolute;
    bottom: -152px;
    left: 0;
}

.flx_textblock.landing-acc .text{
    position: relative;
}
.flx_textblock.landing-acc .accordion-button.collapsed{
    background-color: var(--white);
    color: var(--sec);
}
.flx_textblock.landing-acc .accordion-item{
    border-top: 1px solid var(--sec);
    padding: 0;
}
.flx_textblock.landing-acc .accordion-item:last-child{
    border-bottom: 1px solid var(--sec);
}
.flx_textblock.landing-acc .accordion-button{
    background-color: #EFF4F7;
    padding: 20px 20px; 
    padding-right: 4rem;
    color:var(--prime);
    font-size: 140%;
}

.flx_textblock.landing-acc .accordion-collapse{
    background-color: #EFF4F7;
    padding-top: 0;
    padding-left: 105px;
    padding-right: 76px;
    padding-bottom: 24px;
}
.flx_textblock.landing-acc .accordion-collapse p{
    margin-bottom: 0;
        line-height: normal;
    color: #000;
    font-weight: 400;
}
.flx_textblock.landing-acc .accordion-button:after{
        background-image: url('./media/red-minus.svg');
        top: 18px;
}
.flx_textblock.landing-acc .accordion-button.collapsed:after{
    background-image: url('./media/red-plus.svg');
    top: 18px;
}
.flx_textblock.landing-acc .subline,.flx_textblock.landing-acc .headline,.flx_textblock.landing-video .headline{
    font-size: 243%;
    line-height: 122.9%;
    text-transform: none;
}
.flx_textblock.landing-video{
    background-color: #EFF4F7;
    padding: 60px 0;
}
.flx_textblock.landing-video video{
    border-radius: 10px;
}
.flx_textblock.landing-video .text{
    order: unset;
}

.header-additional-image{
    position: absolute;
    z-index: 11;
    width: 32%;
    top: 58%;
    transform: translateY(-50%);
    right: 0;
}
.header-additional-image img{
    min-height: auto !important;
}
#page-footer .links.rechts ul .menu-group ul{
    display: block;
}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------RESPONSIVE--------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media (min-width:2500px){
    .steps-slider-container-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media (min-width:1600px){
.steps-slider-container-wrap {
  padding-inline: 15px;
}
.steps-swiper .swiper-pagination{
   padding-left: 15px;
}
}



/*-------------------------------------------------------------------------------------------*/
@media (max-width:1600px){
    
    .flx_headerblock .content{left:5%;}
    .flx_headerblock.text-und-banner .header-banner-item{left:5%;}
    .flx_headerblock.mitbild.single-offer .content{left:0;}
    .startseite .flx_headerblock .content h1,.flx_headerblock.text-und-link .content h1{font-size:275%;}
    .startseite .flx_headerblock .content p{font-size:125%;}
    
    .flx_headerblock.mitfahrzeug .fahrzeugfilter{left:10%;height:175px;}
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .content .headline{font-size:150%;}
    /*.flx_headerblock.mitfahrzeug .fahrzeugfilter .filter{padding-top:75px;}*/
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .filter .btn{font-size:75%;}
    
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev{left:0;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{right:0;}
    
    .flx_timeline .grid-item p{max-width:235px;}
}
@media (max-width:1500px){
.steps-swiper .swiper-pagination{
   padding-left: 15px;
}
.steps-slider-container-wrap {
  padding-inline:15px;
  
}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){
.flx_expertsblock.left-text .expertblock-tab-inner-first, 
.flx_expertsblock.left-text .expertblock-tab-inner-second, 
.flx_expertsblock.left-text .expertblock-tab-inner-third{
    grid-template-columns: 1fr 1fr;
}
.flx_headerblock.text-und-link img{
    min-height: 70vh;
}
#page-header #toppermenu ul li a{
    margin-right: 30px;   
    font-size:16px;
}
    /* .row{margin-left:0;margin-right:0;} */
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 130px;}
    


    .flx_headerblock .content h1{font-size: 240%;line-height: 0.9;}
    .flx_headerblock.text-und-link .content h1{font-size: 240%;line-height: 1.2;}
    .flx_headerblock.mitfahrzeug .sliderwrapper .item{height:500px;}
    .flx_headerblock.mitfahrzeug .fahrzeugfilter{width: 80%;bottom: -225px;}
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .content .headline{font-size: 170%;}
    .flx_serviceblock::before{content:'';background:var(--background-block);background-size:contain;background-position:center;background-repeat:no-repeat;width:40%;height:100%;display:block;position:absolute;left:-5%;top:0;bottom: 0;}
    .flx_serviceblock::before{width: 60%;}
    .flx_serviceblock .box{padding: 30px;}
    /*.flx_serviceblock .swiper .swiper-slide{min-height: 500px;}*/
    
    .flx_teaserblock .row{padding: 40px 0 60px 50px;}
    .flx_teaserblock .mockup{margin-top: 0;}
    
    .flx_markenblock .sliderwrapper .owl-controls .owl-dots{bottom: -50px;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev{left: 0;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{right: 0;}
    
    .flx_textblock .text ul li{width: 100%;font-weight: 500;margin: 10px 0;}
    
    .flx_textblock .formular{width: 95%;}
    .flx_textblock .formular input, .flx_textblock .formular textarea{margin: 0;outline: none;}
    
    .flx_standortblock .bild .ort.spelle, .flx_standortblock .bild .ort.lengerich{width:30px;height:30px;}
    .flx_standortblock .bild .ort.lengerich{top:25%;}
    .flx_standortblock .bild .ort.spelle{top:30%;}
    
    .flx_formular .formular{width:100%;}

    /* .flx_standortblock .text .standort.Bersenbrück::after{top:0;right:0;} */

    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon{font-size: 30px;}
    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-title{font-size: 20px;min-width: 170px;}
    .overview-items-group{
        gap: 15px;
    }
    .expertblock-tab-inner-first, .expertblock-tab-inner-second, .expertblock-tab-inner-third{
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .expertsblock-inner{
        gap: 100px;
    }
    .feature-block-inner{
        grid-template-columns: 100%;
        gap: 0;
    }
    
    .header-additional-image {
        /* width: 50%; */
        /* bottom: 0px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%); */
        right: 0;
    }
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
        #page-header #toppermenu .menu-hauptmenue-container{display: none;}
    #page-header #toppermenu ul li:hover .sub-menu{display:none;}
    #page-header #toppermenu.active .menu-hauptmenue-container{background: var(--prime)!important;width: 40%!important;}
    #page-header #toppermenu.active .menu{padding: 120px 0 0 0!important;}
    #page-header #toppermenu.active .menu-hauptmenue-container{display: block;background: #38485E;position: fixed;right: 0;top: 0;height: 100%;width: 30%;}
    #page-header #toppermenu.active .menu{padding: 120px 50px 0 0;}
    #page-header #toppermenu.active li{display: block;margin-right: 0;margin-bottom: 10px;}
    #page-header #toppermenu.active li.current_page_item > a{color: var(--sec);font-weight: 600;border:none;}
    #page-header #toppermenu.active li a{color: #fff;font-size: 130%;padding:0;margin-right:0;}
    #page-header .menu li.current_page_item::after{display: none;}
    #page-header .menu li:hover::after{display: none;}
    #page-header .logo img{margin-top: 0!important;}
    #page-header #toppermenu li.menu-item-has-children{position:relative;}
    #page-header #toppermenu li.menu-item-has-children:after{content:'';display:block;width:25px;height:25px;position:absolute;right:100px;top:17.5px;background:url('media/prev.webp');background-size:100%;background-position:right;background-repeat:no-repeat;transform:rotate(-90deg);transition:all .3s ease;}
    #page-header #toppermenu li.menu-item-has-children.active:after{transform:rotate(90deg);transition:all .3s ease;}
    #page-header #toppermenu ul li .sub-menu{display:none;opacity:1;position: unset;margin: 0 auto;width:auto;}
    #page-header #toppermenu ul li.active .sub-menu{display:block;opacity:1;height:auto;padding:5px 10px}
    #page-header #toppermenu ul li.active .sub-menu li{opacity:1;}
    #page-header #toppermenu ul li.active .sub-menu li a{text-align:center;}
    #page-header .logo img{max-width: 140px;margin-top: 5px!important;}
    #page-header #toppermenu li.menu-item-has-children::after{right:50px}
        
    .flx_headerblock.text-und-banner .header-banner-item {
        left: 10%;
    }
    
    #page-header .logo img{max-width: 150px;margin-top: -50px;}
    
    #page-header.bottom .menuburgerbutton{margin-top: 5px;}
    
    
        .menuburgerbutton{display: block;right: 20px;}
    
    .flx_headerblock.slider .sliderwrapper{height: 290px;}
    .flx_headerblock.mitfahrzeug .sliderwrapper .item{height:290px;}
    .flx_headerblock.slider .sliderwrapper .owl-controls .owl-dots{width:100%;text-align:center;}
    .flx_headerblock.mitfahrzeug{margin-bottom: 350px;}
    .flx_headerblock .content p{font-size: 125%;}
    .flx_headerblock .content h1,.flx_headerblock.text-und-link .content h1{font-size: 175%;}
    .flx_headerblock .content{left:10%;bottom:15%;}
    .flx_headerblock.slider .sliderwrapper::after{bottom:-50px;width:200px;height:200px;}
    .startseite .flx_headerblock .content h1{font-size:175%;}
    .startseite .flx_headerblock .content p{font-size:100%;margin-bottom:0;font-weight:500;}
    .flx_headerblock.headertext .fahrzeugfilter .content p{font-size: 64px;}
    .flx_headerblock.headertext .fahrzeugfilter{bottom: -180px;}
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span{font-size: 65px; margin-bottom: 20px;}
    .flx_headerblock.headertext{margin-bottom: 270px;}

    .flx_teaserblock .row{width: 100%;margin: 0;}
    
    .flx_textblock .headline{font-size: 160%;}
    
    .flx_teamuebersicht .sorting a.btn{margin-right: 10px;padding: 10px;}
    .flx_teamuebersicht .teambilder .item img{width: 250px;height: 250px;}
    
    .flx_karriereuebersicht .sorting a.btn{margin-right: 10px;padding: 10px;}
    .flx_karriereuebersicht .location a.btn{padding: 10px 38px;}

    .flx_serviceblock .popup{max-width: 60%;left: 45%;}
    
    #karriere .kontaktbox .inner{width: 100%;}
    
    .flx_standortblock .bild .ort.lengerich{top:19%;}
    .flx_standortblock .bild .ort.spelle{top:23%;}

    /* .flx_standortblock .text .standort.Bersenbrück::after{top:75px;} */

    .flx_infoblock .row .left-side{
        margin-bottom: 50px;
    }
    .flx_infoblock .row .left-side .infoblock_btns{
        gap: 20px;
    }
    .flx_infoblock .row .left-side .infoblock_btns a, .flx_bewerbungformular .contacts__info .contacts__desc a{padding: 9px 22px;}

    .flx_testimonialblock .testimonial_block{padding: 32px;}

    .overview-inner{
        grid-template-columns: 1fr 1fr;
    }
    .overview-form form{
        flex-direction: column;
        align-items: flex-start;
    }
    .overview-form-select {
        width: 203px;
    }
  
    .expertsblock-inner{
        gap: 40px;
    }
    .highlights-inner{
        gap: 60px;
    }
    .suggestionsblock-wrapper{
        grid-template-columns: 100%;
    }
    .suggestionsblock-item-title{
        margin-bottom: 60px;
    }
    .expertsblock-tab-title{
        font-size: 17px;
    }
    .expertsblock-tabs{
        gap: 15px;
    }
    .overview-form-inner{
        gap: 20px;
    }
    .flx_headerblock.single-offer .header-price-group{
        position: absolute;
        right: 1.5%;
    }
    .flx_servicelinks .sevicelinks-buttons{
        gap: 1.5rem;
    }
    .flx_servicelinks .servicelink-image {
        flex: 0 0 33%;
    }
    .flx_landing-text-block .landing-text-center{
    padding: 0 150px;
}
    .header-additional-image {
           width: 50%;
    }
/***********Footer Menu***********/
    #page-footer .links.rechts ul{
        grid-template-columns: repeat(3, 1fr); 
    }
}
/*-------------------------------------------------------------------------------------------*/

@media (min-width:991px) {
.mb-lg-0{margin-bottom:0!important;}
.flx_bewerbungformular .contacts__info .contacts-info-img { padding-right: 0; }
}
@media (max-width: 991.98px) {
   .text-acc-img-wrapper {
      position: unset;
   }
}
@media (max-width:991px) {
    
    .feature-block-right{
        gap: 20px;
    }
    .flx_standortblock .bildcontainer .bild{
        display:none;
    }
     .flx_standortblock .text .mobile_map{
         display:block;
    }
    .flx_servicelinks .sevicelinks-buttons{
        gap:1rem;
    }
    .flx_servicelinks .servicelinks-bg{
        flex-direction: column;
    }
    .flx_servicelinks .servicelink-image img{
        position:relative;
    }
    .flx_servicelinks .servicelink-image {
        flex: 100%;
        margin-left: auto;
    }
    .flx_headerblock.single-offer img {
        max-height: max-content;
    }
        .expertsblock-left {
        position: relative;
        top: auto;
        height: fit-content;
    }
    .expertblock-tab-inner-first, .expertblock-tab-inner-second, .expertblock-tab-inner-third{
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
    }
    .flx_bewerbungformular.contacts .address img{width: 100%; height: 65%; object-fit: contain; margin-bottom:2.5rem;}
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span {font-size: 45px; line-height: 1.6; margin-bottom: 10px;}
    .flx_headerblock.headertext {margin-bottom: 230px;}
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 70px;}
    
    #page-header #toppermenu ul > li:last-child:hover a{background: var(--white);}
    #page-header #toppermenu.active li.current_page_item > a{color: var(--white);}
    #page-header #toppermenu.active .menu-hauptmenue-container{width: 50%!important;}
    
    .flx_headerblock .mobile{display:block!important;}
    .flx_headerblock .desktop{display:none!important;}
    .flx_headerblock.slider .sliderwrapper{height:auto;}
    .flx_headerblock.slider .sliderwrapper::before{bottom:0;}

    .startseite .flx_headerblock .content p{font-size:100%;}
    .startseite .flx_headerblock .content h1{font-size:200%;}

    .flx_serviceblock::before{width: 80%;}
    .flx_serviceblock .popup{max-width: 70%;left: 40%;}
    
    .flx_textblock .text{order:1;}
    .flx_textblock .bild, .flx_textblock .accordion{order:2;}
    
    .flx_textblock.mitbildrechts img{padding: 20px 0;margin-top: 0!important;}
    .flx_textblock.mitbildlinks img{padding: 30px 0;margin-top: 0!important;}
    
    .flx_textblock .accordion{width: 100%;}
    
    .flx_textblock .formular{width: 100%;}

    /*.flx_textblock.information-rightside .text{text-align: right;}*/
    .flx_textblock.information-rightside .text p{text-align: start;}
    .flx_teamuebersicht .sorting a.btn{margin-bottom: 10px;}
    .flx_teamuebersicht .teambilder .item .hoverbox span.position, .flx_teamuebersicht .teambilder .item .hoverbox a{font-size: 80%;}
    
    .flx_karriereuebersicht .sorting a.btn{margin-bottom: 10px;}
    .flx_karriereuebersicht .output .item{margin: 40px 0;max-width: 48%;}

    .flx_jobs .stellenuebersicht .item{margin: 40px 0;max-width: 48%;}
    
    .flx_standortblock .bild .ort.lengerich{top:34%;}
    .flx_standortblock .bild .ort.spelle{top:40%;}

    .flx_headerblock.mitfahrzeug .fahrzeugfilter{width:100%;bottom:-300px;left:15px;}
    .flx_standortblock .bildcontainer{margin:15px 0;}
    /* .flx_standortblock .text{order:1;} */
    
    .app .flx_textblock.mitvideorechts .video video{margin:0 0 15px;}
    
    /* .flx_standortblock .text .standort.Bersenbrück::after{top:unset;bottom:0;} */
    .flx_infoblock .row .left-side p{margin-bottom: 50px;}
    .flx_infoblock .row .right-side .row{padding: 0 15px;}

    .flx_bewerbungformular.contacts .plan_column .plan-top{margin-bottom: 23px;}
    .flx_bewerbungformular.contacts .row .col-lg-5{padding-right: 15px;}

    .flx_testimonialblock .col-lg-5{margin-bottom: 24px;}
    .flx_testimonialblock .row{display: flex;flex-direction: column; align-items: center;}
	.infoblock-wrap .right-side{ margin-top: 3.5rem; }
	.flx_headerblock.headertext .fahrzeugfilter { bottom: -125px;}
	.flx_bewerbungformular.contacts .plan_column { margin-bottom: 58px;}
    .flx_headerblock.text-und-link .content{
        width: 70%;
    }
    .expertsblock-inner,.flx_expertsblock.left-text .expertsblock-inner{
        grid-template-columns: 100%;
    }
    .flx_expertsblock-maintitle{
        font-size: 45px;
    }
    .grid-wrap{
        column-gap: 80px;
    }
    .flx_headerblock.single-offer .bottom_item-text {
        font-size: 50px;
        margin-bottom: 30px;
    }
    .flx_headerblock.single-offer .content-top{
        top: 20%;
    }
    .tab-content-items div:last-child{
        justify-self: end;
    }
    .process-steps-inner{
        gap: 40px;
    }
    .process-steps-item::after{
        right: -20px;
    }
    .highlights-inner{
        grid-template-columns: 100%;
        gap: 40px;
    }
    .overview-form-inner{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    p{
        font-size:16px;
    }
    .flx_landing-text-block .landing-text-center{
    padding: 0 50px;
}
.flx_booking-block .booking-block-inner{
    padding: 23px 0;
}
}
/*-----------------------------------------------------------------------------------------------*/
@media (max-width:900px){  
/***********Footer Menu***********/
#page-footer .links.rechts ul{
    grid-template-columns: repeat(2, 1fr); 
    gap: 2rem;
}
	.flx_headerblock.headertext .container{padding-block: 25px; background-color: var(--prime); position:relative;}
	.flx_headerblock.headertext .fahrzeugfilter{
		position:relative;
		padding: 0;
		top:0;
	}
	.flx_headerblock.headertext .fahrzeugfilter .content h1 span:last-child {
    margin-left: 0px;
	}
	.flx_headerblock.headertext .fahrzeugfilter .content h1 span{ padding: 0;}
	.flx_headerblock.headertext picture img.bg{ height: 55vh; min-height: 340px;}
	.flx_headerblock.headertext{height: auto; margin-bottom: 0; min-height:0;}

    #page-footer .row:first-child > div{margin-bottom: 20px;}
    #page-footer .links.rechts, #page-footer .links.rechts a{display: block;}

    .overview-inner{
        grid-template-columns: 100%;
    }
    .process-steps-inner{
        grid-template-columns: 100%;
    }
    .process-steps-item::after{
        content: none;
    }
    .process-steps-inner {
        gap: 40px;
    }
    .suggestionsblock-inner{
        grid-template-columns: 100%;
    }
    .flx_headerblock.mitbild.text-und-link .content{
        bottom:20%;left:5%;right:5%;
    }
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    .service-swiper .swiper-button-next {
        right: 50%;
        transform: translateX(80px);
    }

    .landing-video.flx_textblock .headline{
        margin-bottom: 60px;
    }
    .flx_booking-block .booking-block-title{
        font-size: 25px;
    }
    .flx_servicelinks .sevicelinks-buttons{
        flex-direction:column;
        width: 100%;
    }
    .flx_servicelinks .popup-link{
        width: 100%;
    }
    .expertblock-tab-inner-first, .expertblock-tab-inner-second, .expertblock-tab-inner-third{
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .flx_bewerbungformular.center-form .form-item-bottom.privacy .wpcf7-form-control-wrap{
        padding-left: 15px;
    }
    .flx_expertsblock.left-text .expertblock-tab-inner-first, 
    .flx_expertsblock.left-text .expertblock-tab-inner-second, 
    .flx_expertsblock.left-text .expertblock-tab-inner-third{
        grid-template-columns: auto;
    }
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span:last-child {margin-left: 0;}
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span{
        font-size: 45px;
        margin-bottom: -1px;
    }

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 70px;}
    
    .flx_headerblock.mitfahrzeug .fahrzeugfilter{height:max-content;}
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .content .headline {font-size: 130%;font-weight: 800; margin-bottom:1rem;}
    .flx_headerblock.headertext .fahrzeugfilter .content p{font-size: 54px;}
    .flx_headerblock.headertext .fahrzeugfilter .content p:last-child{margin-left: 41px;}
    .flx_headerblock.headertext .fahrzeugfilter{bottom: -95px;}

    .flx_markenblock .item{margin-bottom: 40px;}
    .flx_serviceblock .box {height: auto;}
    .flx_serviceblock::before{display: none;}
    .flx_serviceblock .box{margin-bottom: 30px;}
    .flx_serviceblock .box p{min-height: 150px;}

    .flx_serviceblock .swiper .swiper-slide{min-height: 450px;}
    
    .flx_teaserblock .text {margin-bottom: 40px;}
    .flx_teaserblock .app {margin-bottom: 40px;}
    .flx_teaserblock .app img.element{display: none;}
    .flx_teaserblock .app .applink img{width: 40%;}
    .flx_teaserblock.thg .row{padding: 70px 0 40px 50px;}
    
    .flx_markenblock .item img{width: 50%;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{right: 0;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev{left: 0;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-dots{bottom: 0;margin-left:0;left:unset;width:100%;}
    
    .flx_teamuebersicht .teambilder .item .hoverbox{padding: 60px 20px;}
    .flx_teamuebersicht .item .hoverbox .position{min-height:auto;}
    
    .flx_jobs .stellenuebersicht .item {margin: 30px 0;max-width: 100%;}

    .flx_karriereuebersicht .output .item {margin: 30px 0;max-width: 100%;}

    
    #karriere .stellenkopf .textliches h1 {margin-bottom: 50px;font-size: 270%;width: 100%;}
    
    .flx_standortblock .bild .ort.lengerich{top:32%;}
    .flx_standortblock .bild .ort.spelle{top:38%;}  
    
    .flx_serviceblock .popup {max-width: 100%;left: 0;margin-left: 0;top:25%;}
    .flx_serviceblock .popup ul li{width:100%;}
    
    .flx_teaserblock .row{border-radius: 40px 100px;}
    
    .flx_bewerbungformular.information .contacts__info .info__content .contacts__desc{padding: 10px 20px 10px 0; background-color: var(--lightgrey);}
    .flx_bewerbungformular .contacts__info .info__content{background-color: initial;padding-left: 15px;}
    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-title{font-size: 20px; min-width: 150px;}
    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon{font-size: 30x;}
    .flx_bewerbungformular.contacts .plan_column{margin-bottom: 35px;}
	    .flx_headerblock.headertext .container{padding-block: 25px; background-color: var(--prime); position:relative;}
	.flx_headerblock.headertext .fahrzeugfilter{
		position:relative;
		padding: 0;
		top:0;
	}
	.flx_infoblock .infoblock-wrap{
		margin-bottom: 0;
	}
	.flx_infoblock .infoblock-gal{ height: auto; aspect-ratio: 4/3;}
	.flx_infoblock .swiper-infoblock { padding: 0; }
	.flx_bewerbungformular.contacts .address img{ margin-bottom:0;}
	.contacts-info-img{ height: fit-content; }
    .flx_headerblock.text-und-link .content{
        width: auto;
    }
    .flx_expertsblock-maintitle{
        font-size: 35px;
    }
    .grid-wrap{
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .flx_headerblock.single-offer .bottom_item-text {
        font-size: 45px;
    }
    .flx_headerblock.single-offer .header-price-group span{
        font-size: 130%;
    }
    .flx_headerblock.single-offer .header-price-group-item-title{
        font-size: 100%;
        margin-bottom: 10px;
    }
   /* .flx_headerblock.single-offer .header-price-group{
        right: auto;
        top: auto;
        bottom: 43%;
        left: 17px;
    }*/
    .flx_headerblock.mitbild.single-offer .content.content-bottom{
        padding: 1rem 17px;
    }
    .tab-content-inner{
        gap: 50px;
        grid-template-columns: 100%;
    }
    .flx_sample-offer .tab-nav{
        flex-direction: column;
        gap: 0;
    }
    .flx_bewerbungformular.center-form .form-inner{
        grid-template-columns: 100%;
    }
    .form-item-double .form-item:first-child{
        margin-bottom: 35px;
    }
    .sample-offer-title{
        font-size: 150%;
    }
    .expertsblock-text-maintitle{
        font-size: 40px;
    }
    .flx_bewerbungformular.center-form .form-item-bottom{
        margin-top: 15px;
    }
    .process-steps-inner{
        margin-top: 40px;
    }
    .process-steps-item-number{
        width: 70px;
        height: 70px;
        font-size: 35px;
    }
    .expertsblock-tab-title.active::before{
        content: none;
    }
    .expertsblock-tab-title{
        padding: 10px 20px;
    }
    .overview-form-inner{
        display: flex;
        flex-wrap: wrap;
    }
    p{
        font-size:19px;
    }
    .service-popup .popup-wrapper {
        width: 540px;
        height: 600px;
    }
    .service-popup.open .popup-wrapper{
        height: fit-content;
    }
    .service-popup .location-wrapper {
        height: auto;
    }
    .service-popup .location-links {
        flex-direction: column;
    }
    .service-popup .location-links .btn {
        flex: 0 0 100%;
        width:100%;
    }
    .flx_landing-text-block .landing-text-center{
        padding: 0;
    }
    .flx_landing-text-block .landing-text-center p{
        font-size: 19px;
    }
    .flx_headerblock.text-und-banner .header-banner-item{
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        margin-top: 50px;
    }
    .flx_headerblock.text-und-banner.with-banner{
        margin-bottom: 85px;
    }
    .flx_headerblock.text-und-banner .header-banner-inner{
        gap: 20px;
    }
    .flx_headerblock.text-und-banner .hader-banner-dates span{
        font-size: 25px;
    }
    .feature-block-right{
        grid-template-columns: 100%;
    }
    .service-swiper .swiper-button-prev{
        left: 50%;
        transform: translateX(-80px);
        right: auto;
    }
    .service-swiper .swiper-button-next, .service-swiper .swiper-button-prev{
        bottom: 0;
        top: auto;
    }
    .service-swiper{
        padding-bottom: 80px !important;
    }
    .feature-block-card-1, .feature-block-card-2{
        padding: 40px 20px;
    }
    .header-additional-image{
        width: 80%;
        bottom: 10px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%)
    }
    .text-banner-wrapper{
        aspect-ratio: 2/3;
    }
    .text-banner-wrapper img{
        height: 100%;
        min-height: auto !important;
        max-height: none !important;
    }
    .flx_headerblock.text-und-banner .text-banner-wrapper::before{
            background-image: linear-gradient(to top, var(--prime) 25%, transparent 100%);
    }
    .flx_headerblock.mitbild.text-und-link .content {
        top: 12%;
        bottom: auto;
    }
}
@media (max-width:665px) {
.flx_booking-block{
    position: unset;
}
}


/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {
    .highlights-item{
        width: 95%;
        margin: auto;
    }
    .flx_headerblock.single-offer img{
        min-height: 450px;
    }
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span {
        font-size: 38px;
        margin-bottom: -1px;
    }
    body, html, *{font-size:17px;}
    
    /* .container{padding:0;} */
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 60px;}
    
    .subline{font-size: 100%;}
    .headline{font-size: 150%!important;}
    .flx_timeline .grid-headline span{font-size:18px!important;}
    .flx_timeline .grid-headline h2{font-size:24px!important;}
    .flx_timeline .grid-item h2{font-size:24px!important;}
    
    .startseite .flx_headerblock .content p{font-size:90%;}
    .startseite .flx_headerblock .content h1{font-size:150%;}
    
    #page-header #toppermenu.active .menu-hauptmenue-container{width: 100%!important;}
    
    .flx_headerblock .content p{font-size: 100%;width: 90%;}
    .flx_headerblock .content h1,.flx_headerblock.text-und-link .content h1{font-size: 170%;}

    #page-header .iconblock.fixed{display:none;}

    #page-header #toppermenu .iconblock.mobile{display:none;bottom: 0;right:unset;width: 100%;justify-content: space-evenly;left: 0;bottom: 1rem;}
    #page-header #toppermenu.active .iconblock.mobile{display: flex;flex-direction: row;}
    #page-header #toppermenu .iconblock.mobile a{padding:0;border-bottom:none;}
    #page-header #toppermenu .iconblock.mobile a img{max-width:40px; height: auto;}

    .flx_headerblock.slider .sliderwrapper::before{background: var(--prime);opacity:0.35;right:0;}
    .flx_headerblock.slider .sliderwrapper::after{width:150px;height:150px;right:0;}
    
    .flx_markenblock .item img{width: 70%;}
    .flx_markenblock .headline{font-size: 215%;}
    .flx_markenblock .topline{font-size: 100%;;line-height: 1.3;margin-bottom: 5px;}
    .flx_markenblock .item img{width: 50%;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{top: 0;}
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev{top: 0;}
    
    .flx_serviceblock .container{padding:0 15px;}
    .flx_serviceblock .box p{min-height: 190px;}
    .flx_serviceblock .swiper .swiper-slide{min-height: 550px;}
    
    .flx_teaserblock .row{padding: 40px 0 60px 20px;}
    .flx_teaserblock.app .container{padding:0 15px;}
    .flx_teaserblock.app .text .subline{font-size: 90%;}
    .flx_teaserblock.thg .row{padding: 70px 0 40px 30px;}
    
    .flx_textblock .headline{font-size: 130%!important;}
    .flx_textblock .text ul{margin: 30px 0;line-height: 1.3;}
    
    .flx_textblock .formular{padding: 10px;}
    
    .flx_textblock.information-rightside .text .subline,
    .flx_textblock.information-leftside .text .subline{font-size: 16px; min-width: 114px;}
   
    .flx_textblock.information-leftside .headline,
    .flx_textblock.information-rightside .headline{margin-top: 9px;margin-bottom: 27px;}

    .flx_textblock.information-leftside .text p,
    .flx_textblock.information-rightside .text p{font-size: 17px;}
    
    .flx_standortblock .text .standort.Lengerich.active .kontaktdaten .leistungen .item{margin-bottom: 40px;}
    
    .flx_teamuebersicht .sorting{display: block;}
    .flx_teamuebersicht .sorting a.btn{display: block;}
    .flx_teamuebersicht .teambilder .item{margin-right: 0;}
    .flx_teamuebersicht .teambilder .item img{width: 100%;height: auto;}
    .flx_teamuebersicht .output{margin-left: 0;}

        
    .flx_karriereuebersicht .sorting{display: block;}
    .flx_karriereuebersicht .sorting a.btn{display: block;margin:10px 0;}
    
    .flx_karriereuebersicht .location {padding-top: 0; display: none;}
    .flx_karriereuebersicht .partner a.btn{background-color: var(--white);color: var(--prime);position: relative;}
    .flx_karriereuebersicht .partner a.btn:hover{background-color: var(--prime);color: var(--white);transition: all .3s ease;}
    .flx_karriereuebersicht .partner a.btn.active{background-color: var(--prime);color: var(--white);transition: all .3s ease;}
    .flx_karriereuebersicht .partner a:first-child{display: none;}
    .flx_karriereuebersicht .partner {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
    .sorting-select{display: block;}
    
    .MO_captcha{min-width: 260px!important;min-height: 90px!important;width:100%!important;}
    .MO_captcha .MO_captcha-content .MO_lower-row .MO_input-field{width:150px!important;}
    .MO_captcha.success .MO_captcha-finish .MO_finish_text{font-size: 1rem!important;}
    
    .flx_standortblock .bild .ort{width: 25px!important;height: 25px!important;}
    .flx_standortblock .bild .ort.lengerich{top:31%!important;}
    .flx_standortblock .bild .ort.spelle{top:37%!important;}
    
    #karriere .stellenkopf .textliches h1 {font-size: 175%;width: 100%;}
    
    .flx_standortblock .buttonblock span{width:100%;display:block;margin:5px 0;}
    
    .flx_formular .formular{padding:15px 0;}
    .flx_formular .formular .container-fluid{padding:0;}
    
    /*.flx_headerblock.mitfahrzeug .fahrzeugfilter{left:0;}*/
    
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .content .headline{font-size:125%!important;}
    .flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav .owl-prev, .flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav .owl-next{width:30px;height:30px;display:none;}
    .flx_headerblock.slider .sliderwrapper .owl-controls .owl-nav{top:unset;bottom:40px;}
    .flx_headerblock .content{bottom:20%;left:5%;right:5%;}
    .flx_headerblock .content p{margin-bottom:5px;width:100%;}
    .flx_headerblock.headertext .content p{width: auto;}
    
    .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-prev, .flx_markenblock .sliderwrapper .owl-controls .owl-nav .owl-next{width:30px;height:30px;}

    .flx_standortblock .text .leistungen .item{margin:15px 0;}
    
    .flx_teamuebersicht .sorting a.btn{margin:10px;}
    .flx_teamuebersicht .teambilder .item{margin:0;}
    
    .flx_textblock .accordion .accordion-button:after, .flx_textblock .accordion .accordion-button.collapsed::after{right:10px;}
    .flx_textblock .accordion .accordion-button{padding-right:50px;}
    
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .filter .btn{font-size:100%;}
    .flx_headerblock.mitfahrzeug .fahrzeugfilter .filter{text-align:left; display: flex; gap: 15px; flex-direction: column; justify-content: center;}
    .flx_headerblock.headertext .fahrzeugfilter .content p{font-size: 32px; padding: 0 9px;}
    .flx_headerblock.headertext .fahrzeugfilter{bottom: -84px;}
    .flx_headerblock.headertext{margin-bottom: 0px;}
    .flx_intro .left-side h2{font-size: 36px;}
    
    .flx_infoblock .row .left-side .infoblock_btns{flex-direction: column; align-items: start;}

    .flx_bewerbungformular .formular input[type="submit"], .flx_expertsblock .expertsblock-form input[type="submit"], .flx_bewerbungformular.center-form input[type="submit"], .overview-item-button{font-size: 100%;}
    .flx_bewerbungformular .formular input, .flx_bewerbungformular .formular .textarea-form{font-size: 14px;}

    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-title{font-size: 15px; min-width: 138px;}
    .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon{font-size: 25px;}
    .flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label, .flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label{font-size: 14px;}
    .flx_bewerbungformular.contacts .plan_column .telefon::before{width: 30px;}
    .flx_bewerbungformular.contacts .plan_column .telefon{font-size: 20px; padding-left: 45px;}
    .flx_bewerbungformular.contacts .contacts__info .info__content h3{font-size: 20px;}
    .flx_bewerbungformular .plan_column .plan-top{font-size: 30px;}

    .flx_testimonialblock .testimonial_icon {
        width: 90px;
        height: 90px;
    }
    .flx_testimonialblock .testimonial_block{ padding: 25px; }
    .flx_testimonialblock .testimonial_block p{font-size: 17px; margin-top: 18px; margin-bottom: 14px;}
    .flx_testimonialblock .testimonial_block span{font-size: 17px;}
    .flx_bewerbungformular .formular form{padding: 20px 20px 40px 20px;}

    .flx_headerblock.single-offer .header-price-group{
        top:90px;
       /* left: 5%;
        bottom: 48%;*/
    }
    .flx_headerblock.header-subt .content{
        left: 5% !important;
        bottom: 20% !important;
    }
    .process-steps-item-title{
        font-size: 130%;
    }
}

@media (max-width:568px) {
    .flx_servicelinks .servicelink-image{
        margin-inline:auto;
    }
    .flx_servicelinks .servicelinks-bg{
        padding: 3rem 2rem;
    }
    .service-popup .brands {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .service-popup .brand-icon{
        width: 90px;
        height: 90px;
    }
    .service-popup .popup-header, .service-popup .location-header{
        font-size: 130%;
    }
    .flx_headerblock.single-offer .header-price-group {
        right: 15px;
    }
    .overview-form form{
        gap:1rem;
    }
    .flx_expertsblock-maintitle{
        margin-bottom:50px;
    }
    .flx_expertsblock{
        padding-bottom:0px;
    }
    .flx_overview {
        margin: 60px 0 35px 0;
    }
    .flx_expertsblock{
        margin-top:60px;
        padding-top:60px;
    }
    .flx_highlights:has(.highlights-inner.centered):has(+ .flx_sample-offer), .flx_sample-offer:has(+ .flx_textblock){
        margin-bottom: 85px;
    }
    .tab-content-right-info div, .tab-content-right-info li, .tab-content-items div {
        font-size: 110%;
    }
    .flx_sample-offer{
        padding-bottom:85px;
    }
    .flx_bewerbungformular.center-form{
        padding-top:60px;
    }
    .flx_bewerbungformular.center-form .headline {
        margin-bottom: 50px;
    }
    .flx_headerblock.single-offer .btn, .flx_sample-offer .offer-cta .btn{
        font-size:100%;
    }
	.flx_infoblock .row .left-side h2{
		font-size:26px;
	}
    .flx_headerblock.headertext .fahrzeugfilter {
        bottom: 0px;
        top:10px;
        padding-right: 15px;
    }
    .flx_expertsblock.left-text .expertsblock-inner{
        gap:50px;
    }
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span{
        font-size: 28px;
        hyphens: auto;
    }
    .flx_headerblock .content h1{
        /* background-color: var(--prime); */
        padding-bottom: 3px;
    }
    .flx_headerblock.headertext .container{padding-block: 25px; background-color: var(--prime); position:relative;}
	.flx_headerblock.headertext .fahrzeugfilter{
		position:relative;
		padding: 0;
		top:0;
	}
	.flx_bewerbungformular.contacts .address img{ padding-inline: 50px; padding-bottom: 1.5rem;}
	.flx_bewerbungformular.contacts .row .col-lg-5{ height: fit-content;}
    .overview-left-item-price span, .overview-left-item-price, .overview-right-item-date{
        font-size: 16px;
    }
    .overview-left-item-title{
        font-size: 16px;
    }
    .expertblock-tab-inner-first, .expertblock-tab-inner-second, .expertblock-tab-inner-third{
        grid-template-columns: 100%;
    }
  
    .grid-wrap {
        gap: 20px;
    }
    .flx_headerblock.single-offer .bottom-links .btn, .flx_sample-offer .offer-cta .btn{
        width: 100%;
    }
    .flx_headerblock.single-offer .bottom-links{
        gap: 20px;
    }
    .flx_headerblock.single-offer .bottom_item-text {
        font-size: 30px;
    }
    .flx_expertsblock.left-text{
        padding-bottom: 85px;
        padding-top:0px;
    }
    .expertsblock-tab-title{
        font-size: 12px;
    }
    .overview-form-inner{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .overview-form-tab{
        width: 100%;
        min-width: auto;
    }
    .filter-count{
        margin-left: 8px;
    }
    .reset-tabs-button{
        font-size: 19px;
    }
    .overview-form-left{
        width: 100%;
    }
    .overview-form-inner-desktop{
        display: none;
    }
    .overview-brand-filters-desktop,.overview-brand-filters-desktop.active{
        display: none;
    }
   .overview-form-left-desktop{
        display: none;
   }    
   .overview-form-left-mobile{
    display: block;
   }
   .grid-wrap-item-title, .grid-wrap-item-subtitle {
    font-size: 17px;
   }
   .flx_imprslider .location-menu ul {
    flex-direction: column;
   }
   .service-popup .brands {
        gap: 15px;
        margin-bottom: 1rem;
   }
   .service-popup .popup-wrapper {
    padding-top: 40px;
    width:93%;
   }
   .service-popup .location-header {
    margin-bottom: 3rem;
   }
   .service-popup .location-wrapper{
       gap:15px;
   }
   .flx_booking-block .booking-block-title{
    text-align: center;
   }
   .booking-block-links{
                justify-content: center;
            }
    .steps-swiper .swiper-slide{
        padding: 40px 20px 55px 20px;
        width: 350px;
    }
    .flx_textblock.landing-acc .accordion-collapse{
        padding-inline:20px;
    }
    
    /***********Footer Menu***********/

    #page-footer .links.rechts ul{
        grid-template-columns:100%; 
    }
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
    .flx_headerblock.headertext .fahrzeugfilter .content h1 span{
        font-size: 26px;
    }
        #page-header #toppermenu li.menu-item-has-children::after{right:25px}
        .flx_intro .left-side h2{font-size: 24px;}
        .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-title{font-size: 11px; min-width: 118px;}
        .flx_bewerbungformular .formular input{font-size: 12px;padding: 8px 48px 8px 16px;}
        .form-item.date-inp input{width: 100%;
            outline: none;
            padding: 15px;
            font-size: 18px;
            line-height: 24px;
            border: 2px solid #000;}
        .flx_bewerbungformular .formular .input-clear{top: 12px;}
        .flx_bewerbungformular .formular p .input-text{font-size: 10px;}
        .flx_bewerbungformular .formular p{font-size: 17px;}
        .flx_bewerbungformular .formular h4{font-size: 20px;}

        .flx_bewerbungformular .plan_column .plan-top{font-size: 20px;}
        .flx_bewerbungformular.contacts .plan_column .plan_column_contacts .contact-telefon{font-size: 20px;}
        .flx_bewerbungformular .formular input[type="checkbox"]:checked+.wpcf7-list-item-label, .flx_bewerbungformular .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label{font-size: 10px;}
        .flx_bewerbungformular.center-form .formular input[type="checkbox"]:not(:checked)+.wpcf7-list-item-label{font-size: 14px;}
            
    }