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

.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-xl);
}

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

body {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    background-color: #dff5ff;
}

body.site-home {
    background-color: #dff5ff;    
}

#header {
  background: #dff5ff;
  border-bottom: none;
}

h1, .headline-h1 {
    font-weight: 700;
    font-size: 62px;
}

h2, .headline-h2 {
    font-weight: 700;
    font-size: 32px;
}

h3, .headline-h3 {
    font-weight: 400;
    font-size: 20px;
}

h4, .headline-h4 {
    font-weight: 700;
    font-size: 21px;
}

h5, .headline-h5 {
    font-weight: 400;
    font-size: 18px;
}

h6, .headline-h6 {
    font-weight: 400;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Poppins, sans-serif;
}

.bg-primary {
  background-color: #00434e;
}

.infomanager-area .headline-h2 {
    font-size: 62px !important;
}

.site-home [data-container="infomanager"] h2 {
  color: #00434e;
}

.site-home .module-block .container > h2 {
    font-size: 62px;
    color: #00434e;
}

.subheadline-h2 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

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

.tooltip{
    z-index: 1;
}

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

.navbar-inverse .navbar-nav > li > a {
  font-size: 16px;
  padding: 26px 24px;
  text-transform: none;
}

.header-menu-fixed .navbar-inverse .navbar-nav > li > a {
    padding: 0px 24px;
}

.navbar {
  height: 100%;
}

.navbar-inverse > .container-fluid, .navbar-inverse > .container-limited {
  height: 100%;
}

.navbar-left img {
  margin: 0 22px;
}

.navbar-left {
  height: 100px;
}

.nav-area-lines {
  margin-top: 30px;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #dff5ff;
  color: #00434E;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a, .navbar-inverse .navbar-nav .sdropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .sdropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .sdropdown-menu > li.active > a {
  background-color: #00434e;
  color: #fff;
}

#header #optional-header-icons a span {
  background: #00434E;
}

.btn {
    border-radius: 50px;
    padding: 8px 24px 8px 16px;
    font-weight: 600;
}

body:not(.fe-admin-area).site-home .btn-primary::after, body:not(.fe-admin-area).site-home .btn-default::after {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 16px;
    position: relative;
    top: 1px;
    left: 10px;
    font-weight: 400;
}

#page_sidebar .phone-mail-infos .btn-primary::after, #page_sidebar .phone-mail-infos .btn-default::after {
    content: "";
}

.btn-primary {
    background: #dff5ff;
    border-color: #00434E;
    color: #00434E;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover {
  background: #00434E;
  border-color: #00434E;
  color: #dff5ff;
}

.btn-default {
    background: #00434e;
    color: #fff;
    border-color: transparent;
}

.btn-default:hover, .btn-default.active {
  background-color: #dff5ff;
  border-color: #00434e;
  color: #00434e;
}

body.site-home #header-slider {
  max-height: 756px;
}

.transparent-bg-image {
  background: -webkit-linear-gradient(180deg, rgba(0, 67, 78, 0.8) 0%, rgba(0, 67, 78, 0) 100%);
  background: -moz-linear-gradient(180deg, rgba(0, 67, 78, 0.8) 0%, rgba(0, 67, 78, 0) 100%);
  background: -o-linear-gradient(180deg, rgba(0, 67, 78, 0.8) 0%, rgba(0, 67, 78, 0) 100%);
  background: -ms-linear-gradient(180deg, rgba(0, 67, 78, 0.8) 0%, rgba(0, 67, 78, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 67, 78, 0.8) 0%, rgba(0, 67, 78, 0) 100%);
  height: 70%;
  top: 0;
}

#header-slider {
  border-bottom: none;
}

body.site-home .carousel-caption {
    display: none;
}

#footer #footer_info_box {
  text-align: left;
}

