body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
.subheadline-h1 {
    font-family: 'Volvo Novum', Arial, sans-serif !important;
    color: #161619;
}

.auda-space {
    padding: 25px;
}

.auda-space-xl {
    padding: 5px;
}

.auda-full-height {
    height: 100%;
}

.btn {
    font-weight: bold;
    text-transform: uppercase;
}

hr {
    border-bottom: 1px solid #fff200;
}

#header-slider .carousel-caption .h2 {
    font-family: 'Volvo Broad', 'Arial Black', sans-serif !important;
    font-size: 85px;
    font-weight: 300;
    text-shadow: 2px 1px 5px #222;
}

#header-slider {
    border: none;
}

#header-slider::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 4px;
    background: #fff200;
    right: 0;
}

.site-home #site-content {
    padding-top: 0;
}

#section-service-brands-ajax,
#section-service-brands-ajax #location-request {
    background: #f8f8f8;
}

#section-service-brands-ajax .btn-default {
    margin-bottom: 0;
    border-radius: 0;
}

#site-content h2 .headline-h2,
#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2,
.page-headline h1,
.page-headline .headline-h1,
.page-headline .subheadline-h1 {
    text-transform: initial;
    font-size: 34px;
    font-weight: bold;
}

.owl-theme .owl-dots .owl-dot span {
    background: #000;
    border: 1px solid #000;
}

.owl-theme .owl-dots .owl-dot.active span {
    border: 1px solid #fff200;
}

/***************  Drop Shadow Class CM ********************/

.auda-shadow {
    box-shadow:
        0 4px 24px rgb(0 0 0 / 35%),
        0 6px 12px rgb(0 0 0 / 12%);
}

/***************  Drop Shadow Class CM ********************/

/**************   Formulare   *****************************/
label {
    font-weight: 400;
}

form input.form-control,
form textarea.form-control {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #000;
    background: #fbfbfb;
}

#section-contact-form,
#section-location-landingpage .infomanager-area.module-block #section-location-landingpage section.module-block {
    margin: 0;
}

#section-contact-form form .well,
.auda-search .audaris-widget .form-select:focus {
    box-shadow: none;
}

#section-contact-form .well {
    border: 1px solid #fff;
    box-shadow: 0 10px 16px rgb(0 0 0 / 7%);
}

#section-contact-form h2.content-title {
    color: #161619;
}

/**************  End Formulare   *****************************/
body.blog-entry #header-slider .header-envkv-info {
    font-size: 0.5em;
    color: #000;
    text-shadow: none;
    bottom: 0;
}

#site-content [data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-slider-entry .hover_area,
#section-infomanager.infomanager-view-3[data-slider-view='1'] .im-slider-entry .hover_area,
#section-contact-persons-slider .contact-person-more-info {
    color: #fff;
    background: rgb(0 0 0 / 70%);
}

.auda-wrap {
    display: flex;
    flex-wrap: wrap;
}

.auda-pkw,
.auda-lkw {
    display: block;
    height: 100%;
    position: relative;
    z-index: 9;
}

.auda-pkw::before,
.auda-lkw::before {
    content: '';
    background: rgb(0 0 0 / 50%);
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 0.2s all;
}

.auda-pkw:hover::before,
.auda-lkw:hover::before {
    background: rgb(0 0 0 / 10%);
}

.auda-pkw-text,
.auda-lkw-text {
    position: absolute;
    bottom: 10%;
    left: 4%;
    width: 80%;
}

.auda-pkw p,
.auda-lkw p {
    font-size: 8em;
    font-weight: bold;
    color: #fff;
    margin: 0;
    position: relative;
    left: -10px;
}

.auda-pkw p::before,
.auda-lkw p::before {
    position: absolute;
    content: '';
    width: 30%;
    height: 4px;
    background: #fff200;
    bottom: 10px;
    left: 12px;
}

.auda-pkw span,
.auda-lkw span {
    font-size: 1.3em;
    position: relative;
    color: #fff;
}

.link-default,
.link-pfeil {
    color: #161619;
}

.link-default:hover,
.link-pfeil:hover {
    color: #605e36;
}

/* Audaris widget */

.vehicleslider button.ml-auto {
    margin-left: 0;
}

.vehicleslider button.ml-4 {
    margin-left: auto;
}

#section-search-switcher.auda-search .nav-tabs > li > a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    border-radius: 0;
}

#section-search-switcher .tab-content {
    background-color: #f8f8f8;
    border-radius: 0;
}

.auda-search .audaris-widget button {
    font-family: 'Volvo Novum', Arial, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #787878;
}

