/* MS Hyundai CI in Headerbereich auf IM-Seiten */

.imentry-14114 #header-slider .carousel-caption .h2,
.imentry-14424 #header-slider .carousel-caption .h2,
.imentry-12993 #header-slider .carousel-caption .h2,
.imentry-16009 #header-slider .carousel-caption .h2,
.imentry-15997 #header-slider .carousel-caption .h2 {
    background: #e4dcd3;
    color: #0c376a;
}

.imentry-14114 #header-slider .carousel-caption .h3,
.imentry-14424 #header-slider .carousel-caption .h3,
.imentry-12993 #header-slider .carousel-caption .h3,
.imentry-16009 #header-slider .carousel-caption .h3,
.imentry-15997 #header-slider .carousel-caption .h3 {
    background: #e4dcd3;
    color: #0c376a;
}

/* MS: Verbrauchswerte werden verdeckt */
@media (min-width: 768px) {
    .pageid-386 #header-slider .header-envkv-info {
        bottom: 80px;
    }
}

/* MS: Verbrauchswerte werden verdeckt-End */


.auda-job .blog-post{
    border-radius: 24px;
    box-shadow: 0 20px 40px -12px rgba(1, 0, 4, 0.15);
    padding: 40px 30px;
    background: #fafafd;
    margin-bottom: 50px;
}

.auda-job .headline-h3{
    display: inline-block;
    font-size: 20px;
    color: #021223;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
    border-left: 5px solid #312682;
    padding-left: 15px;
    line-height: 1.3;
}

.auda-job ul li {
    position: relative;
    list-style: none;
    padding: 6px 0 6px 30px;
    font-size: 15px;
    line-height: 1.6;
    color: #1e2a3a;
}

.auda-job ul li::before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 6px;
  color: #312682;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.auda-job .benefits-box{
    background: #f0f4fe;
  border-radius: 20px;
  padding: 28px 30px 18px 30px;
  border: 1px solid #e2ecfc;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.8);
  margin: 16px 0 8px 0;
}

.auda-job .benefits-box .headline-h3{
    border-left-color: #fbbf00;
}

.auda-job .benefits-box ul li::before{
    color: #fbbf00;
}

.auda-job .closing-text {
    background: #eef5fb;
    border-radius: 16px;
    padding: 20px 24px;
    margin-top: 16px;
}


/* LF Abstände */
.auda-space {
    padding: 25px;
}

/* RM: Custom Fonts */
.h1,
.h2,
.h3,
.h5,
.h6,
h1 {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-style: italic;
}

h2.subheadline-h1 {
    color: #000;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2 {
    font-weight: 800;
}

/** Kundenwunsch Font size PE **/
body {
    font-size: 16px;
    line-height: 1.6;
}

#section-multi-directions .company-info {
    font-size: 15px;
}

#section-multi-directions .open-days-area {
    font-size: 14px;
}

.small {
    font-size: 90%;
}

.dropdown-menu {
    font-size: 16px;
}

/* Slider Indicator Position PE */
#header-slider .owl-dots {
    bottom: 50px;
}

/* Kopfgrafiken Titel PE */
#header-slider .carousel-caption .h2 {
    text-shadow: none;

    /* text-transform:uppercase; */
    text-transform: none; /* keine Großschreibung mehr aus bei Modellname */
    font-weight: 800 !important;
}

#header-slider .carousel-caption .h3 {
    text-shadow: none;
}

.headline-h1 {
    font-weight: 800 !important;
    text-transform: uppercase;
}

h4.panel-title {
    font-weight: 200;
}

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

#section-service-brands-ajax #marken-request .direction-marken-logo:hover {
    background: #fbbf00;
}

#section-service-brands-ajax #marken-request .direction-marken-logo {
    background: #fafafa;
}

#section-service-brands-ajax #marken-request .direction-marken-logo.active {
    border: 0;
    background: #fbbf00;
}

