p,
div {
    hyphens: auto;
}

.sapLandingPage {
    background: #fff !important;
}

.auda-search-v2 .audaris-widget .form-select {
    border-width: 0 0 1px;
    border-style: solid;
    background-color: transparent;
    border-color: #707070;
}

.auda-search-v2 .nav-tabs {
    position: relative;
}

.auda-search-v2 .nav-tabs::before {
    content: '';
    position: absolute;
    background: #fff;
    top: -10px;
    width: 103%;
    height: 113%;
}

#section-search-switcher .nav-tabs > li {
    width: 50%;
}

#section-search-switcher.auda-search-v2 .search-switcher-top-container {
    box-shadow: 0 11px 11px -6px rgb(0 0 0 / 15%);
}

#section-search-switcher.auda-search-v2 .nav-tabs > li > a {
    border-radius: 0;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

#section-search-switcher.auda-search-v2 .nav-tabs > li.active > a,
#section-search-switcher.auda-search-v2 .nav-tabs > li.active > a:hover,
#section-search-switcher.auda-search-v2 .nav-tabs > li.active > a:focus {
    background-color: #747474;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
}

#section-search-switcher.auda-search-v2 .nav-tabs > li > a {
    background-color: #efefef;
    color: #000;
}

#section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary {
    margin-top: 20px;
    position: relative;
}

/*
#section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary::before {
    content: 'Angebote';
    background: #f37021;
    right: 20%;
    position: absolute;
    transform: translate(-5%, -51%);
    top: 50%;
    z-index: 0;
    width: 30%;
    text-align: left;
    padding: 5px;
}
*/

#section-search-switcher.auda-search-v2 .audaris-widget > .flex-wrap > div:not(.mx-auto):nth-child(n + 3) {
    display: none !important;
}

#section-search-switcher.auda-search-v2 .audaris-widget > .min-width-992px .lg\:w-2\/5 {
    width: 66% !important;
}

#section-search-switcher.auda-search-v2 .audaris-widget > .min-width-992px .lg\:w-1\/5 {
    width: 33%;
}

#section-search-switcher.auda-search-v2 .audaris-widget .max-w-screen-md {
    max-width: 430px !important;
}

#section-search-switcher.auda-search-v2 .audaris-widget .btn-primary:hover {
    background: #747474;
}

@media (max-width: 767px) {
    .btn.btn-default.btn-block {
        margin-bottom: 10px;
    }

    #section-search-switcher.auda-search-v2 {
        margin-bottom: 0;
    }

    .auda-search-v2 .audaris-widget .form-select {
        font-size: 13px;
        height: auto;
    }

    #section-search-switcher.auda-search-v2 .nav-tabs > li > a {
        padding: 5px;
        font-weight: inherit;
        font-size: 13px;
    }

    #section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary::before {
        right: 14%;
        width: 35%;
    }

    #section-search-switcher.auda-search-v2 .search-switcher-top-container #sss-search .audaris-widget .mb-4 {
        margin-bottom: 2px !important;
    }

    #section-search-switcher.auda-search-v2 .search-switcher-top-container #sss-search .audaris-widget .mt-4 {
        margin-top: 2px !important;
    }
}

#section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary:hover::before {
    background: #747474;
}

#section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary .fa-search {
    position: relative;
}

#section-search-switcher.auda-search-v2 .search-switcher-top-container button.btn-primary span {
    color: #fff;
    background: transparent !important;
    position: relative;
}

.search-switcher-top-container button.btn-primary,
.blog-entry:not(#pre_area) .btn-default {
    background-color: #f37021;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
}

body.site-home #header-slider .fill {
    padding-bottom: 40%;
}

#footer #pre_area .btn-default {
    border-color: #a4ca1c;
}

#header-slider .header-envkv-info {
    text-align: center;
    left: 0;
    right: 0;
    font-size: 0.5em;
}

#section-multi-directions .direction-marken img {
    max-height: 55px;
}

#digeo-car-configurator .main-headline__first {
    color: #000;
}

.main {
    width: 100%;
    top: 80%;
}

.btn-default {
    background-color: #fff;
    border-color: #000;
    color: #000;
    text-decoration: none;
}

body:not(.site-home) #header-slider .fill {
    padding-bottom: 25%;
}

.btn-primary {
    padding: 6.5px 25px;
}

/* --------------------------ALLGEMEIN----------------------- */
.au-widget-car-rating {
    background: #fff;
    padding: 5px;
}

::selection {
    color: #000;
    background: #a4ca1c;
    text-shadow: none;
}

::selection {
    color: #000;
    background: #a4ca1c;
    text-shadow: none;
}

