body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
    font-family: Raleway, sans-serif;
}

/* disable location title by Probefahrt */
.pageid-10977 .headline-h3 {
    display: none;
}

#section-service-brands-ajax #marken-request {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.auda-bg-img {
    background: url('/website/themes/autohaus-prox-walter.de/dynamic/fe/kopfgrafiken/hintergundbild-deal.jpg') fixed top no-repeat;
    color: #fff;
    padding: 30px;
}

.auda-grey {
    background: #f5f5f5;
}

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

.auda-btn .btn {
    margin: 0 20px 20px 0;
}

.auda-wrap .auda-img-text-lr {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

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

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

.slider-content a.auda-slider {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.auda-img-overlay {
    position: relative;
}

#article-blog-entry .blog-post .auda-img-overlay img {
    margin: 0;
}

.auda-img-overlay::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    position: absolute;
    background: #f5f5f5;
}

.auda-img-overlay:hover::before {
    opacity: 0;
    transition: 0.3s all;
}

.auda-skewed-bg {
    padding: 50px 0;
    position: relative;
}

.auda-skewed-bg::before {
    position: absolute;
    content: '';
    background: #b4253e;
    width: 100%;
    height: 60%;
    z-index: -10;
    bottom: 0;
}

.auda-skewed-bg::after {
    position: absolute;
    content: '';
    transform: skew(0deg, 6deg);
    background: #b4253e;
    width: 100%;
    height: 50%;
    z-index: -1;
    top: 15%;
}

.auda-skewed-bg .auda-box {
    box-shadow: -2px 6px 8px -1px #661221;
    background: #f4f4f4;
    padding: 30px;
}

body:not(.fe-admin-area) #article-blog-entry #header-data .headline-h1,
body:not(.fe-admin-area) #article-blog-entry #header-data .subheadline-h1,
.breadcrumb li,
.breadcrumb a {
    color: #fff;
}

.auda-search,
.auda-bg-primary,
body:not(.fe-admin-area) #article-blog-entry #header-data {
    background: #9e1d34;
    color: #fff;
    padding: 20px 0;
}

.site-home:not(.no_header) #site-content > #section-search-switcher {
    margin-top: 30px !important;
}

#section-search-switcher .nav-tabs > li > a,
.breadcrumb_area {
    background: #9e1d34;
}

#section-search-switcher .nav-tabs > li.active > a,
#section-search-switcher .nav-tabs > li.active > a:hover,
#section-search-switcher .nav-tabs > li.active > a:focus {
    background: #b4253e;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px 0;
}

.auda-search .headline-h2 {
    padding: 20px 0;
    color: #fff;
}

.auda-btn .btn {
    margin: 0 20px 20px 0;
}

body:not(.fe-admin-area) .auda-search .btn-primary {
    background: #3e4d55 !important;
    color: #fff;
}

#header-slider,
.breadcrumb_area {
    border: none;
}

body:not(.fe-admin-area) .btn-primary {
    position: relative !important;
    background: transparent;
    color: #9e1d34;
    border-color: #9e1d34;
    border-width: 1px;
    padding-left: 22px;
}

body:not(.fe-admin-area) .btn-primary::before {
    content: '';
    background: #9e1d34;
    width: 10px;
    height: 100%;
    bottom: 0;
    left: 0;
    display: block;
    position: absolute;
    transition: 0.3s all;
}

body:not(.fe-admin-area) .btn-primary:hover::before {
    height: 0;
}

body:not(.fe-admin-area) .open-area .btn-primary::after,
body:not(.fe-admin-area) .dropdown .btn-primary::after,
body:not(.fe-admin-area) .phone-number-link.btn-primary::after {
    content: '\f077';
    background: transparent;
    width: 11px;
    height: auto;
    top: 18px;
    left: auto;
}

body:not(.fe-admin-area) .open-area .btn-primary:hover::after,
body:not(.fe-admin-area) .dropdown .btn-primary:hover::after,
body:not(.fe-admin-area) .phone-number-link.btn-primary:hover::after {
    height: auto;
}

