:root{
    --color-template: var(--accent-color);
    --cc-bg: #fff;
    --cc-text: #000;
    --cc-btn-primary-bg: var(--accent-color);
    --cc-btn-primary-text: #fff;
    --cc-btn-primary-hover-bg: var(--accent-color);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #eaeff2;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}


.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--accent-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--accent-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--accent-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--accent-color);
    --bs-pagination-active-border-color: var(--accent-color);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    list-style: none;
}

/**
* sections
*/
.section-bg.section-bg-rev::before{
  transform: skewY(3deg);
}






.btn.btn-primary{
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    transition: 0.3s;
    background: var(--accent-color);
    color: var(--contrast-color);
    border:none;
}

.btn.btn-submit-style{
    color: var(--contrast-color);
    background: var(--accent-color);
    border: 0;
    padding: 10px 30px !important;
    transition: 0.4s;
    border-radius: 50px !important;
}


.btn.btn.btn-primary:hover {
    background: color-mix(in srgb, var(--accent-color), transparent 20%);
}


.btn.btn-input-style,
.btn.btn-input-style:hover{
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: var(--surface-color) !important;
  border: color-mix(in srgb, var(--default-color), transparent 80%) 1px solid;
}

.btn.btn-input-style:hover{

  color: var(--accent-color);

}



/**
* form-control
*/



.form-control {
    font-size: 14px;
    padding: 10px 15px;
    box-shadow: none;
    border-radius: 0;
    color: var(--default-color);
    background-color: var(--surface-color);
    border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}


.form-control:focus{
    border-color: var(--accent-color);
    box-shadow: none;
}



.form-control::placeholder{
    color: color-mix(in srgb, var(--default-color), transparent 70%);
  
}

select.form-control{
  background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}

.dark-background select.form-control{
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  
}


/**
*   Headerslider
*/

.headerslider{
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 24px;
}

.headerslider h2{
  font-size: 48px;
}


.headerslider .carousel-inner{
    height: 100%;
}


.headerslider .carousel-indicators{
    z-index: 3;
}

.headerslider .carousel-inner .hero{
    height: auto !important;
}


.headerslider .carousel-inner .hero img{
  height: auto !important;
  position: relative;
}

.headerslider .carousel-inner .caroussel-item{
  padding:0 !important;
  position:relative;
}

.headerslider .carousel-inner .caroussel-item section{
  padding:0 !important;
}


.headerslider .carousel-inner .caroussel-item section .container{
  position:absolute;
}

.headerslider .overlay{
  position:absolute;
  top: 50%;
  left:0;
  width:100%;
  transform: translateY(-50%);
}


@media screen and (max-width:1199px){
    .headerslider{
        position: relative;
        width: 100%;
        overflow: hidden;
    }   
}

/**
* dropdown fix
*/

.dropdown > ul{
    left:auto !important;
    right:0;
}


/**
* image container
*/


[class^="img-container"]{
    position: relative;
    overflow:hidden;
}

[class^="img-container"] img,
[class^="img-container"] iframe,
[class^="img-container"] video
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

[class^="img-container"] img{
    object-fit: cover;
}

.img-container-4-3{
    padding-bottom: 75%;
}

.img-container-756-400{
    padding-bottom: 52.91%;
}

.img-container-986-450{
    padding-bottom: 45.64%;
}
.img-container-224-96{
  padding-bottom: 42.867%;
}

.img-container-848-366{
  padding-bottom: 43.16%;
}

.img-container-600-500{
  padding-bottom: 83.33%;
}

.img-container-493-225{
  padding-bottom: 45.64%;
}

.img-container-5616-3744{
  padding-bottom: 65.7%;
}


/**
* Box shadow
*/

