/* MS */

#header #header-right img {
    height: auto;
}

/* MSEnd */

/* LF */
h1,
h2,
h3,
h4,
h5,
h6,
body {
    hyphens: auto;
}

.auda-testimonial-slide .slider-content {
    position: static;
}

.auda-testimonial-slide .img-responsive,
.company-info .call-to-action .btn-default:first-child,
#section-service-brands-ajax #bs-select-1-2,
#section-service-brands-ajax #bs-select-1-4,
#section-service-brands-ajax #bs-select-1-6,
#section-service-brands-ajax #bs-select-1-7,
#section-service-brands-ajax #bs-select-1-8,
#section-service-brands-ajax #bs-select-1-9,
#section-service-brands-ajax #bs-select-1-12,
#section-service-brands-ajax #bs-select-1-13,
#section-service-brands-ajax #bs-select-1-14,
#section-service-brands-ajax #bs-select-1-15,
#section-service-brands-ajax #bs-select-1-16,
#section-service-brands-ajax #bs-select-1-17,
#section-service-brands-ajax #bs-select-1-18,
#section-service-brands-ajax #bs-select-1-22,
#section-service-brands-ajax #bs-select-1-19,
#section-service-brands-ajax #bs-select-1-25,
#section-service-brands-ajax #bs-select-1-11 {
    display: none !important;
}

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

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

body,
p {
    line-height: 180%;
}

.auda-shadow {
    box-shadow: 3px 3px 25px #e1e1e1;
}

.auda-space {
    padding: 20px;
}

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

@media only screen and (max-width: 600px) {
    .auda-space,
    .auda-space-xl {
        padding: 15px;
    }
}

/************ ACCORDION ********************/
.auda-accordion .panel-title a {
    display: block;
    font-size: 15px;
    padding: 10px 10px 15px 45px;
    position: relative;
    background: #f7f7f7;
    text-align: center;
}

.auda-accordion .panel-title a div {
    width: 45px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.auda-accordion .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    transition: 0.2s all;
    background: #f90;
    left: 0;
    height: 100%;
    width: 45px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.auda-accordion .panel-title a:hover::after {
    transform: translate(20%, -50%);
}

.auda-accordion .panel-title a.collapsed,
.auda-accordion .panel-body {
    background: #f7f7f7;
    color: #242424;
}

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

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

.auda-accordion .fa {
    float: left;
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select .btn-default,
#section-service-brands-ajax #location-request {
    background: transparent;
    font-weight: 600;
}

#section-service-brands-ajax #location-request .h3 {
    color: #4e5054;
}

/************ ACCORDION dark - END ********************/

/************ ACCORDION FIRST ********************/
.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    padding: 10px 15px;
    box-shadow:
        0 5px 5px 0 #ddd,
        0 2px 12px #fff;
}

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

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

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

/************ ACCORDION FIRST - END ********************/

.infobox {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 30px;
}

.tooltip.bottom .tooltip-inner {
    max-width: none;
}

.pageid-597 span.fa.fa-check.mceNonEditable {
    color: #ffa200;
}

#footer .notruf-tel {
    font-size: 2em;
}

#footer .notruf-tel:hover {
    text-decoration: none;
}

@media (max-width: 991px) {
    #footer .notruf-tel {
        padding-bottom: 25px;
        display: block;
    }
}

@media (max-width: 767px) {
    #footer .notruf-tel {
        padding-bottom: 0;
        display: inline;
    }
}

@media (min-width: 767px) {
    #header-slider .header-envkv-info,
    #header-slider-container .header-envkv-info {
        bottom: 55px;
        text-align: center;
    }
}

#page_body.pageid-1732 #header-slider {
    display: none;
}

#page_body.pageid-1732 #section-infomanager.infomanager-view-5 {
    margin-top: 0;
}

/** PE **/

.pageid-597 .conditions-table > .row {
    display: flex;
    flex-wrap: wrap;
}

.pageid-597 .conditions-table > .row::after,
.pageid-597 .conditions-table > .row::before,
.site-home .row-no-gutters::before,
.site-home .row-no-gutters::after {
    display: inherit;
}

.conditions-table .row {
    padding: 15px 10px 10px;
}

.conditions-table .row:nth-child(odd) {
    background-color: rgb(236 236 236);
}

#header-slider .carousel-caption .h2 {
    font-weight: 400 !important;
}

.pageid-597 #article-blog-entry .blog-post img {
    margin: 0;
}

.pageid-597 .vw {
    background-color: rgb(236 236 236);
}

.pageid-597 .angebot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.pageid-597 .angebot-column {
    padding: 0;
}