/* Werkstattleistungen PE */
.info-hg {
    padding: 20px 10px 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.panel-title > a {
    display: block;
}

/* Über uns PE */
.dreieck::before {
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid #312682;
    content: '';
    opacity: 0.1;
}

.dreieck > .ge-content.ge-content-type-tinymce {
    position: relative;
    z-index: 0;
}

/* Anpassung der Standortauswahl Startseite PE */
#footer .direction-marken .marke-logo {
    padding: 3px;
    background-color: rgb(255 255 255 / 80%);
    margin: 1px;
}

/* Flex Einstellung PE */
@media (min-width: 992px) {
    .d-flex-v-center {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
}

/* Fahrzeugangebote Gallerie Anpassung PE */
#article-blog-entry .blog-post img {
    margin: 0 10px 0 0;
}

/** CSS für Hyndai Seite PE **/
body.pageid-9970,
body.pageid-584,
body.pageid-12220,
body.pageid-12226,
body.pageid-12223,
body.pageid-12222,
body.pageid-12224,
body.pageid-10377,
body.pageid-14345,
body.pageid-12518,
body.pageid-591 {
    font-family: HyundaiSansText-Regular, Verdana, sans-serif;
}

body.pageid-9970 .h1,
body.pageid-9970 .h2,
body.pageid-9970 .h3,
body.pageid-9970 .h4,
body.pageid-9970 .h5,
body.pageid-9970 .h6,
body.pageid-9970 h1,
body.pageid-9970 h2,
body.pageid-9970 h3,
body.pageid-9970 h4,
body.pageid-9970 h5,
body.pageid-9970 h6,
body.pageid-584 .h1,
body.pageid-584 .h2,
body.pageid-584 .h3,
body.pageid-584 .h4,
body.pageid-584 .h5,
body.pageid-584 .h6,
body.pageid-584 h1,
body.pageid-584 h2,
body.pageid-584 h3,
body.pageid-584 h4,
body.pageid-584 h5,
body.pageid-584 h6,
body.pageid-12220 .h1,
body.pageid-12220 .h2,
body.pageid-12220 .h3,
body.pageid-12220 .h4,
body.pageid-12220 .h5,
body.pageid-12220 .h6,
body.pageid-12220 h1,
body.pageid-12220 h2,
body.pageid-12220 h3,
body.pageid-12220 h4,
body.pageid-12220 h5,
body.pageid-12220 h6,
body.pageid-12226 .h1,
body.pageid-12226 .h2,
body.pageid-12226 .h3,
body.pageid-12226 .h4,
body.pageid-12226 .h5,
body.pageid-12226 .h6,
body.pageid-12226 h1,
body.pageid-12226 h2,
body.pageid-12226 h3,
body.pageid-12226 h4,
body.pageid-12226 h5,
body.pageid-12226 h6,
body.pageid-12223 .h1,
body.pageid-12223 .h2,
body.pageid-12223 .h3,
body.pageid-12223 .h4,
body.pageid-12223 .h5,
body.pageid-12223 .h6,
body.pageid-12223 h1,
body.pageid-12223 h2,
body.pageid-12223 h3,
body.pageid-12223 h4,
body.pageid-12223 h5,
body.pageid-12223 h6,
body.pageid-12222 .h1,
body.pageid-12222 .h2,
body.pageid-12222 .h3,
body.pageid-12222 .h4,
body.pageid-12222 .h5,
body.pageid-12222 .h6,
body.pageid-12222 h1,
body.pageid-12222 h2,
body.pageid-12222 h3,
body.pageid-12222 h4,
body.pageid-12222 h5,
body.pageid-12222 h6,
body.pageid-12224 .h1,
body.pageid-12224 .h2,
body.pageid-12224 .h3,
body.pageid-12224 .h4,
body.pageid-12224 .h5,
body.pageid-12224 .h6,
body.pageid-12224 h1,
body.pageid-12224 h2,
body.pageid-12224 h3,
body.pageid-12224 h4,
body.pageid-12224 h5,
body.pageid-12224 h6 {
    font-family: HyundaiSansText-Bold, Verdana, sans-serif !important;
    font-style: normal !important;
}

