p,
div {
    hyphens: auto;
}

/* Header CL */
#wrapper #header #phone-top,
#wrapper #header #optional-header-icons,
#wrapper #header #optional-header-icons a {
    color: #024476;
}

#wrapper #header #optional-header-icons a span {
    background: #fff;
    color: #024476;
}

#wrapper #header #optional-header-icons a:hover {
    color: #024476;
    transform: scale(1.1);
}

.navbar-left img {
    max-width: 45px;
}

/* Menü PC CL */
.nav-area-lines .navbar-nav > li > a {
    color: #024476;
    font-weight: bold;
}

/* Captions CL */
#header-slider .carousel-caption .h3 {
    background: unset;
    color: #8c9ca6;
    font-weight: 600;
}

#header-slider .carousel-caption .h2 {
    background: unset;
    color: #000;
    font-style: italic;
    font-weight: 500;
}

.site-home .fe-content .h3 {
    background: unset;
    color: #637179;
    font-weight: 600;
}

.site-home .fe-content .h2 {
    background: unset;
    color: #000;
    font-style: italic;
    font-weight: 500;
}

[data-container='kachel'] .tile-img-text-container .h3 {
    background-color: #024477;
    padding: 10px;
    width: fit-content;
}

.site-home .fe-content .h2 {
    font-size: 12px;
}

@media (min-width: 480px) {
    .site-home .fe-content .h2 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .site-home .fe-content .h2 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .site-home .fe-content .h2 {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    .site-home .fe-content .h2 {
        font-size: 26px;
    }
}

/********************************  */
.site-home .fe-content .h3 {
    font-size: 14px;
}

@media (min-width: 480px) {
    .site-home .fe-content .h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .site-home .fe-content .h3 {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .site-home .fe-content .h3 {
        font-size: 36px;
    }
}

@media (min-width: 1200px) {
    .site-home .fe-content .h3 {
        font-size: 50px;
    }
}

/*****************************  */

body:not(.site-home) #header-slider .carousel-caption .h2 {
    font-size: 12px;
}

@media (min-width: 480px) {
    body:not(.site-home) #header-slider .carousel-caption .h2 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    body:not(.site-home) #header-slider .carousel-caption .h2 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    body:not(.site-home) #header-slider .carousel-caption .h2 {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    body:not(.site-home) #header-slider .carousel-caption .h2 {
        font-size: 26px;
    }
}

/********************************  */
body:not(.site-home) #header-slider .carousel-caption .h3 {
    font-size: 14px;
}

@media (min-width: 480px) {
    body:not(.site-home) #header-slider .carousel-caption .h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    body:not(.site-home) #header-slider .carousel-caption .h3 {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    body:not(.site-home) #header-slider .carousel-caption .h3 {
        font-size: 36px;
    }
}

@media (min-width: 1200px) {
    body:not(.site-home) #header-slider .carousel-caption .h3 {
        font-size: 40px;
    }
}

/* Hersteller Marken Slider CL */
#section-manufacturer-configurable-slider .headline-h2,
#section-manufacturer-configurable-slider .subheadline-h2 {
    text-align: left;
}

/* Allgemein Flex Row Center CL */
@media (min-width: 992px) {
    .flex-row-center {
        display: flex;
        align-items: center;
    }
}

/* Footer Headline */
.footer-headline::before {
    content: url('/website/themes/automobile-stitzenberger.de_relaunch2/dynamic/fe/logo_curve.png');
    position: relative;
    left: -25px;
    top: -30px;
    width: 0;
    height: 0;
    background: transparent;
    display: block;
    transform: scale(0.5);
}

.footer-headline {
    font-weight: 700;
    font-size: 18px;
}

/* Footer Default Button CL */
#footer .btn-default {
    background-color: #024476;
    border-color: #024476;
    color: #fff;
    margin: 3px;
    text-transform: uppercase;
    width: 90%;
}

#footer .btn-default:hover,
#footer .btn-default.active {
    background: #0361a8;
    box-shadow: none;
    outline: none;
    border-color: #0361a8;
}

/* Footer hr CL */
#footer hr {
    border-bottom: 1px solid #fff;
    border-top: 0;
}

#footer_info_box,
#footer_info_box a:not(.btn) {
    color: #062437;
}

/* Border Radius bei Button entfernen CL */

/* Klasse well für Formulare (Fahrzeuganfrage, Fahrzeugankauf) CL */
.btn-block,
.btn-success,
.btn-primary,
.well {
    border-radius: 0;
}

/* Überschrift bei Jobs wie bei den Stellenangeboten selbst */
.h-pad-bot {
    padding-bottom: 20px;
}

