/***** MS-CSS *****/

/***** Header *****/

body.site-home #header-slider,
body:not(.site-home) #header-slider {
    margin-top: 30px;
}

.breadcrumb_area {
    background-color: #fff;
    border-top: 3px solid #f0f812;
    border-bottom: none;
}

.breadcrumb li,
.breadcrumb a {
    font-weight: normal;
}

.breadcrumb_area > div:nth-child(1) {
    margin-top: 20px;
}

/***** Header-End *****/

/***** Hauptmenü *****/

#header #primary-menu > li > a {
    color: #333; /* Textfarbe Hauptmenü */
    text-transform: inherit;
}

#header #primary-menu .dropdown-menu a:hover {
    background-color: #f0f812; /* Hoverfarbe Untermenü */
}

#header #icons-menu a {
    color: #000; /* Iconfarbe Header */
}

#header #icons-menu #menu-favorites .fa span {
    background: #f0f812; /* Favouriten-counter-BG */
    color: #000;
}

#header .hamburger .hamburger-label {
    color: #000;
}

#header .hamburger .hamburger-inner,
#header .hamburger .hamburger-inner::before,
#header .hamburger .hamburger-inner::after {
    background-color: #020202;
}

body.menu-toggled #header .header-above {
    background: #1fe0;
}

/***** Hauptmenü-End *****/

/***** Quicksearh *****/

#section-search-switcher .nav-tabs > li > a {
    background: #f0f812; /* Quicksearch-Farbanpassung */
    color: #000;
}

.pageid-534 #section-search-switcher .nav-tabs > li > a,
.pageid-591 #section-search-switcher .nav-tabs > li > a,
.pageid-596 #section-search-switcher .nav-tabs > li > a {
    display: none;
}

/***** Quicksearch-End *****/

/***** Body *****/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #333;
}

body:not(.fe-admin-area) h1 {
    line-height: 1.2em;
}

.page-headline h1,
.page-headline .headline-h1,
.page-headline .subheadline-h1 {
    font-size: 2.25em;
    font-weight: 600;
    text-transform: initial;
    line-height: 1.2em;
}

.headline-h1 {
    color: #333;
}

body:not(.fe-admin-area) h2 {
    font-size: 2.25em !important;
    line-height: 1.2em;
    font-weight: 600 !important;
    text-transform: none !important;
}

body:not(.fe-admin-area) h3 {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none !important;
}

.pageid-14050 h3 {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none !important;
    margin: 0 0 15px;
    padding: 0;
}

body:not(.fe-admin-area) h4 {
    color: #333;
    text-transform: none !important;
}

body:not(.fe-admin-area) h5 {
    color: #000;
    font-weight: 800;
    text-transform: none !important;
}

.headline-h2 {
    color: #333;
    text-transform: none !important;
}

body:not(.fe-admin-area) .container p {
    line-height: 2em;
    padding: 20px 0 0;
    font-size: 17px;
}

.hborder {
    border-left: 8px solid #f0f812; /* Blue-left-border */
}

.hborder-bg {
    border-left: 8px solid #f0f812; /* Blue-left-border */
    background: #eee;
}

.hborder-space {
    padding: 20px 0 20px 30px; /* Abstand zu Border */
}

.hborder-space2 {
    padding: 1px 30px; /* Abstand zu Border */
}

.hborder-space-right {
    padding: 20px 50px 20px 60px; /* Abstand zu Border */
}

.hborder-space-left {
    padding: 20px 80px; /* Abstand zu Border */
}

.hborder-topspace {
    padding-top: 20px; /* Abstand zu Border */
}

.wh-side-contact {
    /* Kontakt-Info-Spalte */
    list-style: none;
    padding: 5px 0;
    color: #333;
    line-height: 2em;
}

.wh-side-contact a:hover {
    filter: brightness(200%);
}

.wh-side-contact li span {
    /* Keine Klasse weil Verlinkung bei fa im CMS Probleme macht */
    color: #424449;
    font-size: 1.3em !important;
    padding: 5px 5px 5px 0 !important;
}

.wh-list {
    /* Kontakt-Info-Spalte */
    list-style: none;
    line-height: 1.6em;
    padding: 20px 0;
}

.wh-links {
    /* Kontakt-Info-Spalte */
    color: #424449;
}