/* RM: End Custom Fonts */

/** Ansprechpartner Seite Textfarbe PE **/
.pageid-12220 .link-default,
.pageid-12226 .link-default,
.pageid-12223 .link-default,
.pageid-12224 .link-default,
.pageid-12222 .link-default,
.pageid-584 .link-default {
    color: #012c5f;
}

/** Header Bereich Standorte, Pfeil Farbe PE **/
.pageid-12220 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-12226 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-12223 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-12222 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-12224 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-584 .multi-directions-overlay .multi-directions-slider-container .next,
.pageid-9970 .multi-directions-overlay .multi-directions-slider-container .next {
    color: #012c5f;
}

.pageid-404 #site-content [data-container='infomanager'].infomanager-view-5 .gallery-items .img-overlay,
.pageid-404 #section-infomanager.infomanager-view-5 .gallery-items .img-overlay,
.pageid-10001 #site-content [data-container='infomanager'].infomanager-view-5 .gallery-items .img-overlay,
.pageid-10001 #section-infomanager.infomanager-view-5 .gallery-items .img-overlay,
.pageid-9916 #site-content [data-container='infomanager'].infomanager-view-5 .gallery-items .img-overlay,
.pageid-9916 #section-infomanager.infomanager-view-5 .gallery-items .img-overlay {
    padding-bottom: 60%;
}

/* Anpassungen Hyundai Seite PE */

/* Headerbereich */
.pageid-9970 #site-content {
    padding: 0;
}

.pageid-9970 #header,
.pageid-584 #header,
.pageid-12220 #header,
.pageid-12226 #header,
.pageid-12224 #header,
.pageid-12223 #header,
.pageid-12222 #header {
    background-color: #e4dcd3;
    border-bottom: 0;
    position: static;
}

.pageid-9970 #header-container,
.pageid-584 #header-container,
.pageid-12220 #header-container,
.pageid-12226 #header-container,
.pageid-12224 #header-container,
.pageid-12223 #header-container,
.pageid-12222 #header-container {
    background-color: #fff;
    border-bottom: 4px solid #012c5f;
    height: 150px;
    position: relative;
}

.pageid-9970 #header-container::after,
.pageid-584 #header-container::after,
.pageid-12220 #header-container::after,
.pageid-12226 #header-container::after,
.pageid-12224 #header-container::after,
.pageid-12223 #header-container::after,
.pageid-12222 #header-container::after {
    background: url('/website/themes/delta-automobile.com/dynamic/fe/Bilder/huyndai/hyundai-logo.png') left center / contain no-repeat;
    content: '';
    height: 65px;
    width: 190px;
    position: absolute;
    left: 15px;
    top: 0;
}

.pageid-9970 #header,
.pageid-584 #header,
.pageid-12220 #header,
.pageid-12226 #header,
.pageid-12224 #header,
.pageid-12223 #header,
.pageid-12222 #header {
    height: 65px;
}

.pageid-9970 .multi-directions-overlay,
.pageid-584 .multi-directions-overlay,
.pageid-12220 .multi-directions-overlay,
.pageid-12226 .multi-directions-overlay,
.pageid-12224 .multi-directions-overlay,
.pageid-12223 .multi-directions-overlay,
.pageid-12222 .multi-directions-overlay {
    top: 65px;
}

.pageid-9970 #header #logo,
.pageid-584 #header #logo,
.pageid-12220 #header #logo,
.pageid-12226 #header #logo,
.pageid-12224 #header #logo,
.pageid-12223 #header #logo,
.pageid-12222 #header #logo {
    position: relative;
    top: 77px;
}

.pageid-9970 #header #logo img,
.pageid-584 #header #logo img,
.pageid-12220 #header #logo img,
.pageid-12226 #header #logo img,
.pageid-12224 #header #logo img,
.pageid-12223 #header #logo img,
.pageid-12222 #header #logo img {
    max-height: 51px;
}