.audaris-widget .text-white .vehicle-installment {
    color: #161619 !important;
}

.auda-search .audaris-widget .form-select {
    border-width: 0 0 2px;
    border-style: solid;
    background: transparent;
    border-color: #707070;
}

/* END Audaris widget */

.auda-broad {
    font-family: 'Volvo Broad', 'Arial Black', sans-serif !important;
    font-size: 50px;
    letter-spacing: 1px;
}

h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
}

.auda-bg-gradient {
    background: #f8f8f8;
    background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 70%, #fff 70%, #fff 100%);
    padding: 40px 0;
}

.auda-bg-invert-gradient {
    background: #fff;
    background: linear-gradient(to right, #fff 0%, #fff 30%, #f8f8f8 30%, #f8f8f8 100%);
    padding: 40px 0;
}

.auda-testimonials {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
}

.auda-testimonials h4 {
    text-transform: initial;
}

/* RM: Fix for Testimonials Slider at Über uns page */
.auda-testimonial-slide .slider-content {
    position: static;
}

.auda-testimonial-slide .img-responsive {
    display: none !important;
}

.auda-bg-padding {
    padding: 50px;
}

.auda-square {
    position: relative;
}

.auda-square::before {
    content: '';
    position: absolute;
    background: #fff200;
    width: 15px;
    height: 15px;
    left: -20px;
    top: 50%;
    transform: translate(0%, -50%);
}

.auda-stern {
    color: #fff200;
}

.auda-bg-light {
    background: #f8f8f8;
}

.auda-bg-dark,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: #000;
    color: #fff;
}

.auda-bg-grey {
    background: #707070;
    color: #fff;
}

.auda-xxl-box .auda-text-up {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90%;
}

#site-content .module-block.auda-xxl-box .auda-text-up h2 small {
    color: #fff;
    text-transform: initial;
    font-size: 45%;
}

.auda-boxes {
    padding: 130px 15px;
    text-align: center;
}

.auda-top-line {
    position: relative;
}

.auda-top-line::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 4px;
    background: #fff200;
}

.auda-text-on-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 15px;
    transition: 0.3s all;
}

.auda-box-light {
    background: #f8f8f8;
    position: relative;
    padding: 30px;
    margin: 8px 0;
    height: 100%;
}

.auda-box-light::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #fff200 transparent transparent;
}

.auda-box-light h3 {
    position: relative;
    margin-bottom: 20px;
}

.auda-box-light h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #000;
}

.auda-bg-invert-gradient .btn + .btn,
.auda-bg-gradient .btn + .btn {
    margin-left: 40px;
}

.btn-default {
    background-color: transparent;
    border-color: #000;
    color: #161619;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    padding: 6px 24px;
    border-radius: 4px;
    transition: 0.5s all;
}

.auda-bg-dark .btn-default,
#pre_area .btn-default {
    border-color: #fff;
    color: #fff;
}

.btn-link,
.btn-link:hover {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 0;
    color: #161619;
    font-weight: bold;
    text-decoration: none;
}

.btn-link::before {
    content: '\f054';
    font: normal normal normal 11px/1 FontAwesome;
    opacity: 1;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s all;
}

.btn-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff200;
    opacity: 0;
    transition: 0.5s all;
}

.btn-link:hover::after {
    opacity: 1;
}

.auda-text-white,
.auda-bg-dark h3,
.auda-bg-dark .btn,
.auda-bg-grey h3,
.auda-bg-grey .btn,
.auda-xxl-box h2 small,
#footer #pre_area p {
    color: #fff;
}

[data-container='image-slider'] .slider-content {
    padding: 0;
}

.auda-slider-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 15px;
}

.auda-slider-content::before {
    content: '';
    height: 7px;
    position: absolute;
    background: #fff200;
    width: 50%;
    top: 0;
    margin-left: 50%;
    transform: translate(-50%, -50%);
}

.auda-slider-content a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%;
}

.auda-slider-content a h3 {
    line-height: 1;
}

.auda-slider-content a p {
    font-weight: bold;
    line-height: 1;
    text-shadow: 2px 1px 5px #222;
}

.auda-slider-content .btn-link::before {
    content: none;
}

.auda-box-border {
    position: relative;
    padding: 12px;
    margin: 10px 0;
}

.auda-box-border h3,
h4 {
    font-size: 1.2em;
    font-weight: 600;
    color: #161619;
    text-transform: uppercase;
}

.auda-box-border::before {
    content: '';
    height: 75%;
    position: absolute;
    width: 2px;
    background: #fff200;
    bottom: 20px;
    left: 0;
}

