:root{
    --main: #1C3453;
    --sec: #3D8CBE;
    --btn: #FD9D2C;
    --btn-hover: #ce7e22;
    --grey: #707070;
    --light: #f5f5f5;
    --dark: #333333;
    --white: #ffffff;
    --black: #111111;
    --lightgrey: #E2E2E2;
    --green: #46b450;
    --green-hover: #389e42;
}

body,html,*{font-size:16px;line-height:1.5;font-family:'Lato';font-weight:300;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden !important;}

a{color:var(--black);text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--main);transition:all .3s ease;}
a:focus{text-decoration:none;}
p a{text-decoration: underline;}
p a:hover{color: var(--main);}
ul li{list-style:none;padding-left:30px;position:relative;}
ul li:before{content:'';width:20px;height:20px;display:block;background:url('media/list_checkmark.svg');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;}

p{color: var(--dark);}

.headline{display: block;color: var(--main);line-height: 1.2;margin-bottom: 30px;font-weight: 600;font-size: 230%;}
.headline.dark{color: var(--white);}
.topline{color: var(--btn);width:fit-content;position: relative;font-weight: 600;font-size: 120%;margin-bottom: 10px;}

.btn{position: relative;padding: 10px 20px 13px 20px;font-weight:600;background-color: var(--main);color: var(--white);transition: all .3s ease;line-height: 1;text-align: center; border-radius: 5px;}
.btn:hover{background:var(--btn-hover);transition:all .3s ease;color:var(--white);}
.btn.center{display: block; margin: 0 auto; width: fit-content;}
strong{font-weight:600;font-size:100%;}

.container{max-width:1530px;position:relative;}

.uacf7-multistep-form-wraper{padding:0;}
.steps-form .steps-row .steps-step .btn-circle{color:transparent!important;}
.steps-form .steps-row .steps-step .btn-circle img{object-fit:contain!important;}

input, select, textarea{padding:8px 15px;background-color:var(--white);width:100%;border:none!important;margin-bottom:15px;}
input[type="submit"]{background-color:var(--main)!important;padding:10px 35px!important;}

.uacf7-step-189{padding:50px 0;}
.uacf7-step-189 .headline{text-align:center;}
.uacf7-step-189 select{display:block;padding:8px 30px;background-color:var(--main)!important;color:var(--white);transition:all .3s ease;margin:15px auto;text-align:center;width:50%;border:none;}
.uacf7-step-189 .wpcf7-list-item input{opacity:0;width:0;height:0;}
.uacf7-step-189 .wpcf7-list-item .wpcf7-list-item-label{font-weight:600;}
.uacf7-step-189 .uacf7-buttons{max-width:100%!important;font-size:100%!important;margin-top:25px;}
.uacf7-step-189 .uacf7-buttons button{font-weight:600!important;}
.current-step-title .step-title{display:none!important;}

.owl-carousel .owl-nav{margin-top:25px;}
.owl-carousel .owl-nav button.owl-prev{display:block;width:35px;height:35px;background:url('media/arrow_left.svg');background-size:50%;background-position:center;background-repeat:no-repeat;float:left;}
.owl-carousel .owl-nav button.owl-next{display:block;width:35px;height:35px;background:url('media/arrow_left.svg');background-size:50%;background-position:center;background-repeat:no-repeat;float:right;transform:rotate(180deg);}
.owl-carousel .owl-dots{height:35px;align-content:center;text-align:center;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background:var(--main);transition:all .3s ease;}
.owl-carousel .owl-dots .owl-dot.active{background:var(--btn);transition:all .3s ease;}

.gender{font-size:50%;font-weight:300;color:var(--main);}

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

#page-header{position:fixed;top:0;right:0;left:0;padding:0;background:var(--white);z-index:999;}

#page-header .logowrapper{align-content:center;}
#page-header .logowrapper img{padding: 10px 0;max-width: 250px;}

#page-header .topheader{padding:10px 0 0 0;}
#page-header .topheader ul{display: flex;align-items: center;justify-content: end;}
#page-header .topheader ul li{display:inline-block;padding:0 10px;height:40px;align-content:center;}
#page-header .topheader ul li:before{display:none;}
#page-header .topheader ul li img{max-height:35px;}

#page-header .fixed_kontakt{position: fixed; right: 0; bottom: 50%;display: flex;flex-direction: column;gap: 10px;}
#page-header .fixed_kontakt button{border: none;width: 100%;height: 45px;padding: 10px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;background-color: var(--main);display: flex;align-items: center;justify-content: center;transition: 0.3s;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#page-header .fixed_kontakt button img{max-width: 25px;height: 100%;}
#page-header .fixed_kontakt .email:hover, #page-header .fixed_kontakt .adresse:hover, #page-header .fixed_kontakt .telefon:hover{background-color: var(--btn);transition: 0.3s;}
#page-header .fixed_kontakt .email.active, #page-header .fixed_kontakt .adresse.active, #page-header .fixed_kontakt .telefon.active{background-color: var(--btn);}

#page-header .fixed_kontakt .kontaktmenu{position: absolute;display: block!important; overflow: hidden;right: 65px;width: 0;display: none;transition: all 0.3s ease;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#page-header .fixed_kontakt .kontaktmenu.active{width: max-content;}
#page-header .fixed_kontakt .kontaktmenu .item{background-color: var(--btn);color: var(--white);padding: 15px 20px;transition: all 0.3s ease;}
#page-header .fixed_kontakt .kontaktmenu.active .item{height: fit-content;}
#page-header .fixed_kontakt .kontaktmenu .item .name{font-weight: 600; font-size: 1.125rem; line-height: 1;}
#page-header .fixed_kontakt .kontaktmenu .item a{color: var(--white); font-size: 0.8rem; font-weight: 500; margin: 0; line-height: 1;}
#page-header .fixed_kontakt .kontaktmenu .item p{color: var(--white); font-size: 0.8rem; font-weight: 500; margin: 0;}

#page-header .navigation{display: flex;justify-content: flex-end;align-items: center;}