.pageid-9970 .featured-menu-boxes .fmb-content,
.pageid-584 .featured-menu-boxes .fmb-content,
.pageid-12220 .featured-menu-boxes .fmb-content,
.pageid-12226 .featured-menu-boxes .fmb-content,
.pageid-12224 .featured-menu-boxes .fmb-content,
.pageid-12223 .featured-menu-boxes .fmb-content,
.pageid-12222 .featured-menu-boxes .fmb-content {
    min-height: 300px;
    border-top: solid 3px #012c5f;
}

.pageid-9970 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-584 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-12220 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-12226 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-12224 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-12223 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content,
.pageid-12222 .featured-menu-boxes .fmb-item:hover .fmb-bg-img + .fmb-content {
    background-color: rgb(1 44 95 / 80%);
}

.pageid-9970 .visible-xs,
.pageid-584 .visible-xs,
.pageid-12220 .visible-xs,
.pageid-12226 .visible-xs,
.pageid-12224 .visible-xs,
.pageid-12223 .visible-xs,
.pageid-12222 .visible-xs {
    display: none !important;
}

.pageid-9970 .breadcrumb_area,
.pageid-9970 #header .more-brand-icons,
.pageid-9970 #footer #pre_area,
.pageid-584 .breadcrumb_area,
.pageid-584 #header .more-brand-icons,
.pageid-584 #footer #pre_area,
.pageid-12220 .breadcrumb_area,
.pageid-12220 #header .more-brand-icons,
.pageid-12220 #footer #pre_area,
.pageid-12226 .breadcrumb_area,
.pageid-12226 #header .more-brand-icons,
.pageid-12226 #footer #pre_area,
.pageid-12224 .breadcrumb_area,
.pageid-12224 #header .more-brand-icons,
.pageid-12224 #footer #pre_area,
.pageid-12223 .breadcrumb_area,
.pageid-12223 #header .more-brand-icons,
.pageid-12223 #footer #pre_area,
.pageid-12222 .breadcrumb_area,
.pageid-12222 #header .more-brand-icons,
.pageid-12222 #footer #pre_area {
    display: none;
}

@media (max-width: 419px) {
    .pageid-9970 #icons-menu,
    .pageid-584 #icons-menu,
    .pageid-12220 #icons-menu,
    .pageid-12226 #icons-menu,
    .pageid-12223 #icons-menu,
    .pageid-12222 #icons-menu,
    .pageid-12224 #icons-menu {
        display: none;
    }
}

@media (min-width: 1200px) {
    body.pageid-9970:not(.site-home, .blog-entry) #header-slider .item,
    body.pageid-9970:not(.site-home, .blog-entry) #header-slider .fill {
        height: 500px;
        padding-bottom: 30%;
    }
}

body.pageid-584:not(.site-home, .blog-entry) #header-slider .item,
body.pageid-584:not(.site-home, .blog-entry) #header-slider .fill {
    height: 650px;
}

@media (max-width: 991px) {
    body.pageid-584:not(.site-home, .blog-entry) #header-slider .item,
    body.pageid-584:not(.site-home, .blog-entry) #header-slider .fill {
        height: 415px;
    }
}

.pageid-9970 #header-slider .owl-dots,
.pageid-584 #header-slider .owl-dots {
    bottom: 0;
}

.pageid-9970 .btn-default,
.pageid-584 .btn-default {
    border-color: #012c5f;
    color: #012c5f;
}

.pageid-9970 .btn-default:hover,
.pageid-9970 .btn-default.active,
.pageid-9970 .btn-primary:active:focus,
.pageid-584 .btn-default:hover,
.pageid-584 .btn-default.active,
.pageid-584 .btn-primary:active:focus {
    background-color: #012c5f;
    border-color: #012c5f;
    color: #fff;
}

