:root {
    --space-none: 0;
    --space-xs: 5px;
    --space-s: 15px;
    --space-m: 25px;
    --space-l: 50px;
    --space-xl: 100px;
    --space-xxl: 140px;
}

.auda-padding-x-small {
    padding-right: var(--space-s);
    padding-left: var(--space-s);
}

.auda-padding-y-small {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}

.auda-padding-x-large {
    padding-right: var(--space-l);
    padding-left: var(--space-l);
}

.auda-padding-y-large {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}

.auda-padding-left-large {
    padding-left: var(--space-l) !important;
}

.auda-padding-top-large {
    padding-top: var(--space-l) !important;
}

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

.auda-hv-center {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

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

.auda-relative {
    position: relative;
}

.auda-shadow,
[data-container='infomanager'].infomanager-view-6 article {
    box-shadow: 0 4px 9px 3px rgb(0 0 0 / 8%);
}

.auda-border-radius {
    border-radius: 20px;
}

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

.site-home footer {
    margin-top: -60px;
}

#site-content p,
#site-content ul {
    line-height: 1.8;
}

body:not(.fe-admin-area) .list-group-item {
    background-color: transparent;
    border: none;
    padding: 0 25px;
}

.auda-dark-box .list-group-item::after {
    content: '\f0a9';
    position: absolute;
    left: 0;
    top: 38%;
    transform: translate(0%, 2%);
    display: inline-flex;
    font-family: FontAwesome;
    font-size: 18px;
    color: #d12910;
    background: #fff;
    width: 15px;
    line-height: 0.6;
    border-radius: 50%;
}

body.site-home #header-slider .fill,
body:not(.site-home) #header-slider .fill,
.location-landingpage #header-slider .fill {
    padding-bottom: 36% !important;
}

[data-container='infomanager'].infomanager-view-6 .gallery-item .info-row .fa {
    color: #d12910;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline {
    position: relative;
    background: #fff;
    padding: 25px 55px 25px 15px;
    text-align: left;
    box-shadow: 0 4px 9px 3px rgb(0 0 0 / 17%);
    margin-bottom: 20px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::after {
    content: '\f0a9';
    position: absolute;
    right: 25px;
    font-family: FontAwesome;
    font-size: 30px;
    color: #d12910;
    bottom: 10px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline strong {
    text-transform: uppercase;
    display: inline-flex;
    margin-bottom: 10px;
}

[data-container='infomanager'].infomanager-view-3 .prev {
    left: initial;
    right: 30px;
}

[data-container='infomanager'].infomanager-view-3 .next .fa-angle-right::before {
    content: '\f061';
    font-size: 24px;
}

[data-container='infomanager'].infomanager-view-3 .prev .fa-angle-left::before {
    content: '\f060';
    font-size: 24px;
}

.btn {
    text-transform: uppercase;
    border-radius: 12px;
    letter-spacing: 1px;
    font-size: 16px;
}

.btn-default,
.btn-primary {
    padding: 8px 30px;
}

.btn-default {
    border: 2px solid;
    font-weight: bold;
}

.auda-dark-box.auda-btn .btn-link,
.auda-dark-box .list-group-item {
    color: #fff;
}

.auda-bg-white,
.breadcrumb_area,
#section-service-brands-ajax,
#section-service-brands-ajax #location-request {
    background-color: #fff;
}

#location-request .btn-default {
    padding: 8px 10px;
}

.auda-btn .btn-link {
    position: relative;
    padding: 0;
    font-weight: bold;
    color: #000;
}

.auda-btn .btn-link:hover {
    text-decoration: none;
}

.auda-btn .btn-link::before {
    content: '';
    position: absolute;
    background: #505a63;
    width: 100%;
    height: 5px;
    bottom: -10px;
    left: 0;
    transition: 0.3s all;
}

.auda-btn .btn-link:hover::before {
    width: 130%;
    background: #d12910;
    transition: 0.3s all;
}