.pageid-597 .angebot-column.angebot-description {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

@media (max-width: 991px) {
    .pageid-597 .vw .angebot-img {
        order: 0;
    }
}

@media (max-width: 991px) {
    .pageid-597 .vw .angebot-description {
        order: 1;
    }
}

.column.col-xs-12.angebot-column.angebot-description-porsche.col-sm-12.col-md-5 {
    background-color: #4e5054;
    color: #fff;
}

.pageid-597 .column.col-xs-12.angebot-column.angebot-description-porsche.col-sm-12.col-md-5 {
    padding: 60px 40px;
}

.pageid-597 .column.col-xs-12.angebot-column.angebot-description-porsche.col-sm-12.col-md-8 {
    padding: 39px 40px 50px;
    background-color: #4e5054;
    color: #fff;
}

.dotted {
    border-top: 4px dashed #7cbcde;
    margin-top: 5px;
}

.einleitung {
    padding-left: 15px;
    padding-right: 15px;
}

.fussnote {
    background-color: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo img {
    margin: 0 15px 40px;
}

.logo {
    text-align: center;
}

.preis {
    border-style: solid;
    padding-top: 15px;
    margin-left: 0;
    margin-right: 0;
    border-width: 2px;
    border-color: #f5a01b;
    border-radius: 12px;
    background-color: #4e5054;
}

.font {
    color: #fff;
}

.geschenk {
    border-style: solid;
    padding-top: 15px;
    margin-left: 0;
    margin-right: 0;
    border-width: 2px;
    border-color: #f5a01b;
    border-radius: 12px;
}

.kostenlos {
    border-style: solid;
    padding-top: 8px;
    margin-left: 13px;
    margin-right: 0;
    border-width: 2px;
    border-color: #f5a01b;
    border-radius: 4px;
    background-color: #4e5054;
    width: auto;
}

.headline-h3.kostenlos1 {
    color: #fff;
}

.footnote1 {
    background-color: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hilfe {
    border-style: solid;
    padding: 23px;
    margin-left: 0;
    margin-right: 0;
    border-width: 2px;
    border-color: #f5a01b;
    border-radius: 4px;
    background-color: #e9e9e9;
}

.pageid-597 .audi-info .column {
    padding-left: 15px;
    padding-right: 15px;
}

.pageid-597 .yellow-box {
    min-height: 190px;
    margin-bottom: 40px;
}

.pageid-597 .fa-circle {
    margin-right: 5px;
    font-size: 5px;
    color: #333;
    vertical-align: middle;
}

.pageid-597 .well {
    padding: 30px;
    margin: 20px 0;
}

.pageid-597 .infobox {
    padding: 24px;
    border-radius: 0;
}

.pageid-597 .modal-title {
    font-size: 1.5em;
}

.pageid-597 .modal-body .yellow-box {
    min-height: auto;
    font-size: 1.5em;
    padding: 10px;
    margin: 0;
}

.pageid-597 .audiplus {
    margin: 20px 0;
}

.pageid-597 .audiplus th {
    width: 50%;
}

.pageid-597 .audiplus .column table ~ p {
    margin: 15px 0;
    text-align: center;
}

.pageid-597 .audiplus .column {
    overflow: hidden;
}

.pageid-597 .audititle {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: 0.3s all;
    padding: 15px;
    background-color: rgb(0 0 0 / 60%);
}

.pageid-597 .audiplus .column {
    cursor: pointer;
    transition: 0.3s all;
}

.pageid-597 .audiplus .column:hover img {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.pageid-597 .audiplus .column:hover .audititle {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.pageid-597 .audititle h2 small {
    color: #fff;
}

@media (max-width: 991px) {
    .pageid-1639 .hotline {
        order: 0;
    }

    .pageid-1639 .nora {
        order: 1;
    }
}

.pageid-1638 #header-slider .fill,
.pageid-1639 #header-slider .fill,
.pageid-1640 #header-slider .fill {
    background-position: bottom;
}

.pageid-533 #header-slider .fill {
    background-position: center;
}

.text {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.text1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pageid-1823 #site-content {
    padding: 0;
}

.interiuer {
    background-color: #4e5054;
}

.pageid-597 .blogid-505 #header-slider .carousel-caption .h2 {
    font-size: 48px;
}

@media (max-width: 919px) {
    .gallery {
        margin-bottom: 0 !important;
    }
}

.col-sm-3.col-xs-3.column.col-md-1.col15 {
    width: 12.5%;
}

/* Standort-Landingpages MH */
.location-info-box {
    background-color: #ffa200;
    padding: 20px;
    color: #fff;
    border: 2px solid #fff;
}

.location-info-box .subheadline-block {
    color: #fff;
}

.row.location-flex-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.location-info-box .btn-primary {
    background-color: transparent;
    border: 2px solid #fff;
    margin-bottom: 5px;
}

.location-info-box .btn-primary:hover {
    background-color: #4d4f53;
    border: none;
}

.location-info-box i {
    font-size: 40px;
}

.site-homelocation-landingpage #site-content {
    margin-top: -185px;
}

:not(.dropdown-toggle).btn,
.btn-primary {
    margin-bottom: 15px;
}

/*
#section-direction-search .ds-container {
    background:transparent;
}

#section-direction-search .col-left {
    background:#f2f2f2;
}

@media (min-width:1450px) {
    #section-direction-search .col-left {
        margin-top:1%;
        margin-bottom:1%;
        padding:15px;
    }

    #section-direction-search .col-left .left-bg-area {
        padding:8%;
    }
}

@media (min-width:1650px) {
    #section-direction-search .col-left {
        margin-top:3%;
        margin-bottom:3%;
    }
}
*/
.auda-bg-secondary {
    background: #f2f2f2;
}

.overlay-container {
    position: relative;
}

.overlay-pic {
    position: absolute;
    background: rgb(0 0 0 / 100%);
    opacity: 0;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    color: #fff;
    font-size: 26px;
    transform: scale(0);
    transition: 0.7s ease;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

.overlay-container:hover .overlay-pic {
    opacity: 0.9;
    transform: scale(0.9);
    transition-timing-function: ease;
}

/* Zweite Headline IM auf Startseite ausblenden MH */
.site-home .infomanager-area [data-container='infomanager-content'] h2.headline-h2 {
    display: none;
}

/* Blog Landing Page Header und Captions mobil anpassen CL und PE */
@media (max-width: 598px) {
    body.blog-entry #header-slider .angebot-preis {
        font-size: 20px;
    }
}

@media (max-width: 340px) {
    .blog-entry #header-slider .carousel-caption .h3 {
        font-size: 10px;
    }
}