.pageid-9970 #header-slider .carousel-caption .h2,
.pageid-9970 #header-slider .carousel-caption .h3,
.pageid-584 #header-slider .carousel-caption .h2,
.pageid-584 #header-slider .carousel-caption .h3,
.pre-footer-bk {
    background-color: #e4dcd3;
}

.pageid-9970 #header-slider .owl-nav .owl-prev,
.pageid-9970 #header-slider .owl-nav .owl-next,
.pageid-9970 #header-slider .carousel-control,
.pageid-584 #header-slider .owl-nav .owl-prev,
.pageid-584 #header-slider .owl-nav .owl-next,
.pageid-584 #header-slider .carousel-control {
    color: #e4dcd3;
}

.pageid-9970 #page_sidebar .navbar-nav > li.open > a,
.pageid-9970 #page_sidebar .navbar-nav li > a.active,
.pageid-9970 #page_sidebar .navbar-nav li > a:hover,
.pageid-9970 #header-slider .owl-dots .owl-dot.active span,
.pageid-9970 #header-slider .owl-dots .owl-dot:hover span,
.pageid-9970 .btn-primary,
.pageid-9970 #header #icons-menu #menu-favorites .fa span,
.pageid-9970 #menu-toggle:hover .icon-bar,
.pageid-9970 #site-content [data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .dashboard-tag,
.pageid-9970 .audaris-widget .bg-primary,
.pageid-584 #page_sidebar .navbar-nav > li.open > a,
.pageid-584 #page_sidebar .navbar-nav li > a.active,
.pageid-584 #page_sidebar .navbar-nav li > a:hover,
.pageid-584 #header-slider .owl-dots .owl-dot.active span,
.pageid-584 #header-slider .owl-dots .owl-dot:hover span,
.pageid-584 .btn-primary,
.pageid-584 #header #icons-menu #menu-favorites .fa span,
.pageid-584 #menu-toggle:hover .icon-bar,
.pageid-584 #site-content [data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .dashboard-tag,
.pageid-584 .audaris-widget .bg-primary {
    background: #012c5f;
}

/** .pageid-9970 a, **/
.pageid-9970 #header a:hover,
.pageid-9970 #menu-toggle:hover .menu-toggle-text,
.pageid-9970 .multi-directions-overlay a,
.pageid-9970 #footer #after_area a:not(.btn):hover,
.pageid-584 #header a:hover,
.pageid-584 #menu-toggle:hover .menu-toggle-text,
.pageid-584 .multi-directions-overlay a,
.pageid-584 #footer #after_area a:not(.btn):hover {
    color: #012c5f;
}

/* Content Bereich PE */
.pageid-9970 #direction-3,
.pageid-584 #direction-3 {
    display: none !important;
}

/* Ansprechpartner Standort Anpassung PE */
.pageid-584 .dropdown-menu .select-location[data-locationid='4'] {
    display: none;
}

body.pageid-584:not(.site-home, .blog-entry) #header-slider .fill {
    background-position: top;
}

/* Seitenmenü Farbe Hyundai Seite PE */
.pageid-9970 #menu-social-floating .probefahrt-terminflat,
.pageid-9970 #menu-social-floating .kunden-meinungenflat,
.pageid-584 #menu-social-floating .probefahrt-terminflat,
.pageid-584 #menu-social-floating .kunden-meinungenflat,
.pageid-9970 #menu-social-floating .terminflat,
.pageid-584 #menu-social-floating .terminflat,
.pageid-9970 #menu-social-floating .contactflat,
.pageid-584 #menu-social-floating .contactflat {
    background: #012c5f;
}

.pageid-9970 #menu-social-floating a span:hover,
.pageid-584 #menu-social-floating a span:hover,
.pageid-9970 #menu-social-floating .fa,
.pageid-584 #menu-social-floating .fa {
    color: #fff;
}

/** ENDE der CSS für Hyundai Seite **/

.footer-info {
    padding: 30px 0;
}