#page-header .mainheader{padding:0 0 10px 0;}
#page-header .mainheader #toppermenu .menu{display: flex;justify-content: flex-end;align-items: center;gap: 30px;}
#page-header .mainheader #toppermenu .menu li::before{display: none;}
#page-header .mainheader #toppermenu .menu li a{padding:0;text-decoration:none;position:relative; font-weight: 600;color: var(--main);}
#page-header .mainheader #toppermenu .menu li a::before{content: '';position: absolute;width: 50%;height: 2px;border-radius: 5px;background-color: var(--main);bottom:-5px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;z-index:999;}
#page-header .mainheader #toppermenu .menu li a:hover::before{transform-origin: left;transform: scaleX(1);}
#page-header .mainheader #toppermenu .menu > li:last-child{position:relative;padding:5px 20px;background:var(--main);;transition:all .3s ease;line-height:1;text-align:center; border-radius: 10px;}
#page-header .mainheader #toppermenu .menu > li:last-child:hover{background:var(--btn-hover);}
#page-header .mainheader #toppermenu .menu > li:last-child a{color:var(--white)!important}
#page-header .mainheader #toppermenu .menu > li:last-child a::before{display: none;}
#page-header .mainheader #toppermenu .menu li.current-menu-item a{color: var(--main);}
#page-header .mainheader #toppermenu.active{display: block;}
#page-header .mainheader #toppermenu.active .menu{display: grid;width: max-content;height: max-content;background-color: var(--white);padding: 50px 100px;top: 60%;position: absolute;right: 0;}
#page-header .mainheader #toppermenu.active .menu li:hover .sub-menu{top: -20px;left: -350px;width: 250px;text-align: center;padding: 15px 0;}
#page-header .mainheader #toppermenu.active .menu li:hover .sub-menu::after{content: '';width: 120px;height: 100%;position: absolute;top: 0;right: -120px;}

#page-header .mainheader #toppermenu .menu li .sub-menu{display:none;}
#page-header .mainheader #toppermenu .menu li:hover .sub-menu{display: block;position: absolute;top: 100%;left: 0;width: 350px;text-align: left;background:var(--white);padding:25px 0;}
#page-header .mainheader #toppermenu .menu li .sub-menu li{margin:10px 0;display:block;}

#page-header .burgerbutton{display:none; z-index: 999; width:40px;height:30px;position:absolute;top:60%;right:15px;cursor:pointer; background: none; border: none;}
#page-header .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--dark);border-radius:20px;transition:all .3s ease;}
#page-header .burgerbutton span:nth-child(1){margin-top: 0px;}
#page-header .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:4px;}
#page-header .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}

#page-header.bottom{padding: 10px 0;position:fixed;top:0;left:0;right:0;background:var(--white);z-index:999;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#page-header.bottom .topheader{display:none;}
#page-header.bottom .mainheader{padding:0;}
#page-header.bottom .mainheader #toppermenu{padding-top:0px;}

#page-header.bottom .burgerbutton{top: 30%;}

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

#page-footer{background:var(--main);padding:85px 0 15px; color: var(--white);}
#page-footer a{color: var(--white); font-size: 0.8rem;}
#page-footer a:hover{color: var(--lightgrey);}
#page-footer .headline{font-size: 85%;}
#page-footer .logo{margin-top:0;display:block;}

#page-footer .backtotop .scrollup{cursor:pointer;}
#page-footer .backtotop .scrollup:hover img{transform:scale(1.1);transition:all .3s ease;}
#page-footer .backtotop .scrollup img{margin:0 auto;display:block;transition:all .3s ease;}

#page-footer .zeiten h4{margin-bottom: 10px; font-size: 0.95rem; color: var(--white); font-weight: 900;}
#page-footer .zeiten p{color:var(--white);font-size: 0.8rem;}

#page-footer .anfahrt{display: flex; flex-direction: row;justify-content: end;}
#page-footer .anfahrt .autohaus{flex:  0 0 fit-content; padding-left: 75px;}
#page-footer .anfahrt .autohaus h4{margin-bottom: 30px; font-size: 0.95rem; color: var(--white); font-weight: 900;}
#page-footer .anfahrt .autohaus .telefon{font-size: 0.8rem; font-weight: 400;}
#page-footer .anfahrt .autohaus .adresse{font-size: 0.8rem;}
#page-footer .anfahrt .adresse p{font-size: 85%; color: var(--white);}

#page-footer .kontakt .headline{padding-bottom: 25px;}
#page-footer .kontakt{position: relative;}
#page-footer .kontakt a{padding-left: 30px; position: relative; display: block; padding-bottom: 10px; width: fit-content;}
#page-footer .kontakt a::before{content: ''; display: block; position: absolute; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; left: 0; top: 5px;}
#page-footer .kontakt .email::before{background-image: url("media/mail-light.svg"); }
#page-footer .kontakt .telefon::before{background-image: url("media/telefon-light.svg"); width: 18px; height: 18px;}
#page-footer .kontakt .instagram{display: block; position: absolute; right: 50px; top: 0;}
#page-footer .kontakt .instagram::before{display: none;}
#page-footer .kontakt .instagram img{height: 40px; width: 40px; filter: invert(100%);}
#page-footer .kontakt .facebook{display: block; position: absolute; right: 50px; top: 60px;}
#page-footer .kontakt .facebook::before{display: none;}
#page-footer .kontakt .facebook img{height: 40px; width: 40px; filter: invert(100%);}

#page-footer .copyright, #page-footer .rechtliches{padding-top: 50px;}
#page-footer .copyright span{display:block;color:var(--white);font-size:75%;}

#page-footer .rechtliches{text-align: end;}
#page-footer .rechtliches a{display: inline-block; padding: 0 10px;}
#page-footer .rechtliches a:last-child{padding-right: 0;}

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

.inhaltsbloecke{margin-top: 120px;}
div[class^="flx_"], div[class*="flx_"]{padding: 50px 0;}

.flx_headerblock.marginbottom{margin-bottom: 100px;}

.flx_headerblock .content{position:absolute;bottom:0;left:0;}
.flx_headerblock .content .headline{color: var(--white);font-size: 300%;}
.flx_headerblock .content p{max-width:55%;font-size:120%;margin-bottom:50px; color: var(--white);}

.flx_headerblock .kontaktblock{padding: 30px 30px;background: var(--lightgrey);margin: 30px 0 -50px;border-radius: 10px;}
.flx_headerblock .kontaktblock .headline{color: var(--main);font-size: 230%;}
.flx_headerblock .kontaktblock .buttonwrapper{display:flex;flex-direction:row;gap:15px;}
.flx_headerblock .kontaktblock .formular{display:none;width:50%;height:auto;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:var(--white);padding:35px;z-index:9999;}
.flx_headerblock .kontaktblock .formular.open{display:block;}
.flx_headerblock .kontaktblock .formular .formclose{position: absolute;top:0;right:0;display:block;width:40px;height:40px;background:var(--main);color:var(--white);font-size:125%;font-weight:800;text-align:center;align-content:center;cursor: pointer;}
.flx_headerblock .kontaktblock .formular .formclose:hover{background:var(--btn-hover);transition:all .3s ease;}
.flx_headerblock .kontaktblock .background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:999;}
.flx_headerblock .kontaktblock .background.open{display:block;}