.auda-btn .btn-link::after {
    content: '\f0a9';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(70%, -50%);
    display: inline-flex;
    font-family: FontAwesome;
    font-size: 18px;
    color: #d12910;
    background: #fff;
    width: 15px;
    line-height: 0.5;
    border-radius: 50%;
}

.auda-btn[data-container='image-slider'] .slider-content {
    display: flex;
    align-items: end;
    justify-content: center;
}

.auda-dark-box::before {
    content: '';
    position: absolute;
    background: #1a1a1a;
    width: 100%;
    height: 70%;
}

/**************   Formulare   *****************************/

.well,
.section-im-bewerbung > .container {
    box-shadow: 0 4px 9px 3px rgb(0 0 0 / 8%);
    background: #fff;
    padding: 50px;
    border: none;
}

.fieldsBoxWrapper .fieldsBox {
    background: #f5f5f5;
    border: none !important;
}

label {
    font-weight: 400;
}

.form-control {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #505a63;
    background: #fbfbfb;
}

.checkbox-toggle-container,
.wrap-all-fields {
    border: none !important;
    background: #f4f4f4;
}

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

#header-slider .carousel-caption h1 {
    font-style: italic;
}

[data-container='image-slider'].auda-testimonials .img-responsive,
#header-slider .carousel-caption h2,
.custom-table-additonal-details .custom-tr-parking-space{
    display: none;
}

.custom-table-additonal-details tr:nth-child(n+4):nth-child(even) {
    background: #fff;
}
.custom-table-additonal-details tr:nth-child(n+4):nth-child(odd) {
    background: #eee!important;
}

[data-container='image-slider'].auda-testimonials .slider-content {
    padding: 20px 40px;
    position: static;
    background-color: #fff;
    margin: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

[data-container='image-slider'].auda-testimonials .slider-content > div {
    position: relative;
    z-index: 0;
}

[data-container='image-slider'].auda-testimonials .slider-content .subheadline-h3 small::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    background: #d12910;
    height: 4px;
    width: 100%;
}

[data-container='image-slider'] img {
    transition: 0.3s ease-out;
    position: relative;
    z-index: -1;
}

[data-container='image-slider'] .item:hover img {
    transform: scale(1.1) translateZ(0);
}

.VehicleSlider {
    display: flex;
    flex-direction: column-reverse;
}

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

#section-search-switcher .nav-tabs {
    background: #fff;
    padding-top: 15px;
}

#section-search-switcher .nav-tabs > li > a,
#section-search-switcher .nav-tabs > li.active > a {
    background: transparent;
    border-radius: 0;
    color: #1a1a1a;
    width: fit-content;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: bold;
}

#section-search-switcher .nav-tabs > li > a::after,
#section-search-switcher .nav-tabs > li.active > a::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 4px;
    background: #1a1a1a;
    bottom: 0;
    left: 0;
}

#section-search-switcher .nav-tabs > li.active > a::after {
    display: block;
    background: #d12910;
}

#section-search-switcher .audaris-widget .form-select {
    border-color: transparent transparent #1a1a1a;
    background-color: transparent;
    color: #1a1a1a;
    font-family: poppins, 'sans serif';
}

#section-search-switcher .audaris-widget > div > div:last-child {
    margin-top: 25px;
}

#section-search-switcher .audaris-widget .btn-primary {
    width: fit-content;
    margin: 0 auto;
    padding: 10px 30px;
    border-radius: 12px;
    color: #fff;
    background: #505a63;
}

#section-search-switcher .audaris-widget .btn-primary:hover,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-slider-entry .badge-date {
    background: #d12910;
}

#section-search-switcher .tab-content,
#section-search-switcher .nav-tabs {
    background: rgb(255 255 255 / 95%);
}

#header-slider,
#section-search-switcher .search-switcher-top-container,
#section-search-switcher .tab-content,
.breadcrumb_area,
[data-container='infomanager'].infomanager-view-6 article {
    border: none;
    border-radius: 0;
}

.headline-h1 {
    font-size: 24px;
    font-style: italic;
}