.auda-box-border img {
    margin-bottom: 20px;
    width: 100px;
}

.auda-box-border .fa {
    background: #eee;
    padding: 20px;
    font-size: 20px;
}

.auda-align-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.auda-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.auda-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.auda-column-between:hover::before {
    position: absolute;
    content: '';
    background: rgb(0 0 0 / 4%);
    width: 100%;
    height: 100%;
    z-index: 1;
}

section .container,
section .container-fluid {
    background: transparent;
}

#footer #pre_area .list-group-item,
.auda-list .list-group-item {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 10px 24px;
}

.auda-list .list-group-item::before {
    position: absolute;
    content: '\f058';
    font-family: FontAwesome;
    color: #0a7511;
    left: 0;
    font-size: 20px;
    top: 7px;
}

#footer #pre_area h3 {
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

#footer #pre_area h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 25%;
    height: 5px;
    background: #fff;
}

#footer #pre_area h3 ~ ul > .list-group-item {
    padding: 10px 0;
}

#footer #after_area {
    text-align: left;
}

#footer #pre_area a:not(.btn):hover {
    background: #707070;
    transition: 0.2s all;
    text-decoration: none;
}

#article-blog-entry.infomanager-entry .footnote {
    margin-top: 70px;
}

@media (min-width: 992px) {
    .pageid-10303 #header #header-right {
        position: initial;
    }

    .pageid-10303 #header #header-right .fa-percent::before {
        font-size: 36px;
    }

    .pageid-10303 .auda-search,
    .pageid-10301 .auda-search {
        position: relative;
        bottom: 100px;
    }

    .auda-md-flex {
        display: flex;
    }
}

#footer .module-block {
    margin: 40px;
}

@media (min-width: 768px) {
    .auda-sm-flex {
        display: flex;
    }

    .module-block {
        margin: 140px 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .auda-text-on-box h3 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .auda-pkw p,
    .auda-lkw p {
        font-size: 1.5em;
    }

    .auda-box-border h3,
    h4 {
        font-size: 1.05em;
    }
}

@media (max-width: 991px) {
    .auda-pkw-text span {
        display: none;
    }

    .auda-align-center .vehicleslider.module-block {
        margin-top: 0;
    }

    .auda-broad,
    #header-slider .carousel-caption .h2 {
        font-size: 30px;
    }

    .auda-pkw p,
    .auda-lkw p {
        font-size: 3em;
        left: 0;
    }

    .auda-pkw p::before,
    .auda-lkw p::before {
        bottom: 0;
        left: 2px;
    }

    .auda-pkw span,
    .auda-lkw span {
        font-size: 1.3em;
    }

    .auda-bg-invert-gradient {
        background: #f8f8f8;
    }

    .auda-bg-gradient {
        background: #fff;
    }

    .auda-second-order {
        order: 2;
    }

    .auda-text-on-box {
        padding: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .auda-box-border {
        display: block;
    }
}

/* CSS VON ANDREAS HAGEN */

[data-container='configurator'] .container-configurator .btn-primary,
[data-container='configurator'] .container-configurator .btn-success {
    color: #000;
}

/* Timeline */
.tl {
    padding: 0;
    margin: 0;
    position: relative;
}

.tl_timeline {
    padding: 40px 0;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 40px;
    margin-top: -45px;
}

/* Vertikale Linie */
.tl_timeline::before {
    content: '';
    position: absolute;
    left: 65px;
    width: 3px;
    height: calc(100% - 160px);
    background: #ffed00;
}

/* Logo_Short */
@media (min-width: 907px) {
    .tl_timeline .tl_column .tl_title h3::before {
        content: url('/website/themes/popp-fahrzeugbau.de/dynamic/fe/logo/historie.jpg');
        position: absolute;
        left: 42px;
        margin-top: 46px;
        width: 40px;
        height: 0;
        background: #fff;
    }
}

/* Timeline-Eintrag */
.tl_timeline .tl_column {
    margin: 40px 0;
}

/* Jahreszahl */
.tl_timeline .tl_column .tl_title h3 {
    font-size: 40px;
    color: #161619;
    letter-spacing: 0;
    margin-left: 8px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* Titel */
.tl_timeline .tl_column .tl_title h4 {
    margin-top: -47px;
    font-size: 22px;
    color: #161619;
    margin-left: 8px;
}

/* Beschreibung */
.tl_timeline .tl_column .tl_description {
    border-left: 1px solid #ffed00;
    margin-left: 8px;
}

.tl_timeline .tl_column .tl_description p {
    font-size: 13px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 10px;
    padding-right: 10px;
}

/* Timeline - Anpassungen fuer mobile Geraete */
@media (max-width: 479px) {
    #optional-header-icons > a:last-child {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .tl_timeline {
        width: 85%;
    }

    .tl_timeline::before {
        left: 15px;
    }

    .tl_timeline .tl_column {
        margin: 0;
    }

    .tl_timeline .tl_column .tl_title h2::before {
        left: -4px;
    }
}

/* ----------------- Popup-card START  CM--------------- */

.popup-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: auto;
    max-height: 800px;
    aspect-ratio: 3 / 2;
    background: url('/website/themes/popp-fahrzeugbau.de_relaunch/dynamic/fe/Sonstiges/popup-bild-karriere.png') no-repeat center center;
    border-radius: 15px;
    background-size: cover;
}