.shadowed-box{
    background-color: var(--surface-color);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.shadowed-slider .carousel-item{
    padding:20px 0;
}


/**
*
*/
.card {
    border-radius: 5px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border:none;
    border-radius: 5px;
}
.card .card-body{
    padding: 25px 15px;
}


.card.card-block{
  position: relative;
}

.card.card-block .card-over{
  opacity: 0;
  background: rgba(0,0,0,.5);
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  transition:all .4s ease;
  color: var(--contrast-color);
  font-size: .9em;
}

.card.card-block:hover .card-over{
  opacity:.9;
}



.card.card-block img{
  transition: ease .4s all;
  transform:scale(1);
}
.card.card-block:hover img{
  transform: scale(1.1);
}

.card .card-title{
  color: var(--default-color);
}


.card.card-block:hover .card-over h4{
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  background-color: var(--accent-color);
}

.card.card-block .card-over p{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  padding: .5em;
}
 
.card .card-info{

  opacity: 1;
  position: absolute;
  inset: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  padding: 15px;


}

 
.card .card-info h4{
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  background-color: var(--accent-color);
}


/**
* Swiper Slider
*/

.clients .swiper-slide img{
    opacity: 0.7;
    transition: 0.3s;
    filter: none;
    max-width:180px;
    width:calc(100vw - 40px);
}

.clients .swiper-slide {
    width: auto; /* Oder eine Mindest-/Maximalbreite setzen */
    max-width: 300px; /* Optional */
}

.swiper-slide{
    width: fit-content;
}


/**
* 
*/


.side-quick-controls{
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 99999;
}

.side-quick-controls > *{
    position:relative !important;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: var(--accent-color);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
    margin-bottom: 1em !important;
    padding:0;
}
.side-quick-controls > * > i,
.side-quick-controls > * > span {
    font-size: 24px;
    color: var(--contrast-color);
    line-height: 0;
}

.side-quick-controls > *:hover{
    background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
    color: var(--contrast-color);
}



/**
* foorter
*/

footer .info a i{
    color:var(--accent-color);
    font-size:1.5em;
    margin-right:.5em;
    vertical-align: middle;
    line-height: 1em;
}
footer .info a i::before{
    vertical-align: 0;
}


footer .info a{
    color:var(--contrast-color);
}

footer .info a:hover,
footer .info a:focus
{
    color:var(--accent-color);
}

.footer .social-links svg {
  
  fill: color-mix(in srgb, var(--default-color), transparent 30%);
  
}
.footer .social-links a:hover svg{
  fill: var(--accent-color);
}

.social-links a{
  display:block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  transition: 0.3s;
  position:relative;
}

.social-links a i,
.social-links a svg
{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  fill: color-mix(in srgb, var(--default-color), transparent 30%);
}

.social-links a:hover,
.social-links a:hover svg
{
  color: var(--accent-color);
  fill: var(--accent-color);
  border-color: var(--accent-color);
}

/**
*   article
*/
article{
    background-color: var(--surface-color);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 30px;
    height: 100%;
}



/**
* embed
*/

.embed-responsive-16by9{
    position:relative;
    padding-bottom:56.25%;
    overflow:hidden;
}
.embed-responsive-16by9 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/**
*   Linkstyle
*/

a.nostyle{
    color: inherit;
}

a.nostyle:hover .pseudolink,
a.nostyle:focus .pseudolink
{
  color:var(--accent-color);
}

/**
* wrap
*/

.no-wrap{
    text-wrap: nowrap;
}


/** iconline
*/

.icon-line{
    position:relative;
    padding-left: 2em;
}

.icon-line i{
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}


/* links
*/
a.inherit-hover-accented{
    color:inherit;
}

a.inherit-hover-accented:hover{
    color:var(--accent-color);
}



/**
* osmap
*/
.osm_map{
    position:relative;
}

.cc_notice.shadowed{
    color:var(--cc-text);
}





/* car-nav**/

.sticky-pinned.no-transitions{
    transition:none !important;
  }
  .sticky-pinned.no-transitions *{
    transition:none !important;
  }
  
  .car-nav{
    transition:all .5em ease;
    position:sticky; 
    top:60px; 
    z-index:10; 
    background:transparent;
    
  }
  
  
  
  .car-nav > div{
      background:var(--cc-bg);
  }
  
  .car-nav.is-pinned > div{
    border-bottom:1px solid var(--color-template);
  }
  
  
  
  .car-nav nav{
    display:block;
  }
  
  
  .car-nav a{
      cursor:pointer;
  }
  
  
  .car-nav h1,
  .car-nav h2{
    transition: all ease .3s;
    line-break:anywhere;
  }
  
  .car-nav.is-pinned h2,
  .car-nav.is-pinned h1
  {
    font-size:1rem;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    margin:0;
  }
  .car-nav.is-pinned h2 ,
  .car-nav.is-pinned h1 {
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  
  .car-nav.is-pinned .pinned-hidden{
    display:none;
  }
  
  @media (min-width:768px){
    .car-nav.is-pinned .pinned-show-md{
      display:initial !important;
    }
  }
  
  
  
  
  
  
  .car-nav .section-title{
    padding-bottom:30px;
    transition:all .3s ease;
  }
  
  .car-nav.is-pinned .section-title{
      padding-bottom:0;
  }
  
  .car-nav .section-title p{
    transition:all .3s ease;
  }
  
  .car-nav.is-pinned .section-title p{
    font-size:20px;
    white-space:nowrap;
  }
  
  .car-nav.is-pinned .section-title h2{
    font-size:14px;
  }
  
  
  @media (max-width:768px){
    .car-nav.is-pinned .section-title p{
      font-size:18px;
    }
  
  }
  
  @media (max-width:768px){
    .car-nav.is-pinned .section-title p{
      font-size:18px;
    }
  
  }
  
  
  
  
  
  .car-nav .section-title > div{
    display:flex;
    width:100%;
    flex-direction:column;
  }
  
  .car-nav.is-pinned .section-title > div{
    flex-direction:row;
  }
  
  .car-nav.is-pinned .section-title > div > div:nth-child(1){
    flex-grow:1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .car-nav.is-pinned .section-title > div > div:nth-child(1) p{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  
  .car-nav.is-pinned .section-title > div > div:nth-child(2){
    flex-grow:0;
    flex-shrink: 0;
    flex-basis: auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  
  .car-nav.is-pinned .pinned-border-bottom-shadow{
    position:relative;
  
  }
  
  .car-nav.is-pinned .pinned-border-bottom-shadow:after{
    position:absolute;
    content:'';
    width:100%;
    left:0;
    top:100%;
    height:2px;
    
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, transparent 100%);
  }
  
  
  .car-nav nav{
    display:flex;
    width:100%;
  }
  
  
  
  .car-nav nav ul{
      width:100%;
      position: relative;
      list-style-type: none;
      white-space: nowrap;
      padding:0;
  }
  
  .car-nav nav ul > li{
    display:flex;
  }
  
  .car-nav nav ul > li > a{
      padding:10px 10px 10px 0;
  }
  
  .car-nav nav ul > li:last-of-type > a{
    padding-right:0;
  }
  
  
  .car-nav nav ul .nav-item-fixed-right{
    position: absolute;
    right:0;
  }
  
  .car-nav nav .dropdown-item,
  .car-nav nav .dropdown-item:hover
  {
    background:none;
    transition:.3s ease all;
  }
  
  .car-nav nav .dropdown-item a{
    color:#444444;
    transition:.3s ease all;
  }
  
  .car-nav nav .dropdown-item a:hover{
    color:var(--color-template);
  }
  
  .navbar a *,
  .navbar a
  {
  
  
    text-transform: uppercase;
  
  }
  
  
  
  /*checktab*/
  .check-tab{
    display:block;
    margin:0;
    cursor:pointer;
  }
  .check-tab input[type=radio],
  .check-tab input[type=checkbox]{
    display:none;
  }
  
  .check-tab input[type=radio] ~ .lb,
  .check-tab input[type=checkbox] ~ .lb{
    opacity:.9;
  }
  
  .check-tab input[type=radio] + *,
  .check-tab input[type=checkbox] + *{
    display:block;
    margin:0;
    background: var(--color-template);
    color:var(--accent-color);
    padding:1em;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-right: 2px;
    padding:8px 12px;
  
  
  
  
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-color: var(--accent-color);
    border-radius: .25rem;
    border: 3px solid var(--accent-color) !important;
    padding: 10px 12px !important;
  }

  .section-bg.dark-background .check-tab input[type="radio"] + *{
    background:transparent;
    color:var(--contrast-color);
  }


  .check-tab input[type=radio]:checked + *,
  .check-tab input[type=checkbox]:checked + *,
  .section-bg.dark-background .check-tab input[type=radio]:checked + *,
  .section-bg.dark-background .check-tab input[type=checkbox]:checked + *

  
  {
    color: var(--contrast-color);
    background-color: var(--color-template);
  }
  
  .no-border{
    border:none;
  }


/*checkmark*/
.form-check-inline input[type=checkbox] ~ *,
.form-check-inline input[type=radio] ~ *
{
  opacity:.9;
}

.form-check-inline input[type=checkbox]:checked ~ *,
.form-check-inline input[type=radio]:checked ~ *
{
  opacity:1;
}

.checklabel{
  display:block;
  color: var(--default-color);
  padding-left:1.25em;
  position:relative;
}

.checklabel input[type=checkbox],
.checklabel input[type=radio]{
  display:none;
}

.checklabel .lb > b{
  float:right;
}

.checkmark{
  display:inline-block;
  border:.1em solid var(--color-template);
  width:1em;
  height:1em;
  position:absolute;
  left:0;
  top:.25em;
  background:transparent;
}
.checklabel .checkmark > i{
  color: var(--accent-color);
}

.is-invalid .checklabel .checkmark{
  border-color: red;
}


input[type=checkbox] + .checkmark{
  border-radius:.1em;
}

input[type=radio] + .checkmark{
  border-radius:50%;
}




.is-invalid .checklabel{
  color:red;
}

.is-invalid .invalid-feedback{
  display:block;
}




.checkmark > i{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:none; 
}

input[type=checkbox]:checked + .checkmark *,
input[type=radio]:checked + .checkmark *
{
  display:initial;
}

input[type=radio]:checked + .checkmark{
  background:radial-gradient(ellipse at center, var(--color-template) 0%, var(--color-template) 47%, var(--color-template) 47%, transparent 47%, transparent 48%)
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.checklabel input[type=checkbox] ~ .lb,
.checklabel input[type=radio] ~ .lb
{
  opacity:.7;
}

.checklabel input[type=checkbox]:checked ~ .lb,
.checklabel input[type=radio]:checked ~ .lb
{
  opacity:1;
}


  /**shop*/
.car-details{
  position: relative;
}
  
.car-details:not(.parked) .show-on-parked,
.car-details.parked .hide-on-parked
{
  display:none;
}

.car-details.parked .show-on-parked,
.car-details:not(.parked) .hide-on-parked
{
  display:initial;
}


/*parking-icon*/

.btn-circle.parking-link::after {
  content: "P";
  position: absolute;
  font-size: 1.3em;
  top: 50%;
  left: 50%;
  transform: translate(-67%, -50%);
  color:#fff;
  font-weight:bolder;
}

.btn-circle.parking-link{
  background:#00f;
}


.btn-circle.parking-link span{
  position: absolute;
  top: .1em;
  right: .1em;
  font-size: 0.65em;
  width: auto;
  padding: 0;
  height: 1em;
  display: block;
  transform: translate(0,30%);
}



.parkingIcon i:nth-child(2){
  opacity:0;
}

.parkingIcon i:nth-child(1){
  color:#00f;
  background:#fff;
}

.car .parkingIcon{
  opacity:.4;
  position:absolute;
  left:auto;
  top:auto;
  bottom:10px !important;
  right:10px !important;
  font-size:2em;
  transform:scale(1);
  transition:transform .3s ease;
  color:#00f;
  background:#fff;
  width:1em;
  height:1em;
  overflow:hidden;
  transition:.3s all ease;
  border-radius:3px;
  box-shadow:0 0 1px 1px rgba(0,0,0,.5);
}

.car .parkingIcon i{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:36px;
}

.car.parkingIcon i:nth-child(2){
  
  opacity:0;
  color:#fff;
  top: 23px;
  left: 23px;
  font-size: .3em;
}

.car .parkingIcon i:nth-child(2) {
  opacity: 0;
  color: #20c997;
  top: 23px;
  left: 23px;
  font-size: 0.3em;
}


.car:hover .parkingIcon
{
  opacity:1;
}

.car.parked .parkingIcon i:nth-child(2){
  opacity:1;
}


.car.parked .parkingIcon .fa-parking{
  color:#00f;
}

.car.parked .parkingIcon,
.car .parkingIcon:hover{
  transform:scale(1.1);
  opacity:1;
}
.car.parked .parkingIcon{
  bottom:calc(100% - 2em) !important;
}

/*
.car h2{
  height: 3em;
}
*/

.car a, .car a:hover, .car a:visited, .car a:active{
  color:#000;
}

/*checklabel*/
label.checklabel{
  display:block;
}

label.checklabel input[type=checkbox],
label.checklabel input[type=radio]
{
  display:none;


}


/**shares*/

.shares *{
  color:var(--color-template);
}
.shares a{
  display:inline-block;
  padding: 1em;
}
.shares a > *{
  display:block;
}
.shares a > i{
  font-size:3em;
  margin-bottom: .25em;
}
.shares a > svg{
  display:inline-block;
  width: 3em;
  height: 3em;
  margin-bottom: .55rem;
  color: var(--color-template);
  fill: var(--color-template);
}









/****
* isotope filter
*/

.isotope-filters li:first-child {
  margin-left: 0;
}
.isotope-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  margin: 0 10px;
    margin-bottom: 0px;
    margin-left: 10px;
  line-height: 1;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.isotope-filters li.filter-active{
  color: var(--accent-color);
}




/**
* hero section background
*/
.hero::before{
  background: none;
}



.tuvkalender{
  display:flex;
  flex-wrap: wrap;
}





.tuvkalender .cell{
  width:calc((100% - 110px) / 5);
  border:1px solid #aaa;
  text-align:center;
}

.tuvkalender .cell:nth-child(6n-5){
  width:110px; 
}







.tuvkalender .cell.hd{
  font-weight: bold;
}

.tuvkalender .cell:not(:nth-child(6n)){
  border-right:none;
}

.tuvkalender .cell:not(:nth-last-child(-n+6)){
  border-bottom:none;
}



.tuvkalender .cell .dt{
  font-size: .8em;
  margin-bottom: 1em;
}

.tuvkalender .cell > label{
  z-index:1;
  display: block;
  position:relative;
  padding: .4em 0;
}

.tuvkalender .cell > label:last-of-type{
  margin-bottom: 4px;
}

.tuvkalender .cell > label input{
  visibility: hidden;
  position:absolute;
}

.tuvkalender .cell > label input + span:before{
  content: '';
  position:absolute;
  border: 1px solid #ccc;
  top: 0px;
  left:4px;
  bottom: 0px;
  right: 4px;
  z-index: -1;

  transition:all ease .5s;

}

.tuvkalender .cell > label input:checked + span{
  color: var(--contrast-color);
}

.tuvkalender .cell > label input:checked + span:before{
  background: var(--accent-color);
}



/**
* slider
*/

.horizontal-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.horizontal-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  opacity: 1;
}

.horizontal-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

/**
* form
*/

.contact-headzone{
  margin-top:1em;
}



/**
* float-container
*/

[class^="float-container"]{
  width:100%;
  max-width: 300px;

}

.float-container-left{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.float-container-right{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/**
* Linkfarben
*/

.link-default-text-color a{
  color:#000 !important;
}

.link-default-text-color a:hover,
.link-default-text-color a:focus{
  color: var(--accent-color) !important;
}

/**
* Fahrzeugdetails ul in mehreren spalten
*/


@media (min-width:850px){


  #beschreibung ul{
    column-count: 2;
    column-gap: 2em;
  }
  

}


@media (min-width:1200px){


  #beschreibung ul{
    column-count: 3;
    column-gap: 2em;
  }
  

}


/** rating*/

.star {
  position: relative;
  height: 1em;
  --rating: 5em;
  font-size: 25px;
}
.star::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1em;
  width: var(--rating);
  content: "";
  display: block;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAACXBIWXMAAAKDAAACgwH29H4dAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA8BJREFUWIXFmM9vG0UUxz9v1469TlCKqFQu/KiEVAkqSBs7LYltAgikBonWhFwA9YSEOOUfQIKeOdEDSPQYqeKAkABRgdRCRO2K2kn5IVBReypIKAVEC2m6tunO4xDHdRI73rUn9Hvb3Zn3PjvfnXk7I6qKTa2cObjLGQge8nKVks24js1gAJIw08C07bj2QZVp0AKI2IxrFXR5Pr0TNA/y4Mq5zGM2Y1sFdR2ZBmIAEpiCzdh2rXduf5uOyAs2Q4utWb985sA9sQGzRGNEARxx9iSy5y/ZiG9tRONxc4QWSACj5rCt+Datb7ckWftOrVh/fX7fjoQbuwoMbHhk1AnuS01c+K3fHFZGNOnGj7AZcjW+cZ63kcMKqGK2qERixf7+rS9l7/JN7Xcg2aHFv3Wp7RrO/nCtnzR9j2jV1A/TGRIgntDkc/3m6RtU0a4/ICrat/3in00fVdU3QNzGrS4WaaDwTzMA5IBElzw3QT7rGRJOiaril0YPYpyTwO5eg22Taoi+6WUX325Opmun08PJhHMCdOYOwwGgcFFdeWlwvPwdtJn11WLmqCrvAak7AdjQnOfXX+fZ71fWbrRdnm6Uxh6JqX6gyt7/FQ/+UOXVVL7yycYHbWf90ET5p6QbH0Pl+PazrUrhtDrBSDtICLHg+2czLwIngB3bwActEwbUdGoUqjJVz+1/QAP3JDBuk1DhIsrLqXzl225tQy34yfELV7xg6AlVjgEd3zqi5lJ+PRMGEnqo9X7xQAE1H/WEtqpARQqpbPnTKJ2il1A1buQ+6+Uq8kvUTtFBpf+CIBpE3vhFA11Mp1CZippkU9IedqiRQP2bMgUMRU2yUarsrZUye6L0iTaiFmxfkwbRfv3Cg4a3/WuEn7s10oj2hwYNYfstVY55S7uf8tz4/hDlN10tpe8Pmz/WvUlDojNoxwO6K+LoK97EQrFx7XswWy1mFlR5l/YvKBo4BeCdMOnDjejWtn9Yl9q+5G3IppLZypwjzijQvvpE2KKEAu1g+7KKvOblKjNb7TAT2fOXvBvXH298ChvLYG5lfuxea6CbZruy4Kg7msqW3w/V/9Dlmpcvz+rqEc9frfklRqgDiu6g621XVI57O/2JRP6by6EgW5TKVT5GZQRonu87Gs7+rqBN25WrRmTKy5dnefjHelTINXn58q9eMDS59iem8PTfxUfv7hsU0RlBvjBGRgaz5c97BVynya9upfKVt0TNM8CfYQ4otgadfzImhlPJXOXQ4GR5yQpki5L5xS8VHTWqw93a/gf5WV201NJ8jwAAAABJRU5ErkJggg==);
  background-size: auto;
  background-size: 1em 1em;
}

.stars i{
  color: #ffc107;
  margin: 0 1px;
}


/**
*   nav menu flex
*/

.nav-menu-flex {
  padding: 0;
  margin: 0;
}
.nav-menu-flex {
  display: flex;
  text-decoration: none;
  list-style-type: none;
}

.nav-menu-flex .nav-item.invisible{
  position:absolute;
}

/**
*   article-class
*/
.article{
  background-color: var(--surface-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom:30px;
}


.section-title{
  padding-bottom:0;
}


.no-transition,
.no-transition *{
  transition:none !important;
}


.is-pinned .is-pinned-pt-1{
  padding-top:.25em;
}
.is-pinned .is-pinned-pt-2{
  padding-top:.5em;
}
.is-pinned .is-pinned-pt-3{
  padding-top:.75em;
}
.is-pinned .is-pinned-pt-4{
  padding-top:1em;
}


/**
*   iconed-box
*/

.iconed-box{
  position:relative;
  padding-left:25px;
  hyphens: auto;
  word-break: break-word;
}

.iconed-box > i{
  position:absolute;
  left:0;
  top:0;
  padding:0;
}

/***
*   btn
*/
.btn.btn-link{
  text-decoration:none;
  color:var(--accent-color);
}



/**
* galleryuploader
*/

.galleryuploader .image{
  position:relative;
  padding-bottom:75%;
  overflow:hidden;
  border:1px solid #ccc;
  border-radius: 4px;
}

.galleryuploader .image > img{
  position: absolute;
  width:100%;
  height:100%;
  object-fit:contain;
}

.galleryuploader .image > .controls{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  text-align: center;
  opacity: .1;
  transition: opacity .25s ease;
}

.galleryuploader .image:hover .controls{
  opacity:1;
}




/*** Contrastfixes */

.container.copyright a{
  color:#fff;
}

.uppercase{
  text-transform: uppercase;
}

.m-neg-8{
  margin: -30px;
}