.auda-space {
    padding: 20px;
}

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

.auda-zoom {
    transition: transform 0.2s;
}

.auda-zoom:hover {
    transform: scale(1.1);
}

.pic {
    box-shadow: 3px 3px 35px #e5e5e5;
}

/* RM: Search on home page on slider area */
@media (min-width: 1200px) {
    .site-home #section-vehicle-list-search-horizontal.module-block {
        height: 200px;
        margin-bottom: 70px;
        margin-top: -250px !important;
        padding: 0;
        z-index: 9;
        position: relative;
    }

    .site-home #section-vehicle-list-search-horizontal.module-block form {
        background: rgb(255 255 255 / 75%);
        padding: 15px;
    }

    .site-home #section-vehicle-list-search-horizontal.module-block .btn-primary.search-start {
        border: 0;
    }
}

/* RM - End: Search on home page on slider area */

body {
    background: #fff;
}

#header {
    background: rgb(37 185 255);
    background: linear-gradient(to right, rgb(20 116 199 / 100%) 0%, rgb(4 64 116 / 100%) 85%);
}

#header,
.header-menu-fixed #header {
    border-bottom: 0;
}

#header #phone-top {
    flex-grow: 1;
    text-align: center;
}

#header #phone-top img {
    margin-right: 15px;
    max-height: 38px;
}

/** Kachel **/
.row-tiles .col-sm-4 .ge-content .btn-fullwidth {
    padding: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: #3ea3ff !important;
}

#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: #fee504;
}

.row-tiles .col-sm-4 .ge-content .btn-fullwidth {
    background: #0056a4;
    border: 0 solid #fff !important;
    padding: 10px;
    text-transform: none;
    transform: translateX(-50%);
    width: auto;
    top: 50%;
    left: 50%;
}

.row-tiles .col-sm-4 .ge-content h4 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 94%;
    bottom: 50%;
}

.row-tiles .col-sm-4 .ge-content h4,
.row-tiles .col-sm-4 .ge-content .btn-fullwidth {
    color: #fff;
    position: absolute;
    text-shadow: 0 0 20px #000;
}

h4 {
    font-size: 35px;
    text-transform: none;
    z-index: 1;
}

h4.modal-title {
    color: #0056a4;
    font-size: 18px;
}

.row-tiles .col-sm-4 .ge-content h4 {
    padding: 0 10px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-weight: 700;
    font-size: 22px;
}

.infobox {
    background: #f1f1f1;
    padding: 30px;
    border-radius: 10px;
}

.row.flex::after,
.row.flex::before {
    display: inherit;
}

.vehicles {
    background-color: #eee;
    padding: 20px;
    margin: 20px 0;
    border: 4px solid #fff;
    box-shadow: 6px 5px 17px rgb(0 0 0 / 20%);
}

#footer {
    background: rgb(37 185 255);
    background: linear-gradient(to right, rgb(20 116 199 / 100%) 0%, rgb(4 64 116 / 100%) 85%);
}

#footer #after_area {
    padding-bottom: 80px;
}

@media (min-width: 1200px) {
    #header-slider .carousel-caption .h2 {
        font-size: 60px;
    }
}

#header-slider .carousel-caption .h2 {
    text-transform: uppercase;
}

#article-blog-entry {
    background: #fff;
}

/* Leadbox Leasingangebote PG */
.sticky-box {
    position: sticky;
    top: 120px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sticky-box {
        position: relative;
    }
}

.lead-box {
    border: 5px solid #036;
    padding: 15px;
}

/* SEO-Plugin weißer Hintergrund MH */
#section-audaris-seo {
    background: #fff;
}

/** Flex Center PE **/
@media (min-width: 992px) {
    .d-flex-v-center {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
}

/** Text Shadow erster Sldier PE **/
#header-slider .item[data-id='1'] .carousel-caption .h2,
#header-slider .item[data-id='1'] .carousel-caption .h3,
#header-slider .item[data-id='2'] .carousel-caption .h2,
#header-slider .item[data-id='2'] .carousel-caption .h3 {
    text-shadow: none;
}

/** Abstand Anpassen IM Hobby Modelle **/
.imentry-5409 .row .col-xs-12 {
    margin-bottom: 0;
}

/** Abstand AA **/
.auda-space-s {
    padding: 80px;
}

@media (max-width: 600px) {
    .auda-space-s {
        padding: 30px;
    }
}

/************ ACCORDION Service AA ********************/
.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    padding: 10px 15px;
    box-shadow:
        0 5px 5px 0 #ddd,
        0 2px 12px #fff;
}

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

.auda-accordion-first .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    padding: 10px;
    color: #0056a4;
    position: absolute;
    right: 0;
    top: 0;
}

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

/************ ACCORDION Sevice - END ********************/

@media (min-width: 1200px) {
    body.site-home #header-slider .item,
    body.site-home #header-slider .fill {
        height: 400px;
        padding-bottom: 0;
    }
}

/************ Hintergrund hell-grau - AA ********************/

.auda-bg-grey {
    background: #f8f8f8 40%;
    box-shadow: 6px 5px 17px rgb(0 0 0 / 20%);
    padding: 40px 0;
}

/************ Hintergrund hell-grau - END - AA ********************/

/************ ACCORDION BLUE AA ********************/