/* Kopfgrafik Infomanager Beitrag wie Unterseite nicht wie Startseite */
body:not(.site-home) #header-slider .fill {
    height: 400px;
    padding-bottom: 0;
}

/* Timeline CL */

/* TL Eintrag */
.tl-post {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .tl-post {
        display: flex;
        align-items: center;
    }
}

/* TL Titel, kurze Beschreibung CL */
.tl-header {
    display: flex;
    align-items: stretch;
}

.tl-header .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tl-title {
    text-align: center;
    font-size: 30px;
    background-color: #024476;
    color: #fff;
    padding: 15px;
    z-index: 99;
    position: relative;
}

.tl-description {
    padding-left: 40px;
    text-align: justify;
}

/* TL Jahreszhahl und Datum CL */
.tl-date {
    background-color: #024476;
    padding: 0.5rem 1.5rem;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.timeline_year {
    font-size: 15px;
}

.timeline_point {
    font-weight: bold;
}

/* TL Content */
@media (min-width: 768px) {
    .tl-content::before {
        /* Waagrechter Strich */
        content: ' ';
        background-color: #024476;
        width: 30px;
        height: 4px;
        position: absolute;
        top: 50%;
        left: -15px;
    }
}

.tl-content {
    padding-left: 40px;
    text-align: justify;
}

/* TL Responsive */
@media (max-width: 1417px) {
    .tl-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .tl-content {
        padding-left: 15px;
    }
}

/* Ansprechpartner auf Serviceleistungs Seite CL */
.user-picture {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 250px;
    max-width: 100%;
    width: 250px;
}

.person-data {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    text-align: center;
}

.person-data h3 {
    font-size: 1.3em;
    border-bottom: #000 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.blog-entry .module-block {
    margin-top: 0;
}

/* Mobiles Menü */
#wrapper #header #menu-toggle .icon-bar {
    background-color: #024476;
}

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

/** Menü Hover Farbe PE **/
.dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #024476;
}

/** Startseite Fahrzeugslider bg PE **/
.site-home .module-block.mt-0,
.site-home #section-manufacturer-configurable-slider .container,
.site-home #section-manufacturer-configurable-slider {
    background-color: #e8ebed;
    padding-top: 40px;
    padding-bottom: 40px;
}

/** Top Area Farbe PE **/
#wrapper #header .top-area {
    background: #e8ebed;
}

.site-home #site-content,
.pageid-9988 #site-content {
    padding: 0;
}

/** BG Grau PE **/
.bg-content {
    background-color: #e8ebed;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bg-content-dark {
    background-color: #8c9ca6;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

/** IM Anstände PE **/
#site-content [data-container='infomanager'].infomanager-view-2 .gallery-item,
#section-infomanager.infomanager-view-2 .gallery-item {
    margin-bottom: 35px;
}

/** ENVKV Werte Position auf der Startseite PE **/
@media (min-width: 768px) {
    /** Anpassung der Höhe von Fahrzeugsuche PE **/
    .site-home:not(.no_header) #site-content > #section-search-switcher {
        margin-top: -50px !important;
    }

    /** Anpassung Über uns Seite Timeline PE **/
    .tl-date::before {
        /* Senkrechter Strich */
        content: ' ';
        background-color: #024476;
        width: 3px;
        height: calc(100% + 255px);
        position: absolute;
        top: -185px;
        left: calc(100% + 15px);
    }
}

/** Footer Button Tablet & Smarphone Ansicht PE **/
@media (max-width: 991px) {
    #footer .btn-default {
        width: 70%;
    }
}

/** Seite Servicetermin PE **/
.pageid-596 #section-search-switcher {
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
    padding-top: 15px;
    padding-bottom: 15px;
}

.pageid-596 #section-service-brands-ajax,
.pageid-596 #section-service-brands-ajax #location-request {
    background: #e8ebed;
}

.pageid-596 #section-service-brands-ajax #marken-request .direction-marken-logo:hover,
.pageid-596 #section-service-brands-ajax #marken-request .direction-marken-logo.active {
    border-color: #8c9ca6;
    background: #8c9ca6;
}

/** hintergrundsfabe IM **/
.blog-entry .h2.left-top-1.animated.fadeInDown {
    background-color: #024476 !important;
}

.blog-entry .h3.left-top-2.animated.fadeInDown {
    background-color: #8c9ca6 !important;
}

/** ENVKV Font Size IM PE **/
body.blog-entry #header-slider .header-envkv-info {
    font-size: 15px;
}

@media (min-width: 768px) {
    .site-home #header-slider .header-envkv-info {
        text-align: center;
        bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pageid-618 #article-blog-entry #section-contact-persons-slider .slick-track {
        margin: initial;
    }
}