:root {
    --space-none: 0;
    --space-xs: 0.25rem;
    --space-s: 0.5rem;
    --space-m: 1rem;
    --space-l: 1.5rem;
    --space-xl: 3rem;
    --space-xxl: 5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.headline-h1,
.headline-h2,
.headline-h3 {
    font-style: italic;
    font-weight: 100;
    line-height: 1.1;
}

label {
    font-weight: 400;
}

h1,
.headline-h1 {
    font-size: 40px;
}

h2,
.headline-h2 {
    font-size: 25px;
}

h3,
.headline-h3 {
    font-size: 19px;
}

.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-medium {
    padding: var(--space-m);
}

.auda-padding-extra-large {
    padding: var(--space-xxl);
}

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

.auda-relative {
    position: relative;
    z-index: 9;
}

body:not(.fe-admin-area) .auda-imgblock {
    position: absolute;
    right: 0;
}

.auda-kachel .row {
    display: flex;
    flex-wrap: wrap;
}

.auda-kachel .ge-content {
    height: 100%;
    padding: 15px 0;
    position: relative;
}

.auda-kachel img {
    object-fit: cover;
    height: 100%;
}

.auda-kachel a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 40px;
    font-style: italic;
    color: #fff;
    background: linear-gradient(0deg, rgb(0 0 0 / 28%) 0%, rgb(0 0 0 / 68%) 100%);
}

.auda-kachel a span::before {
    content: '';
    position: absolute;
    opacity: 0.2;
    border: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgb(2 28 30 / 0%) 0%, #fff 10%, #fff 90%, rgb(2 28 30 / 0%) 100%);
    bottom: -20px;
    transition: 0.3s ease-in;
}

.auda-kachel a:hover span::before {
    width: 10%;
    opacity: 1;
}

.auda-parallax {
    background-image: url('/website/themes/cilbas-automobile.de/dynamic/fe/startseite/cilbas-whatsapp-background.jpg');
    padding: 70px;
}

.auda-parallax hr {
    background: linear-gradient(90deg, rgb(2 28 30 / 0%) 0%, #fff 10%, #fff 90%, rgb(2 28 30 / 0%) 100%);
}

hr,
.auda-hoverbox:hover hr {
    opacity: 0.2;
    border: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgb(2 28 30 / 0%) 0%, #fff 10%, #fff 90%, rgb(2 28 30 / 0%) 100%);
}

.bg-white hr {
    background: linear-gradient(90deg, rgb(2 28 30 / 0%) 0%, #4a4a4a 10%, #aeaeae 90%, rgb(2 28 30 / 0%) 100%);
}

.auda-hoverbox {
    height: 100%;
    transition: 0.3s ease-in;
}

.auda-hoverbox:hover {
    background: linear-gradient(180deg, #00aecd 0%, #005767 100%);
    transition: 0.3s ease-in;
    transform: scale(1.05);
}

.auda-hoverbox:hover p,
.auda-hoverbox:hover .color-primary {
    color: #fff;
}

.auda-hoverbox:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(97deg) brightness(100%) contrast(108%);
}

/************ ACCORDION FOURTH ********************/
.auda-accordion .panel-title a {
    display: block;
    position: relative;
    padding: 10px 25px;
    border-bottom: 2px solid;
    text-transform: uppercase;
    font-weight: bold;
}

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

.auda-accordion .panel-title a::after {
    content: '\f13a';
    font-family: FontAwesome;
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 20px;
}

.auda-accordion .panel-body {
    background: #000;
}

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

/************ ACCORDION FOURTH - END ********************/

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

.btn-primary {
    border: 1px solid #fff;
}

.btn-primary:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

.btn-default:hover,
.btn-default.active {
    background-color: #1a1a1a;
    border: 1px solid;
}

#footer #pre_area .btn-primary {
    background: #000;
    color: #fff;
}

#footer #pre_area .btn-primary:hover {
    background: #fff;
    color: #000;
}

#footer a:not(.btn):hover {
    color: #626262;
}

#section-search-switcher .nav-tabs > li > a {
    background: transparent;
    color: #aaa;
    letter-spacing: 1px;
}