/* Probefahrt Formular PE */
.pageid-9993 #section-contact-form .headline-h1,
.pageid-9993 .contact-form-info-text {
    display: none;
}

/* Kontaktformular Titel PE */
#article-blog-entry .headline-h1,
#section-contact-form .headline-h1 {
    font-weight: 400 !important;
    text-transform: none;
}

/* Seite Event Störer Abgesagt PE */
.stoerer {
    position: absolute;
    top: 20px;
    background: rgb(134 0 0 / 90%);
    width: 200px;
    height: 200px;
    line-height: 195px;
    border-radius: 50%;
    z-index: 2;
    font-size: 24px;
    transform: rotate(-20deg);
    display: block;
    left: 50%;
    margin-left: -100px;
}

.pageid-10000 .table {
    opacity: 0.4;
}

/* Seitenmenü Farbe PE */
#menu-social-floating .serviceterminflat,
#menu-social-floating .contactflat {
    background: #fbbf00;
}

@media (min-width: 1280px) {
    #footer #menu-social-floating[data-position='left'] {
        flex-direction: column;
        z-index: 9;
        position: fixed;
        top: 250px;
        left: 0;
        margin: 0;
    }

    #menu-social-floating {
        gap: 2px;
    }

    #menu-social-floating[data-position='left'] a {
        left: -270px;
    }

    #menu-social-floating[data-position='left'] a:hover {
        left: 0;
    }

    #menu-social-floating[data-position='left'] span {
        display: block;
        padding-left: 10px;
    }
}

/* Serviceangebote PE */
.zubehoer-container {
    position: relative;
}

.zubehoer-preis {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -60%);
    position: absolute;
    left: 50%;
    text-shadow: 0 0 20px #000;
    bottom: 10px;
}

.zubehoer-preis::before {
    position: absolute;
    bottom: -60%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid #312682;
    content: '';
    opacity: 0.7;
    z-index: -5;
}

.zubehoer-titel {
    position: absolute;
    left: 50%;
    top: 12px;
    color: #fff;
    font-size: 18px;
    background-color: #fbbf00;
    padding: 6px;
    border-radius: 3px;
    transform: translateX(-50%);
    text-align: center;
}

/** Anpassung des Abstandes bei Formulare PE **/
.blog-entry #section-contact-form {
    margin-top: 0 !important;
}

.blog-entry #article-blog-entry table {
    min-width: 100%;
}

/** Anpassungen neue Showroom
.site-home .audaris-widget .text-primary {
    color: #fbbf00;
} **/

/** Servicetermin Hintergrund Boder PE **/
#section-service-brands-ajax #marken-request .direction-marken-logo:hover {
    border: 0;
}

/* Standort Landingpages IM Datum ausblenden PE */
#site-content [data-container='infomanager'].infomanager-view-5 .pub-date,
#section-infomanager.infomanager-view-5 .pub-date {
    display: none;
}

/* Standort Landingpages IM Font Size Anpassung PE */
#site-content [data-container='infomanager'].infomanager-view-5 article h3,
#section-infomanager.infomanager-view-5 article h3 {
    font-size: 25px;
    line-height: 37px;
    margin: 0;
}

/** Header Position ANpassung PE **/
.pageid-535 #header-slider .fill {
    background-position: bottom;
}

.blog-entry #article-blog-entry table {
    min-width: 100%;
}

/* rno */
.panel-heading {
    padding: 0;
}

.panel-title > a {
    padding: 10px 15px;
}

#section-contact-form form [data-id='anfrage-action'] option[value='1'] {
    display: none;
}

/* Seite Event Störer Abgesagt PE */
@media (max-width: 767px) {
    .stoerer {
        top: 85px;
    }

    @media (min-width: 445px) {
        .service-select-buttons {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

        .service-select-buttons [href='/onlineterminvereinbarung/'] {
            order: -1;
        }
    }
}

@media (max-width: 479px) {
    .stoerer {
        top: 135px;
    }
}

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

.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 ********************/

/************ Schnellsuche Abstand - Start AA ****************

.site-home:not(.no_header) #site-content > #section-search-switcher {
    margin-top: -15px !important;
}
****/
body.site-home #header-slider .fill {
    padding-bottom: 33%;
}