.wh-links:hover {
    /* Kontakt-Info-Spalte */
    filter: brightness(50%);
}

.wh-table {
    line-height: 2.5em;
    margin: 20px 0;
}

.wh-content-start {
    padding: 0 0 20px 60px;
}

.wh-contentimg-left {
    border-right: 8px solid #f0f812;
}

.wh-contentimg-right {
    border-left: 8px solid #f0f812;
}

.wh-contentbg-left {
    padding-bottom: 50px;
    background: linear-gradient(to right, #eee 75%, #eee 75%, #fff 75%, #fff 100%);
}

.wh-contentbg-right {
    padding-bottom: 50px;
    background: linear-gradient(to right, #fff 0%, #fff 25%, #eee 25%, #eee 100%);
}

.wh-contentbg-head {
    background: #fff;
}

.wh-contentbg-head-left {
    background: #fff;
    padding: 0 0 20px 60px;
}

.wh-bew {
    color: #67bed4;
    font-size: 3em !important;
}

/***** BTN-Primary *****/

.auda-btn-primary {
    display: inline-flex;
}

.auda-btn-primary a {
    position: relative;
    z-index: 9;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.auda-btn-primary a::before {
    content: '';
    width: 100%;
    position: absolute;

    /* background:#67BED4; */
    height: 1px;
    bottom: 0;
    left: -1px;
}

.auda-btn-primary a::after {
    content: '';
    width: 5px;
    position: absolute;
    background: #f0f812;
    left: -1px;
    top: 0;
    bottom: 0;
}

.auda-btn-primary a:hover {
    text-decoration: none;
}

.auda-btn-primary a:hover::after {
    width: 100%;
    z-index: -9;
    transition: 0.3s ease-in-out;
}

.auda-btn-primary-align-left {
    text-align: left;
}

.auda-btn-primary-align-right {
    text-align: right;
}

/***** BTN-Primary  END ******/

/***** Showroom ******/

.pageid-532 .audaris-widget .bg-secondary,
.pageid-10263 .audaris-widget .bg-secondary {
    background-color: #424449; /* Hintergrundfarbe der Filter */
}

.pageid-532 .audaris-widget .hover\:bg-secondary:hover,
.pageid-10263 .audaris-widget .hover\:bg-secondary:hover {
    background-color: #f0f812;
    color: #000;
}

/***** Showroom END ******/

/***** Body-End *****/

/***** Footer ******/

#after_area > div:nth-child(1) {
    text-align: left;
    padding-bottom: 30px;
}

#footer #pre_area {
    background: #fff;
    color: #707070;
    padding: 0 0 20px;
}

#footer_info_box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

/* Footer-End */

/***** Startseite *****/

.image-cards {
    /* FLEXBOX Start-Seite */
    background-image: url('/website/themes/automix.de/dynamic/fe/startseite/image-cards-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position: bottom right;
    height: 100%;
    padding: 0 10% 40px;
}

.image-cards img {
    transition: transform 0.2s;
    padding: 10px 0;
    height: auto;
}

.image-cards img:hover {
    transform: scale(1.1); /* (110% zoom bei Hover) */
}

.image-cards::after {
    /* Balken nach Card-Bilder */
    position: absolute;
    width: 50%;
    content: '';
    right: 0;
    bottom: -8px;
    border-bottom: 8px solid #f0f812;
}

.flexbox-panel {
    /* Flexbox Card-Bilder */
    display: flex;
    flex-flow: row wrap;
    place-content: center space-evenly;
    align-items: center;
}

.flexbox-item {
    /* flex: 0 1 auto; */
    padding: 0;
}

.flex-item:nth-child(1),
.flex-item:nth-child(2),
.flex-item:nth-child(3) {
    display: block;
    flex: 0 1 auto;
    align-self: auto;
    order: 0;
}

.service-flex-container {
    /* FLEXBOX Service-Icons */
    display: inline-flex;
    flex-flow: row wrap;
    place-content: center center;
    align-items: center;
    width: 100%;
}

.service-flex-items {
    padding: 5px 50px;
}

.service-flex-items a:hover {
    filter: brightness(200%);
}

.service-flex-items:nth-child(1),
.service-flex-items:nth-child(2),
.service-flex-items:nth-child(3),
.service-flex-items:nth-child(4),
.service-flex-items:nth-child(5),
.service-flex-items:nth-child(6),
.service-flex-items:nth-child(7),
.service-flex-items:nth-child(8),
.service-flex-items:nth-child(9),
.service-flex-items:nth-child(10),
.service-flex-items:nth-child(11) {
    display: block;
    flex: 0 1 auto;
    align-self: auto;
    order: 0;
}

.img-banner {
    /* Img-Banner-Startseite */
    background-image: url('/website/themes/automix.de/dynamic/fe/startseite/startseite-banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 417px;
}

.img-banner2 {
    /* Img-Banner-E-Mobil */
    background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/opel-e-mobilitat/e-mobilitaet-banner-automix.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 417px;
}

.img-banner3 {
    /* Img-Banner-KFZ-Versicherung */
    background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/kfz-versicherung/autoversicherung-automix.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 417px;
}

.img-banner::after,
.img-banner2::after,
.img-banner3::after {
    /* Balken nach Banner */
    position: absolute;
    width: 50%;
    content: '';
    right: 0;
    bottom: -8px;
    border-bottom: 8px solid #f0f812;
}

[data-container='infomanager'].infomanager-view-3 .prev,
[data-container='infomanager'].infomanager-view-3 .next {
    opacity: 1;
    color: #fff;
}

.owl-theme .owl-nav button.owl-prev::after,
.owl-theme .owl-nav button.owl-next::after {
    color: #000;
}

.pageid-386 .audaris-widget {
    margin: 0 0 60px;
}

.pageid-386 .audaris-widget .mt-2 {
    display: none; /* Hersteller-Slide-Markenbezeichnung */
}

.pageid-386 .audaris-widget img,
.pageid-534 .audaris-widget video {
    max-width: 70%; /* Hersteller-Slide-Bildgröße */
}

.pageid-386 .audaris-widget .ml-auto {
    margin-left: 0; /* Hersteller-Slide-Position */
}

.pageid-386 .audaris-widget .flex {
    justify-content: space-between; /* Hersteller-Slide-Pfeile-Position */
}

.pageid-386 .audaris-widget .text-3xl {
    position: relative; /* Hersteller-Slide-Pfeile-Position */
    top: 50px;
}

.pageid-386 .select-none {
    max-width: 80%; /* Hersteller-Slide-Pfeile-Position */
    margin-left: 170px;
}

/***** Startseite END *****/

/***** Module *****/

#section-service-brands-ajax #marken-request .direction-marken-logo:hover {
    background: transparent; /* Werkstatt Logo Hintergrund */
}

#section-service-brands-ajax #marken-request .direction-marken-logo.active {
    background: transparent; /* Werkstatt Logo Hintergrund */
}

.audaris-widget .text-secondary {
    color: #333 !important; /* Neuzugänge dunkle Schrift */
}

#section-consultants .view-2 .person-data {
    max-width: initial;
}