#section-search-switcher .nav-tabs > li > a:hover,
.well .h3 {
    color: #000;
}

#section-search-switcher .nav-tabs > li > a {
    padding: 23px 15px;
    font-size: 26px;
    font-style: italic;
    box-shadow: 0 4px 30px 0 rgb(0 0 0 / 7%) inset;
}

#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 {
    color: #626262;
    box-shadow: none;
}

.audaris-widget .form-checkbox,
.audaris-widget .form-input,
.audaris-widget .form-select,
.audaris-widget .form-textarea {
    border-color: #fff !important;
    border-bottom: 1px solid #000 !important;
    font-style: italic;
}

#section-search-switcher .btn-primary {
    margin: 0 auto;
    max-width: 250px;
}

body:not(.fe-admin-area, .pageid-532) #site-content,
.header-menu-fixed #header,
.no_header .page-headline,
#menu-social-floating a,
#menu-social-floating .instagramflat:not(:hover) i,
#menu-social-floating .instagramflat,
#menu-social-floating .facebookflat {
    background: #000;
}

#section-search-switcher .tab-content {
    background: transparent;
    padding-top: 30px;
}

.well,
#section-search-switcher .search-switcher-top-container {
    background: #fff;
}

#sss-search .mx-auto {
    padding-top: 30px;
}

.tooltip {
    z-index: 1;
}

#section-testimonials-form .link-default {
    text-decoration: underline;
}

#header-slider .container-fluid {
    max-width: 100%;
}

body:not(.header-menu-fixed).site-home #header {
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 38%) 24%, rgb(0 0 0 / 65%) 55%, rgb(0 0 0 / 100%) 100%);
}

body.site-home #header-slider {
    margin-top: -140px;
}

header .nav-area-lines li.dropdown::before {
    background-color: #000;
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
}

header .nav-area-lines li.dropdown:hover::before {
    width: 100%;
}

.navbar-top {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.nav-area-lines li a {
    font-weight: 100;
    font-style: italic;
}

.nav-area-lines li.dropdown a {
    padding: 0 25px;
}

#menu-social-floating a {
    border: 1px solid #fff;
}

#menu-social-floating li {
    height: 57px;
}

.bg-white,
.bg-white p,
.bg-white h1,
.bg-white .headline-h1,
.bg-white h2,
.bg-white .headline-h2,
.bg-white h3,
.bg-white .headline-h3,
#section-search-switcher .nav-tabs > li.active > a,
.well p,
.well .form-group,
.well label,
.well .options {
    color: #000;
}

.well {
    border-radius: 0;
}

.well .form-control {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #505a63;
    background: #e6e6e6;
    min-height: 45px;
}

.pageid-532 #menu-social-floating {
    display: none;
}

#section-consultants .view-2 .person-data .link-phone {
    color: #fff;
}

#header #optional-header-icons a:hover {
    color: #666;
}

.audaris-widget .fa-long-arrow-left::before,
.audaris-widget .fa-long-arrow-right::before {
    color: #fff;
}

#section-testimonials-list .comments {
    margin-top: 20px;
}

#section-testimonials-list .btn {
    margin-top: 20px;
}

@media (max-width: 767px) {
    h1,
    .headline-h1 {
        font-size: 21px;
    }

    h2,
    .headline-h2,
    h3,
    .headline-h3 {
        font-size: 16px;
    }

    .auda-padding-extra-large {
        padding: var(--space-m);
    }

    .auda-parallax {
        padding: inherit;
    }

    .auda-kachel .ge-content {
        padding: 0;
    }
}

@media (max-width: 991px) {
    body:not(.fe-admin-area) .auda-imgblock {
        position: relative;
    }

    .auda-sm-column-reverse {
        flex-direction: column-reverse;
    }

    .auda-kachel a span::before {
        display: none;
    }
}

@media (min-width: 1380px) {
    .nav-area-lines .dropdown-toggle::after {
        content: '\f107';
        font-family: FontAwesome;
        font-style: initial;
    }
}

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

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

/* --- */