.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.justify-content-between {
    justify-content: space-between;
    gap: 10px;
}

.justify-content-end {
    justify-content: flex-end;
    gap: 10px;
}

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

.w-100 {
    width: 100%;
}

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

.mb-0 {
    margin-bottom: 0;
}

.sticky {
    position: sticky!important;
    top: 100px;
}

body{overflow-x:unset!important;}


/* Seitenbloecke */

#page5755 .flx_headerblock .content .headline{font-size:500%;}


/* Fahrzeug Filter */

.vehicle-filter{padding:25px;margin-bottom:20px;background:#fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);border-radius:10px;}
.vehicle-filter .card-header{display: flex;justify-content: space-between;}
.vehicle-filter .card-header strong{display:block;font-size:150%;font-weight:600;}
.vehicle-filter .card-header .clearFilter{background:none;border:none;width:35px;height:35px;}
.choices__item.choices__item--selectable{white-space:nowrap;font-size: 80%;}
.choices .choices__inner .choices__list{padding-right:0px!important;width:100%;max-width:none;}
.vehicle-filter .card .card-body .choices__inner{border: solid 1px #dedede!important;background:#fff;border-radius: 10px;padding:5px 10px!important;}
.vehicle-filter .card .card-body input{border: solid 1px #dedede!important;background:#fff;border-radius: 10px;padding:12.5px!important;}
.vehicle-filter .card .card-body .choices__inner,
.vehicle-filter .card .card-body .choices__list--single,
.vehicle-filter .card .card-body .choices__item--selectable{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vehicle-filter .card .card-body .choices__list--dropdown .choices__item,
.vehicle-filter .card .card-body .choices__list[aria-expanded] .choices__item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vehicle-filter .card .card-body .choices[data-type*="select-one"] .choices__inner {
    padding-right: 56px !important;
}

.vehicle-filter .card .card-body .choices[data-type*="select-one"] .choices__list--single {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 46px;
}

.vehicle-filter .card .card-body .choices[data-type*="select-one"] .choices__list--single .choices__item--selectable {
    display: block;
    max-width: 100%;
}

.vehicle-filter .card .card-body .choices[data-type*="select-one"] .choices__button,
.vehicle-filter .card .card-body .choices[data-type*="select-one"]::after {
    z-index: 2;
}

.vehicle-filter .card .card-body .choices {
    position: relative;
    overflow: visible;
    z-index: 1;
}

.vehicle-filter .card .card-body .choices.is-open {
    z-index: 120;
}

.vehicle-filter .card .card-body,
.vehicle-filter .card .card-body .item,
.vehicle-filter .card .card-body .brand-model-row {
    overflow: visible;
}

.vehicle-filter .card .card-body .choices__list--dropdown,
.vehicle-filter .card .card-body .choices__list[aria-expanded] {
    min-width: max(100%, 420px);
    width: max-content;
    max-width: min(90vw, 760px);
    white-space: nowrap;
    z-index: 130;
}

.brand-model-groups{display:flex;flex-direction:column;gap:10px;}
.brand-model-row{display:flex;align-items:center;gap:10px;}
.brand-model-field{flex:1;min-width:0;}
.brand-model-remove,
.brand-model-add{transition: background 0.3s ease-in-out;background:var(--red);border:0;border-radius:10px;cursor:pointer;font-weight:600;color:#fff;line-height:1;}
.brand-model-remove{width:20px;height:20px;flex:0 0 20px;font-size:20px;border-radius:50%;line-height:0;}
.brand-model-add{margin:8px auto 0;display:block;padding:10px 12px;font-size:14px;}
.brand-model-remove:hover,
.brand-model-add:hover{background:var(--darkred);}

.brand-model-remove:disabled{
    visibility:hidden;
    pointer-events:none;
}

.vehicle-filter #mileage-chart > div{max-width:100%;}
.vehicle-filter #mileage-chart > div > canvas{max-width:100%;}
.vehicle-filter #price-chart > div{max-width:100%;}
.vehicle-filter #price-chart > div > canvas{max-width:100%;}
.vehicle-filter #power-chart > div{max-width:100%;}
.vehicle-filter #power-chart > div > canvas{max-width:100%;}

#vehicle-sort .vehicle-sort{padding: 10px 0 15px;}
#vehicle-sort .vehicle-sort select{background:#f1f6f2;border-radius:25px;margin-left:5px;padding:7.5px 15px;}
#vehicle-sort .switch-floor-plan .switch {display: inline-flex;align-items: center;background: #f1f6f2;border-radius: 50px;cursor:pointer;padding: 2px;/*margin-left:15px;*/}
#vehicle-sort .switch-floor-plan .switch-item {min-width: 85px;height: 40px;padding: 0 20px;display: flex;align-items: center;justify-content: center;color: #083b2d;border-radius: 50px;}
#vehicle-sort .switch-floor-plan .switch-item.active {background: #ffffff;border: 2px solid #c6cdcc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);}

.vehicle-ad-slider{margin-bottom:25px;margin-left:-15px;margin-right:-15px;}
.vehicle-ad-slider__viewport{overflow:hidden;border-radius:10px;}
.vehicle-ad-slider__track{display:flex;align-items:stretch;gap:16px;width:max-content;animation:ad-slider-scroll 60s linear infinite;}
.vehicle-ad-slider:hover .vehicle-ad-slider__track{animation-play-state:paused;}
.vehicle-ad-slider__item{position:relative;flex:0 0 clamp(220px, 24vw, 320px);height:220px;display:block;border-radius:10px;overflow:hidden;background:#f7f7f7;}
.vehicle-ad-slider__item img{width:100%;height:100%;display:block;object-fit:cover;}
.vehicle-ad-slider__item .pricewrapper{position:absolute;left:12px;right:12px;bottom:12px;background:var(--green);padding:6px 10px;font-size:130%;text-align:center;font-weight:600;color:var(--white);border-radius:50px;line-height:1;}
.ad-slider-pill{position:absolute;top:10px;z-index:2;background:rgba(255,255,255,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#111;font-size:11px;font-weight:600;line-height:1;padding:4px 10px;border-radius:999px;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis;}
.ad-slider-pill--left{left:10px;}
.ad-slider-pill--right{right:10px;}

.fahrzeugslider .headerbox{text-align:center;margin-bottom:70px;}
.fahrzeugslider .headerbox .subline{width:100%;font-size:450%;margin-top:-10px;transform:rotate(-3.5deg);}
.fahrzeugslider .fahrzeugwrapper {padding-bottom: 20px;padding-top: 20px;}
.fahrzeugslider .fahrzeugwrapper .card{border:solid 1px #dedede;border-radius:10px;width:350px;}
.fahrzeugslider .fahrzeugwrapper .card .card-header{position:relative;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__viewport{height:250px;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__slide{height:250px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;overflow:hidden;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__slide img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .media-switch{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:8px;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .media-switch__btn{border:none;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.2;background:rgba(255,255,255,.75);color:#111;cursor:pointer;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .media-switch__btn.is-active{background:var(--green);color:var(--white);}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery{width:100%;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__viewport::-webkit-scrollbar{display:none;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__slide{flex:0 0 100%;scroll-snap-align:start;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__slide:first-child img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .pricewrapper{display:flex;justify-content:center;gap:10px;position:absolute;bottom:-15px;left:50px;right:50px;background:var(--green);padding:5px 10px;font-size:150%;text-align:center;font-weight:600;color:var(--white);border-radius:50px;line-height:1;z-index:9999;}
.fahrzeugslider .fahrzeugwrapper .card .card-header .pricewrapper .brutto {font-size: 70%; color:var(--champain);max-width:45%;}
.fahrzeugslider .fahrzeugwrapper .card .card-body{padding:25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.fahrzeugslider .fahrzeugwrapper .card .card-body .card-title{font-weight:600;font-size:120%;}
.fahrzeugslider .fahrzeugwrapper .card .card-body .markemodell{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;}
.fahrzeugslider .fahrzeugwrapper .card .card-body .markemodell span{background:#eeeeee;border-radius:25px;padding:5px 15px;font-size:80%;font-weight:400;line-height:1;}
.fahrzeugslider .fahrzeugwrapper .card .card-body .btn{border:none;display:block;}

.fahrzeugslider .fahrzeugwrapper .marquee-content {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: marquee-scroll-fahrzeuge var(--marquee-fahrzeuge-duration, 15s) linear infinite;
    gap:30px;
}

.fahrzeugslider .fahrzeugwrapper .keyfacts{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;}
.fahrzeugslider .fahrzeugwrapper .keyfacts span{font-size:80%;font-weight:400;line-height:1;width:max-content;}
.fahrzeugslider .fahrzeugwrapper .keyfacts .placer{color:var(--champain);}
.fahrzeugslider .fahrzeugwrapper .keyfacts .placer:last-child{display:none;}

.fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider{display:none;}


#vehicle-pagination { width: 100%; margin-top: 2rem; }
#vehicle-pagination .pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
#vehicle-pagination .page-item { display: inline-flex; margin: 0; padding: 0; }
#vehicle-pagination .page-item:before{display: none;}
#vehicle-pagination .page-link, #vehicle-pagination .page-dots { display: inline-flex; min-width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; padding: 0.4rem 0.75rem; border: 1px solid #d7d7d7; border-radius: 0.35rem; background: #fff; color: #222; line-height: 1; text-decoration: none; box-sizing: border-box; }
#vehicle-pagination .page-dots { border-color: transparent; background: transparent; cursor: default; }
#vehicle-pagination .page-link:hover { border-color: #222; background: #f3f3f3; }
#vehicle-pagination .page-item.active .page-link { border-color: #222; background: #222; color: #fff; }
#vehicle-pagination .page-item.disabled .page-link { opacity: 0.4; pointer-events: none; cursor: default; }
@media (max-width: 600px) {
    #vehicle-pagination .pagination { gap: 0.25rem; }
    #vehicle-pagination .page-link, #vehicle-pagination .page-dots { min-width: 2.2rem; height: 2.2rem; padding: 0.3rem 0.55rem; }
}

@keyframes ad-slider-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 8px)); }
}

@media (max-width: 767px) {
    .vehicle-ad-slider{margin-left:-35px;margin-right:-35px;}
    .vehicle-ad-slider__item{flex-basis:260px;height:190px;}
}

.vehicle-result{margin-bottom:50px;}
.vehicle-result #vehicle-list{row-gap:30px;}
.vehicle-result #vehicle-list.is-loading{justify-content:center;min-height:120px;}
.vehicle-result #vehicle-list.is-loading .vehicle-loading{display:inline-flex;align-items:center;gap:12px;padding:16px 20px;color:#666;font-weight:500;}
.vehicle-result #vehicle-list .vehicle-spinner{display:inline-block;width:22px;height:22px;border:3px solid #e4e4e4;border-top-color:var(--red, #BE1623);border-radius:50%;animation:vehicle-spin .75s linear infinite;}

@keyframes vehicle-spin {
    to { transform: rotate(360deg); }
}

.vehicle-result .card{border:solid 1px #dedede;border-radius:10px;max-width:100%;height:100%;}
.vehicle-result .card .card-header{position:relative;}
.vehicle-result .card .card-header .vehicle-gallery__viewport{height:220px;}
.vehicle-result .card .card-header .vehicle-gallery__slide{height:220px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;overflow:hidden;}
.vehicle-result .card .card-header .vehicle-gallery__slide img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.vehicle-result .card .card-header .media-switch{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:8px;}
.vehicle-result .card .card-header .media-switch__btn{border:none;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.2;background:rgba(255,255,255,.75);color:#111;cursor:pointer;}
.vehicle-result .card .card-header .media-switch__btn.is-active{background:var(--green);color:var(--white);}
.vehicle-result .card .card-header .vehicle-gallery{width:100%;}
.vehicle-result .card .card-header .vehicle-gallery__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.vehicle-result .card .card-header .vehicle-gallery__viewport::-webkit-scrollbar{display:none;}
.vehicle-result .card .card-header .vehicle-gallery__slide{flex:0 0 100%;scroll-snap-align:start;}
.vehicle-result .card .card-header .vehicle-gallery__slide:first-child img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;}
.vehicle-result .card .card-header .pricewrapper{display:flex;justify-content:center;gap:10px;position:absolute;bottom:-15px;left:50px;right:50px;background:var(--green);padding:5px 10px;font-size:150%;text-align:center;font-weight:600;color:var(--white);border-radius:50px;line-height:1;}
.vehicle-result .card .card-header .pricewrapper .brutto {font-size: 70%; color:var(--champain);}
.vehicle-result .card .card-body{padding:25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.vehicle-result .card .card-body .card-title{font-weight:600;font-size:120%;overflow:hidden;}
.vehicle-result .card .card-body .markemodell{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin-bottom:10px;}
.vehicle-result .card .card-body .markemodell span{background:#eeeeee;border-radius:25px;padding:5px 15px;font-size:80%;font-weight:400;line-height:1;}
.vehicle-result .card .card-body .keyfacts{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;}
.vehicle-result .card .card-body .keyfacts span{font-size:80%;font-weight:400;line-height:1;width:max-content;}
.vehicle-result .card .card-body .keyfacts .placer{color:var(--champain);}
.vehicle-result .card .card-body .keyfacts .placer:last-child{display:none;}
.vehicle-result .card .card-body .card-text{display:block;margin-top:15px;min-height:62.5px;}
.vehicle-result .card .card-body .btn{border:none;display:block;}



/* Fahrzeug Single */


.vehicle-single .headline{font-size:200%;}
.vehicle-single .header{margin-bottom:75px;padding:200px 0 35px;background:var(--green);}
.vehicle-single .header h1{max-width:100%;margin-bottom:15px;color:var(--white);}
.vehicle-single .header .text-muted{font-size:125%;color:var(--white);}

.vehicle-single .galerie{margin-bottom:35px;}
.vehicle-single .galerie .slider .owl-stage-outer{border-radius:10px;border:1px solid var(--green);}
.vehicle-single .galerie .slider .owl-stage-outer .owl-item img{border-radius:0!important;}
.vehicle-single .galerie .slider .imageitem{height:575px;}
.vehicle-single .galerie .slider .imageitem a{display:block;height:100%;}
.vehicle-single .galerie .slider .imageitem img{width:100%;height:100%!important;object-position:center;}
.vehicle-single .galerie .slider .imageitem img.fallback-image{object-fit:contain!important;}
.vehicle-single .galerie .slider .owl-controls .owl-nav{width:100%;left:0;}
.vehicle-single .galerie .slider .owl-controls .owl-nav .owl-prev{left:0;}
.vehicle-single .galerie .slider .owl-controls .owl-nav .owl-next{right:0;}
.vehicle-single .galerie .slider .owl-controls .owl-dots{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0;}
.vehicle-single .galerie .slider .owl-controls .owl-dots .owl-dot{width:calc(20% - 8px);height:115px;}
.vehicle-single .galerie .slider .owl-controls .owl-dots .owl-dot img{width:100%;height:100%;object-fit:cover;opacity:0.35;box-shadow: 5px 5px 10px -5px rgba(0,0,0,0);-webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0);-moz-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0);transition:all .3s ease;}
.vehicle-single .galerie .slider .owl-controls .owl-dots .owl-dot.active img{opacity:1;box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.3);-webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.3);-moz-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.3);transition:all .3s ease;}
.vehicle-single .galerie .keyfacts{margin-bottom:35px;}
.vehicle-single .galerie .keyfacts .description h1, .vehicle-single .galerie .keyfacts .description h2, .vehicle-single .galerie .keyfacts .description h3{max-width:100%;font-size:175%;font-weight:600;margin-bottom:15px;}
.vehicle-single .galerie .keyfacts .description h1 strong, .vehicle-single .galerie .keyfacts .description h2 strong, .vehicle-single .galerie .keyfacts .description h3 strong{line-height:1.2;}
.vehicle-single .galerie .pricewrapper{display:flex;justify-content:space-around;align-items:flex-end;background:#eeeeeeE6;padding:15px 50px;font-size:100%;text-align:center;font-weight:600;margin-bottom:0;width:100%;border-radius:10px;}
.vehicle-single .galerie .pricewrapper .text-primary{font-size:250%;font-weight:600;line-height:1;}
.vehicle-single .galerie .stack.secondary-price {opacity:0.8;align-self:stretch;display:flex;flex-direction:column;}
.vehicle-single .galerie .stack.secondary-price > div{font-size:200%;flex-grow:1;display:flex;align-items:center;justify-content:center;}
.vehicle-single .galerie .fastcontact{display:none;}
.vehicle-single .galerie .fastcontact .btn{border:none;display:block;width:max-content;font-size:150%;font-weight:600;padding:10px 75px;border-radius:10px;height:100%;align-content:center;background: green;line-height: 1;}
.vehicle-single .galerie .fastcontact .btn:hover{background:var(--green);}

.vehicle-single .keyfacts .highlights{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin-bottom: 30px;}
.vehicle-single .keyfacts .highlights span{background:#eeeeee;border-radius:25px;padding:5px 15px;font-size:100%;font-weight:400;line-height:1;}
.vehicle-single .keyfacts .keyfactlist{display:flex;flex-wrap:wrap;}
.vehicle-single .keyfacts .keyfactlist img{width:30px;margin-right:10px;}
.vehicle-single .keyfacts .keyfactlist li{padding-left:0;margin:10px 0;width:50%;display:flex;}
.vehicle-single .keyfacts .keyfactlist li:before{display:none;}
.vehicle-single .keyfacts .keyfactlist li span{display:block;font-size:80%;color:#888888;}

.vehicle-single .description{margin-bottom:50px;margin-top:20px;}

.vehicle-single .features{margin:75px 0;}
.vehicle-single .features hr{margin:35px 0;}
.vehicle-single .features .card .card-header{display:flex;}
.vehicle-single .features .card .card-header img{width:30px;margin-right:10px;}
.vehicle-single .features .card .card-header .card-button{background:none;border:none;box-shadow:none;width:calc(100% - 40px);text-align:left;position:relative;}
.vehicle-single .features .card .card-header .card-button:after{content:'';display:block;width:40px;height:40px;position:absolute;top:0;right:0;background:url('/wp-content/themes/duemo-duelmen/media/arrow_down.svg');background-size:100%;background-position:center;background-repeat:no-repeat;transform:rotate(180deg);transition:all .3s ease;}
.vehicle-single .features .card .card-header .card-button.collapsed:after{content:'';display:block;width:40px;height:40px;position:absolute;top:0;right:0;background:url('/wp-content/themes/duemo-duelmen/media/arrow_down.svg');background-size:100%;background-position:center;background-repeat:no-repeat;transform:rotate(0deg);transition:all .3s ease;}
.vehicle-single .features .card .card-header .card-button h2{margin-bottom:0;}
.vehicle-single .features .card .card-body{margin-top:35px;}
.vehicle-single .features .card .card-body ul{display: flex;flex-wrap: wrap;}
.vehicle-single .features .card .card-body ul li{width:50%;margin:5px 0;padding:0 5px;}
.vehicle-single .features .card .card-body ul li:before{display:none;}
.vehicle-single .features .card .card-body ul li span{display:block;font-size:80%;color:#888888;}
.vehicle-single .features .card .card-body ul li.check{padding-left:20px;}
.vehicle-single .features .card .card-body ul li.check:before{content:'✔';display:block;top:0;background:none;}
.vehicle-single .features .card .card-body ul li.withicon{padding:20px;border:solid 2px #888888;border-radius: 10px;align-content:center;text-align:center;width:calc(33% - 20px);margin:10px;}
.vehicle-single .features .card .card-body ul li.withicon.noavailable{opacity:0.2;}
.vehicle-single .features .card .card-body ul li.withicon.noavailable::after {  content: "";position: absolute;inset: 0;color:#888888;background: linear-gradient(to top left,transparent calc(50% - 2px),currentColor 50%,transparent calc(50% + 2px));pointer-events: none;}
.vehicle-single .features .card .card-body ul li.withicon span{font-size:90%;margin-top:10px;}
.vehicle-single .features .card .card-body ul li.withicon img{max-width:50px;}

.vehicle-single #anfrage{padding-top:150px;margin:-75px 0 75px;position:sticky;top:0;}
.vehicle-single .contactform{padding:20px;background:#eeeeee;border-radius:10px;}
.vehicle-single .contactform input[type="text"], .vehicle-single .contactform input[type="email"], .vehicle-single .contactform input[type="tel"]{background-color:#fff!important;}
.vehicle-single .contactform textarea{background-color:#fff!important;}
.vehicle-single .contactform input[type="checkbox"]{width:15px!important;height:15px!important;}

/* Lightbox-Hintergrund leicht abdunkeln */
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}

/* Fallback fuer neuere Fancybox-Versionen */
.fancybox-bg {
    background: #000 !important;
    opacity: 0.55 !important;
}





/* Responsive */

/* ============================================================
   MOBILE FILTER DRAWER
   ============================================================ */

.filter-mobile-toggle-wrap,
.filter-mobile-drawer-header,
.filter-mobile-drawer-footer {
    display: none !important;
}

@media(max-width:767px){
    .filter-mobile-toggle-wrap {
        display: block !important;
    }

    .filter-mobile-drawer-header,
    .filter-mobile-drawer-footer {
        display: flex !important;
    }

    .filter-mobile-drawer-footer {
        display: block !important;
    }

    .btn-filter-mobile {
        display: flex;
    }

    .fahrzeugslider {max-width: 100vw; overflow-x: hidden;}

    .air-datepicker-global-container {
        position: fixed !important;
        inset: 0 auto auto 0 !important;
        z-index: 1075 !important;
        width: 0 !important;
        height: 0 !important;
        pointer-events: none;
    }

    .air-datepicker-global-container .air-datepicker {
        pointer-events: auto;
        width: calc(100vw - 16px) !important;
        max-width: 360px !important;
        box-sizing: border-box;
        left: 8px !important;
        right: 8px !important;
    }



}

/* Toggle-Button (mobile only) */
.btn-filter-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #be1632;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    padding: 13px 20px;
    cursor: pointer;
    position: relative;
}

.btn-filter-mobile:hover,
.btn-filter-mobile:focus {
    background: #a01029;
    color: #fff;
}

.filter-badge {
    background: #fff;
    color: #be1632;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    margin-left: 8px;
    line-height: 1.4;
}

/* Backdrop */
.filter-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1059;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.filter-backdrop.is-visible {
    display: block;
}

/* Drawer Header (mobile) */
.filter-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 12px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}

.filter-drawer-header strong {
    font-size: 120%;
    font-weight: 600;
}

.filter-drawer-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-drawer-reset,
.filter-drawer-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #333;
    line-height: 1;
    border-radius: 6px;
}

.filter-drawer-reset img {
    display: block;
    width: 22px;
    height: 22px;
}

.filter-drawer-reset:hover,
.filter-drawer-close:hover {
    background: #f0f0f0;
}

/* Drawer Footer (mobile) */
.filter-drawer-footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #fff;
    padding: 14px 20px 50px 20px;
    border-top: 1px solid #e5e5e5;
}

.btn-filter-apply {
    background: #be1632;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    padding: 13px 20px;
    cursor: pointer;
}

.btn-filter-apply:hover,
.btn-filter-apply:focus {
    background: #a01029;
    color: #fff;
}

@media(max-width:1480px){
    .fahrzeugslider .fahrzeugslider .fahrzeugitem .inner .name{font-size:120%;}
    #page5755 .flx_headerblock .content{top:unset;left:20px;}

    /* Fahrzeug Filter */

    .vehicle-filter{padding:15px;}
    

    /* Fahrzeug Single */
    
}

@media(max-width:1199px){

    #page5755 .flx_headerblock .content .headline{font-size:375%;}

    /* Fahrzeug Filter */


    /* Fahrzeug Single */
    
    .vehicle-single .galerie .leer{display:none;}
    .vehicle-single .galerie .slider .imageitem{height:375px;}
    .vehicle-single .galerie .slider .owl-controls .owl-dots .owl-dot{height:75px;}
}

@media(max-width:991px){

    /* Fahrzeug Filter */


    /* Fahrzeug Single */

    .vehicle-single .galerie .fastcontact {display: block;}

    .vehicle-single .galerie .keyfacts{margin-top:35px;}

    .vehicle-single .galerie .pricewrapper {flex-direction: column;align-items:center;}
    .vehicle-single .galerie .stack.secondary-price {align-self:unset;}

    .galerie .slider {
        scroll-margin-top: 80px;
    }

}

@media(max-width:767px){
    .fahrzeugslider .fahrzeugslider .fahrzeugitem{margin-top:30px;}
    .fahrzeugslider .fahrzeugslider .fahrzeugitem .inner{margin-top:25px;}
    .vehicle-single .features .card .card-body ul{padding-left:25px;display: block;}
    .vehicle-single .galerie .pricewrapper {flex-direction: row;align-items:flex-end;}
    .vehicle-single .galerie .stack.secondary-price {align-self:stretch;}
    #page5755 .flx_headerblock .content .headline{font-size:275%;}
    /* .vehicle-single .features .card .card-body ul li.withicon.noavailable{display: none;} */
    .vehicle-single .features .card .card-body ul li.withicon{width:45.6%;display:inline-block;}
    /* Fahrzeug Filter – Mobile Drawer */

    #filter-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 100000;
        background: #fff;
        transform: translateX(-100%);
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        display: flex !important;
        flex-direction: column;
        padding: 0 !important;
        margin: 0 !important;

        /* Bootstrap col-* überschreiben */
        max-width: 100vw !important;
        flex: none !important;
    }

    #filter-sidebar.filter-open {
        transform: translateX(0);
    }

    /* Im Drawer: vehicle-filter-Box flach darstellen */
    #filter-sidebar .vehicle-filter {
        box-shadow: none;
        border-radius: 0;
        flex: 1;
        padding: 15px 20px;
        margin-bottom: 0;
    }

    /* Desktop card-header im Drawer ausblenden (Drawer hat eigenen Header) */
    #filter-sidebar .vehicle-filter .card-header {
        display: none;
    }

    /* Kein zusätzlicher card-Rahmen nötig */
    #filter-sidebar .vehicle-filter .card {
        border: none;
        box-shadow: none;
    }

    .brand-model-row{align-items:center;}
    .brand-model-remove{min-height:20px;}

    #filter-sidebar select.mobile-native-select,
    #filter-sidebar select.mobile-year-select {
        min-height: 44px;
        width: 100%;
        font-size: 16px;
        line-height: normal;
        padding-right: 44px;
        border: 1px solid #dedede !important;
        border-radius: 10px;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 12px 8px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: none;
        outline: none;
    }

    #filter-sidebar select.mobile-native-select:focus,
    #filter-sidebar select.mobile-native-select:focus-visible,
    #filter-sidebar select.mobile-native-select:active,
    #filter-sidebar select.mobile-year-select:focus,
    #filter-sidebar select.mobile-year-select:focus-visible,
    #filter-sidebar select.mobile-year-select:active {
        border: 1px solid #dedede !important;
        box-shadow: none !important;
        outline: none !important;
    }

    #filter-sidebar .brand-model-field {
        flex: 1 1 0;
    }

    #filter-sidebar .item.flex.justify-content-between {
        gap: 10px;
    }

    #filter-sidebar .item.flex.justify-content-between .mobile-native-select,
    #filter-sidebar .item.flex.justify-content-between .mobile-year-select {
        width: 100%;
        flex: 1 1 0;
    }

    #filter-sidebar .choices__list--dropdown,
    #filter-sidebar .choices__list[aria-expanded] {
        min-width: 100%;
        width: 100%;
        max-width: calc(100vw - 40px);
    }

    #vehicle-archive{padding:0;}

    /* Fahrzeug Single */

    .vehicle-single .galerie .fastcontact .btn{padding:10px 35px;text-align:center;width:100%;margin-top: 25px;}

    .vehicle-single .features .card .card-header .card-button h2{font-size:150%;}

    .fahrzeugslider .fahrzeugwrapper .card{width:250px;}
    .fahrzeugslider .fahrzeugwrapper .card .card-body{padding:15px;}
    .fahrzeugslider .fahrzeugwrapper .card .card-body .card-title{margin-top:15px;font-size:100%;}

    .fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__viewport,
    .fahrzeugslider .fahrzeugwrapper .card .card-header .vehicle-gallery__slide{height:200px;}


    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider{display:block;padding-bottom:50px!important;}
    .vehicle-single .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider{padding:0 15px;}
    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider .card{width:100%;}
    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider .card .card-body{min-height:140px;} 
    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider .owl-nav{left:25px;right:25px;bottom:25px;width:auto;}
    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider .owl-nav .owl-prev{left:0;}
    .fahrzeugslider .fahrzeugwrapper .mobileFahrzeugslider .owl-nav .owl-next{right:0;}

}

@media(max-width:575px){

    .container{padding:0 15px!important;}
    #page5755 .flx_headerblock .content .headline{font-size:175%;}

    /* Fahrzeug Filter */


    /* Fahrzeug Single */

    .vehicle-single .headline{font-size:175%;}
    .vehicle-single .header h1{font-size:175%;}

    .vehicle-single .galerie .slider .owl-controls .owl-dots .owl-dot{height:50px;}

    .vehicle-single .features .card .card-header .card-button h2{padding-right:25px; font-size:110%;}

    .vehicle-single .galerie .pricewrapper {flex-direction: column; gap: 10px;align-items:center;}
    .vehicle-single .galerie .stack.secondary-price {align-self:unset;}

    .vehicle-single .features .card .card-body ul{padding-left:0;}
    .vehicle-single .features .card .card-body ul li.withicon{width:49.4%;display:inline-block;padding:15px;margin:5px 0;}
    /* .vehicle-single .features .card .card-body ul li.withicon.noavailable{display:none;} */
    .vehicle-single .features .card .card-body ul li.withicon img{max-width:100px;}

    #vehicle-sort .col-sm-6{padding:0;}
    #vehicle-sort .vehicle-sort{display:block;}
    #vehicle-sort .vehicle-sort label{padding:0 0 10px 0;}
    #vehicle-sort .vehicle-sort select{display:block;width:100%;max-width:400px!important;margin:0;}

}