body,
h1,
.auda-form-block .headline-h2,
h2.headline-h1,
h2 .headline-h1,
h3 {
    font-family: 'Playfair Display', serif;
}

h1 {
    margin-top: 0;
}

.headline-h1 {
    font-weight: normal;
    font-size: 50px;
}

.page-headline .subheadline-h1 {
    color: #4c4d4b;
}

.vehicleslider button.ml-auto {
    margin-left: 0;
    color: #136a40;
}

.vehicleslider button.ml-4 {
    margin-left: auto;
    color: #136a40;
}

body:not(.fe-admin-area) .btn {
    position: relative;
    font-family: Lato, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    transition: 0.41s;
}

body:not(.fe-admin-area) .btn-default {
    background-color: transparent;
}

body:not(.fe-admin-area) .btn-primary {
    padding: 15px;
    margin-bottom: 5px;
}

body:not(.fe-admin-area) .btn-primary .fa-arrow-circle-right {
    color: #136a40;
    position: relative;
    margin-left: 5px;
}

body:not(.fe-admin-area) .btn-primary .fa-arrow-circle-right::after {
    color: #136a40;
    content: '';
    position: absolute;
    right: -5px;
    width: 22px;
    height: 22px;
    transform: translate(-10%, -50%);
    border: 1px solid;
    border-radius: 20px;
    top: 50%;
}

body:not(.fe-admin-area) .btn-link {
    margin-right: 25px;
}

body:not(.fe-admin-area) .btn-link:hover {
    text-decoration: none;
    color: #136a40;
}

body:not(.fe-admin-area) .btn-link::before {
    color: #136a40;
    content: '\f0a9';
    position: absolute;
    font-family: FontAwesome;
    right: 0;
    font-size: 18px;
    top: 50%;
    transform: translate(70%, -50%);
    line-height: 1.5;
    border: 1px solid;
    padding: 0 5px;
    border-radius: 20px;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
    border: none;
}

/************** Formulare *****************************/
.auda-form-block,
#section-contact-form,
#section-vehicle-tradein-form,
#section-vehicle-inquiry-form,
auda-fahrzeugankauf-form {
    background: #136a40;
    padding: 50px 0;
    color: #fff;
}

.auda-form a,
.forms-accept-datenschutz a {
    color: #1cb96d;
}

.auda-form .checkbox-toggle-container,
.auda-form .checkbox-toggle-container ~ .wrap-all-fields {
    background: #17794a;
    border: none !important;
}

.auda-form .content-title,
#section-contact-form .content-title,
.auda-form-block .headline-h2,
body .audaris-widget .btn-primary,
body:not(.fe-admin-area) .auda-form-block .btn-default,
#section-contact-form #section-direction-compact .btn-default,
#section-vehicle-tradein-form .btn-default,
#section-vehicle-inquiry-form .btn-default,
.form-control::placeholder {
    color: #fff;
}

.form-control::placeholder {
    color: #d7d7d7;
}

body:not(.fe-admin-area) label,
.breadcrumb li,
.breadcrumb a {
    font-weight: 400;
    font-family: Lato, sans-serif;
}

.auda-form input.form-control,
body:not(.fe-admin-area) input.form-control,
textarea.form-control {
    border-width: 0 0 2px;
    background: #17794a;
    color: #fff;
}

#section-vehicle-inquiry-form .slider-handle {
    border: 2px solid #0d4a2d;
}

.auda-search .audaris-widget .form-select:focus {
    box-shadow: none;
}

#section-contact-form .well,
#section-vehicle-tradein-form .well,
#section-vehicle-inquiry-form .well {
    background: transparent;
    border: none;
    box-shadow: none;
}

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

/************** audaris-widget *****************************/
@media (min-width: 1580px) {
    #site-content .quicksearch {
        position: absolute;
        width: 100%;
        top: 14%;
        z-index: 9;
    }
}

#site-content .quicksearch .audaris-widget {
    background: #136a40;
    padding: 30px;
}

