body,
.headline-h1,
.headline-h2,
.headline-h3,
.content-title {
    font-family: Montserrat, sans-serif;
    hyphens: auto;
}

.navbar-left img {
    max-height: 40px;
    margin-right: 10px;
}

.breadcrumb_area {
    background-color: #fff;
    border-bottom: 0;
}

#footer #toolbar-container a {
    background: #151f5d;
    color: #fff;
    opacity: 1;
}

.headline-h2,
.content-title {
    font-size: 40px;
    line-height: 48px;
}

.content-title {
    color: #000;
}

.headline-h3 {
    font-size: 26px;
    line-height: 38px;
}

.headline-h2,
.headline-h3 {
    text-transform: uppercase;
}

body:not(.pageid-532) {
    background: #fbfcfe;
}

.fw-normal {
    font-weight: normal;
}

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

.table.border-0 td,
.table.border-0 th {
    border: none;
}

#footer #pre_area .btn-primary,
#wrapper #header #menu-toggle {
    background: #151f5d;
    color: #fff;
}

#footer #pre_area .btn-primary:hover,
#footer #pre_area .btn-primary:focus {
    background: #1e2d87;
    box-shadow: none;
    outline: none;
    color: #fff;
}

#footer #pre_area hr {
    border-bottom: 1px solid #151f5d;
}

.auda-bg-white {
    background: #fff;
}

.auda-box-container .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.auda-box {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    height: 307px;
    padding: 0;
}

.auda-box .headline-h3,
.auda-box a {
    color: #fff;
}

.auda-box .btn-default {
    border-color: #fff;
    position: absolute;
    bottom: 15px;
}

.auda-box .btn-default:hover,
.auda-box .btn-default.active {
    background-color: #fff;
    border-color: #151f5d;
    color: #151f5d;
}

.auda-box .ge-content {
    flex: 1 1 25%;
    padding: 30px;
    height: 307px;
}

.auda-box {
    background-color: #5c7a94;
    color: #fff;
    background-position: center;
    background-size: cover;
    transition: background-image 1s linear;
}

.auda-box:hover.ueber-uns {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/ueber-uns.jpg');
}

.auda-box.ueber-uns {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/ueber-uns.jpg');
}

.auda-box:hover.waschanlage {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/waschanlage.jpg');
    transition: opacity 0.3s;
}

.auda-box.waschanlage {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/waschanlage.jpg');
}

.auda-box:hover.werkstatt {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/werkstatt.jpg');
}

.auda-box.werkstatt {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/werkstatt.jpg');
}

.auda-box:hover.tankstelle {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/tankstelle.jpg');
}

.auda-box.tankstelle {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/tankstelle.jpg');
}

.auda-box:hover.news-aktuelles {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/news-aktuelles.jpg');
}

.auda-box.news-aktuelles {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/news-aktuelles.jpg');
}

.auda-box:hover.fahrzeugangebot {
    background-image: linear-gradient(rgb(92 122 148 / 60%), rgb(92 122 148 / 60%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/fahrzeugangebot.jpg');
}

.auda-box.fahrzeugangebot {
    background-image: linear-gradient(rgb(92 122 148 / 80%), rgb(92 122 148 / 80%)), url('/website/themes/autohaushahn.de/dynamic/fe/categories/fahrzeugangebot.jpg');
}

.auda-categories {
    height: 300px;
    width: 100%;
    display: block;
}

.fahrzeuganfrage {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/icons-logos-allgemeine-grafiken/fahrzeuganfrage.png') 40px 8px no-repeat;
}

.fahrzeugankauf {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/icons-logos-allgemeine-grafiken/fahrzeugankauf.png') 40px 8px no-repeat;
}

.fahrzeugsuche {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/icons-logos-allgemeine-grafiken/fahrzeugsuche.png') 40px 8px no-repeat;
}

.neufahrzeuge {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/icons-logos-allgemeine-grafiken/neufahrzeuge.png') 40px 8px no-repeat;
}

.service {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/icons-logos-allgemeine-grafiken/service.png') 40px 8px no-repeat;
}

.auda-block-padding {
    padding-top: 70px;
    padding-bottom: 70px;
}

.auda-block-padding-top-half {
    padding-top: 35px;
}

.auda-block-padding-top {
    padding-top: 70px;
}

.auda-block-padding-bottom-half {
    padding-bottom: 35px;
}

.auda-block-padding-bottom {
    padding-bottom: 70px;
}

.auda-home-categories {
    position: relative;
    left: 58px;
    margin-top: 70px;
}

#header-slider {
    border: 0;
    padding-bottom: 30px;
    background: #fff;
}

#header-slider .h2,
#header-slider .h3 {
    display: none;
}

.navbar {
    background: #fff;
}

body:not(.site-home) #site-content {
    background: #fff url('/website/themes/autohaushahn.de/dynamic/fe/background/background.jpg') -250px 136px no-repeat;
    padding-top: 136px !important;
    margin-top: -136px;
}

body.site-home #site-content {
    background: url('/website/themes/autohaushahn.de/dynamic/fe/background/background.jpg') -250px 136px no-repeat;
    padding-top: 0 !important;
    margin-top: auto;
}

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

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

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

.auda-hv-center {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

.auda-space {
    padding: 20px;
}

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

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

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

#footer #pre_area {
    border-bottom: 0;
}

#footer #after_area {
    background: #ebeff3;
    padding-top: 0;
}

/* Widget */
.site-home .audaris-widget .btn-primary {
    background: #151f5d !important;
}

/* Forms */
.well {
    background-color: #ebeff3;
}

.form-control {
    border-color: #707070;
    background-color: transparent;
    color: #000;
}

@media (max-width: 1380px) {
    #wrapper #header #optional-header-icons a {
        color: #151f5d;
    }
}

@media (min-width: 1281px) {
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .item,
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .fill {
        height: 800px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .auda-home-categories {
        left: 18px;
        margin-top: 70px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .auda-home-categories {
        left: 18px;
        margin-top: 70px;
    }

    .headline-h2 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .auda-box .ge-content {
        flex: 1 0 100% !important;
    }

    .headline-h2 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .auda-box .ge-content {
        flex: 1 0 100% !important;
    }

    .auda-home-categories {
        left: 48px;
        margin-top: 0;
    }

    #article-blog-entry {
        padding-top: 70px;
    }

    .headline-h1 {
        font-size: 34px;
    }

    h2.content-title {
        font-size: 34px;
        line-height: 48px;
    }

    .headline-h2 {
        font-size: 26px;
        line-height: 38px;
    }

    .auda-block-padding {
        padding-bottom: 0;
    }
}