/************ Schnellsuche Abstand - End ********************/

/************ Auda-Button-seventh   *******************/
.auda-btn-link {
    display: inline-flex;
    font-family: HyundaiSansText-Regular, Verdana, sans-serif;
}

.auda-btn-link a {
    position: relative;
    background: transparent;
}

.auda-btn-link a:hover {
    position: relative;
    z-index: 2;
    color: #002c5f;
}

.auda-btn-link a::after {
    background: #002c5f;
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    top: 25px;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
}

.auda-btn-link a:hover::after {
    width: 15%;
}

.auda-bg-dark .auda-btn-link a {
    color: #fff;
}

.auda-bg-dark .auda-btn-link a::after {
    background: #fff;
}

/************ Auda-Button-seventh  END *******************/

/************ Header Titel ausblenden - Start AA ********************/
html body#page_body.theme004.pageid-386.site-home.header-menu-fixed div#wrapper div#header-slider div div.item a div.carousel-caption {
    display: none;
}

/************ Header Titel ausblenden - End ********************/

@media (min-width: 1380px) {
    #header .more-brand-icons img {
        max-height: 45px;
    }
}

.pageid-12518 .more-brand-icons .hersteller-citroen-logo,
.pageid-591 .more-brand-icons .hersteller-citroen-logo,
.pageid-14345 .more-brand-icons .hersteller-citroen-logo {
    display: none;
}

/************ Preise Box - AA - START ********************/
.auda-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -32px;
    padding: 30px 15px;
    background: #312682;
}

.auda-price p {
    color: #fff;
    font-weight: 700;
    line-height: 0.8;
}

.auda-price p:first-child {
    font-size: 26px;
}

.auda-price p:last-child {
    font-size: 36px;
}

.auda-price p small {
    font-weight: 400;
    font-size: 58%;
}

/************ Preise Box - AA - END ********************/

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

.auda-accordion-second .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    padding: 10px;
    background: #f1f0f7;
    position: absolute;
    left: 0;
    top: 0;
}

.auda-accordion-second .panel-title a.collapsed,
.auda-accordion-second .panel-body {
    background: #f1f0f7;
    color: #292929;
}

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

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

/************ ACCORDION 02 - AA - END ********************/

/* Leadbox Leasingangebote PG */

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

.lead-box {
    background-color: #eee;
    border: 5px solid #312682;
    padding: 15px;
    color: #f1b600;
}

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

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

.leadbox-button:hover {
    background-color: #b28800;
    color: #fff;
}

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

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

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

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

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

/* Leadbox Leasingangebote PG END */

/************ AUDA-CARDS-4 Overlap-right & left ********************/
.auda-card-overlap .auda-overlap-right {
    margin-right: -7%;
    z-index: 9;
}

@media (min-width: 992px) {
    .auda-card-overlap .auda-overlap-left {
        margin-left: -7%;
    }
}

.auda-card-overlap .auda-overlap-box {
    background: #fff;
    padding: 45px;
    box-shadow: 1px 0 11px -7px #606060;
    border-left: 10px solid #fbbf00;
}

/************ AUDA-CARDS-4 - END ********************/

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

/** Kacheln Länge - AA **/

.auda-card-group-1 {
    display: flex;
    flex-wrap: wrap;
}

.auda-card-group-1 .ge-content {
    height: 100%;
}

.auda-card-group-1 .column {
    margin-bottom: 30px;
}

.auda-card-group-1 .auda-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.auda-card-group-1 .auda-card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.auda-card-group-1 .auda-card-footer {
    padding: 1.25rem;
}

.auda-carddelta-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.auda-carddelta-group .ge-content {
    height: 100%;
}

