/* ==========================================================================
   Autofrank AG – Custom Styles
   Seitenübergreifende Overrides und projekt-spezifische Komponenten
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header / Navbar (alle Seiten)
   -------------------------------------------------------------------------- */

/* Vergrössertes Logo */
.header-style-v1 .header-inner .c-box .logo-inner .logo img {
    max-width: 230px;
}
@media (max-width: 1399px) {
    .header-style-v1 .header-inner .c-box .logo-inner .logo img {
        max-width: 200px;
    }
}

/* Header-Balken unter Navbar entfernen (Desktop, Innenseiten) */
.boxcar-header.cus-style-1,
header.boxcar-header.cus-style-1 {
    padding-bottom: 0 !important;
}

/* Unterseiten (dunkler Header): Termin-Button Hover hell, nicht Theme-Blau */
.header-style-v1.inner-header .btn .header-btn-two:hover,
.header-style-v1.inner-header .btn .header-btn-two:focus {
    background-color: var(--theme-color-light, #ffffff) !important;
    color: var(--theme-color-dark, #050B20) !important;
    border-color: var(--theme-color-light, #ffffff) !important;
}

.header-style-v1.inner-header .btn .header-btn-two:focus-visible {
    outline: 2px solid var(--theme-color-light, #ffffff);
    outline-offset: 2px;
}

/* Startseite: Termin-Button Hover Dunkelblau (#050B20), nicht Theme-Blau / transparent */
.header-style-v1.style-two:not(.inner-header) .btn .header-btn-two:hover,
.header-style-v1.style-two:not(.inner-header) .btn .header-btn-two:focus,
.header-style-v1.style-two:not(.inner-header) .btn .header-btn-two:active {
    background-color: var(--theme-color-dark, #050B20) !important;
    color: var(--theme-color-light, #ffffff) !important;
    border-color: var(--theme-color-dark, #050B20) !important;
}

.header-style-v1.style-two:not(.inner-header) .btn .header-btn-two:focus-visible {
    outline: 2px solid var(--theme-color-light, #ffffff);
    outline-offset: 2px;
}

/* Mobile / Tablet Navbar: volle Höhe, Hintergrund, vertikal zentriert */
@media (max-width: 1199px) {
    .boxcar-header.header-style-v1.style-two {
        padding: 0;
        min-height: 72px;
    }

    /* Startseite: transparent über dem Banner (wie Theme style-two) */
    .boxcar-header.header-style-v1.style-two:not(.inner-header) {
        background-color: transparent;
    }

    .boxcar-header.cus-style-1,
    header.boxcar-header.cus-style-1 {
        padding: 0 !important;
    }

    .header-style-v1 .header-inner {
        padding: 0 !important;
        width: 100%;
        min-height: 72px;
        display: flex;
        align-items: center;
    }

    .header-style-v1 .header-inner .inner-container {
        width: 100%;
    }

    .header-style-v1 .header-inner .c-box {
        width: 100%;
        min-height: 72px;
        justify-content: space-between;
        align-items: center;
    }

    /* Leerer Nav-Container ausblenden – sonst verschiebt er Logo & Menü */
    .header-style-v1 .header-inner .c-box .nav-out-bar {
        display: none;
    }

    .header-style-v1 .header-inner .c-box .logo-inner {
        align-items: center;
        flex-shrink: 0;
    }

    .header-style-v1 .header-inner .c-box .logo-inner .logo {
        margin-right: 0;
        display: flex;
        align-items: center;
        line-height: 0;
    }

    .header-style-v1 .header-inner .c-box .logo-inner .logo img {
        max-width: 170px;
        max-height: 44px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .header-style-v1 .header-inner .right-box {
        align-items: center;
        margin-left: auto;
        flex-shrink: 0;
    }

    .header-style-v1 .header-inner .right-box .btn {
        display: none;
    }

    .header-style-v1 .mobile-navigation {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 16px;
        height: 44px;
        width: 44px;
    }

    .header-style-v1 .mobile-navigation a {
        align-items: center;
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------
   Why-choose Icons (Offizieller Renault & Dacia …): einheitliches Dunkelblau
   -------------------------------------------------------------------------- */
.why-choose-us-section .choose-us-block .icon-box svg path[stroke="#E1E1E1"] {
    stroke: var(--theme-color-dark, #050B20);
}

/* --------------------------------------------------------------------------
   Index – Vehicle Type Cards: ganze Card klickbar
   -------------------------------------------------------------------------- */
.cars-types-scroller .cars-type-card-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.cars-types-scroller .cars-type-card-link:hover,
.cars-types-scroller .cars-type-card-link:focus,
.cars-types-scroller .cars-type-card-link:visited {
    color: inherit;
    text-decoration: none;
}

.cars-types-scroller .cars-type-card-link .content-box .title {
    color: inherit;
}

.cars-types-scroller .slick-prev,
.cars-types-scroller .slick-next {
    width: 60px;
    height: 40px;
    border: 1px solid #050B20;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.cars-types-scroller .slick-prev::before,
.cars-types-scroller .slick-next::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #050B20;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cars-types-scroller .slick-prev::before {
    content: "\f104";
}
.cars-types-scroller .slick-next::before {
    content: "\f105";
}

/* --------------------------------------------------------------------------
   Fahrzeuge im Angebot – Cards gleiche Höhe & Textüberlauf fix
   -------------------------------------------------------------------------- */
.car-block-three {
    display: flex;
}
.car-block-three .inner-box {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.car-block-three .inner-box .content-box {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.car-block-three .inner-box .content-box {
    padding: 12px 20px 10px !important;
}
.car-block-three .inner-box .content-box .text {
    white-space: normal !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
}
.car-block-three .inner-box .content-box ul {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    margin-bottom: 6px !important;
}
.car-block-three .inner-box .content-box ul li {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    font-size: 13px;
    flex: 1;
    min-width: 0;
}
.car-block-three .inner-box .content-box .btn-box {
    margin-top: auto;
}

/* --------------------------------------------------------------------------
   Einheitliches Spacing nach Navbar (team / karriere / contact)
   -------------------------------------------------------------------------- */

/* Layout-Radius (abgerundeter Container) neutralisieren */
.boxcar-team-section.layout-radius {
    border-radius: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
}

/* Team-Seite Hero/Header-Section */
.boxcar-team-section.v1 {
    padding: 60px 0 80px !important;
}
@media (max-width: 991px) {
    .boxcar-team-section.v1 {
        padding: 40px 0 60px !important;
    }
}

/* Intro-Text unter H1 auf Mobile (style.css: .boxcar-title .text { display: none } ≤767px) */
@media (max-width: 767px) {
    .boxcar-team-section.v1 .boxcar-title .text {
        display: block !important;
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.6;
    }
}

/* „Alle anzeigen“ im Team-Block auf Mobile sichtbar (Template blendet .btn-title sonst aus) */
@media (max-width: 767px) {
    .boxcar-team-section .boxcar-title .btn-title {
        display: inline-flex;
        align-items: center;
    }
}

/* Team-Seite: einheitliche quadratische Portraits wie im Slider */
.boxcar-team-section.v1 .team-block .inner-box .image-box .image {
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

.boxcar-team-section.v1 .team-block .inner-box .image-box .image a {
    display: block;
    position: absolute;
    inset: 0;
}

.boxcar-team-section.v1 .team-block .inner-box .image-box .image picture {
    display: block;
    width: 100%;
    height: 100%;
}

.boxcar-team-section.v1 .team-block .inner-box .image-box .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    filter: none;
    opacity: 1;
}

/* Team-Fotos: keine Filter, Originalfarben, volle Fläche */
.boxcar-team-section .team-block .inner-box .image-box .image img,
.team-slider .team-block .inner-box .image-box .image img {
    filter: none;
    opacity: 1;
    object-fit: cover;
    object-position: top center;
}

/* Contact-Section Reset */
.contact-us-section {
    padding: 60px 0 80px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
@media (max-width: 991px) {
    .contact-us-section {
        padding: 40px 0 60px !important;
    }
}
.contact-us-section .map-sec {
    margin: 0 !important;
}
.contact-us-section .boxcar-title-three {
    margin-bottom: 28px;
}
.contact-us-section .boxcar-title-three h2 {
    margin-bottom: 0;
}

/* Kontaktformular: «Nachricht senden» in Autofrank-Dunkelblau (#050B20) */
.contact-us-section .calculater-sec .content-column form .theme-btn,
.contact-us-section .form-submit .theme-btn {
    background-color: #050B20;
    border: 1px solid #050B20;
    color: #ffffff;
}

.contact-us-section .calculater-sec .content-column form .theme-btn:hover,
.contact-us-section .calculater-sec .content-column form .theme-btn:focus,
.contact-us-section .calculater-sec .content-column form .theme-btn:active,
.contact-us-section .form-submit .theme-btn:hover,
.contact-us-section .form-submit .theme-btn:focus,
.contact-us-section .form-submit .theme-btn:active {
    background-color: #1a2235 !important;
    border-color: #1a2235 !important;
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   Index – „Fahrzeuge finden, Termin buchen“: Hero-CTA-Buttons (heller Hintergrund)
   -------------------------------------------------------------------------- */
.boxcar-pricing-section-two .pricing-cta-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

.boxcar-pricing-section-two .pricing-cta-group .tf-btn {
    padding: 14px 28px;
}

.boxcar-pricing-section-two .pricing-cta-primary {
    background-color: #050B20;
    border-color: #050B20;
    color: #ffffff;
}

.boxcar-pricing-section-two .pricing-cta-primary:hover {
    background-color: #1a2235;
    border-color: #1a2235;
    color: #ffffff;
}

.boxcar-pricing-section-two .pricing-cta-secondary {
    background-color: transparent;
    border-color: #050B20;
    color: #050B20;
}

.boxcar-pricing-section-two .pricing-cta-secondary:hover {
    background-color: #050B20;
    border-color: #050B20;
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   Slide- & CTA-Buttons: Hover/Focus/Active/Visited
   Verhindert weissen Text durch globales a:hover { color: inherit }
   -------------------------------------------------------------------------- */

/* Hero-Slider: einzelner CTA (.banner-btn) */
a.banner-btn,
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .banner-btn {
    color: #050B20;
    text-decoration: none;
}

a.banner-btn:hover,
a.banner-btn:focus,
a.banner-btn:active,
a.banner-btn:visited,
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .banner-btn:hover,
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .banner-btn:focus,
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .banner-btn:active,
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box .banner-btn:visited {
    color: #050B20;
    background-color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.88);
}

/* Hero-Slider: Button-Gruppe (Slide 1) */
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:hover,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:focus,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:active,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:visited {
    color: #050B20;
}

.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:hover,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:focus,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-primary:active {
    background-color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.88);
}

.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:visited {
    color: #ffffff;
}

.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:hover,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:focus,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:active,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:visited:hover,
.boxcar-banner-section-two .banner-slide .content-box .banner-cta-secondary:visited:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #050B20;
}

/* Pricing-Section CTAs */
.boxcar-pricing-section-two .pricing-cta-primary,
.boxcar-pricing-section-two .pricing-cta-primary:hover,
.boxcar-pricing-section-two .pricing-cta-primary:focus,
.boxcar-pricing-section-two .pricing-cta-primary:active,
.boxcar-pricing-section-two .pricing-cta-primary:visited {
    color: #ffffff;
}

.boxcar-pricing-section-two .pricing-cta-secondary,
.boxcar-pricing-section-two .pricing-cta-secondary:visited {
    color: #050B20;
}

.boxcar-pricing-section-two .pricing-cta-secondary:hover,
.boxcar-pricing-section-two .pricing-cta-secondary:focus,
.boxcar-pricing-section-two .pricing-cta-secondary:active,
.boxcar-pricing-section-two .pricing-cta-secondary:visited:hover,
.boxcar-pricing-section-two .pricing-cta-secondary:visited:focus {
    background-color: #050B20;
    border-color: #050B20;
    color: #ffffff;
}

/* Brand-Banner CTAs (dunkler Hintergrund) */
.brand-boxcar-banner-section .content-column .inner-column .btn:visited {
    color: #ffffff;
}

.brand-boxcar-banner-section .content-column .inner-column .btn:hover,
.brand-boxcar-banner-section .content-column .inner-column .btn:focus,
.brand-boxcar-banner-section .content-column .inner-column .btn:active,
.brand-boxcar-banner-section .content-column .inner-column .btn:visited:hover,
.brand-boxcar-banner-section .content-column .inner-column .btn:visited:focus {
    background: #ffffff;
    color: #050B20;
    border-color: #ffffff;
}

.brand-boxcar-banner-section .content-column .inner-column .btn:hover svg path,
.brand-boxcar-banner-section .content-column .inner-column .btn:focus svg path,
.brand-boxcar-banner-section .content-column .inner-column .btn:active svg path,
.brand-boxcar-banner-section .content-column .inner-column .btn:visited:hover svg path,
.brand-boxcar-banner-section .content-column .inner-column .btn:visited:focus svg path {
    fill: #050B20;
}

/* Slider-Pfeile: Focus/Active wie Hover (nach Klick kein weisser Zustand) */
.slick-prev:not(:disabled):hover,
.slick-prev:not(:disabled):focus,
.slick-prev:not(:disabled):active,
.slick-next:not(:disabled):hover,
.slick-next:not(:disabled):focus,
.slick-next:not(:disabled):active {
    background-color: #050B20;
    border-color: #050B20;
}

.slick-prev:not(:disabled):hover::before,
.slick-prev:not(:disabled):focus::before,
.slick-prev:not(:disabled):active::before,
.slick-next:not(:disabled):hover::before,
.slick-next:not(:disabled):focus::before,
.slick-next:not(:disabled):active::before {
    color: #ffffff;
}

/* Index – Banner-CTA (dunkler Hintergrund): zwei Buttons nebeneinander */
.brand-boxcar-banner-section .banner-btn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

/* --------------------------------------------------------------------------
   Index – „Online entdecken, vor Ort erleben“: Bild auf Mobile/Tablet sichtbar
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .boxcar-pricing-section-two .image-column {
        display: block !important;
    }

    .boxcar-pricing-section-two .content-column .inner-column {
        padding: 0 0 32px !important;
    }

    .boxcar-pricing-section-two .content-column .inner-column .boxcar-title .text {
        display: block !important;
    }

    .boxcar-pricing-section-two .image-column .inner-column {
        padding: 0;
    }

    .boxcar-pricing-section-two .image-column .image-box {
        border-radius: 16px;
        overflow: hidden;
    }

    .boxcar-pricing-section-two .image-column .image-box .image {
        margin: 0;
    }

    .boxcar-pricing-section-two .image-column .image-box .image img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 420px;
        object-fit: cover;
    }
}

/* --------------------------------------------------------------------------
   Karriere – Stelle / Pricing Section Six
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .boxcar-pricing-section-six .image-column {
        display: block !important;
    }
}
.boxcar-pricing-section-six .image-column .image-box {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    max-height: 520px;
}
.boxcar-pricing-section-six .image-column .image-box .image {
    margin: 0;
    height: 100%;
}
.boxcar-pricing-section-six .image-column .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.boxcar-pricing-section-six .content-column .inner-column {
    padding: 10px 0 0 20px;
}
@media (max-width: 991px) {
    .boxcar-pricing-section-six .content-column .inner-column {
        padding: 30px 0 0 0;
    }
}

/* Job-Badge (Karriere) */
.job-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: #F1F4F8;
    color: #050B20;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Job-Highlights (alte Listen-Variante) */
ul.job-highlights {
    list-style: none;
    padding: 0;
    margin: 24px 0 28px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px 24px;
}
ul.job-highlights li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #050B20;
    font-weight: 500;
}

/* --------------------------------------------------------------------------
   Karriere – Job Cards
   -------------------------------------------------------------------------- */
.jobs-grid {
    row-gap: 24px;
}
.job-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    border: 1px solid #E1E1E1;
    border-radius: 16px;
    background: #fff;
    transition: all 0.3s ease;
}
.job-card:hover {
    border-color: #050B20;
    box-shadow: 0 12px 32px rgba(5, 11, 32, 0.08);
    transform: translateY(-3px);
}
.job-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    gap: 12px;
}
.job-pensum {
    font-size: 13px;
    font-weight: 600;
    color: #6B7280;
}
.job-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    color: #050B20;
    margin: 0 0 12px 0;
}
.job-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #5C6371;
    margin: 0 0 20px 0;
}
.job-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    border-top: 1px solid #EFEFEF;
    padding-top: 18px;
}
.job-meta li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #5C6371;
}
.job-meta li i {
    color: #050B20;
    font-size: 13px;
}
.job-apply {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    align-self: flex-start;
    padding: 12px 22px;
    background: #050B20;
    color: #fff;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
.job-apply:hover {
    background: #1f2845;
    color: #fff;
    text-decoration: none;
}
.job-apply svg {
    transition: transform 0.3s ease;
}
.job-apply:hover svg {
    transform: translate(2px, -2px);
}

/* --------------------------------------------------------------------------
   Contact – Map & Info Card
   -------------------------------------------------------------------------- */
.map-sec .goole-iframe iframe {
    width: 100%;
    height: 420px;
    border: 0;
    border-radius: 16px;
    display: block;
}

/* Dunkle Kontakt-Info Card */
.contact-us-section .calculater-sec .contact-column .inner-column.contact-info-card {
    padding: 36px 32px;
    background: #050B20;
    border: none;
    border-radius: 20px;
    color: #fff;
    margin-left: 38px;
}
@media (max-width: 991px) {
    .contact-us-section .calculater-sec .contact-column .inner-column.contact-info-card {
        margin-left: 0;
        margin-top: 32px;
    }
}
.contact-info-card .boxcar-title .title,
.contact-us-section .calculater-sec .contact-column .inner-column.contact-info-card .boxcar-title .title {
    color: #fff !important;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 600;
}
.contact-info-card .boxcar-title .text,
.contact-us-section .calculater-sec .contact-column .inner-column.contact-info-card .boxcar-title .text {
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.6;
    font-size: 15px;
}

/* Kontakt-Info Liste */
.contact-info-list {
    list-style: none;
    padding: 0;
    margin: 28px 0 0 0;
}
.contact-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.contact-info-list li:last-child {
    border-bottom: none;
}
.ci-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 16px;
    transition: background 0.3s ease;
}
.contact-info-list li:hover .ci-icon {
    background: #fff;
    color: #050B20;
}
.ci-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.ci-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}
.ci-value {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.4;
    word-break: break-word;
}
.ci-value:hover {
    color: #fff;
    text-decoration: underline;
}

/* Social-Links in Kontakt-Card */
.contact-social {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.contact-social h6 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 14px 0;
}
.contact-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}
.contact-social ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease;
}
.contact-social ul li a:hover {
    background: #fff;
    color: #050B20;
}

/* --------------------------------------------------------------------------
   Banner-Tagline (Startseite Hero)
   -------------------------------------------------------------------------- */
.boxcar-banner-section-two .banner-tagline {
    color: #fff;
    list-style: none;
}

/* --------------------------------------------------------------------------
   Kontaktformular
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Banner-Slider: H2 gleich stylen wie H1 (SEO: nur 1x H1 pro Seite)
   -------------------------------------------------------------------------- */
.boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box h2 {
    font-size: 70px;
    color: var(--theme-color-light);
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 1399px) {
    .boxcar-banner-section-two .banner-slider .banner-slide .right-box .content-box h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

.contact-select {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    background: #fff;
    color: #050B20;
    font-size: 14px;
}

.contact-textarea {
    color: #000;
    width: 100%;
}

.contact-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.contact-form-alert {
    width: 100%;
    margin-bottom: 20px;
    padding: 14px 18px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
}

.contact-form-alert--success {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    color: #1b5e20;
}

.contact-form-alert--error {
    background: #ffebee;
    border: 1px solid #ef9a9a;
    color: #b71c1c;
}

.contact-privacy-wrap {
    margin-top: 4px;
}

.contact-privacy-intro {
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    margin-bottom: 14px;
}

.contact-privacy-intro a {
    color: var(--theme-color, #050B20);
    text-decoration: underline;
}

.contact-privacy {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
    margin-bottom: 8px;
}

.contact-privacy input {
    margin-top: 4px;
    flex-shrink: 0;
}

.contact-privacy a {
    color: var(--theme-color, #050B20);
    text-decoration: underline;
}

.contact-us-section .form-submit .theme-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   Legal Pages (Impressum / Datenschutz)
   -------------------------------------------------------------------------- */
.legal-content {
    max-width: 900px;
    margin: 0 auto;
}

.legal-card {
    padding: 30px 4px;
    border-bottom: 1px solid #EFEFEF;
}
.legal-card h2 {
    font-size: 22px;
    font-weight: 600;
    color: #050B20;
    margin: 0 0 14px 0;
}
.legal-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.legal-info-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    padding: 14px 0;
    border-bottom: 1px solid #EFEFEF;
}
.legal-info-list li:last-child {
    border-bottom: none;
}
.legal-label {
    flex: 0 0 180px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #6B7280;
    padding-top: 3px;
    white-space: nowrap;
}
.legal-value {
    flex: 1;
    min-width: 220px;
    color: #050B20;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.5;
    word-break: break-word;
}
a.legal-value:hover {
    color: #1f2845;
    text-decoration: underline;
}

.legal-block {
    padding: 30px 4px;
    border-bottom: 1px solid #EFEFEF;
}
.legal-block:last-child {
    border-bottom: none;
}
.legal-block h2 {
    font-size: 22px;
    font-weight: 600;
    color: #050B20;
    margin: 0 0 14px 0;
}
.legal-block h3 {
    font-size: 17px;
    font-weight: 600;
    color: #050B20;
    margin: 20px 0 10px 0;
}
.legal-block h3:first-of-type {
    margin-top: 8px;
}
.legal-bullet-list {
    margin: 0 0 14px 0;
    padding-left: 1.25rem;
    color: #5C6371;
    font-size: 15px;
    line-height: 1.7;
}
.legal-bullet-list li {
    margin-bottom: 4px;
}
.legal-block p {
    color: #5C6371;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 12px 0;
}
.legal-block p:last-child {
    margin-bottom: 0;
}
.legal-block a {
    color: #050B20;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.legal-block a:hover {
    color: #1f2845;
}

@media (max-width: 575px) {
    .legal-info-list li {
        flex-direction: column;
        gap: 4px;
    }
    .legal-label {
        flex: 0 0 auto;
    }
}

/* --------------------------------------------------------------------------
   Premium-Marken Slider
   -------------------------------------------------------------------------- */
.brands-slider-wrap {
    position: relative;
}

/* Slide-Padding */
.brands-slider .brands-slide-item {
    padding: 0 8px;
}
.brands-slider .brands-slide-item .inner-box {
    width: 100%;
}

/* Desktop: Pfeile + Dots ausblenden (slidesToShow=7 → wirkt wie Grid) */
@media (min-width: 992px) {
    .brands-slider-wrap .slick-dots,
    .brands-slider-wrap .slick-prev,
    .brands-slider-wrap .slick-next {
        display: none !important;
    }
}

/* Mobile / Tablet: Premium-Marken Pfeile (Details siehe Unified Slider Nav unten) */
@media (max-width: 991px) {
    .brands-slider-wrap .brands-slider.slick-slider {
        padding-bottom: 70px;
    }
}

/* Brand-Card: volle Breite, Inhalt zentriert */
.brands-slider .slick-slide {
    height: auto;
}

.brands-slider .slick-slide > .brands-slide-item {
    width: 100%;
    height: 100%;
}

.brands-slide-item .inner-box {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 12px !important;
    text-align: center;
}

.brands-slide-item .image-box {
    width: 100%;
    height: auto !important;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.brands-slide-item .image-box figure.image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 60px;
    margin: 0;
}

.brands-slide-item .image-box figure.image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.brands-slide-item .content-box {
    width: 100%;
    text-align: center;
}

.brands-slide-item .content-box .title {
    text-align: center;
}

/* Logo: proportional skalieren, immer mittig in der Card */
.boxcar-brand-section .brands-slide-item .image-box .image img {
    height: auto !important;
    width: auto !important;
    max-height: 55px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 991px) {
    .brands-slide-item .inner-box {
        padding: 16px 10px !important;
    }

    .boxcar-brand-section .brands-slide-item .image-box .image img {
        max-height: 48px !important;
    }
}

@media (max-width: 599px) {
    .brands-slide-item .inner-box {
        padding: 14px 8px !important;
    }

    .boxcar-brand-section .brands-slide-item .image-box .image img {
        max-height: 42px !important;
    }
}

/* --------------------------------------------------------------------------
   Unified slider navigation (Referenz: cars-types-scroller)
   Pfeile unten links, 70px Abstand, 60×40px Buttons mit 20px Lücke
   -------------------------------------------------------------------------- */
.team-slider.slick-slider,
.car-slider-three.slick-slider,
.home-vehicles-slider.slick-slider,
.boxcar-customers-section .car-slider-three.slick-slider {
    padding-bottom: 70px;
}

.team-slider .slick-prev,
.team-slider .slick-next,
.brands-slider-wrap .slick-prev,
.brands-slider-wrap .slick-next,
.car-slider-three .slick-prev,
.car-slider-three .slick-next,
.home-vehicles-slider .slick-prev,
.home-vehicles-slider .slick-next,
.boxcar-customers-section .car-slider-three .slick-prev,
.boxcar-customers-section .car-slider-three .slick-next {
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    z-index: 5;
}

.team-slider .slick-prev,
.brands-slider-wrap .slick-prev,
.car-slider-three .slick-prev,
.home-vehicles-slider .slick-prev,
.boxcar-customers-section .car-slider-three .slick-prev {
    left: 0 !important;
    right: auto !important;
}

.team-slider .slick-next,
.brands-slider-wrap .slick-next,
.car-slider-three .slick-next,
.home-vehicles-slider .slick-next,
.boxcar-customers-section .car-slider-three .slick-next {
    left: 80px !important;
    right: auto !important;
}

.team-slider .slick-prev::before,
.brands-slider-wrap .slick-prev::before,
.car-slider-three .slick-prev::before,
.home-vehicles-slider .slick-prev::before,
.boxcar-customers-section .car-slider-three .slick-prev::before {
    content: "\f104";
}

.team-slider .slick-next::before,
.brands-slider-wrap .slick-next::before,
.car-slider-three .slick-next::before,
.home-vehicles-slider .slick-next::before,
.boxcar-customers-section .car-slider-three .slick-next::before {
    content: "\f105";
}

.car-slider-three .slick-list,
.home-vehicles-slider .slick-list {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Startseite – Fahrzeug-Slider (Cards identisch zu /fahrzeuge, nur Slick-Wrapper) */
.home-vehicles-section.layout-radius {
    position: relative;
    z-index: 2;
}
.home-vehicles-section.cars-section-four {
    padding-top: 100px;
}
@media (max-width: 991px) {
    .home-vehicles-section.cars-section-four {
        padding-top: 80px;
    }
}
.home-vehicles-section .boxcar-title,
.home-vehicles-section .home-vehicles-title {
    position: relative;
    z-index: 3;
    margin-bottom: 30px;
    visibility: visible !important;
    opacity: 1 !important;
}
.home-vehicles-section .home-vehicles-title h2 {
    margin-bottom: 0;
    visibility: visible !important;
    opacity: 1 !important;
}
.home-vehicles-section .home-vehicles-title .btn-title {
    visibility: visible !important;
    opacity: 1 !important;
}
@media (max-width: 767px) {
    .home-vehicles-section .boxcar-title .btn-title {
        display: inline-flex;
        align-items: center;
        position: static;
        margin-top: 14px;
    }
}
.home-vehicles-slider.slick-initialized > .slick-list > .slick-track {
    display: flex !important;
    align-items: stretch !important;
}
.home-vehicles-slider.slick-initialized > .slick-list > .slick-track > .slick-slide {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    padding: 0 12px;
    box-sizing: border-box;
}
.home-vehicles-slider.slick-initialized > .slick-list > .slick-track > .slick-slide > div {
    display: flex;
    width: 100%;
    min-width: 0;
}
.home-vehicles-slider > .slick-list > .slick-track > .slick-slide .car-block-four {
    margin-bottom: 0;
    width: 100%;
    min-width: 0;
    display: flex;
}
.home-vehicles-slider .car-block-four .inner-box .image-box,
.home-vehicles-slider .car-block-four .inner-box .image-box .slider-thumb,
.home-vehicles-slider .car-block-four .inner-box .image-box figure.image {
    width: 100%;
    max-width: 100%;
}
.home-vehicles-state {
    text-align: center;
    padding: 24px 0;
    color: #6B7280;
    font-size: 15px;
    width: 100%;
}
#dynamic-vehicles-grid > .car-block-four {
    display: flex;
    align-items: stretch;
}

/* --------------------------------------------------------------------------
   Über uns – Bildpaar Geschichte
   -------------------------------------------------------------------------- */
.about-image-secondary {
    margin-top: 16px;
}
.about-image-secondary img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: inherit;
}

/* --------------------------------------------------------------------------
   Über uns – «Unser Angebot» (Pricing-Section mit Liste)
   -------------------------------------------------------------------------- */
.about-offer-section .row {
    align-items: center;
}

.about-offer-section .content-column .inner-column {
    padding: 48px 0;
}

.about-offer-section .content-column .inner-column .boxcar-title {
    margin-bottom: 20px;
}

.about-offer-section .content-column .inner-column .list-style-one {
    margin: 0 0 8px;
}

.about-offer-section .content-column .inner-column .list-style-one li {
    position: relative;
    padding-left: 34px;
    margin-right: 0;
    margin-bottom: 12px;
}

.about-offer-section .content-column .inner-column .list-style-one li i {
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: var(--theme-color-light, #F9FBFC);
    border-radius: 60%;
    font-size: 8px;
}

.about-offer-section .pricing-cta-group {
    margin-top: 24px;
}

.about-offer-section .image-column .inner-column .image-box .image img {
    height: auto;
    max-height: 520px;
    object-fit: cover;
}

@media (max-width: 991px) {
    .about-offer-section .content-column .inner-column {
        padding: 0 0 32px !important;
    }
}

/* Picture-Elemente: volle Breite/Höhe wie bisherige img-Selektoren */
.boxcar-banner-section-two .banner-slider .banner-slide > picture {
    display: block;
    width: 100%;
    height: 100%;
}

.boxcar-banner-section-two .banner-slider .banner-slide > picture img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

figure.image picture,
.image-box .image picture {
    display: block;
    width: 100%;
}

figure.image picture img,
.image-box .image picture img {
    width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------
   Fahrzeuge – Dynamic Vehicle Cards (car-block-four)
   -------------------------------------------------------------------------- */
.car-block-four {
    display: flex;
    margin-bottom: 24px;
}
.car-block-four .inner-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}
.car-block-four .inner-box .image-box {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.car-block-four .inner-box .image-box .slider-thumb {
    aspect-ratio: 4 / 3;
    border-radius: 16px 16px 0 0;
}
.car-block-four .inner-box .image-box .slider-thumb .slick-list,
.car-block-four .inner-box .image-box .slider-thumb .slick-track {
    height: 100%;
}
.car-block-four .inner-box .image-box .slider-thumb .image {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    margin: 0;
    height: 100%;
}
.car-block-four .inner-box .image-box .slider-thumb .image a {
    display: block;
    width: 100%;
    height: 100%;
}
.car-block-four .inner-box .image-box .slider-thumb .vehicle-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.car-block-four .inner-box .image-box .slider-thumb .slick-dots {
    bottom: 10px;
    z-index: 4;
}
.car-block-four .inner-box .image-box .image {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    margin: 0;
}
.car-block-four .inner-box .image-box .image a {
    display: block;
    width: 100%;
    height: 100%;
}
.car-block-four .inner-box .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Bild-Skeleton / Shimmer bis Fotos geladen sind */
.car-block-four .inner-box .image-box .vehicle-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #E8EDF3;
    overflow: hidden;
}
.car-block-four .inner-box .image-box .vehicle-image-skeleton {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        110deg,
        #E8EDF3 8%,
        #F4F7FA 22%,
        #E8EDF3 40%
    );
    background-size: 200% 100%;
    animation: vehicle-img-shimmer 1.35s ease-in-out infinite;
}
.car-block-four .inner-box .image-box .vehicle-image-wrap img {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1);
    transition:
        opacity 0.35s ease,
        transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.car-block-four .inner-box:hover .image-box .vehicle-image-wrap.is-loaded img,
.car-block-four .inner-box:hover .image-box .slider-thumb .vehicle-image-wrap.is-loaded img {
    transform: scale(1.06);
}
.car-block-four .inner-box .image-box .vehicle-image-wrap.is-loaded .vehicle-image-skeleton {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}
.car-block-four .inner-box .image-box .vehicle-image-wrap.is-loaded img {
    opacity: 1;
}
.car-block-four .inner-box .image-box .vehicle-image-wrap.is-error .vehicle-image-skeleton {
    display: none;
}
.car-block-four .inner-box .image-box .vehicle-image-wrap.is-error .coming-soon-placeholder {
    position: absolute;
    inset: 0;
    z-index: 2;
}

@keyframes vehicle-img-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .car-block-four .inner-box .image-box .vehicle-image-skeleton,
    .vehicle-card-skeleton .vehicle-image-skeleton,
    .vehicle-skeleton-line {
        animation: none;
    }
    .car-block-four .inner-box .image-box .vehicle-image-wrap img {
        transition: opacity 0.35s ease;
    }
    .car-block-four .inner-box:hover .image-box .vehicle-image-wrap.is-loaded img {
        transform: none;
    }
}

/* Platzhalter-Karten während API-Ladevorgang */
.vehicle-card-skeleton {
    pointer-events: none;
}
.vehicle-card-skeleton .inner-box {
    opacity: 0.92;
}
.vehicle-skeleton-line {
    border-radius: 6px;
    background: linear-gradient(
        110deg,
        #E8EDF3 8%,
        #F4F7FA 22%,
        #E8EDF3 40%
    );
    background-size: 200% 100%;
    animation: vehicle-img-shimmer 1.35s ease-in-out infinite;
}
.vehicle-skeleton-line--title {
    height: 18px;
    width: 72%;
    margin-bottom: 10px;
}
.vehicle-skeleton-line--subtitle {
    height: 14px;
    width: 95%;
    margin-bottom: 14px;
}
.vehicle-skeleton-line--meta {
    height: 12px;
    width: 100%;
    margin-bottom: 16px;
}
.vehicle-skeleton-line--price {
    height: 22px;
    width: 48%;
    margin-top: 4px;
}
/* Fahrzeuge-Karten: Inserat-Link-Icon + Zustands-Tags über dem Bild */
.car-block-four .inner-box .image-box .icon-box {
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.car-block-four .inner-box .image-box .vehicle-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 5;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    pointer-events: none;
    white-space: nowrap;
    max-width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.car-block-four .inner-box .image-box .vehicle-tag--new {
    background-color: #00B67A;
}
.car-block-four .inner-box .image-box .vehicle-tag--used {
    background-color: #405FF2;
}
.car-block-four .inner-box .image-box .vehicle-tag--demo {
    background-color: #7C3AED;
}
.car-block-four .inner-box .image-box .vehicle-tag--prereg {
    background-color: #0D9488;
}
.car-block-four .inner-box .image-box .vehicle-tag--oldtimer {
    background-color: #6B7280;
}
.car-block-four .inner-box .image-box .vehicle-tag--default {
    background-color: var(--theme-color-dark, #050B20);
}

/* Flacker-Fix beim Slick-Slide (Cards rutschen nach links): der overflow:hidden-
   Bildcontainer wurde während der Track-Transform neu gerastert, wodurch
   Occasion-Tag + Link-Icon kurz verschwanden und wiederkamen. Eine eigene, stabile
   GPU-Ebene macht den geclippten Bereich als Ganzes verschiebbar statt neu zu clippen. */
.car-block-four .inner-box .image-box {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.car-block-four .inner-box .image-box .icon-box,
.car-block-four .inner-box .image-box .vehicle-tag {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.car-block-four .inner-box .image-box .image .coming-soon-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F4F8;
    color: #9CA3AF;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.car-block-four .inner-box .content-box {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 27px 11px;
    border-radius: 0 0 16px 16px;
    border: 1px solid var(--Border, #E1E1E1);
    border-top: 0;
}
.car-block-four .inner-box .content-box .title {
    min-height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.car-block-four .inner-box .content-box .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 1.4em;
    margin-bottom: 20px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e1e1e1;
}
.car-block-four .inner-box .content-box ul {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px 6px;
    margin-bottom: 11px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e1e1e1;
}
.car-block-four .inner-box .content-box .vehicle-meta-row {
    padding: 8px 0 10px;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}
.car-block-four .inner-box .content-box .vehicle-meta-row span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--theme-color-dark, #050B20);
}
.car-block-four .inner-box .content-box ul li {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 4.5rem;
    max-width: 100%;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    font-size: 13px;
    line-height: 1.4;
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    text-align: center;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
.car-block-four .inner-box .content-box ul li i[class*="flaticon-"] {
    display: block;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 7px;
}
.car-block-four .inner-box .content-box .btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 4px;
}
.car-block-four .inner-box .content-box .btn-box .details {
    position: static;
    bottom: auto;
    right: auto;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Fahrzeuge-Karten: Preis unten fett */
.car-block-four .inner-box .content-box .btn-box small {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

/* Fahrzeuge – Pagination (archive/inventory-list-01, Theme .pagination-sec) */
.cars-section-four .pagination-sec {
    margin-top: 40px;
    text-align: center;
}
.cars-section-four .pagination-sec.is-loading {
    opacity: 0.65;
    pointer-events: none;
}
.cars-section-four .pagination-sec nav {
    display: block;
}
/* Bootstrap-Reset: Theme nutzt ul.pagination > li > a */
.cars-section-four .pagination-sec ul.pagination {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
    gap: 0;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 19px !important;
    border-radius: 0;
}
.cars-section-four .pagination-sec ul.pagination > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cars-section-four .pagination-sec ul.pagination > li > a,
.cars-section-four .pagination-sec ul.pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--title-font, inherit);
    margin: 0 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50px;
    border: 0;
    color: var(--theme-color-dark, #050B20);
    background-color: transparent;
    text-decoration: none;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.cars-section-four .pagination-sec ul.pagination > li:first-child > a,
.cars-section-four .pagination-sec ul.pagination > li:first-child > span,
.cars-section-four .pagination-sec ul.pagination > li:last-child > a,
.cars-section-four .pagination-sec ul.pagination > li:last-child > span {
    width: 60px;
    min-width: 60px;
    border: 1px solid #e1e1e1 !important;
    background-color: #fff;
    line-height: 1;
}
.cars-section-four .pagination-sec ul.pagination > li > a:hover {
    background-color: #f9fbfc;
    color: var(--theme-color-dark, #050B20);
}
.cars-section-four .pagination-sec ul.pagination > li.is-active > a {
    background-color: var(--theme-color1, #405FF2) !important;
    color: #fff !important;
    border-color: var(--theme-color1, #405FF2) !important;
    pointer-events: none;
}
.cars-section-four .pagination-sec ul.pagination > li.is-disabled > span {
    opacity: 0.35;
    pointer-events: none;
    cursor: default;
    background-color: #fafafa;
}
.cars-section-four .pagination-sec ul.pagination > li.is-gap > span {
    width: auto;
    min-width: 28px;
    border: 0 !important;
    background: transparent;
    font-size: 15px;
    letter-spacing: 0.08em;
    opacity: 0.5;
    cursor: default;
}
.cars-section-four .pagination-sec ul.pagination svg {
    display: block;
    width: 12px;
    height: 12px;
}
.cars-section-four .pagination-sec .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.cars-section-four .pagination-sec .text {
    font-size: 14px;
    line-height: 1.5;
    color: #6B7280;
    margin-top: 0;
}
@media (max-width: 575px) {
    .cars-section-four .pagination-sec ul.pagination > li > a,
    .cars-section-four .pagination-sec ul.pagination > li > span {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin: 0 3px;
        font-size: 14px;
    }
    .cars-section-four .pagination-sec ul.pagination > li:first-child > a,
    .cars-section-four .pagination-sec ul.pagination > li:first-child > span,
    .cars-section-four .pagination-sec ul.pagination > li:last-child > a,
    .cars-section-four .pagination-sec ul.pagination > li:last-child > span {
        width: 48px;
        min-width: 48px;
    }
}

/* /fahrzeuge – inventory-sidebar-cards (nur Ergänzungen zu style.css) */
.cars-section-four.v1.v2 .text-box {
    position: relative;
    z-index: 12;
}
.cars-section-four.v1.v2 .text-box .form_boxes.v3 {
    height: auto;
    overflow: visible;
}
.cars-section-four.v1.v2 .text-box .drop-menu.height-auto .dropdown {
    max-height: none;
    overflow: visible;
    overflow-y: visible;
}
.cars-section-four.v1.v2 .text-box .drop-menu .dropdown {
    z-index: 9999;
}
.cars-section-four.v1.v2 #dynamic-vehicles-grid {
    position: relative;
    z-index: 1;
}
.cars-section-four.v1.v2 .inventroy-widget .form-submit {
    margin-bottom: 12px;
}
.cars-section-four.v1.v2 .inventroy-widget .form-submit .theme-btn {
    width: 100%;
}
.cars-section-four.v1.v2 .inventroy-widget .form-submit .theme-btn i {
    margin-right: 8px;
}
.cars-section-four.v1.v2 .inventory-sidebar .inventroy-widget #vehicle-filters-reset {
    display: inline-block;
    padding: 6px 8px 16px;
}
.cars-section-four.v1.v2 .inventory-sidebar .inventroy-widget .form_boxes .drop-menu {
    position: relative;
}
.cars-section-four.v1.v2 .inventory-sidebar .inventroy-widget .form_boxes .drop-menu .dropdown {
    z-index: 30;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box {
    padding-bottom: 20px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form.row {
    margin-bottom: 0;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box .widget-price {
    position: relative;
    z-index: 1;
    margin: 0 4px 16px;
    padding-top: 12px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box .price-display {
    display: flex;
    align-items: center;
    min-height: 24px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box .price-display span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--theme-color-dark, #050B20);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form-column {
    padding-right: 10px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form-column.v2 {
    padding-left: 10px;
    padding-right: 0;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form-column .form_boxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 64px;
    margin-bottom: 16px;
    padding: 8px 14px 8px 12px;
    position: relative;
    z-index: 2;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form-column.v2 .form_boxes {
    padding: 8px 12px 8px 14px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form_boxes label {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form_boxes .drop-menu .select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 0;
    line-height: 1.3;
    width: 100%;
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form_boxes .drop-menu .select span {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color-dark, #050B20);
}
.cars-section-four.v1.v2 .inventory-sidebar .price-box form .form_boxes .drop-menu .select i {
    float: none;
    position: static;
    flex-shrink: 0;
    margin: 0;
    font-size: 13px;
}