/******* btn only on bg-pimary ********/
body:not(.fe-admin-area) .auda-bg-primary .btn-primary,
body:not(.fe-admin-area) .auda-skewed-bg .btn-primary,
body:not(.fe-admin-area) .auda-bg-img .btn-primary {
    color: #fff;
    border-color: #fff;
}

body:not(.fe-admin-area) .auda-bg-primary .btn-primary::before,
body:not(.fe-admin-area) .auda-skewed-bg .btn-primary::before,
body:not(.fe-admin-area) .auda-bg-img .btn-primary::before {
    background: #fff;
    transition: 0.3s all;
}

/******* End btn only on bg-pimary ********/

.auda-accordion .panel-title a {
    display: block;
    padding: 10px 15px;
    position: relative;
    background: #2e4350;
    text-align: center;
    color: #fff;
}

.auda-space-20 {
    padding: 20px;
}

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

.auda-accordion .panel-title a.collapsed,
.auda-accordion .panel-body {
    background: #f5f5f5;
    color: #2e4350;
}

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

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

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

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

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

#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%);
    color: #000;
}

.form-control {
    color: #000;
}

#article-blog-entry > .container-full form.well {
    padding: 20px;
}

#article-blog-entry > .container-full .row-no-gutters form.well [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px;
}

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

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

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

.site-home #site-content,
#footer #pre_area,
.blog-entry #site-content {
    padding: 0;
}

#footer #pre_area .list-group-item,
#footer #pre_area .table > tbody > tr > td,
.table > tbody > tr > th,
#section-search-switcher .tab-content,
#section-service-brands-ajax,
#section-service-brands-ajax #location-request {
    background-color: transparent;
    border: 0;
}

.audaris-widget .w-full {
    --color-gray-700: #000;
}

#footer #pre_area .container-fluid {
    max-width: 100%;
    padding: 0;
}

#footer #pre_area .btn-primary {
    color: #000;
    border: none;
}

#footer #pre_area .list-group,
#footer #pre_area .table {
    margin-top: 40px;
    margin-bottom: 20px;
}

#footer #pre_area .list-group-item,
#footer #pre_area .table > tbody > tr > td,
.table > tbody > tr > th,
#section-search-switcher .tab-content,
#section-service-brands-ajax,
#section-service-brands-ajax #location-request {
    background-color: transparent;
    border: 0;
}

.auda-text-xxl p {
    font-size: 10em;
    font-weight: bold;
    color: #f5f5f5;
}

#header #icons-menu li > a:hover {
    color: #efefef;
}

#section-search-switcher .nav-tabs > li.active > a,
#section-search-switcher .nav-tabs > li.active > a:hover,
#section-search-switcher .nav-tabs > li.active > a:focus {
    background: #fff;
    color: inherit;
}

.auda-search-container {
    margin-top: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .auda-text-xxl p {
        font-size: 7em;
    }
}

@media (max-width: 767px) {
    .auda-text-xxl p {
        font-size: 2em;
    }

    .auda-order {
        order: 2;
    }
}

body:not(.fe-admin-area) .audaris-widget .btn-primary {
    background: #9e1d34;
    color: #fff;
}

/* Necessary fix for Barrierefreiheit - JC */
.audaris-widget input.w-full {
    border: 1px solid #6e6e6e !important;
}

/******************************* Versicherungs Banner ****************************/

.insurance-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.insurance-banner__bg {
    display: block;
    width: 100%;
    height: auto;
}

.insurance-banner__overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    background: #B4253E;
    padding: 36px 80px;
    text-align: center;
    box-shadow: 0 10px 15px rgba(0,0,0,0.3);
    min-width: 600px;
    box-sizing: border-box;
}

.insurance-banner__subtitle {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.insurance-banner__title {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

/* Responsive */
@media (max-width: 768px) {
    .insurance-banner__overlay {
        min-width: auto;
        width: 60%;
        padding: 24px 20px;
        height: 70%;
    }

    .insurance-banner__subtitle {
        font-size: 13px;
    }

    .insurance-banner__title {
        font-size: 20px;
    }
}