.button-container {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
}

.karriere-button {
    padding: 15px 30px;
    font-size: 18px;
    background-color: #fbeb1c;
    color: #000;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.karriere-button:hover {
    background-color: #000;
    color: #fff;
}

/* ----------------- Popup-card END  CM----------------- */

/* Leadbox Leasingangebote PG */

.sticky-box {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

.lead-box {
    background-color: #f5f5f5;
    border: 5px solid #fff200;
    padding: 15px;
    color: #161616;
    border-radius: 4px;
    box-shadow:
        0 2px 8px rgb(0 0 0 / 62%),
        0 1.5px 2px rgb(0 0 0 / 8%);
}

.leasing-box {
    color: #f1b600;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    font-family: Arial, sans-serif;
}

.leadbox-button {
    color: #000;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #000;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.leadbox-button:hover {
    background-color: #fff200;
    color: #000;
}

.price-info {
    text-align: right;
}

.price {
    font-size: 32px;
    font-weight: bold;
    color: #000;
}

.rate-text {
    font-size: 14px;
    color: #000;
}

@media (max-width: 480px) {
    .leasing-box {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 10px;
    }

    .price-info {
        text-align: center;
    }
}

/* Leadbox Leasingangebote PG END */

/* Standort Ausblendung */

h1,
h2,
h3,
h4,
h5,
h6 {
    hyphens: auto;
}

#pre_area .direction-marken [data-img='volvo-trucks'] {
    background: url('https://www.brands.audaris.eu/web/img/brands/variation/volvo-trucks_weiss.png') no-repeat;
    box-sizing: border-box;
    width: 40px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 40px; /* Equal to width of new image */
    background-size: contain;
}

#pre_area .direction-marken [data-img='volvo'] {
    background: url('https://www.brands.audaris.eu/web/img/brands/variation/volvo_weiss.png') no-repeat;
    box-sizing: border-box;
    width: 40px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 40px; /* Equal to width of new image */
    background-size: cover;
}

#pre_area .direction-marken [data-img='volvo-sp'] {
    background: url('https://www.brands.audaris.eu/web/img/brands/variation/volvo_service_weiss.png') no-repeat;
    box-sizing: border-box;
    width: 40px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 40px; /* Equal to width of new image */
    background-size: cover;
}

#pre_area .direction-marken [data-img='nissan-sp'] {
    background: url('https://www.brands.audaris.eu/web/img/brands/variation/nissan_service_weiss.png') no-repeat;
    box-sizing: border-box;
    width: 40px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 40px; /* Equal to width of new image */
    background-size: cover;
}

#pre_area .direction-marken [data-img='polestar-sp'] {
    background: url('https://www.brands.audaris.eu/web/img/brands/variation/polestar_service_weiss.png') no-repeat;
    box-sizing: border-box;
    width: 40px; /* Width of new image */
    height: 40px; /* Height of new image */
    padding-left: 40px; /* Equal to width of new image */
    background-size: cover;
}

#site-content .audaris-widget .Showroom.List > header > h1 {
    text-align: left;
}

.pageid-598 .showroom-popp-extra-buttons {
    display: none;
}

@media (min-width: 992px) {
    .showroom-popp-extra-buttons {
        z-index: 9;
        position: relative;
        width: 100%;
        text-align: center;
    }
}

/************ ACCORDION | AA ********************/
.auda-accordion-yellow .panel-title a {
    display: block;
    position: relative;
    background: #fff200;
    text-align: center;
    padding: 10px 15px;
}

.auda-accordion-yellow .panel-default > .panel-heading {
    background: transparent;
    border: none;
    padding: 0;
}

.auda-accordion-yellow .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    padding: 10px;
    color: #414141;
    position: absolute;
    right: 0;
    top: 0;
}