.auda-accordion-blue .panel-title a {
    display: block;
    padding: 10px 15px;
    position: relative;
    background: #c7d6e0;
    color: #fff;
    transition: 0.3s all;
}

.auda-accordion-blue .panel-title a.collapsed {
    background: #0056a4;
    color: #fff;
}

.auda-accordion-blue .panel-title a.collapsed::after {
    content: '\f067';
    font-family: FontAwesome;
    padding: 10px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid;
}

.auda-accordion-blue .panel-title a::after {
    content: '\f068';
    font-family: FontAwesome;
    padding: 10px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid;
}

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

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

/************ ACCORDION BLUE AA - END ********************/

/************ ACCORDION GREY AA ********************/

.auda-accordion-grey .panel-title a {
    display: block;
    padding: 10px 15px;
    position: relative;
    background: #dedede;
    color: #0056a4;
    transition: 0.3s all;
}

.auda-accordion-grey .panel-title a.collapsed {
    background: #dedede;
    color: #0056a4;
}

.auda-accordion-grey .panel-title a.collapsed::after {
    content: '\f067';
    font-family: FontAwesome;
    padding: 10px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid;
}

.auda-accordion-grey .panel-title a::after {
    content: '\f068';
    font-family: FontAwesome;
    padding: 10px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid;
}

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

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

/************ ACCORDION GREY AA - END ********************/

/************ Hintergrund hell-blau - AA ********************/

.auda-bg-blue {
    background: #c7d6e0;
    padding: 40px 0;
}

/************ Hintergrund hell-blau - END - AA ********************/

@media only screen and (max-width: 600px) {
    .auda-space {
        padding: 15px;
    }

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

/**** ASM AUTOVERMIETUNG MODULE 1 - BANNER ****/
.auda-rectangle {
    background-color: #fff;
    border-radius: 20px;
    width: 600px;
    height: 400px;
    position: absolute;
    top: 290px;
    left: 295px;
    box-shadow: 10px 10px 24px -2px rgb(0 0 0 / 35%);
    padding: 50px;
}

.auda-rectangle-text {
    color: #0056a4;
    font-size: 25px;
    font-weight: 600;
    line-height: 45px;
}

.auda-box-button {
    text-align: left;
    margin-top: 20px;
    background: #0056a4;
    border-color: #0056a4;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .auda-rectangle {
        width: 80%;
        height: 251px;
        top: -5px;
        left: 0;
        position: relative;
        margin: auto;
        padding: 28px;
    }

    .auda-rectangle-text {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .auda-rectangle {
        width: 400px;
        height: 300px;
        top: 24px;
        left: 77px;
        padding: 28px;
    }

    .auda-rectangle-text {
        font-size: 22px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
    .auda-rectangle {
        width: 518px;
        height: 316px;
        top: 118px;
        left: 130px;
        padding: 26px;
    }
}

/**** ASM AUTOVERMIETUNG MODULE 1 - BANNER - END ****/

/**** ASM AUTOVERMIETUNG MODULE 2 - TEXT AND BLUE BOX ****/
.auda-box-button2 {
    text-align: left;
    margin-top: 20px;
    background: #0056a4;
    border-color: #0056a4;
    color: #fff;
}

.auda-title {
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.auda-blue-rectangle {
    background-color: #0056a4;
    border-radius: 20px;
    width: 350px;
    height: 250px;
    padding: 35px;
    margin-top: 10px;
}

.auda-blue-rectangle-title {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
}

.auda-blue-rectangle-text2 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

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

.auda-content-padding {
    padding: 0 50px;
}

.auda-text-padding {
    padding-left: 10px;
}

@media only screen and (max-width: 767px) {
    .auda-content-padding {
        padding: 0 30px;
    }

    .auda-title {
        font-size: 35px;
    }

    .auda-blue-rectangle {
        width: 300px;
    }

    .auda-blue-rectangle-title {
        font-size: 18px;
    }

    .auda-blue-rectangle-text2 {
        font-size: 13px;
        line-height: 25px;
    }

    .auda-blue-rectangle {
        height: 240px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .auda-content-padding {
        padding: 0 30px;
    }

    .auda-title {
        font-size: 25px;
    }

    .auda-blue-rectangle {
        width: 300px;
    }

    .auda-blue-rectangle {
        margin: 60px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
    .auda-content-padding {
        padding: 0 30px;
    }

    .auda-title {
        font-size: 25px;
    }

    .auda-blue-rectangle {
        width: 300px;
        margin-left: -50px;
    }
}

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

/**** ASM AUTOVERMIETUNG MODULE 2 - TEXT AND BLUE BOX - END ****/

/**** PADDING FIX IN THE /vermietung-wohnmobil/ PAGE ****/
body:not(.fe-admin-area) #site-content {
    padding: 0;
}

/**** PADDING FIX IN THE /vermietung-wohnmobil/ PAGE - END ****/

.blue-box {
    background-color: #0056a4;
    border-radius: 20px;
    padding: 35px;
    margin-top: 10px;
}

.aud-img-div {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

/************ Hintergrund dunkel-blau - SW ********************/

.auda-background-blue {
    background: #0056a4;
    color: #fff;
    padding: 40px 0;
}

/************ Hintergrund hell-blau - END - AA ********************/