/*****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: #333333; /* 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:#11ffee00;
}

/*****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: #333333;
}

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: #333333;
    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 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 1px 30px; /* Abstand zu Border */
}

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

.hborder-space-left {
    padding: 20px 80px 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: #333333;
    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, #EEEEEE 75%, #EEEEEE 75%, #ffffff 75%, #ffffff 100% );
}

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

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

.wh-contentbg-head-left {
    background: #ffffff;
    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 .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: 0px;
	bottom: -8px;
	border-bottom: 8px solid #F0F812;
}

.flexbox-panel { /* Flexbox Card-Bilder */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: 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-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
}

.service-flex-container { /* FLEXBOX Service-Icons */
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: 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-grow: 0;
    flex-shrink: 1;
    flex-basis: 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: 0px;
	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 0;
}

.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:not(.consultants-view-1):not(.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 {
    /*background-color:#FAFAFA;*/
    border: none;
    box-shadow: none;
    background-color: #E1E1E1;
}

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

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

body:not(.fe-admin-area) .form-group .form-control {
  box-shadow: none;
  border: 0;
  /*background: #c1c1c1;*/
  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-direction: row;
	    flex-wrap: 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 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: #ffffff;
	    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;
    }
   /* .image-cards {
        padding: 0 0;
    }*/
}

@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;
}