#site-content .quicksearch .audaris-widget .form-select::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
    background: #fff;
    opacity: 1;
}

#site-content .quicksearch .audaris-widget .form-select:hover::before {
    opacity: 0;
}

#site-content .quicksearch .audaris-widget .form-select {
    border: 0;
    position: relative;
    z-index: 2;
    left: 0;
    bottom: 0;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
}

#site-content .quicksearch .audaris-widget .mx-auto.flex-1 {
    padding: 10px 0 0;
}

#site-content .quicksearch .audaris-widget .btn-primary {
    position: relative !important;
    background: #227b50;
    color: #fff;
}

body:not(.fe-admin-area) .btn-primary:hover,
body:not(.fe-admin-area) .btn-primary:hover .fa-arrow-circle-right,
#site-content .quicksearch .audaris-widget .btn-primary:hover,
#site-content .quicksearch .audaris-widget .btn-primary:hover span {
    background: #185537;
    color: #919191;
}

/************** END audaris-widget *****************************/

/************* Styling Social ********************/
@media (min-width: 1660px) {
    #menu-social-floating[data-position='right'] a {
        right: 10px;
    }
}

#menu-social-floating span,
#menu-social-floating[data-position='left'] span,
#menu-social-floating[data-position='right'] span {
    display: none;
    width: auto;
}

#menu-social-floating .instagramflat:not(:hover) i,
#menu-social-floating .instagramflat {
    background: transparent;
}

#menu-social-floating li {
    margin-bottom: 7px;
}

#menu-social-floating a {
    color: #000;
    border-radius: 30px !important;
    background: #eaece9 !important;
    overflow: hidden;
}

#menu-social-floating i {
    color: #000;
}

/************* End Styling Social ********************/
.no_header #site-content {
    padding: 0;
}

.module-block.fe-content p {
    margin: 0;
    line-height: 2;
    font-size: 18px;
}

.auda-bg,
.auda-bildbox,
#pre_area {
    position: relative;
}

.auda-bildbox .auda-title {
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 25px;
    background: #eaece9;
}

.auda-bg::before {
    content: '';
    position: absolute;
    background: #eaece9;
    width: 91%;
    height: 80%;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

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

.auda-justify-center {
    justify-content: center;
}

.auda-align-end {
    align-items: flex-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;
}

.auda-border {
    border-width: 6px 3px 0;
    border-style: solid;
    border-color: #fff;
}

.bg-secondary.auda-border a {
    font-family: Lato, sans-serif;
    font-size: 14px;
}

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

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

.auda-mb-30 {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .headline-h1 {
        font-size: 36px;
    }

    .module-block.fe-content p .headline-h1 {
        line-height: 1.3;
    }

    .auda-bg::before {
        width: 100%;
        height: 100%;
    }

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

@media (min-width: 992px) {
    #pre_area::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 250px;
        height: 100%;
        background-image: url('/website/themes/autowelt-ostermaier.de/dynamic/fe/footer/pflanze-footer-links.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    #pre_area::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 100%;
        background-image: url('/website/themes/autowelt-ostermaier.de/dynamic/fe/footer/pflanze-footer-rechts.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/************** AH *****************************/
#header-slider .carousel-caption .left-top-1,
#header-slider .carousel-caption .center-top-1,
#header-slider .carousel-caption .right-top-1,
#header-slider .carousel-caption .left-middle-2,
#header-slider .carousel-caption .center-middle-2,
#header-slider .carousel-caption .right-middle-2 {
    display: none;
}

/* Fahrzeugankaufformular Anpassungen */
.auda-fahrzeugankauf-form .well {
    background-color: #136a40;
    border: 1px solid #136a40;
}

.auda-fahrzeugankauf-form h3 {
    color: #fff;
}

.auda-fahrzeugankauf-form .fieldsBox {
    border: 1px solid rgb(19 106 64) !important;
}

.auda-fahrzeugankauf-form {
    background: #136a40;
    color: #fff;
    padding: 50px;
}

/* Fahrzeugankaufformular Anpassungen - END */