.flx_headerblock.mitbild{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0!important;min-height: 75vh;align-content: end;}
.flx_headerblock.mitbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background: #1C3453;
background: -webkit-linear-gradient(90deg, rgba(28, 52, 83, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(28, 52, 83, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(90deg, rgba(28, 52, 83, 1) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1C3453", endColorstr="#FFFFFF", GradientType=1);}

.flx_headerblock.mitfarbe{height:250px;padding:75px 0!important;align-content: end;}
.flx_headerblock.mitfarbe .content{position:unset;}

.flx_ansprechpartnerbox{padding:75px 0;background:#021D3A;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_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:#33CBE5;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_textblock.dunkel *{color:var(--white);}
.flx_textblock.dunkel .btn{background:var(--btn);}
.flx_textblock.dunkel .btn:hover{background:var(--btn-hover);}
.flx_textblock.hell *{color:var(--main);}
.flx_textblock.hell .btn{color:var(--white);}
.flx_textblock.hell .btn:hover{color:var(--white);}

.flx_textblock .headline{width: 100%;}
.flx_textblock .text ul{margin:10px 0;}
.flx_textblock .text ul li{display:inline-block;font-weight:500;margin:8px 0;}
.flx_textblock .btn.unterbild{margin: 30px 0;}

.flx_textblock.mitbildrechts img{position:relative;z-index:99;}
.flx_textblock.mitbildrechts .grafisches_element{display:block;width:100px;height:100px;background:#33CBE5;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}
.flx_textblock.mitbildlinks img{position:relative;z-index:99;}
.flx_textblock.mitbildlinks .grafisches_element{display:block;width:100px;height:100px;background:#33CBE5;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}

.flx_textblock.mitbildrechts .text, .flx_textblock.mitbildlinks .text{align-content: center;}

.flx_textblock .formular{position:relative;z-index:99;background:var(--white);padding:25px;width:75%;margin-top:-250px;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;width:100%;padding:10px;}
.flx_textblock .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_textblock .formular .datenschutz p{font-size:75%;}
.flx_textblock .formular input.btn:hover{background:#333;color:var(--white);transition:all .3s ease;}

.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_kachelblock .row{justify-content:center;}
.flx_kachelblock .headline{font-size: 250%; width: 50%; padding: 30px 0 75px;}
.flx_kachelblock .kachel{background-color: var(--light); padding: 50px; margin-bottom: 30px;min-height:95%;border-radius: 10px;}
.flx_kachelblock .kachel  img{height: 70px; width: auto;}
.flx_kachelblock .kachel .headline{color: var(--black); width: 100%; font-size: 120%; padding: 25px 0;}
.flx_kachelblock .kachel .link{width: 30px; height: 30px; display: block; position: relative; margin-left: auto; background-image: url("media/plus.svg"); background-repeat: no-repeat;}
.flx_kachelblock .kachel .link::before{content: ''; display: none; position: absolute; height: 2px; width: 350px; background-color: var(--lightgrey); left: -373px; top: 10px;}
.flx_kachelblock .btn{margin: 50px auto 0; display: block; width: fit-content;}

.flx_kontakt .headerbox{margin-bottom:50px;}
.flx_kontakt label{width: 100%; font-size: 80%; color: var(--dark); font-weight: 600; margin-bottom: 15px;line-height:1;}
.flx_kontakt select{width: 100%; background-color: var(--white);border: none; border-radius: 5px; padding: 13px 10px; color: var(--dark);}
.flx_kontakt input{width: 100%; border: none; border-radius: 5px; padding:10px 20px;}
.flx_kontakt textarea{width: 100%; max-height: 180px; border: none; border-radius: 5px; padding:10px 20px;}
.flx_kontakt input[type="checkbox"]{width: fit-content;margin-bottom:0;}

.flx_kontakt .formularwrapper{margin-top:25px;}
.flx_kontakt .formularwrapper a{text-decoration:underline;}
.flx_kontakt .formularwrapper .headline{display:block;width:100%;padding:0 15px;margin-bottom:10px;font-weight:600;font-size:115%;}
.flx_kontakt .formularwrapper .pflicht{font-size:75%;text-align:right;margin-bottom:10px;width:100%;display:block;}
.flx_kontakt .formularwrapper textarea{height:135px;}
.flx_kontakt .formularwrapper .wpcf7-form-control-wrap{margin-bottom:25px;}
.flx_kontakt .formularwrapper .wpcf7-list-item{padding-right:25px;}
.flx_kontakt .formularwrapper .wpcf7-list-item input{margin-right:5px;}
.flx_kontakt .formularwrapper .wpcf7-form-control-wrap{width: 100%; display: block;margin-top: 0;}
.flx_kontakt .formularwrapper .wpcf7-list-item{margin: 0;}
.flx_kontakt .formularwrapper .wpcf7-list-item label span{font-size:100%;}
.flx_kontakt .formularwrapper .wpcf7-submit.wpcf7-form-control{width: fit-content!important;float:right;}
.flx_kontakt .formularwrapper .wpcf7-submit{width: fit-content!important; padding:10px 30px;font-size:100%;font-weight:600;background:var(--main);color:var(--white);transition:all .3s ease;line-height:1;text-align:center; border-radius: 10px;}
.flx_kontakt .formularwrapper .wpcf7-submit:hover{background-color: var(--btn-hover)!important; color: var(--white);}

.flx_kontakt.multi .buttons{display:flex;flex-direction:row;gap:10px;}
.flx_kontakt.multi .buttons .btn{padding:15px;width:25%;}
.flx_kontakt.multi .buttons .btn.active{background:var(--btn-hover);color:var(--white);}
.flx_kontakt.multi .buttons .btn img{display:block;margin:0 auto 15px;max-width:85px;}
.flx_kontakt.multi .buttons .btn .name{display:block;font-weight:600;}
.flx_kontakt.multi .formularwrapper{margin-top:50px;}
.flx_kontakt.multi .formularwrapper .headline{display:block;width:100%;padding:0 15px;margin-bottom:10px;}
.flx_kontakt.multi .formularwrapper input, .flx_kontakt.multi .formularwrapper select, .flx_kontakt.multi .formularwrapper textarea{background-color:var(--lightgrey);margin:0;}
.flx_kontakt.multi .formularwrapper textarea{height:135px;}
.flx_kontakt.multi .formularwrapper .wpcf7-form-control-wrap{margin-bottom:25px;}
.flx_kontakt.multi .formularwrapper .wpcf7-list-item{padding-right:25px;}
.flx_kontakt.multi .formularwrapper .wpcf7-list-item input{margin-right:5px;}
.flx_kontakt.multi .formularwrapper .codedropz-upload-wrapper .codedropz-upload-inner h4{font-size:125%;}
.flx_kontakt.multi .formularwrapper .codedropz-upload-wrapper .codedropz-upload-inner span{display:none;}
.flx_kontakt.multi .formularwrapper .wpcf7-submit.wpcf7-form-control{width:100%!important;margin:5px auto;float:unset;padding:15px 30px!important;}
.flx_kontakt.multi .formularwrapper .uacf7_spam_protection #arithmetic_input_holder{display: flex;flex-direction: row;align-items: center;gap: 15px;}
.flx_kontakt.multi .formularwrapper .uacf7_spam_protection #arithmetic_input_holder #arithmetic_cal{order:1;}
.flx_kontakt.multi .formularwrapper .uacf7_spam_protection #arithmetic_input_holder #rtn{order:2;}
.flx_kontakt.multi .formularwrapper .uacf7_spam_protection #arithmetic_input_holder #arithmathic_refresh{order:3;border:none;}

/*Contact Form 7 Anpassungen*/
.wpcf7 form.sent .wpcf7-response-output{background-color: #46b450!important;color: var(--white)!important;padding: 1rem!important;text-align: center!important;font-weight: 600!important;border-radius: 10px!important;}
.wpcf7 form.sent .uacf7-form-wrapper-container{display: none!important;}
.wpcf7 .wpcf7-acceptance a{font-weight: 500;text-decoration: underline;}
.wpcf7 .wpcf7-acceptance a:hover{color: var(--main);}

.flx_kundenstimmen .headline{padding-bottom: 50px; width: 50%;}
.flx_kundenstimmen .name{font-size: 80%;}
.flx_kundenstimmen .kundenstimme-slide{background-color: var(--light); padding: 20px; border-radius: 10px;}

.flx_slider .headerbox{margin-bottom:50px;}
.flx_slider .slider{width: calc(100vw - (100vw - 100%)/2); position: relative;}
.flx_slider .slider .owl-nav{width:5%;display:flex;justify-content:space-between;margin-top:50px;}
.flx_slider .slider .owl-nav .owl-prev{display:inline-block;width:25px;height:35px;background:url('media/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;}
.flx_slider .slider .owl-nav .owl-next{display:inline-block;width:25px;height:35px;background:url('media/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;transform:rotate(180deg);}

.flx_logoblock .headline.center{width: 100%;text-align: center;margin-bottom: 50px;}
.flx_logoblock .headline.center i{font-size: 100%; font-style: normal; font-weight: 600; color: var(--sec);}
.flx_logoblock .logoreihe{display: flex;justify-content: center;gap: 70px;}
.flx_logoblock .logo{display: flex;justify-content: center;align-items: center;}
.flx_logoblock img{height: 70px;object-fit: cover;}
.flx_logoblock .btn.center{margin-top: 50px;}

.flx_referenzen{color: var(--light);}
.flx_referenzen .topline.top{margin: auto;}
.flx_referenzen .headline.top{margin: auto; text-align: center; padding-bottom: 100px;}
.flx_referenzen .slide{color: var(--white); padding: 100px; border-radius: 10px;opacity: 0.8;}
.flx_referenzen .logo{max-height: 100px; width: auto;}
.flx_referenzen .stacked-slider .button{position: absolute; top: 50%; transform: translateY(-50%); right: 115px; left: auto; z-index: 99; border-radius: 30px; width: 60px; height: 30px; border: 2px var(--dark) solid;}
.flx_referenzen .stacked-slider .button button.next{width: 60px; height: 30px; position: absolute; top: -2px; left: -2px; border-radius: 15px;background: var(--white); opacity: 0.8;border: none;}
.flx_referenzen .stacked-slider .button button.next::after{content: ''; background-image: url("media/arrow_right.svg"); background-repeat: no-repeat; width: 20px; height: 20px;position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-size: contain;}
.flx_referenzen .stacked-slider {position: relative; width: 100%; height: 730px; /*overflow: hidden;*/}
.flx_referenzen .slide{position: absolute; top: 0; opacity: 0; width: 90%; transition: all 0.5s ease; background-color: var(--white);}
.flx_referenzen .slide.active {opacity: 1;box-shadow: 0 0 15px #0002;}
.flx_referenzen .slide.leaving {transform: translateX(-120%) scale(0.9); opacity: 0;}
.flx_referenzen .slide .headline{width: 70%;}
.flx_referenzen .slide img {width: 100%; height: auto; margin: 5px; border-radius: 10px; border: 4px solid var(--white); -webkit-box-shadow: 10px 10px 20px -3px rgba(0,0,0,0.2); box-shadow: 10px 10px 20px -3px rgba(0,0,0,0.2);}

.flx_leistungen{margin-top:100px;background: linear-gradient(#efefef 50%, white 0%);}
.flx_leistungen .content{position: relative;}
.flx_leistungen .headline{width: 100%;}
.flx_leistungen .bild{width: 100%; margin-top: -100px;}
.flx_leistungen .btn{float: right;margin-top: 50px;padding: 10px 30px;}
.flx_leistungen .btn::after{display: none;}
.flx_leistungen .kachelrow{margin-top: 45px;}
.flx_leistungen .kachel{position: relative; width: calc(50% - 45px); margin-bottom: 45px;}
.flx_leistungen .kachel:nth-child(odd){margin-right: 45px; margin-top: -100px;}
.flx_leistungen .kachel:nth-child(even){margin-left: 45px;}
.flx_leistungen .kachel .inner{padding: 75px 75px 40px;background-color: var(--main); position: relative; border-radius: 10px;}
.flx_leistungen .kachel .icon{position: absolute; top: -30px; left: -30px; width: 100px; height: 100px;}
.flx_leistungen .kachel .headline{color: var(--white); font-size: 150%;margin-bottom: 10px;}
.flx_leistungen .kachel p{color: var(--white) ;font-weight: 400;}
.flx_leistungen .kachel .link{color: var(--white); font-weight: 400; position: relative; padding-right: 50px; transition: all 0.3s ease;}
.flx_leistungen .kachel .link:hover{color: var(--btn);}
.flx_leistungen .kachel .link::after{content: ''; display: block; position: absolute; background: url('media/linkplus.svg') no-repeat; background-size: contain; width: 38px; height: 28px; right: 0; top: -3px; transition: all 0.3s ease;}
.flx_leistungen .kachel .link:hover::after{filter: invert(1);}

.flx_standortblock .headerbox{margin-bottom:50px;}
.flx_standortblock .standort{width:20%;transition:all .3s ease;cursor: pointer;}
.flx_standortblock .standort .bildwrapper{height:300px;}
.flx_standortblock .standort .bildwrapper img{width:100%;height:100%;object-fit:cover;object-position:right;}
.flx_standortblock .standort .contentwrapper{padding:15px 0;}
.flx_standortblock .standort .contentwrapper .ansprechpartner{display:none;}
.flx_standortblock .standort .contentwrapper .adresse{padding-left:20px;color:var(--main);line-height:1.2;font-weight:300;transition:all .3s ease;position:relative;}
.flx_standortblock .standort .contentwrapper .adresse:before{content:'';display:block;width:15px;height:15px;background:url('media/standort_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}
.flx_standortblock .standort .contentwrapper .ansprechpartner .name{display:block;padding-left:20px;margin-top:10px;position:relative;}
.flx_standortblock .standort .contentwrapper .ansprechpartner .name:before{content:'';display:block;width:15px;height:15px;background:url('media/person_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}
.flx_standortblock .standort .contentwrapper .ansprechpartner .telefon{display:block;padding-left:20px;position:relative;}
.flx_standortblock .standort .contentwrapper .ansprechpartner .telefon:before{content:'';display:block;width:15px;height:15px;background:url('media/telefon_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}

.flx_standortblock .standort.active{width:40%;transition:all .3s ease;}
.flx_standortblock .standort.active .contentwrapper .ansprechpartner{display:block;}
.flx_standortblock .standort.active .contentwrapper .adresse{font-weight:600;transition:all .3s ease;}

.flx_vorteileblock.dunkel *, .flx_vorteileblock.dunkel .headline{color:var(--white);}
.flx_vorteileblock.dunkel .btn{background:var(--btn);}
.flx_vorteileblock.dunkel .btn:hover{background:var(--btn-hover);}
.flx_vorteileblock.hell *, .flx_vorteileblock.hell .headline{color:var(--main);}
.flx_vorteileblock.hell .btn{color:var(--white);}
.flx_vorteileblock.hell .btn:hover{color:var(--white);}

.flx_vorteileblock .headline{margin-bottom:25px;}
/* .flx_vorteileblock .vorteile{padding-top:75px} */
.flx_vorteileblock .ap_wrapper{display:flex;flex-direction:row;margin-top:25px;}
.flx_vorteileblock .ap_wrapper .ap_bild{max-width:150px;border-radius:50%;margin-right:15px;}
.flx_vorteileblock .ap_wrapper .ap_headline{display:block;margin-bottom:10px;font-weight:600;}
.flx_vorteileblock .ap_wrapper .ap_name{display:block;margin:0;padding-left:20px;position:relative;}
.flx_vorteileblock .ap_wrapper .ap_name:before{content:'';display:block;width:15px;height:15px;background:url('media/person_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}
.flx_vorteileblock .ap_wrapper .ap_telefon{display:block;margin:0;padding-left:20px;position:relative;}
.flx_vorteileblock .ap_wrapper .ap_telefon:before{content:'';display:block;width:15px;height:15px;background:url('media/telefon_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}
.flx_vorteileblock .ap_wrapper .ap_mail{display:block;margin:0;padding-left:20px;position:relative;}
.flx_vorteileblock .ap_wrapper .ap_mail:before{content:'';display:block;width:15px;height:15px;background:url('media/mail_blau.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:7.5px;left:0;}
.flx_vorteileblock .buttons{align-content:center;}
.flx_vorteileblock .buttons .btn{padding:8px 30px 12px;width:300px;}
.flx_vorteileblock .buttons img{width:300px;height:auto;}

/*-------------------------------Stellenangebote------------------------------------------*/    

.flx_karriere.dunkel *{color:var(--white);}
.flx_karriere.dunkel .item{padding:25px;background:var(--white);border-radius:10px;}
.flx_karriere.dunkel .item .headline{font-size:175%;font-weight:600;line-height:1;display:block;color:var(--main);min-height:80px;margin-bottom:20px;}
.flx_karriere.dunkel .item .headline .gender{color:var(--main);}
.flx_karriere.dunkel .item .btn{background:var(--main);}
.flx_karriere.dunkel .item .btn:hover{background:var(--btn-hover);}
.flx_karriere.dunkel .infobox{padding:25px;background:var(--white);color:var(--main);font-size:150%;font-weight:600;text-align:center;}

.flx_karriere.hell *{color:var(--main);}
.flx_karriere.hell .item{padding:25px;background:var(--main);border-radius:10px;}
.flx_karriere.hell .item .headline{font-size:175%;font-weight:600;line-height:1;display:block;color:var(--white);min-height:80px;margin-bottom:20px;}
.flx_karriere.hell .item .headline .gender{color:var(--white);}
.flx_karriere.hell .item .btn{background:var(--btn);}
.flx_karriere.hell .item .btn:hover{background:var(--btn-hover);}
.flx_karriere.hell .infobox{padding:25px;background:var(--main);color:var(--white);font-size:150%;font-weight:600;text-align:center;}

.flx_karriere{position: relative;padding:50px 0;}
.flx_karriere .subline{padding-left: 0px;}
.flx_karriere .item .headline{font-size:175%;font-weight:600;line-height:1;display:block;color:var(--main);min-height:80px;margin-bottom:20px;}
.flx_karriere .item .infos{margin-bottom:35px;}
.flx_karriere .item .infos .item{display: flex;flex-direction: row;background: var(--light);padding:5px;border-radius: 10px;align-content: center;gap: 15px;}
.flx_karriere .item .infos .item img{max-width:40px;}
.flx_karriere .item .infos .item .inhalt{font-weight:600;align-content:center;color:var(--main);}

/*-------------------------------Karriere-Single--------------------------------------------*/
#phpsingle-karriere{overflow: hidden;margin-top:100px;}
#phpsingle-karriere .inhaltsbloecke{margin-top:0;}
#phpsingle-karriere .ansprechpartner{padding-top: 100px;}
#phpsingle-karriere .ansprechpartnerheadline{padding-bottom: 30px;}
#phpsingle-karriere .kontaktinformation{font-weight: 500;}
#phpsingle-karriere .ansprechbild{width: 400px; margin: 50px 0 0 250px;}
#phpsingle-karriere a{color: var(--dark);}
#phpsingle-karriere .content{padding: 20px 0px 20px 0px; font-weight: 600; font-size: 120%;}
#phpsingle-karriere .headline{padding-bottom: 20px; font-size: 200%;width: max-content;max-width: 100%;}
#phpsingle-karriere .bewerbungstelle{font-weight: 600;margin: 25px 0;width:100%;}
#phpsingle-karriere .bewerbung{padding:35px;background-color: var(--lightgrey); color: var(--black);}
#phpsingle-karriere .bewerbung .headline{padding: 0; font-size: 180%; color: var(--black);font-weight: 600;}
#phpsingle-karriere .einleitungKarriere .headline{font-size:350%;}
#phpsingle-karriere .einleitungKarriere .infos{margin-bottom:35px;}
#phpsingle-karriere .einleitungKarriere .infos .item{display: flex;flex-direction: row;background: var(--light);padding: 15px;border-radius: 10px;align-content: center;gap: 15px;}
#phpsingle-karriere .einleitungKarriere .infos .item img{max-width:40px;}
#phpsingle-karriere .einleitungKarriere .infos .item .inhalt{font-weight:600;align-content:center;}
#phpsingle-karriere label{width: 100%; font-size: 80%; color: var(--dark); font-weight: 600; margin-bottom: 15px;}
#phpsingle-karriere select{width: 100%; background-color: var(--white); border: none; border-radius: 5px; padding: 10px; color: var(--dark);}
#phpsingle-karriere input, #phpsingle-karriere textarea{width: 100%; border: none; border-radius: 5px; padding: 5px 10px;}
#phpsingle-karriere textarea{height: 200px;}
#phpsingle-karriere input[type="checkbox"]{width: fit-content;}
#phpsingle-karriere .wpcf7-form-control-wrap{width: 100%; display: block;margin-top: 5px;}
#phpsingle-karriere .wpcf7-list-item{margin: 0;}
#phpsingle-karriere div[data-id="firmenname-group"] p{margin-bottom: 0;}
#phpsingle-karriere .pflicht{text-align: end; margin-bottom: 15px; font-size: 80%;}
#phpsingle-karriere .wpcf7-form-control-wrap[data-name="Zustimmung"]{margin-bottom: 15px;}
#phpsingle-karriere .wpcf7-acceptance .wpcf7-list-item-label{font-size: 100%;}
#phpsingle-karriere .wpcf7-submit{width: fit-content; padding:10px 30px;font-size:100%;font-weight:600;background:var(--green);color:var(--white);transition:all .3s ease;line-height:1;text-align:center; border-radius: 10px;}
#phpsingle-karriere .wpcf7-submit:hover{background-color: var(--green-hover); color: var(--white);}
#phpsingle-karriere .einleitung{padding: 100px 0 100px 0;}
#phpsingle-karriere .bildheadline{width: 55%;}
#phpsingle-karriere .einleitungKarriere{padding: 20px 0}
#phpsingle-karriere .einleitungKarriere p{font-size: 90%; font-weight: 400;}
#phpsingle-karriere li{padding-bottom: 15px; font-weight: 400;}
#phpsingle-karriere li::before{content: ''; background-repeat: no-repeat; height: 25px; width: 25px; display: block; position: absolute; left: -5px; top: 5px;background-size: contain;}
#phpsingle-karriere .bildwrapper::after{content: ''; width: 50%; background: linear-gradient(90deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%); height: 100%;position: absolute; top: 0; left: 0; z-index: 0;}

#phpsingle-karriere .uacf7_spam_protection #arithmetic_input_holder{display: flex;flex-direction: row;align-items: center;gap: 15px;}
#phpsingle-karriere .uacf7_spam_protection #arithmetic_input_holder #arithmetic_cal{order:1;}
#phpsingle-karriere .uacf7_spam_protection #arithmetic_input_holder #rtn{order:2;}
#phpsingle-karriere .uacf7_spam_protection #arithmetic_input_holder #arithmathic_refresh{order:3;border:none;}

/*-----------------------------------Benefits---------------------------------------------*/   

.flx_benefits{padding-bottom: 100px;}
.flx_benefits .row{justify-content:center;}
.flx_benefits .inner{padding: 30px;}
.flx_benefits .inner .icon img{margin:0 auto 25px;display:block;}
.flx_benefits .inner .benefitbeschreibung{font-weight:600;text-align:center;}
.benefitlogo{max-height: 100px;}


/*-----------------------------------Fahrzeugauflistung---------------------------------------------*/   

#wpcs_select_list li:before{display:none;}
#wpcs_select_list.multiple li.wpcs_select_option{padding-left:25px;}
#wpcs_select_list.multiple li.wpcs_select_option::before{margin:8px;}
.wpcs_filter_form_grid{margin-bottom:0;}
.dxim_filter_form_submit{margin-bottom:20px;}

a.dxim_button_styled:link, a.dxim_button_styled:visited, input.dxim_button_styled{background-color:var(--main)!important;color:var(--white)!important;}

/*-----------------------------------Fahrzeugseite---------------------------------------------*/   

/* .dxim_vehicle_price{background-color: var(--black);padding: 10px 20px;}
.dxim_vehicle_price .price_big{color: var(--main);font-size: 100%!important;font-weight: 400!important;order: 2;}
.dxim_vehicle_price .price_small{color: var(--main);font-weight: bold;font-size: 160%;display: flex;align-items: center;gap: 10px;}
.dxim_vehicle_price .price_small .netto_label{color: #fff;}
.dxim_vehicle_price .vat{color: #fff;font-size: 80%;} */

.dxim_vehicle_feature_list li:before{display:none;}
.dxim_section_header .dashicons {margin-top:10px;}
.wpcs_grid_3 .dxim_section_header .dashicons {margin-top:0px;}

#wpcs_contactform_vehicle input, #wpcs_contactform_vehicle textarea, #wpcs_contactform_vehicle .wpcsselect{border:solid 2px var(--main)!important;padding:0;margin:0;}
#wpcs_contactform_vehicle input[type="checkbox"]{border:solid 2px var(--main)!important;padding:0;width: 20px;height: 20px;margin-top: 2.5px;margin-right: 5px;}
input[type="checkbox"].wpcs_checkbox:not(.switch)::after, div.wpcs_selectable:not(.switch)::after{top:0!important;left:4px!important;}
div.wpcsselect .wpcs_select_handle{border:none!important;}
div.wpcsselect .wpcs_select_arrow{height:45px!important;}
div.wpcsselect .wpcs_select_arrow::after{top:17px!important;}
.wpcs_contact_form .row.submit{display:block;}
.wpcs_grid{grid-gap:5px 25px!important;}
.wpcs-form-submit-wrapper{margin-top: 15px;}




#wpcs_template_content{margin-top: 200px!important;max-width: 1530px!important;}

.vehicle-on-archive{padding: 10px;transition: 0.3s;}
.vehicle-on-archive:hover{transform: scale(1.02);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: 0.3s;}

.dxim_grid_image img{height: 100%!important;}

.model_description{font-size:120%;font-weight: bold;display: block;color: var(--main);line-height: 1.2;margin: 10px 0;}
.dxim_vehicle_specifics_list .field .fact,
.dxim_vehicle_specifics_list .field .label{font-size: 110%;}
.dxim_vehicle_title h1 span{font-size:75%;}

.dxim_vehicle_price{background-color: var(--main);padding: 10px 20px;}
.dxim_vehicle_price .price_big{color: var(--white);font-size: 190%!important;font-weight: 600!important;order: 2;}
.dxim_vehicle_price .price_small{color: var(--white);font-weight: bold;font-size: 150%;display: flex;align-items: center;gap: 10px;}
.dxim_vehicle_price .price_small .netto_label{color: #fff;}
.dxim_vehicle_price .vat{color: #fff;font-size: 80%;}

article.vehicle-on-archive a.dxim_button:link, article.vehicle-on-archive a.dxim_button:visited{padding: 5px 15px!important;}


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

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

    #page-header #toppermenu .menu li{padding-left: 20px;}
    
    .flx_headerblock h1{font-size: 280%;}
    .flx_headerblock .kontaktblock{margin-left: 10px;}
    .startseite .flx_headerblock .content .headline{padding-left: 10px;}
    .flx_headerblock .content .kontaktblock .headline{padding-left: 0;}

    .flx_slider .btn{right: 25px;}
    .flx_slider .slider .item{min-height:420px;}
    .angebote-deals .flx_slider .slider .item{min-height: 330px;}

    .flx_referenzen .headline.top{width: 85%;}
    .flx_kachelblock .kachel .headline{font-size: 105%;}

    .flx_karriere .jobbild{height: 250px!important;}
    .flx_karriere .owl-prev{top : 0px; right: 170px;}
    .flx_karriere .owl-next{top : 0px; right: 100px;} 
    .flx_karriere .scrollText{bottom: 100px;}  
    .flx_karriere .scrollButtons{bottom: 50px;}
    .textbild.bildpadding{padding: 50px;}
    .flx_karriere .einleitung{padding: 50px;}

    .flx_leistungen .kachel .icon{left: -10px;}

    .flx_karriere .item .infos .item{width: 175px;}
    .flx_karriere .item .infos .col-lg-4{margin-right: 15px;}

    .flx_karriere.hell .row{padding: 0 10px;}

}

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

    #page-footer .logo{width:50%;margin-bottom:50px;}
    #page-footer .anfahrt{justify-content:start;margin-top:50px;}
    #page-footer .anfahrt .autohaus:first-child{padding-left:0;}

}

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

    .headline{width: 100%;}
    
    #page-header #toppermenu{display: none;}
    #page-header .burgerbutton{display: block;}
    #page-header li.menu-item-has-children{position: relative;}
    #page-header li.menu-item-has-children::before{content: '';width: 20px;height: 20px;background: url('media/arrow_left.svg');background-repeat: no-repeat;background-size: contain;position: absolute;top: 5px;left: -5px;display: block!important;transition: left .3s ease;}
    #page-header li.menu-item-has-children:hover::before{left: -15px;transition: left .3s ease;}

    .inhaltsbloecke{margin-top: 100px;}

    .flx_slider .slider .owl-nav .owl-prev, .flx_slider .slider .owl-nav .owl-next{height: 50px;}
    .flx_slider .slider .owl-nav{width: 10%;}
    .flx_slider .slider .item{min-height:570px;}

    .flx_leistungen .kachel .inner{padding: 50px;}
    .flx_leistungen .kachelrow{margin-top: 100px;}
    .flx_leistungen .kachel .icon{width: 80px;height: 80px;}
    .flx_leistungen .kachel{margin-bottom: 65px;}

    .flx_karriere .item .infos .col-lg-4{margin-right: 50px;}

    .flx_kontakt .bild::before{display: none;}
    .flx_kontakt .bild::after{display: none;}

    .flx_kachelblock .headline{width: 100%;}

    #phpsingle-karriere .einleitungKarriere .infos .item{width: 200px;}
    #phpsingle-karriere .einleitungKarriere .infos .col-lg-4{margin-right: 50px;}

    .flx_standortblock{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .flx_standortblock .standort{width: 50%;transition: width .3s ease, flex-basis .3s ease;cursor: unset;}
    .flx_standortblock .standort .contentwrapper .ansprechpartner{display: block;}
    .flx_standortblock .standort .contentwrapper .adresse{font-weight: 600;}
    .flx_standortblock .standort.active{width: 50%;}

    .flx_textblock.mitbildrechts .text, .flx_textblock.mitbildlinks .text{margin-top: 30px;}
    .flx_textblock.mitbildrechts .bild, .flx_textblock.mitbildlinks .bild{margin-top: 30px;}

    #page-footer .logo{width:75%;}

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

    h2{font-size: 200%;}
    .headline{width: 100%; font-size: 200%;}

    .container, .container-md, .container-sm{max-width: 100%;}

    .flx_headerblock .content p{width: 75%;font-size: 100%;}
    .flx_headerblock::before{background: linear-gradient(90deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(51, 51, 51, 0) 100%);}
    .flx_headerblock .content .kontaktblock .headline{font-size: 200%;}
    .flx_headerblock .content .headline{font-size: 270%;}

    .flx_teaser .item{padding: 30px 0;}
    .flx_teaser .item .text{align-content: center;}

    .flx_textblock .text ul{border: none;}
    .flx_textblock.mitslider .kontakt{display: flex;gap: 20px;flex-wrap: wrap;}

    .flx_slider .slider .item{min-height:380px;}
    .flx_slider .btn{top: unset; bottom: -60px;}

    .flx_karriere .einleitung{padding: 10px;}
    .flx_karriere .jobbild{height: 300px!important;}

    .flx_karriere .sliderKarriere{padding-top: 30px;}
    .flx_karriere .owl-prev{top : -50px; right: 170px;}
    .flx_karriere .owl-next{top : -50px; right: 100px;} 
    .textbild.bildpadding{margin-top: 20px; padding: 20px;}
    .flx_karriere .headline{padding-top: 0;}

    .flx_kachelblock .kachel{min-height:max-content;}

    .flx_referenzen .slide .bild{display: none;}

    .flx_logoblock .logoreihe{gap: 40px;}

    .flx_leistungen .bild{margin-top: 0;width: 80%;}
    .flx_leistungen .kachel{width: 100%;}
    .flx_leistungen .kachelrow{margin-top: 50px;}
    .flx_leistungen .kachel:nth-child(2n){margin-left: unset;}
    .flx_leistungen .kachel:nth-child(2n+1){margin-top: unset;}

    .flx_kontakt .formularwrapper .wpcf7-form-control-wrap{font-size: 85%;}

    .flx_karriere .item .infos .col-lg-4{margin-right: 0;width: max-content;}
    .flx_karriere.dunkel .item{margin-bottom: 20px;}
    
    #phpsingle-karriere .einleitungKarriere .infos .col-lg-4{width: max-content;margin-right: 0;}
    #phpsingle-karriere .einleitungKarriere .infos .item{margin-bottom: 20px;}

    #page-footer .logo{width:100%;}


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

    #page-footer .kontakt{margin-bottom: 1rem;}
    #page-footer .kontakt .instagram{top: 50px;}
    #page-footer .kontakt .facebook{top: 0;}
    .topline{margin-top: 25px;}
    h2{font-size: 150%;}
    .container{padding: 0 25px;}

    #page-header .menu-mobile{width: 100vw;}
    #page-header .logo img{width: 60%;}
    .flx_kontakt .bild{display: none;}
    .flx_headerblock .content p{max-width: 100%;}

    .flx_textblock.mitslider .slider{margin-top: 50px;}

    .flx_slider .slider .item{min-height:400px;}
    .flx_referenzen .slide{padding: 25px;}

    .flx_referenzen .stacked-slider .button{right: 115px;top: 150px;}
    .flx_referenzen .stacked-slider{height: 500px;}

    .flx_leistungen button.nav-link.active::before{display: none;}
    .flx_leistungen button.nav-link{margin-bottom: 25px;}
    .flx_leistungen ul{padding-bottom: 25px;}

    .flx_kontakt .formular{padding: 0;}
    .wunschauto .flx_kontakt .formularwrapper{padding: 0 15px;}

    #page-footer .rechtliches{text-align: start;}
    #page-footer .rechtliches a:first-child{padding-left: 0;}

    .flx_standortblock .standort.active{padding: 0 12px;}
    .flx_standortblock .standort{padding: 0 12px;}

    .flx_vorteileblock.dunkel .vorteile{margin-top: 20px;}
    .flx_vorteileblock.hell .vorteile{margin-top: 20px;}

    .flx_logoblock img{object-fit: contain;}

    .flx_headerblock .content .headline{font-size: 220%;}
    .flx_headerblock .content .kontaktblock .headline{font-size: 170%;}

    #page-header .mainheader #toppermenu.active .menu{top: 70%;}

    .flx_slider .slider .owl-nav{width: 15%;}

    .flx_textblock.dunkel .bild{margin-top: 20px;}

    .flx_textblock.mitbildrechts img{margin-top: 20px;}

    .flx_kontakt.multi .buttons{gap: 1px;}

    #page-footer .anfahrt .autohaus{padding-left: 25px;}

    .flx_textblock.mitbildlinks .bild{order: 2;}
    .flx_textblock.mitbildlinks .bild img{margin-top: 30px;}
    .flx_textblock.mitbildlinks .text{order: 1;}

    .flx_headerblock.mitfarbe{height: 180px;padding: 35px 0!important;}

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

    body,html,*{font-size:16px;}
    li::before{top: 3px;}

    .headline{font-size: 150%;}

    #page-header .menu-mobile .menu li a{font-size: 120%;}

    .flx_textblock.mitslider .kontakt img{width: 30px;height: 30px;}

    .flx_leistungen img{max-width: 320px;}

    #page-header .fixed_kontakt{display: none;}

    .flx_headerblock .btn{margin-bottom: 0;padding: 10px 10px 13px 10px;font-size: 80%;}

    .flx_karriere .stellenangebot{padding: 20px 30px 20px 30px;}
    .flx_karriere .karrieretitel{padding: 50px 0 20px 20px;}
    .flx_karriere .owl-prev{right: 100px;}
    .flx_karriere .owl-next{right: 30px;} 
    .flx_karriere .scrollText{bottom: 80px; font-size: 100%;}  
    .flx_karriere .scrollButtons{bottom: 40px;}
    .textbild.bildpadding{margin-top: 20px; padding: 0;}

    .flx_textblock.mitslider .slide img{width: 280px;height: 480px;}
    .flx_textblock.mitslider .stacked-slider{height: 500px;}
    .flx_textblock.mitslider .slider .button{display: none;}

    .flx_slider .slider .item{min-height:280px;padding-right: 25px;}
    .flx_slider .slider .owl-nav{width: 100%;margin-top: 20px;padding-right: 25px;}
    .flx_slider .slider.owl-carousel .owl-dots{position: relative;bottom: 40px;margin: 0 auto;width: max-content;padding-right: 25px;}

    .flx_kachelblock .kachel{padding: 30px;}

    .flx_referenzen .stacked-slider .button{right: 65px;}

    .flx_headerblock .kontaktblock{margin-right: 10px;margin-left: 25px;width: 87%;}

    .flx_standortblock{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .flx_standortblock .standort{width: 100%;transition: width .3s ease, flex-basis .3s ease;cursor: unset;}
    .flx_standortblock .standort .contentwrapper .ansprechpartner{display: block;}
    .flx_standortblock .standort .contentwrapper .adresse{font-weight: 600;}
    .flx_standortblock .standort.active{width: 100%;}

    .flx_headerblock.marginbottom{margin-bottom: 50px;}

    .flx_leistungen{margin-top: 50px;}

    #page-footer .anfahrt{flex-wrap: wrap;justify-content: space-between;}
    #page-footer .anfahrt .autohaus{padding: unset;flex-basis: 50%;margin-bottom: 30px;}
    #page-footer .anfahrt .autohaus h4{margin-bottom: 10px;}

    #page-header .mainheader #toppermenu.active .menu{top: 100%;padding: 20px 40px;}
    #page-header .mainheader #toppermenu.active .menu li:hover .sub-menu{left: -240px;width: 200px;}
    #page-header .mainheader #toppermenu.active .menu li:hover .sub-menu::after{width: 60px;right: -60px;}

    .flx_kontakt.multi .buttons{flex-wrap: wrap;justify-content: space-between;}
    .flx_kontakt.multi .buttons .btn{width: 48%;margin-bottom: 10px;}

    #page-header .topheader{display: flex;justify-content: center;}

    .flx_headerblock .content .headline{font-size: 180%;}

    .topline{margin-top: 0;font-size: 100%;}
    .flx_headerblock .content .kontaktblock .headline{font-size: 130%;padding-left: 0!important;}
    .flx_headerblock .kontaktblock .buttonwrapper{justify-content: center;}

    #page-footer .rechtliches{padding-top: 10px;}

    .startseite .flx_headerblock .content .headline{padding-left: 25px;}

    .flx_headerblock.mitfarbe{height: 130px;}

    .flx_karriere .item .infos .item{gap: 5px;width: 130px;}
    .flx_karriere .item .infos .item img{max-width: 30px;}
    .flx_karriere .item .infos .item .inhalt{font-size: 80%;}
    .flx_karriere .item .infos .col-lg-4{padding-right: 0;}

    #phpsingle-karriere .einleitungKarriere .infos .item .inhalt{font-size: 80%;}
    #phpsingle-karriere .einleitungKarriere .infos .item img{max-width: 30px;}
    #phpsingle-karriere .einleitungKarriere .infos .item{gap: 5px;width: 140px;padding: 10px;}
    #phpsingle-karriere .einleitungKarriere .infos .col-lg-4{padding-right: 0;}

    .flx_leistungen .kachel .headline{font-size: 130%;}

    .flx_karriere.dunkel .item .headline{font-size: 150%;}
    .flx_karriere.hell .infobox{font-size: 100%;}

    #phpsingle-karriere .einleitungKarriere .headline{font-size: 200%;}
    #phpsingle-karriere .headline{font-size: 130%;}
    #phpsingle-karriere .bewerbung .headline{font-size: 130%;}

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

    #page-header .menu-mobile .menu li a{font-size: 100%;}

    #page-footer .kontakt .facebook,
    #page-footer .kontakt .instagram{right: 15px;}

    .flx_headerblock .kontaktblock{padding: 10px;}

    #page-header .mainheader #toppermenu.active .menu{padding: 20px;}
    #page-header .mainheader #toppermenu.active .menu li:hover .sub-menu{left: -170px;width: 150px;}
    #page-header .mainheader #toppermenu.active .menu li:hover .sub-menu::after{width: 40px;right: -40px;}

    #phpsingle-karriere .einleitungKarriere .headline{font-size: 150%;}
    .flx_karriere.dunkel .item .headline{font-size: 135%;}

}