/************ ACCORDION FIRST ********************/
.auda-accordion-first {
    padding: 0 11%; /* Akkordeongestaltung */
}

.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    padding: 10px 25px;
    box-shadow:
        0 3px 0 0 #424449,
        0 1px 0 #424449;
    color: #333;
    font-weight: normal;
    font-size: 24px;
}

.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;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.auda-accordion-first .panel-default {
    border: none; /* Service-Termin vereinbaren Buttongestaltung */
    margin-bottom: 20px;
}

.pageid-534 #section-search-switcher .search-switcher-top-container,
.pageid-591 #section-search-switcher .search-switcher-top-container,
.pageid-596 #section-search-switcher .search-switcher-top-container {
    border: none; /* Service-Termin Box kein BG */
    box-shadow: none;
}

#section-service-brands-ajax {
    background: transparent; /* Service-Termin Box kein BG */
    border: none;
    box-shadow: none;
}

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

/***** Formulare *****/

.well {
    border: none;
    box-shadow: none;
    background-color: #e1e1e1;
}

.fieldsBoxWrapper .fieldsBox {
    border: none !important;
}

.checkbox-toggle-container,
.wrap-all-fields {
    border: none !important;
}

body:not(.fe-admin-area) .form-group .form-control {
    box-shadow: none;
    background: #fff;
    border: 1px solid #000;
}

/***** Formulare - END *****/

/***** Module END *****/

/***** Media-Query *****/