/** Anpassung der Standortauswahl Startseite PE **/
#footer .direction-marken .marke-logo[data-img='vw'],
#footer .direction-marken .marke-logo[data-img='vw-nfz-sp'],
#footer .direction-marken .marke-logo[data-img='vw-sp'],
#footer .direction-marken .marke-logo[data-img='seat'],
#footer .direction-marken .marke-logo[data-img='vw-nfz'],
#footer .direction-marken .marke-logo[data-img='audi-sp'],
#footer .direction-marken .marke-logo[data-img='skoda'],
#footer .direction-marken .marke-logo[data-img='suzuki'],
#footer .direction-marken .marke-logo[data-img='audi'],
#footer .direction-marken .marke-logo[data-img='porsche'] {
    background-color: #fff;
    padding-right: unset !important;
}

/* Style für Leasing-Raten in Blogs MH */
.yellow-box {
    background-color: #ffb533;
    width: 100%;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    place-content: center center;
    min-height: 150px;
}

.yellow-box p,
.yellow-box span,
.yellow-box {
    color: #fff;
}

/* Standort im Footer ausblenden auf Fahrzeugseiten MH */
.pageid-532 .footer-block:first-child,
.location-landingpage #section-location-landingpage .embed-container {
    display: none;
}

/* Notruf-Hotline im Footer ausblenden auf Fahrzeugseiten MH */
.pageid-532 .footer-block:nth-child(2) {
    visibility: hidden;
}

/*
Dieser Befehl blendet die Headlines links-oben aus. Bei Bedarf entfernen
.h2.left-top-1.animated.fadeInDown {
    display:none;
}
*/

#mc_embed_signup_scroll {
    display: flex;
    margin: 12px 0 7px;
}

#mc_embed_signup input {
    appearance: none;
    border-radius: 0;
    outline: 0;
    vertical-align: middle;
}

#mc_embed_signup input[type='email'] {
    background-color: rgb(21 22 22 / 10%);
    border: 1px solid #ccc;
    flex-grow: 1;
    font-size: 19px;
    line-height: 30px;
    padding: 6px 12px;
}

#mc_embed_signup input[type='email']::placeholder {
    color: #eee;
}

#mc_embed_signup input[type='submit'] {
    background: #ffa200;
    border: none;
    color: #fff;
    cursor: pointer;
    flex: 0 0 40px;
    font-size: 32px;
    line-height: 37px;
    padding: 0 0 7px;
}

.direction-distance-area [data-container='distance-result'] .disabled {
    background: #d7d7d7;
    color: #aeaeae;
    border: #d7d7d7;
    display: none;
}

.audaris-widget .form-select:disabled {
    color: #212121 !important;
    background: #fff !important;
}

.form-control {
    border: 1px solid #8e8e8e;
}