/* --------------------------FONTS----------------------- */
h1,
h2,
h3 .headline-h1,
.headline-h2,
.headline-h3,
.h1,
.h2 .h3 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase !important;
    font-weight: 900;
}

.headline-h2 {
    font-size: 25px;
    line-height: 42px;
}

.subheadline-h2 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000 !important;
}

#header-slider .carousel-caption .h2 {
    animation-delay: 1s;
    font-size: 40px;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    background: none;
    text-shadow: 1px 1px 11px #00000091;
}

#header-slider .carousel-caption .h3 {
    animation-delay: 1s;
    color: #000;
    font-size: 28px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;
}

.para {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.para2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
}

.big-headline {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 60px;
}

/* --------------------------MENÜ UND HEADER----------------------- */
.navbar {
    background: #fff;
}

#wrapper #header #phone-top,
#wrapper #header #optional-header-icons {
    color: #000;
}

.breadcrumb_area,
.audaris-widget .Showroom iframe {
    display: none;
}

audaris-iframe {
    max-width: 100%;
}

#menu-social-floating a {
    background: #747474 !important;
}

.nav-area-lines .navbar-nav > li > .dropdown-menu > li > a {
    text-transform: uppercase;
    font-weight: 700;
}

#wrapper #header #menu-toggle .icon-bar {
    background-color: #747474;
}

.nav-area-lines .navbar-nav > li > a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

#wrapper #header #menu-toggle .menu-toggle-text {
    color: #747474;
}

.navbar-left img {
    max-height: 48px;
    width: auto;
    padding-right: 10px;
}

/* --------------------------CHECK-/INFOBOXEN---------------------- */
.checkbox_green {
    border-left: 5px solid #a4ca1c;
    padding: 30px;
    border-right: 10px solid #fff;
    background: #efefef;
    background: linear-gradient(to right, rgb(237 237 237 / 100%) 0%, rgb(246 246 246 / 100%) 54%, rgb(255 255 255 / 100%) 100%);
}

.checkbox_green2 {
    border-left: 5px solid #a4ca1c;
    padding: 30px;
    background: #747474;
    border-right: 10px solid #fff;
}

.infobox-grey {
    padding: 30px;
    background: #efefef;
    border-bottom: 5px solid #a4ca1c;
    margin-bottom: 20px;
}

.infobox-green,
.infobox-green2 {
    border-left: 5px solid #a4ca1c;
    padding: 30px;
    border-right: 10px solid #fff;
    background: linear-gradient(to right, rgb(237 237 237 / 100%) 0%, rgb(246 246 246 / 100%) 54%, rgb(255 255 255 / 100%) 100%);
}

.hauspreis {
    padding: 10px;
    background: #ffcf22;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.leasingrate {
    padding: 10px;
    background: #ffcf22;
}

.sparen {
    padding: 10px;
    background: #747474;
    color: #fff;
}

/* ----------------------- ----------------- */
.main {
    width: 100%;
    margin-top: 80px;
}

.main h3 {
    line-height: 60px;
    color: #3c3c3b;
}

.main p {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}

.tl {
    padding: 0;
    margin: 0;
    position: relative;
}

.tl_timeline {
    padding: 40px 0;
    width: 80%;
    margin-left: 15%;
    margin-bottom: 40px;
    margin-top: -45px;
}

.tl_timeline::before {
    content: '';
    position: absolute;
    left: 65px;
    width: 3px;
    top: 50px;
    bottom: 0;
    background: #a4ca1c;
}

@media (min-width: 907px) {
    .tl_timeline .tl_column .tl_title h3::before {
        content: url('/website/themes/steinboehmer.de/dynamic/fe/Historie/favicon_favicon_small.png');
        position: absolute;
        left: 46px;
        margin-top: 0;
        width: 40px;
        height: 0;
        background: #fff;
        z-index: 99;
    }
}

.tl_timeline .tl_column {
    margin: 20px;
    padding: 30px;
    background: linear-gradient(to right, rgb(237 237 237 / 100%) 0%, rgb(246 246 246 / 100%) 54%, rgb(255 255 255 / 100%) 100%);
}

/* Jahreszahl */
.tl_timeline .tl_column .tl_title h3 {
    font-size: 60px;
    color: #000;
    letter-spacing: 5px;
    font-family: Montserrat, sans-serif;
    margin-left: 0;
    font-weight: 900;
    margin-bottom: 40px;
}

.tl_timeline .tl_column .tl_title h4 {
    margin-top: -47px;
    font-size: 16px;
    color: #000;
    margin-left: 0;
    font-weight: 300;
    line-height: 22px;
}

.tl_timeline .tl_column .tl_description {
    border-left: 1px solid #51a71e;
    margin-left: 8px;
}

.tl_timeline .tl_column .tl_description p {
    font-size: 13px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 10px;
    padding-right: 10px;
}

