:root {
    --space-none:0;
    --space-xs:.25rem;
    --space-s:.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 0px;
    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, rgba(0, 0, 0, 0.28) 0%, rgba(0, 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, rgba(2, 28, 30, 0.00) 0%, #FFF 10%, #FFF 90%, rgba(2, 28, 30, 0.00) 100%);
    bottom: -20px;
    transition: .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, rgba(2, 28, 30, 0.00) 0%, #FFF 10%, #FFF 90%, rgba(2, 28, 30, 0.00) 100%);
}

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

.bg-white hr{
    background:linear-gradient(90deg, rgba(2, 28, 30, 0.00) 0%, #4A4A4A 10%, #AEAEAE 90%, rgba(2, 28, 30, 0.00) 100%);
}

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

.auda-hoverbox:hover{
    background: linear-gradient(180deg, #00AECD 0%, #005767 100%);   
    transition: .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 rgba(0, 0, 0, 0.07) 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-color: rgb(255, 255, 255);
    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, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 24%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 1) 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:.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{
    color: #000;
}

.well {
  border-radius: 0;
}

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

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

@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: 992px) {
    
    body:not(.fe-admin-area) .auda-imgblock{
        position:relative;
    }
    .auda-sm-column-reverse{
        flex-direction: column-reverse;
    }
}

@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;
  }
}