/* --------------Standort Cards ---------------- */
.card-body {
    font-family: Arial, sans-serif;
    background-color: #4d4f53;
    margin: 0;
    padding: 1rem;
    height: 150px;
    border-radius: 15px;
}

.card-body-2 {
    font-family: Arial, sans-serif;
    background-color: #4d4f53;
    margin: 0;
    padding: 1rem;
    height: 300px;
    border-radius: 15px;
}

.card-body-3 {
    font-family: Arial, sans-serif;
    background-color: #a3a3a3;
    margin: 0;
    padding: 1rem;
    height: 180px;
    border-radius: 15px;
}

.card-3 {
    border-radius: 15px;
    background-color: #a3a3a3;
    box-shadow: 0 8px 8px rgb(0 0 0 / 20%);
}

.card-header-3 {
    background-color: #a3a3a3;
    border-bottom: 1px solid #ffa200;
    padding: 15px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    border-radius: 15px;
}

.card {
    border-radius: 15px;
    background-color: #4d4f53;
    box-shadow: 0 8px 8px rgb(0 0 0 / 20%);
}

.card-header {
    background-color: #4d4f53;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-weight: bold;
    text-align: left;
    color: #ffa200;
    border-radius: 15px;
}

.card-body {
    padding: 15px;
}

.card-title {
    font-size: 25px;
    color: #4d4f53;
    margin-bottom: 10px;
    font-weight: bold;
}

.card-text {
    font-size: 0.95rem;
    color: #6c757d;
}

/* --------------Standort Cards ---------------- */

/*** Änderungen bei der Barrierefreiheit - aus irgendeinem Grund akzeptiert das System nur getrennte Klassen und mit !important 01.07.2025 ***/
.btn-primary,
.bdk-configurator #digeo-car-configurator .btn:hover,
.bdk-configurator #digeo-car-configurator .btn,
[ng-app='car-configurator'] .main-container .btn-primary:hover,
[ng-app='car-configurator'] .main-container .btn-success:hover,
[ng-app='car-configurator'] .main-container .btn-primary,
[ng-app='car-configurator'] .main-container .btn-success {
    color: #000 !important;
}

.btn-default {
    border-color: #000 !important;
    color: #000 !important;
    font-weight: bold !important;
}

.footer-nav a {
    color: #fff !important;
}

.hamburger-label {
    color: #3e4044 !important;
}

#side-nav[data-sub-theme='2'] .hamburger .hamburger-inner,
#side-nav[data-sub-theme='2'] .hamburger .hamburger-inner::before,
#side-nav[data-sub-theme='2'] .hamburger .hamburger-inner::after {
    background-color: #4d4f53 !important;
}

#side-nav[data-sub-theme='2'] .hamburger .hamburger-inner {
    background-color: #4d4f53 !important;
}

#side-nav[data-sub-theme='2'] #menu-favorites .fa span {
    color: #000 !important;
}

.left-top-1,
.left-top-2 {
    color: #000 !important;
}

.dashboard-tag,
.pub-date {
    color: #000 !important;
}

#section-search-switcher .nav-tabs > li > a {
    color: #000 !important;
}

.audaris-widget .text-primary {
    color: #000 !important;
}

input.w-full {
    border: 1px solid #6e6e6e !important;
}

.form-control {
    border: 1px solid #6e6e6e;
}

.audaris-widget .border-gray-400 {
    border-color: #6e6e6e !important;
}

/******************* responsive Card Table **********************/

.responsive-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 0px;
  box-shadow: 0 12px 32px rgba(23, 63, 53, 0.15);
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #1D2925;
  font-style: normal;
  text-align: left;
}

.responsive-table,
.responsive-table * {
  box-sizing: border-box;
}

.responsive-table th,
.responsive-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #D8DFDC;
}

.responsive-table th {
  background: #666671;
  color: #FFFFFF;
  font-weight: 700;
  text-align: left;
}

.responsive-table tbody tr:nth-child(even) {
  background: #FFF9F2;
}

.responsive-table tr:last-child td:last-child { border-bottom: 0; }

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody,
  .responsive-table tr, .responsive-table td {
    display: block;
    width: 100%;
  }
  .responsive-table {
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .responsive-table tr {
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid #D8DFDC;
    background: #FFFFFF;
    border-radius: 0px;
    box-shadow: 0 5px 18px rgba(23, 63, 53, 0.10);
  }
  .responsive-table td {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #D8DFDC;
    text-align: right;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .responsive-table td:last-child { border-bottom: 0; }

  .responsive-table td::before {
    content: attr(data-label);
    color: #53635E;
    text-align: left;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
}

/******************* End responsive Card Table **********************/