.audaris-widget .Showroom aside > aside {
    display: flex;
    flex-direction: column;
}

.audaris-widget .Showroom aside > aside > div:nth-of-type(6) {
    order: -1;
}

#site-content .audaris-widget article.Detail > main > div > div.xl\:w-1\/2.\32 xl\:w-2\/5.mb-4.xl\:mb-0.xl\:ml-auto.xl\:px-bs-gap > div.grid.grid-cols-2.gap-2.text-lg.mb-4 > button:nth-child(1),
#site-content .audaris-widget article.Detail > main > div > div.xl\:w-1\/2.\32 xl\:w-2\/5.mb-4.xl\:mb-0.xl\:ml-auto.xl\:px-bs-gap > div.grid.grid-cols-2.gap-2.text-lg.mb-4 > button:nth-child(2),
#site-content
    .audaris-widget
    article.Detail
    > main
    > div
    > div.xl\:w-1\/2.\32
    xl\:w-2\/5.mb-4.xl\:mb-0.xl\:ml-auto.xl\:px-bs-gap
    > div.relative.clip-path-0.select-none.focus\:outline-none.bg-gray-200.mb-4
    > div.flex.items-stretch.h-full
    > div
    > div
    > div
    > div.flex.flex-col.text-lg
    > button:nth-child(1),
#site-content
    .audaris-widget
    article.Detail
    > main
    > div
    > div.xl\:w-1\/2.\32
    xl\:w-2\/5.mb-4.xl\:mb-0.xl\:ml-auto.xl\:px-bs-gap
    > div.relative.clip-path-0.select-none.focus\:outline-none.bg-gray-200.mb-4
    > div.flex.items-stretch.h-full
    > div
    > div
    > div
    > div.flex.flex-col.text-lg
    > button:nth-child(2) {
    background: #f37021;
}

#site-content .audaris-widget div.Showroom > div.cust--list-header.pb-4.mb-4.flex.items-center.border-b > p {
    color: #f37021;
}

@media (max-width: 768px) {
    .tl_timeline {
        width: 85%;
    }

    .tl_timeline::before {
        left: 15px;
    }

    .tl_timeline .tl_column {
        margin: 0;
    }

    .tl_timeline .tl_column .tl_title h2::before {
        left: -4px;
    }
}

/************ ACCORDION FIRST ********************/
.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: transparent;
    border: none;
    padding: 0;
}

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

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

/************ ACCORDION FIRST - END ********************/

/* --------------------------MEDIA QUERY----------------------- */

@media (max-width: 768px) {
    .para {
        font-size: 25px;
    }

    .big-headline {
        font-size: 25px;
        line-height: 40px;
    }

    #header-slider .carousel-caption .h2,
    #header-slider .carousel-caption .h3 {
        font-size: 20px;
    }
}

@media (max-width: 1380px) {
    #optional-header-icons .fa,
    #phone-top .fa,
    #phone-top {
        color: #747474 !important;
    }
}

@media (min-width: 1380px) {
    #wrapper #header #optional-header-icons a {
        color: #a4ca1c;
    }

    #wrapper #header #logo-primary-box .logo-link img {
        max-height: 60px;
    }
}

@media (min-width: 768px) {
    #header-slider .header-envkv-info {
        font-size: 1em;
        bottom: 17%;
    }
}

@media (min-width: 1380px) {
    #wrapper #header .top-area {
        background: #fff;
        border-bottom: 2px solid #a4ca1d;
    }
}

/* SEO-Headlines kleiner MH */
#section-audaris-seo h1 {
    font-size: 30px;
}

/* Fixes MH */
@media (max-width: 479px) {
    .navbar {
        min-height: unset;
    }
}

/* CSS-Fix IM-Angebote MH */
@media (min-width: 768px) and (max-width: 991px) {
    .leasingrate,
    .sparen {
        border-right: 15px solid #fff;
    }

    .hauspreis,
    .sparen {
        border-left: 15px solid #fff;
    }
}

@media (max-width: 767px) {
    .leasingrate,
    .hauspreis,
    .sparen {
        border-right: 15px solid #fff;
        border-left: 15px solid #fff;
    }

    [data-container='kachel'].layout-4 .tiles-col-1 .tile-img,
    [data-container='kachel'].layout-4 .tiles-col-2 .tile-img,
    [data-container='kachel'].layout-4 .tiles-col-1 .tile-img:first-child,
    [data-container='kachel'].layout-4 .tiles-col-2 .tile-img:last-child {
        margin-top: 20px !important;
    }
}

[data-container='kachel'].layout-4 .tile-img-text-container {
    display: block;
}

[data-container='kachel'] .tile-img-text-container:hover .tile-img-text {
    margin-top: 20px;
}