.left-colorblock-bg {
    background: linear-gradient(to right, #00434e 0%, #00434e 75%, transparent 75%, transparent 100%);
    color: #fff;
}

.left-colorblock-bg > .container > .row {
    padding: 90px 0px; 
    min-height: 547px;
}

body.site-home #site-content {
  padding-top: 0px;
  padding-bottom: 0px;
}

body.site-home .vehicleslider {
    margin-top: -240px !important;
}

[data-container="infomanager"].infomanager-view-3[data-slider-view="2"] .im-slider-entry a {
  border-radius: 40px;
}

.owl-carousel .owl-stage-outer {
  border-radius: 40px;
}

[data-container="infomanager"].infomanager-view-3[data-slider-view="2"] .im-slider-entry a::before {
  background: linear-gradient(to bottom, rgba(0, 67, 78, 1) 0%, rgba(0, 67, 78, 0) 90%, rgba(0, 67, 78, 0) 100%);
}

[data-container="infomanager"].infomanager-view-3[data-slider-view="2"] .im-headline {
  font-size: 32px;
  line-height: 32px;
  padding: 43px 38px;
}

[data-container="infomanager"].infomanager-view-3[data-slider-view="2"] .im-slider-entry a:hover .img-overlay-extra-info {
  display: none;
}

.owl-theme .owl-nav button.owl-prev, .owl-theme .owl-nav button.owl-next {
  background: transparent;
  top: 105%;
  color: #000;
}

.jobs-and-career img {
    border-radius: 40px;
    position: relative;
    top: 45px;
    left: 20px;
}

.jobs-and-career {
    margin-bottom: 220px;
    margin-top: 120px;
}

.jobs-and-career > .container > .row {
    background-color: #fff; 
    margin-top: 80px;
}

.jobs-and-career .content-text {
    padding: 45px 60px;
}

.home-tiles .tile .tile-content {
    padding: 40px 120px 40px 40px;
}

.home-tiles .tile img {
    border-radius: 40px 40px 0px 0px;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}

.home-tiles .tile-bg-img .tile-content {
    background: transparent;
    color: #fff;
    padding: 75px 40px;
}

.home-tiles .tile .tile-content h2 {
    color: #00434E;
}

.home-tiles .tile-bg-img .tile-content h2 {
    color: #fff;
}

.home-tiles .tile {
    min-height: 500px;
    background: #fff;
    border-radius: 40px;
}

.home-tiles .tile-bg-img {
    border-radius: 40px;
}

.home-tiles > .container > .row:first-child {
    margin-bottom: 30px;
}

.home-tiles .tile:not(.tile-bg-img) .tile-content::after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 32px;
    background: #00434E;
    border-radius: 40px;
    padding: 0px 15px 0px 19px;
    color: #fff;
    position: absolute;
    right: 59px;
    bottom: 50px;
}

.home-tiles .tile-bg-img .btn {
    position: absolute;
    bottom: 50px;
}

.home-tiles .tile a:not(.btn) {
    padding-top: 138px;
    padding-bottom: 339px;
}

.home-tiles .tile p {
    overflow: hidden;
    text-overflow: ellipsis;
}

#tile-werkstatt-service {
    background: linear-gradient(180deg, rgba(0, 50, 54, 0.90) 0%, rgba(0, 75, 81, 0.90) 70.19%, rgba(0, 108, 115, 0.90) 100%), url("/website/themes/autohaus-kamen.eu/dynamic/fe/startseite/kamen-kachel-werkstatt.jpg");
    background-size: cover;
    background-position: center;
}

#tile-autohaus-werte {
    background: linear-gradient(180deg, rgba(0, 50, 54, 0.90) 0%, rgba(0, 75, 81, 0.90) 70.19%, rgba(0, 108, 115, 0.90) 100%), url("/website/themes/autohaus-kamen.eu/dynamic/fe/startseite/kamen-kachel-autohaus.jpg");
    background-size: cover;
    background-position: center;
}

#page_sidebar .navbar-nav > li.open > a {
    background: #00434e;
    color: #fff;
}

