/* --------------------- ALLE Kopf-Einstellungen ------------------------------------------- */

   .black{background-color: black; color: white;}
   .white{background-color: white; color: black;}
   .grau{background-color: #333333;}
   .lgrau{background-color: #f8f8f8;}
   .fett{font-weight: bold;}
   .oben{vertical-align: top;}
   .dotted{border: 1px dotted grey;}
   .dotted100{width: 100%; border: 1px dotted grey;}

   .image{width: 100%;}
   .halfimage{width: 49%;}
   .b25{width: 25%;}
   .b50{width: 50%;}
   .b75{width: 75%;}
   .fullbody{min-width: 100%; margin-left: -15px; margin-right: -15px;}
   .minwi{min-width: 100%;}
   .border{border: 1px solid #cecece;}
   .border_bottom_dotted{border-bottom: 1px solid #cecece;}
   .flori{float: right; margin: 0px 0px 15px 15px;}
   .flole{float: left; margin: 0px 15px 15px 0px;}
   .FDE99C{background-color: #FDE99C; min-width: 80%;}
   .cecece{background-color: #cecece;}
   .fafafa{background-color: #fafafa;}
   .f7f7f7{background-color: #f7f7f7;}
   .efefef{background-color: #efefef;}
   .F6D830{background-color: #F6D830;}
   .tcenter{text-align: center;}
   .tlinks{text-align: left;}
   .trechts{text-align: right;}
   .tunten{position: absolut; bottom:0px;}
   .G170{font-size: 150%;}
   .max30{max-width: 30%;}

   
   .mall{margin: 15px;}
   .mtop{margin-top: 15px;}
   .mbot{margin-bottom: 15px;} 
   .mbot13{margin-bottom: 13px;} 
   .mre{margin-right: 15px;}
   .mrere{margin-right: 30px;}
   .mli{margin-left: 15px;}
   .mli6{margin-left: 6px;}
   .mlili{margin-left: 30px;}
   .mobtop{margin-top: -15px;} /*-- ohne Border links --*/
   .mobl{margin-left: -15px;} /*-- ohne Border links --*/
   .mobr{margin-right: -15px;} /*-- ohne Border rechts --*/
   .mobrr{margin-right: -30px;} /*-- ohne Border rechts doppelt --*/
   .mobbot{margin-bottom: -15px;} /*-- ohne Border unten --*/
   
   .ppall{padding: 15px;}
   .ptop{padding-top: 15px;}
   .pbot{padding-bottom: 15px;} 
   .pre{padding-right: 15px;}
   .pli{padding-left: 15px;}
   .pdli{padding-left: 30px;}
   .pobl{padding-left: -15px;} /*-- ohne Border links --*/
   .pobr{padding-right: -15px;} /*-- ohne Border rechts --*/
   .pobrr{padding-right: -30px;} /*-- ohne Border rechts doppelt --*/

   .kundenelemente-button{float:left; margin-top:5px; width: 160px; min-width: 160px; border: 1px solid #c1c1c2; display: none;}
   .tabelle-ueberschrift-hoch-schriftlinks{padding-left: 5px; height: 31px; font-weight: bold;}
   .tabelle-zelle-normal-schriftrechts{padding-left: 5px; text-align: center;}
   
   a:link.FDE99C{text-decoration:none; font-family:verdana; color: black; line-height: 20px; padding: 5px; display: inline-block;}
   a:visited.FDE99C{text-decoration:none; font-family:verdana; color: black; line-height: 20px; padding: 5px; display: inline-block;}
   a:hover.FDE99C{text-decoration:none; font-family:verdana; color: grey; line-height: 20px; padding: 5px; display: inline-block;}
   a:active.FDE99C{text-decoration:none; font-family:verdana; color: black; line-height: 20px; padding: 5px; display: inline-block;}

   a:link.standard_switcher{text-decoration:none; font-family:verdana; color: grey;}
   a:visited.standard_switcher-switcher{text-decoration:none; font-family:verdana; color: grey;}
   a:hover.standard_switcher-switcher{text-decoration:none; font-family:verdana; color: white;}
   a:active.standard_switcher-switcher{text-decoration:none; font-family:verdana; color: grey;}

   .container-preview .card:hover {background-color: #F5F5F5; cursor: pointer; border-radius: 1em;}
  .borderround{border: 1px solid #cecece; border-radius: 1em;} 
  .text-icon {display: flex; vertical-align: top;}
  .text-top{vertical-align: top;}
  .ppall{padding: 15px;}

  /* ==================================================
  Car Details Styling
  ================================================== */

.car-details-header {
   position: -webkit-sticky;
   position: sticky;
   top: 50px;
   background-color: white;
   z-index: 10;
 }

 @media (max-width: 768px) {
   .car-details-header {
     top: 50px;
   }
   
   h1 {
      font-size: 18px;
      margin: 0;
    }
  
    h2,
    .tagline {
      font-size: 18px;
    }
  
    h2 {
      font-size: 18px;
      margin-bottom: 0px;
    }
  
    h3 {
      font-size: 14px;
    }

    .btn {
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-weight: 300;
      color: #fff;
      padding: 5px 15px;
      border-radius: 20px;
      width: 100%;
    }
 }



  /* ==================================================
  OSM and Googlemaps Styling
  ================================================== */
iframe{
	border:0;
}

.shadowed{
	box-shadow:2px 2px 2px 2px rgba(120,120,120,0.2);
}

.osm_map{
	width:100%;
	height:350px;
	position:relative;
	font-size:.9em;
	overflow:hidden;
}
.osm_map .org_data{
	position:absolute;
	left:10px;
	top:10px;
	background: #fff;
	padding:10px;
	border-radius:2px;
	z-index:2;
}

.osm_map .org_data .c_name{
	font-weight:bolder;
}
.osm_map .org_data .c_address{
	font-size:.9em;
	color:#555;
}

.osm_map .org_data > *{
	display:inline-block;
	vertical-align:top;
}

.osm_map .org_data > *:last-child{
	padding:0 10px;
	
}
.osm_map .org_data .route-link{
	color:rgb(26, 115, 232);
	text-align:center;
	position:relative;
	cursor:pointer;
}
.osm_map .org_data .route-link:hover{
	color:blue;
	text-decoration:underline;
}
.osm_map .org_data .route-link i{
	font-size:1.2em;
}
.osm_map .org_data .route-link > div.text{
	font-size:.85em;
	line-height:1.05em;
}

.osm_map img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter: blur(2.5px);
	-webkit-filter: blur(2.5px);
}

/** Cookieconsent Overlay **/
.cc_overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
}

.cc_overlay .cc_notice{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	padding:15px;
	max-height:100%;
	overflow:auto;
	border-radius:2px;
	z-idex:2;
}
.cc_overlay:hover .cc_notice{
	
	opacity:1;
}

.cc_overlay .cc_notice .sm{
	font-size:.8em;
	line-height:1.4em;
	
}

.cc_overlay .cc_notice .hd{
	background:var(--yellow);
	color:#000;
	margin:-15px -15px 10px -15px;
	padding:5px 15px;
	text-align:center;
}

.cc_overlay .cc_notice .hd:first-child{
	border-radius:2px 2px 0 0;
}

.cc_overlay .cc_notice a{
  color:#000 !important;
  font-weight: bold;
}


.osm_map:hover .cc_overlay{
	background: rgba(0,0,0,0.4);
}

.image-kopf-logo{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:75px;
	
}

.countercircle{
  font-size:160px;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #666;
  border: .0375em solid #F6C234;
  border-radius: 50%;
  padding: .34375em .15625em 0 .15625em;
  position: relative;
  transition:transform .1s ease;
}

@media only screen and (max-width: 720px){
	.circle-fr{
		max-width:160px;
	}
	
}

@media only screen and (max-width: 576px){
	.circle-fr{
		max-width:110px;
	}
	.countercircle{
		font-size:110px;
		
	}
	
	
}


.countercircle:hover{
	transform:scale(1.1);
	
	
}


.countercircle .text{
	font-size:.1em;
	line-height:1.3em;
	display:inline-block;
	vertical-align:top;
}
	
.countercircle .stats-no {
  color: black;
  width: 3.888888888888889em;
  height: 3.888888888888889em;
  line-height: 3.888888888888889em;
  top: -1.388888888888889em;
  right: -.8333333333333333em;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: .1125em; /*18px*/
  background-color: #F6C234;
  position: absolute;
  border-radius: 50%;
  font-weight: 700;
}

.btn.btn-input-style,
button[type="submit"].btn.btn-input-style
{
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  background: transparent !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 10px 12px !important;
  color:#495057;
}

/*Shop style*/

.car .car-mini{
  border:0;
}

.car.car-mini a{
  text-decoration:none;
}

.img-container-4-3{
  position:relative;
  padding-bottom:75%;
  height:0;
  overflow:hidden;
}

.img-container-4-3 > img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

/*parking-icon*/

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

.car.parkingIcon i:nth-child(2){
  
  opacity:0;
  color:#fff;
  top: 23px;
  left: 23px;
  font-size: .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]{
  display:none;


}



/*checkmark*/

.checklabel{
  display:block;
  color:#000;
  padding-left:1.25em;
  position:relative;
}

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

.checkmark{
  display:inline-block;
  border:.1em solid #000; /*var(--color-template);*/
  width:1em;
  height:1em;
  position:absolute;
  left:0;
  top:.125em;
  background:transparent;
  color: var(--color-template);
}

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

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




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

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

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

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%)
}


/*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:#fff;
  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;
}
.check-tab input[type=radio]:checked + *,
.check-tab input[type=checkbox]:checked + *{
  color: #495057;
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 transparent;
}

.no-border{
  border:none;
}

/*Linkbutton*/
.page-item.active .page-link{
  background:var(--color-template);
  color:#000;
}

.page-item .page-link{
  background:transparent;
  color:var(--color-template);
}

/*nav-menu-flex*/

.nav-menu-flex{
  display:flex;
  overflow:auto;
  text-decoration:none;
  list-style-type: none;
}

.nav-menu-flex a{
  white-space: nowrap;
  padding: 22px 15px 18px 15px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  outline: none;
}

.shares *{
  color:var(--color-template);
}
.shares a{
  display:inline-block;
  padding: 1em;
  text-decoration:none;
}
.shares a > *{
  display:block;
}
.shares a > i{
  font-size:3em;
  margin-bottom: .25em;
}

.shares a > sub{
  color: #000;
}



.icon-cell{
  position:relative;
  padding-left: 1.25rem;
}

.icon-cell > i{
  position:absolute;
  left:0;
  padding:0;
  padding-top:.125rem;
}

.btn-circle.d-none{
  display:none !important;
}

.btn-circle.parking-link{
  color:#fff;
  position:relative;
}

.btn-circle.parking-link i{
  color:#00f;
  background:#fff;
  padding:1px;
  display:block;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.5);
  font-size:.8em;
  border-radius:2px;
  line-height:1em;
  width:1em;
  height:1em;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-30%);
}

.btn-circle.parking-link i:before{
  line-height:0;
  position:absolute;
  left:1px;
  top:50%;
}

.btn-circle.parking-link .badge{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  font-size:.6em;
}

.img-container{
  position:relative;
  display:block;
  width:100%;
}

.img-container-1-1{
  padding:0 0 100% 0;
}

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

.img-container img{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  object-fit:cover;
}

/*Image container*/

.image-container{
  position:relative;
}

.image-container img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

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



/*Shop style*/

.car .car-mini{
  border:0;
}

.img-container-4-3{
  position:relative;
  padding-bottom:75%;
  height:0;
  overflow:hidden;
}

.img-container-4-3 > img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

/*parking-icon*/

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

.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]{
  display:none;


}



/*checkmark*/

.checklabel{
  display:block;
  color:#000;
  padding-left:1.25em;
  position:relative;
}

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

.checkmark{
  display:inline-block;
  border:.1em solid #000; /*var(--color-template);*/
  width:1em;
  height:1em;
  position:absolute;
  left:0;
  top:.125em;
  background:transparent;
  color: var(--color-template);
}

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

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




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

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

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

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%)
}


/*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:#000;
  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;
}
.check-tab input[type=radio]:checked + *,
.check-tab input[type=checkbox]:checked + *{
  color: #495057;
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 transparent;
}

.no-border{
  border:none;
}

/*Linkbutton*/
.page-item.active .page-link{
  background:var(--color-template);
  color:#000;
  border-color:var(--color-template);
}

.page-item .page-link{
  background:transparent;
  color:#000;
}

/*nav-menu-flex*/

.nav-menu-flex{
  display:flex;
  overflow:auto;
  text-decoration:none;
  list-style-type: none;
}

.nav-menu-flex{
  padding:0;
  margin:0;

}

.nav-menu-flex a{
  white-space: nowrap;
  padding: 22px 15px 18px 15px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  outline: none;
}

.nav-menu-flex .nav-item-fixed-right{
  flex-grow:1;
  text-align:right;
}

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

.nav-menu-flex .nav-item-dropdown .dropdown-item{
  padding:0;
}


.nav-menu-flex.nav-flex-standard a,
.nav-menu-flex.nav-flex-standard a:visited,
.nav-menu-flex.nav-flex-standard a:hover,
.nav-menu-flex.nav-flex-standard a:active
{
  text-decoration: none;
  color: #00376B;
  display: inline-block;
  font-weight: bold;
}


.nav-menu-flex.nav-flex-standard .nav-item-dropdown .dropdown-item a,
.nav-menu-flex.nav-flex-standard .nav-item-dropdown .dropdown-item a:visited,
.nav-menu-flex.nav-flex-standard .nav-item-dropdown .dropdown-item a:hover,
.nav-menu-flex.nav-flex-standard .nav-item-dropdown .dropdown-item a:active{
  display:block;
}

.dropdown-menu.dropdown-absolute{
  position:absolute;

}



/**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);
}


/***/

.icon-cell{
  position:relative;
  padding-left: 1.25rem;
}

.icon-cell > i{
  position:absolute;
  left:0;
  padding:0;
  padding-top:.125rem;
}

.btn-circle.d-none{
  display:none !important;
}

.btn-circle.parking-link{
  color:#fff;
  position:relative;
}

.btn-circle.parking-link i{
  color:#00f;
  background:#fff;
  padding:1px;
  display:block;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.5);
  font-size:.7em;
  border-radius:2px;
  line-height:1em;
  width:1em;
  height:1em;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-30%);
}

.btn-circle.parking-link i:before{
  line-height:0;
  position:absolute;
  left:1px;
  top:50%;
}

.btn-circle.parking-link .badge{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  font-size:.4em;
}

.side-quick-controls{
  position:fixed;
  z-index:10;
  bottom:70px;
  right:0;
}

.side-quick-controls .btn-circle{
  box-shadow:0 0 1px 0px rgba(0,0,0,.3);
  border: 1px solid rgba(255,255,255,.5)
}

.btn-circle.parking-link, .btn-circle.parking-link:hover {
  position: relative;
  color: #fff;
  position: relative;
  background: #00f;
}




/*parking-icon*/

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

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


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

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

.no-parking .car:not(.parked) .parkingIcon{
  display:none;
}


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


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


.icon-cell{
  position:relative;
  padding-left: 1.5rem;
}

.icon-cell > i{
  position:absolute;
  left:0;
  padding:0;
  padding-top:.125rem;
}

.btn-circle.d-none{
  display:none !important;
}

.btn-circle.parking-link,
.btn-circle.parking-link:hover{
  position:relative;
  color:#fff;
  position:relative;
  background:#00f;
}

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


}

.btn-circle.parking-link .badge{
  position: absolute;
  font-size: 0.4em;
  bottom: 0.5em;
  background: #fff;
  color: #00f;
  top: auto;
  height: 1.3em;
  left: 63%;
  width: 2em;
  line-height:1em;
}

.side-quick-controls{
  position:fixed;
  z-index:10;
  bottom:70px;
  right:0;
}

.side-quick-controls .btn-circle{
  box-shadow:0 0 1px 0px rgba(0,0,0,.3);
  border: 1px solid rgba(255,255,255,.5)
}


.show-on-parked{
  display:none;
}

.parked .show-on-parked{
  display:initial;
}

.parked .hide-on-parked{
  display:none;
}


/* car-nav**/

.sticky-pinned.no-transitions{
  transition:none !important;
}
.sticky-pinned.no-transitions *{
  transition:none !important;
}

.car-nav{
  transition:all .5em ease;
  border: 0px dotted red;
  position:sticky; 
  top:60px; 
  z-index:10; 
  background:transparent;
}

.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 > span,
.car-nav.is-pinned h1 > span{
  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.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%);
}



/*parallax*/
.suchmasken > .suchmasken{
  background-position-x: center !important;
  background-size: cover !important;

}


/***/
#contact h1,
#contact h2,
#contact h3,
#contact h4,
#contact h5,
#contact h6{
  color:#000;
  padding: 10px;

}


/*c-primary*/
.c-primary{
  color:var(--color-template);
}


/*Navigation to upper case*/
header nav{
  text-transform: uppercase;
}
#mobile-nav{
  text-transform: uppercase;
}