.auda-accordion-yellow .panel-default {
    border: none;
    margin-bottom: 20px;
}

/************ ACCORDION - AA ********************/

/* Timeline 02 - Popp Automobile - PKW */
.tl {
    padding: 0;
    margin: 0;
    position: relative;
}

.tl_timeline-02 {
    padding: 40px 0;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 40px;
    margin-top: -45px;
}

/* Vertikale Linie */
.tl_timeline-02::before {
    content: '';
    position: absolute;
    left: 65px;
    width: 3px;
    height: calc(100% - 160px);
    background: #ffed00;
}

/* Logo_Short */
@media (min-width: 907px) {
    .tl_timeline-02 .tl_column .tl_title h3::before {
        content: url('/website/themes/popp-fahrzeugbau.de_relaunch/dynamic/fe/logo/popp-automobile-historie.png');
        position: absolute;
        left: 55px;
        margin-top: 20px;
        width: 40px;
        height: 0;
        background: #fff;
    }
}

/* Timeline-Eintrag */
.tl_timeline-02 .tl_column {
    margin: 40px 0;
}

/* Jahreszahl */
.tl_timeline-02 .tl_column .tl_title h3 {
    font-size: 40px;
    color: #161619;
    letter-spacing: 0;
    margin-left: 35px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* Titel */
.tl_timeline-02 .tl_column .tl_title h4 {
    margin-top: -47px;
    font-size: 22px;
    color: #161619;
    margin-left: 35px;
}

/* Beschreibung */
.tl_timeline-02 .tl_column .tl_description {
    border-left: 1px solid #ffed00;
    margin-left: 35px;
}

.tl_timeline-02 .tl_column .tl_description p {
    font-size: 13px;
    line-height: 20px;
    margin-left: 45px;
    margin-top: 10px;
    padding-right: 10px;
}

/* Timeline - Anpassungen fuer mobile Geraete */
@media (max-width: 479px) {
    #optional-header-icons > a:last-child {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .tl_timeline {
        width: 85%;
    }

    .tl_timeline::before {
        left: 15px;
    }

    .tl_timeline .tl_column {
        margin: 0;
    }

    .tl_timeline .tl_column .tl_title h2::before {
        left: -4px;
    }
}

/* Timeline - Popp Automobile - PKW - Ende */

.direction-area div[data-container='direction-content'] > div:first-child,
#section-direction-selection .margin35px > div.dropdown {
    background: #f1f1f1;
    padding: 30px 0;
}

body.site-home:not(.location-landingpage) #header-slider,
.pageid-10303 .breadcrumb_area,
.pageid-10301 .breadcrumb_area,
#directions-request .direction-marken img[data-img='volvo-sp'],
#directions-request .direction-marken img[data-img='iveco_bus-sp'],
.pageid-10614 #section-service-brands-ajax #marken-request .direction-marken-logo:first-child,
.pageid-10617 #section-service-brands-ajax #marken-request .direction-marken-logo:nth-of-type(2),
.pageid-10617 #section-service-brands-ajax #marken-request .direction-marken-logo:nth-of-type(3),
.pageid-10301 #section-service-brands-ajax #marken-request .direction-marken-logo:nth-of-type(2),
.pageid-10301 #section-service-brands-ajax #marken-request .direction-marken-logo:nth-of-type(3),
.pageid-11112 #section-direction-selection .dropdown ul li:last-child,
.pageid-11113 #section-direction-selection .dropdown ul li:nth-child(-n + 7),
#section-service-select .per-phone {
    display: none;
}

.shadow-block {
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgb(0 0 0 / 62%),
        0 1.5px 2px rgb(0 0 0 / 8%);
}

/*************** CARDS ***************/
.card-container {
  display: flex;
  padding: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.07);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #eaeaea;
  transition: box-shadow 0.2s;
  margin-bottom: 24px;
}

.card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: transform 0.35s cubic-bezier(0.24, 0.64, 0.28, 0.98);
}

.card:hover img {
  transform: scale(1.06);
}

.card-content {
  padding: 20px;
  flex: 1 1 auto;
}

.card-content h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2rem;
}

.card-content p {
  color: #757575;
  margin: 0 0 16px;
}

.card-content button {
  background: #333;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.15s;
  font-size: 1rem;
}

.card-content button:hover {
  background: #222;
}

/* Responsiveness */
@media (max-width: 1100px) {
  .card-container {
    gap: 16px;
  }
  .card {
    width: 45%;
    min-width: 280px;
  }
}

@media (max-width: 700px) {
  .card-container {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .card {
    width: 95%;
    min-width: 0;
  }
}