.headline-h2 {
    font-size: 18px;
    font-style: italic;
}

.auda-bg-headline {
    background-image: url('/website/themes/fugel-gruppe.de/dynamic/fe/logos/bg_headline2.png');
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 0.8;
    }

    .auda-bg-headline.auda-padding-x-large {
        padding-left: inherit !important;
    }

    .auda-padding-left-large {
        padding-left: var(--space-xs) !important;
    }

    .auda-padding-top-large {
        padding-top: var(--space-xs) !important;
    }

    .well {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .headline-h1 {
        font-size: 60px !important;
        font-style: italic;
    }

    .headline-h2 {
        font-size: 20px !important;
        font-style: italic;
    }

    #site-content p,
    #site-content ul {
        line-height: 2.3;
    }

    [data-container='infomanager'].infomanager-view-3 .prev,
    [data-container='infomanager'].infomanager-view-3 .next {
        opacity: 1;
        top: 104%;
    }
}

@media (min-width: 992px) {
    .auda-dark-box::before {
        width: 75%;
        height: 100%;
    }

    .module-block {
        margin: 140px 0;
    }

    .showroom .audaris-widget iframe.top-0 {
        top: auto;
        bottom: 50px !important;
    }
}

@media (min-width: 1380px) {
    #wrapper #header .top-area,
    #wrapper #header {
        background: transparent;
        height: 0;
    }

    #wrapper #header #optional-header-icons a {
        color: #1a1a1a;
    }

    .auda-bg-car {
        background-image: url('/website/themes/fugel-gruppe.de/dynamic/fe/startseite/elektro.png');
        background-repeat: no-repeat;
    }
}

/***** Timeline externer Code von https://codepen.io/brady_wright/pen/NNOvrW *****/

/* ==================================
    TIMELINE
================================== */

/* -- GENERAL STYLES
    ------------------------------ */
.timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.timeline-item {
    padding-left: 40px;
    position: relative;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-info {
    font-size: 1.7em;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #505a63;
}

.timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

.timeline-marker::before {
    background: #d12910;
    border: 3px solid transparent;
    border-radius: 100%;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition:
        background 0.3s ease-in-out,
        border 0.3s ease-in-out;
}

.timeline-marker::after {
    content: '';
    width: 3px;
    background: #505a63;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

.timeline-item:last-child .timeline-marker::after {
    content: none;
}

.timeline-item:not(.period):hover .timeline-marker::before {
    background: transparent;
    border: 3px solid #d12910;
}

/* ----------------------------------------------
        MOD: TIMELINE CENTERED
    ---------------------------------------------- */
@media (min-width: 992px) {
    .timeline-centered,
    .timeline-centered .timeline-item,
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-marker,
    .timeline-centered .timeline-content {
        display: block;
        margin: 0;
        padding: 0;
    }

    .timeline-centered .timeline-item {
        padding-bottom: 40px;
        overflow: hidden;
    }

    .timeline-centered .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px;
    }

    .timeline-centered .timeline-info,
    .timeline-centered .timeline-content {
        width: 50%;
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
        float: left;
        text-align: right;
        padding-right: 30px;
    }

    .timeline-centered > .timeline-item.period .timeline-content {
        float: none;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .timeline-centered .timeline-item.period {
        padding: 50px 0 90px;
    }

    .timeline-centered .period .timeline-marker::after {
        height: 30px;
        bottom: 0;
        top: auto;
    }

    .timeline-centered .period .timeline-title {
        left: auto;
    }
}

@media (max-width: 479px) {
    .timeline-content img {
        max-width: 100%;
        object-fit: contain;
    }

    .timeline-item img {
        width: 100%;
        height: 100%;
    }
}

/***** END Timeline externer Code von https://codepen.io/brady_wright/pen/NNOvrW *****/

.auda-space {
    padding: 20px;
}

.auda-bg-grey {
    background-color: #505a63;
    color: #fff;
    padding: 30px 0;
}