@media only screen and (max-width: 599px) {
    .wh-contentbg-left,
    .wh-contentbg-right {
        padding-bottom: 0;
        background: none;
    }

    .mobile-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .headline-h2 {
        font-size: 24px !important;
    }

    .service-flex-container {
        display: inline-flex;
        flex-flow: row wrap;
        justify-content: center !important;
        align-items: center;
        align-content: center;
        width: 100%;
    }

    .service-flex-items {
        padding: 5px 20px !important;
    }

    .hborder-space-right {
        padding: 20px 0 0; /* Abstand zu Border */
    }

    .text-spacing {
        line-height: 2em;
        padding: 0;
    }

    .wh-contentbg-head-left {
        padding: 0;
    }

    .hborder-space-left {
        padding: 10px 20px; /* Abstand zu Border */
    }

    .pageid-386 .select-none {
        max-width: 80%; /* Hersteller-Slide-Pfeile-Position */
        margin-left: 60px;
    }

    .pageid-386 .audaris-widget .object-contain {
        object-fit: contain;
        padding: 1px;
    }

    #header .header-above {
        padding: 0;
        position: absolute !important;
        left: 35%;
        z-index: 8 !important;
    }

    #header #logo {
        height: 60px;
    }

    #header #logo img {
        max-height: 50px;
    }

    #header-container {
        height: 40px;
    }

    .auda-btn-primary-align-left {
        text-align: center;
    }

    .auda-btn-primary-align-right {
        text-align: center;
    }

    .img-banner {
        background-image: url('/website/themes/automix.de/dynamic/fe/startseite/startseite-banner.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .img-banner2 {
        background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/opel-e-mobilitat/e-mobilitaet-banner-automix.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .img-banner3 {
        background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/kfz-versicherung/autoversicherung-automix.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .panel-title {
        font-size: 18px !important;
        font-weight: normal !important;
    }

    .wh-content-start {
        padding: 0;
    }

    .wh-contentbg-head {
        background: #fff;
        margin-top: 40px;
    }

    .wh-table {
        line-height: 2.5em;
        margin: 20px 0;
        font-size: 13px;
    }

    .san-widget-floating {
        width: 50%;
        justify-content: flex-start !important;
        overflow: hidden;
        left: 70% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 990px) {
    #header .header-above {
        padding: 0;
        position: absolute !important;
        left: 45%;
        z-index: 8 !important;
    }

    #header #logo {
        height: 60px;
    }

    #header #logo img {
        max-height: 50px;
    }

    #header-container {
        height: 40px;
    }

    .img-banner {
        background-image: url('/website/themes/automix.de/dynamic/fe/startseite/startseite-banner.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .img-banner2 {
        background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/opel-e-mobilitat/e-mobilitaet-banner-automix.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .img-banner3 {
        background-image: url('/website/themes/automix.de/dynamic/fe/unterseiten/kfz-versicherung/autoversicherung-automix.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
        height: 417px;
    }

    .panel-title {
        font-size: 24px !important;
    }

    .pageid-386 .select-none {
        max-width: 80%; /* Hersteller-Slide-Pfeile-Position */
        margin-left: 100px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1699px) {
    .flexbox-panel {
        flex-wrap: nowrap;
    }

    .image-cards {
        padding: 0 0 20px 6%;
    }

    .image-cards img {
        width: 80%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1379px) {
    #header .more-brands img,
    #header .logos-top-right img {
        height: 45px;
        margin-left: 10px;
        max-width: unset;
        width: 40px;
    }
}

@media (min-width: 1380px) {
    #header .header-below {
        padding: 0 135px; /* Hauptmenü eingerückt */
    }

    #header .header-above {
        padding: 10px 150px; /* Logo eingerückt */
    }

    #header #logo {
        height: 90px; /* Logo größer */
    }

    #header #logo img {
        max-height: 90px; /* Logo größer */
    }

    #header .more-brands img,
    #header .logos-top-right img {
        height: auto;
    }
}

/***** Media-Query-End *****/

/***** MS-CSS-End *****/

.auda-cr-center {
    align-items: center;
    justify-content: center;
}

.auda-hv-center {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.auda-space {
    padding: 20px;
}

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

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

#section-direction-compact .service-area-open-time {
    padding: 10px;
    background: #e3e3e3;
    margin: 20px 0 0;
}