#page_sidebar .navbar-nav li > .dropdown-menu li a {
    padding-left: 20px;
}

#page_sidebar {
    top: 75px;
}

.site-home .parallax-content {
    display: block;
    height: 100%;
    padding: 0px;
    padding-top: 170px;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 50, 54, 0.90) 0%, rgba(0, 75, 81, 0.90) 70.19%, rgba(0, 108, 115, 0.90) 100%);
}

.site-home .parallax-content-content {
    width: 1580px;
    margin: 0 auto;   
}

.site-home .parallax-content h2 {
    color: #fff;
    width: 50%;
}

.site-home .parallax-content p {
    width: 50%;
    margin: 45px 0px;
}

.content-title {
  color: #00434E;
}

.well {
  background-color: #fff;
  border: 1px solid #00434E;
}

#toolbar-container button {
  color: #00434E;
  padding: 0px;
}

#footer #menu-social-floating a {
  border-radius: 40px;
}

#menu-social-floating .instagramflat:not(:hover) i, #menu-social-floating .instagramflat {
  background: #000;
  border-radius: 40px;
}

#menu-social-floating a {
  background: #000;
}

#menu-social-floating .facebookflat {
  background: #000;
}

#footer #menu-social-floating a:hover {
  color: #000;
  background: #EAF8FE;
}

.jobs-and-career h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.jobs-and-career p {
    margin: 0 0 15px;
}

.individual-slider-button .btn-primary {
    position: absolute;
    top: 140px;
    left: calc(((100vw - 1580px) / 2) + 16px);
    background: #00434e;
    color: #fff;
    border-color: transparent;
}

.individual-slider-button .btn-primary:hover {
    background-color: #dff5ff;
    border-color: #00434e;
    color: #00434e;
}

.individual-slider-button .section-im-slider-container {
    margin-top: 115px;
}

#header #menu-toggle:hover .menu-toggle-text, #header #menu-toggle:focus .menu-toggle-text {
  color: #000;
}

#header #menu-toggle:hover .icon-bar, #header #menu-toggle:focus .icon-bar {
  background-color: #000;
}

.link-default, .link-pfeil {
  color: #00434e;
}

.link-default:hover, .link-pfeil:hover {
  color: #000;
}

.site-home .collapse-menu-icon.collapsed::after {
  transform: rotate(90deg) translateY(0%);
}

.site-home .collapse-menu-icon::after {
  transform: rotate(270deg) translateY(0%);
}

.no-margin-to-title {
    margin-top: -280px !important;
}

#site-content {
    padding-top: 0px;
}

.breadcrumb_area {
    background: #dff5ff;
}

#section-consultants:not(.consultants-view-1):not(.consultants-view-2) .user-picture {
  border-radius: 150px;
}

#section-service-brands-ajax {
    background: transparent;
}

@media (min-width: 992px) {
    .footer-mobilede-rating {
        position: relative;
        top: -40px;
    }   
}



@media (min-width: 1380px) {
  #header #logo-primary-box .logo-link {
    height: 100px;
  }
  
  #header-container, #header {
    height: 212px;
  }
  
  #header #phone-top, #header #optional-header-icons {
    height: 100px;
  }
}

@media (max-width: 1379px) {
    
    body {
        font-size: 14px;
    }
    
    #optional-header-icons {
        width: 100vw;
        left: 0;
        position: absolute !important;
        display: flex !important;
        justify-content: end;
    }
    
    .visible-xs {
        display: block !important;
    }
}

@media (max-width: 1580px) {
    
    .individual-slider-button .btn-primary {
      top: inherit;
      bottom: 450px;
      left: 16px;
    }  
    
}