.auda-carddelta-group .column {
    margin-bottom: 30px;
}

.auda-carddelta-group .auda-carddelta {
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.auda-carddelta-group .auda-carddelta-header {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.auda-carddelta-group .auda-carddelta-body {
    flex: 1 1 auto;
    padding: 1.25rem 0;
    color: #414141;
    font-size: 17px;
    text-align: center;
    background: #f1f0f7;
}

.auda-carddelta-group .auda-carddelta-footer {
    padding: 1.25rem 2.75rem;
}

/** Kacheln Länge - END - AA **/

/** LIST - AA **/

.list-type {
    width: 350px;
    margin: 0 auto;
}

.list-type2 {
    width: 150px;
    margin: 0 auto;
}

.list-type ol,
.list-type2 ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 15px;
    padding: 0;
    margin-bottom: -0.5em;
}

input[aria-label='Suche nach Marke, Modell, Farbe'] {
    border: 1px solid #676767 !important;
}

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

.list-type a,
.list-type2 a {
    position: relative;
    display: block;
    padding: 0.4em 0.4em 0.4em 2em;
    margin: 0.5em 0;
    background: #f1f0f7;
    color: #000;
    text-decoration: none;
    box-shadow: inset 0.7em 0 #fbbf00;
    transition: box-shadow 1s;
}

.list-type a:hover,
.list-type2 a:hover {
    box-shadow: inset 2em 0 #fbbf00;
}

/** LIST - AA - END **/

/********* Table Hover Custom Color **********/

.table-hover tbody tr {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    transition: background-color 0.2s ease;
}

.pageid-17595 .table-hover tbody tr {
    color: #000;
}

.table-hover tbody tr:hover {
    background-color: #f7c30e;
    color: #352783;
}

.wltp {
    border-radius: 15px;
    box-shadow: 0 8px 15px 2px rgb(0 0 0 / 26%);
}

/********* Table Hover Custom Color *********/

.subheadline-h5 {
    overflow: hidden;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
}

.subheadline-h5::after {
    content: '';
    display: block;
    width: 30%;
    margin-top: 5px;
    border-top: 3px solid #fbbf00;
}

.delta-sub {
    text-align: center;
    font-style: normal;
    text-transform: uppercase !important;
    color: #000 !important;
}

/* JC - Button colors auf dieser Seite */
.pageid-14345 .btn-primary,
.pageid-12518 .btn-primary,
.pageid-591 .btn-primary {
    background: #012c5f;
    border-color: #012c5f;
}

.pageid-14345 .btn-primary:hover,
.pageid-12518 .btn-primary:hover .pageid-591 .btn-primary:hover {
    background: #023c82 !important;
    border-color: #023c82 !important;
}

.pageid-14345 .subheadline-h5::after {
    border-top: 3px solid #e4dcd3;
}

.pageid-14345 .list-type2 a {
    box-shadow: inset 0.7em 0 #e4dcd3 !important;
    position: relative;
    display: block;
    padding: 0.4em 0.4em 0.4em 2em;
    margin: 0.5em 0;
    transition: box-shadow 1s;
}

.pageid-14345 .list-type2 a:hover {
    box-shadow: inset 2em 0 #e4dcd3 !important;
}

/* JC - Button colors auf dieser Seite - END */

/* JC - Fix for Fahrzeugsuche */
#section-search-switcher[data-view='4'] .search-switcher-top-container {
    max-width: 1580px;
}

#section-search-switcher .tab-content {
    padding: 40px;
}

#header-slider .header-envkv-info,
#header-slider-container .header-envkv-info {
    font-size: 0.65em;
}

/*Ticket 161630 Aktuelle News Slider soll aehnliche Hoehe haben wie Showroom Slider*/
.slider-aktuellenews[data-container="infomanager"].infomanager-view-3[data-slider-view="1"] .im-slider-entry .entry-img {
    aspect-ratio: 97/121;
    padding-bottom: 100%;
}