@media (max-width: 992px) {
    h1, .headline-h1 {
        font-weight: 700;
        font-size: 30px;
    }
    
    h2, .headline-h2 {
        font-weight: 700;
        font-size: 20px;
    }
    
    h3, .headline-h3 {
        font-weight: 400;
        font-size: 16px;
    }
    
    h4, .headline-h4 {
        font-weight: 700;
        font-size: 21px;
        font-style: italic;
    }
    
    h5, .headline-h5 {
        font-weight: 700;
        font-size: 18px;
        font-style: italic;
    }
    
    h6, .headline-h6 {
        font-weight: 700;
        font-size: 14px;
        font-style: italic;
    }
    
    .left-colorblock-bg {
      background: #00434e;
    }
    
    .jobs-and-career img {
        left: 0px;
        top: 0px;
    }
    
    .jobs-and-career > .container > .row {
      border-radius: 42px;
    }
}

@media (max-width: 767px) {
    #optional-header-icons {
        top: 70px !important;
    }
    
    #header {
      height: 120px;
    }
    
    #header-container {
      height: 120px;
    }
    
    #header nav > .container-fluid {
        display: flex;
        flex-direction: column;
    }
    
    #header #logo-primary-box .logo-link img {
      height: auto;
      image-rendering: -webkit-optimize-contrast;
      max-height: 70px;
      max-width: 100%;
      width: 100%;
    }
    
    #header #logo-primary-box .logo-link {
      align-items: unset;
      height: 70px;
    }
    
    #header #logo-primary-box {
      float: inherit;
    }
    
    .navbar {
        background: none;
    }
    
    body.site-home #header-slider {
      display: none;
    }
    
    .left-colorblock-bg > .container > .row {
      padding: 28px 0px 200px 0px;
      min-height: 424px;
      max-width: none;
    }
    
    .left-colorblock-bg > .container > .row p {
      width: 100%;
    }
    
    .site-home .module-block .container > h2 {
      font-size: 30px;
    }
    
    .jobs-and-career > .container > .row {
      background-color: transparent;
      margin-top: 40px;
    }
    
    .jobs-and-career img {
      top: 0px;
      left: 0px;
    }
    
    .jobs-and-career .content-text {
      padding: 40px 0px;
    }
    
    .jobs-and-career {
      margin-bottom: 50px;
    }
    
    .infomanager-area .headline-h2 {
      font-size: 30px !important;
    }
    
    .owl-carousel .owl-stage-outer {
      border-radius: 0px;
    }
    
    .home-tiles .tile {
      min-height: 387px;
      margin: 11px 0px;
      max-height: 387px;
    }
    
    .home-tiles .tile .tile-content {
      padding: 25px 70px 25px 25px;
    }
    
    .home-tiles .tile:not(.tile-bg-img) .tile-content::after {
      right: 38px;
      bottom: 24px;
    }
    
    .home-tiles .tile img {
      max-height: 197px;
    }
    
    .home-tiles .tile-bg-img .tile-content .btn {
      position: absolute;
      bottom: 37px;
    }
    
    .home-tiles > .container > .row:first-child {
      margin-bottom: 0px;
    }
    
    .home-tiles .tile a:not(.btn) {
      padding-top: 88px;
      padding-bottom: 280px;
    }
    
    .individual-slider-button .btn-primary {
      top: inherit;
      left: 16px;
      bottom: 350px;
    }
    
    #footer #footer_info_box {
      text-align: center;
    }
    
    .site-home .parallax-content-content {
      width: 100%;
      padding: 0px 20px;
    }
    
    .site-home .parallax-content h2 {
      width: 100%;
    }
    
    .site-home .parallax-content p {
      width: 100%;
    }
    
    .owl-theme .owl-nav {
      display: none;
    }
}

@media (min-width: 767px) {
    .menu-toggled #wrapper #page_sidebar {
        top: 50px;
    }    
}

@media (min-width: 480px) {
  .menu-toggled #wrapper #page_sidebar {
    width: 100vw;
  }
}

/***** SW *****/

.rounded {
    border-radius: 40px;
}

.auda-space {
    padding: 40px;
}

.bg-primary {
    background-color:#00434e;
    color: #fff;
}

/***** SW END *****/