/* --------------------------- *\
   NAVIGATION
\* --------------------------- */

#wmw-nav .wmw-nav-link-tuning, #wmw-nav .wmw-nav-link-tuning:hover {
  opacity:0.4;
} 



/* --------------------------- *\
   MAIN
\* --------------------------- */

/* LINK BUTTON FARBIG GEFÜLLT */
a.mehr-button-color {
  display:inline-block;
  position:relative;
  font-size:16px;
  color:#000;
    font-weight:500;
    background-color:#fff;
  padding:10px 22px;
  border:solid 2px #fff;
  border-radius:2em;
  margin-top:2.5em;
  -webkit-transition:color 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
  transition:color 0.3s cubic-bezier(0.24, 0.06, 0.56, 1),opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1),background 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
}


a.mehr-button-color.button-color-green {
         background-color:rgb(22,208,168);
    border-color:rgb(22,208,168);   
}

a.mehr-button-color:hover  {
  text-decoration:none;
  -webkit-transition:color 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
  transition:color 0.3s cubic-bezier(0.24, 0.06, 0.56, 1),opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1),background 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
}



.mehr-button-color.icon-links {
  padding-left:52px;
}

.link-icon {
  position:absolute;
  top:10px;
  display:inline-block;
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-size:contain;
background-position:center center;
}

.icon-links .link-icon {
  left:20px;
}

.icon-termine-dark {
  background-image:url(/wmw/images/link-icons/termine/icon_dark.svg);
}

/* TUNING HIGHLIGHTING */
@supports ((-webkit-text-fill-color:transparent) and (-webkit-background-clip:text)) {
  .wt-green {
    display:inline-block;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,rgb(5,190,170),rgb(170,215,175));
  }  
}


/* HEADER */
.section-header {
  background-image: linear-gradient(#0e0e0e,rgb(2,22,38))
}

.section-header .section-inhalt {
  padding-bottom:3em;
}

figure.tuning-logo {
  width:340px;
  height:340px;
  margin:0 auto;
  background-image:url(/tuning/styles/images/logo/wilhelm_tuning-22.svg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}

@media only screen and (min-width:729px) and (max-width:1068px) {
  figure.tuning-logo {
    height:320px;
    width:320px;
  }
}

@media only screen and (max-width:728px) {
  figure.tuning-logo {
    height:300px;
    width:300px;
  }
}

@media only screen and (max-width:359px) {
  figure.tuning-logo {
    height:275px;
    width:275px;
  }
}


/* LEISTUNGEN ICON-LISTE */
ul.tuning-leistungen-liste {
  list-style:none;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin-left:2.5em;
  padding:3em 0;
}

@media only screen and (min-width:729px) and (max-width:944px) {
  ul.tuning-leistungen-liste {
    margin-left:5em;
  }
}

@media only screen and (max-width:728px) {
  ul.tuning-leistungen-liste {
    margin-left:0;
  }
}

li.tuning-leistungen-listenpunkt {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-right:2.5em;
  margin-bottom:2.5em;
}

@media only screen and (min-width:729px) and (max-width:944px) {
  li.tuning-leistungen-listenpunkt {
    width:255px; 
    margin-right:0;
  }
}

@media only screen and (max-width:728px) {
  
  li.tuning-leistungen-listenpunkt {
    width:100%;
    max-width:464px; 
  }
  
  li.tuning-leistungen-listenpunkt:last-child {
    margin-bottom:0.5em;
  } 
}

.tuning-leistungen-icon {
  display:block;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:32px 32px;
  height:32px;
  width:32px;
  min-width:32px;
  margin-right:0.85em;
}

.icon-software {
  background-image:url(/tuning/styles/images/software/icon.svg);
}
.tuning-link {
  display: inline-flex;
}
.tuning-link:hover {
  text-decoration:none;
}
.tuning-link:hover .icon-software {
  background-image:url(/tuning/styles/images/software/icon-hover.svg);
}

.icon-chip {
  background-image:url(/tuning/styles/images/chip/icon.svg);
}

.icon-spur {
  background-image:url(/tuning/styles/images/spur/icon.svg);
}

.icon-felgen {
  background-image:url(/tuning/styles/images/felgen/icon.svg);
}

.icon-rad {
  background-image:url(/tuning/styles/images/rad-reifen/icon.svg);
}

.icon-fahrwerk {
  background-image:url(/tuning/styles/images/fahrwerk/icon.svg);
}

.icon-toenung {
  background-image:url(/tuning/styles/images/toenung/icon.svg);
}

.icon-folie {
  background-image:url(/tuning/styles/images/folie-lack/icon.svg);
}




/* PROMO */

.spalte-image-1x1 {
  max-width:350px;
}

.spalte-promo-inhalt {
  max-width:464px;
  padding-right:2.5em;
  padding-top:0.5em;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
   min-height:300px;
}

@media only screen and (max-width:728px) {
.spalte-promo-inhalt {
min-height:100%;
  padding-top:0;
}

}
.image-softwareoptimierung {
  background-image:url(/home/styles/images/promos/softwareoptimierung/image.jpg)
}
.image-1x1 {
  width:340px;
  height:340px;
  margin:0 auto;
  border-radius:0.8em;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;

}

@media only screen and (min-width:729px) and (max-width:1068px) {
  .image-1x1 {
    height:320px;
    width:320px;
  }
}

@media only screen and (max-width:728px) {
  .image-1x1 {
    height:285px;
    width:285px;
    margin-left:0
  }
}

@media only screen and (max-width:359px) {
  .image-1x1 {
    height:260px;
    width:260px;
  }
}


.titel-icon {
    display:block; 
    margin:0 auto;
    height:45px;
    width:45px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    margin-bottom:0.75em;
}

.icon-softwareoptimierung {
  background-image: url(/tuning/styles/images/software/icon-hover.svg);
  margin-left:0;
}








/* INLINE DEKRA TYPO */
.inline-dekra-typo {
  position:relative;
  top:0.04em;
  display:inline-block;
  width:65px;
  height:17px;
  background-repeat:no-repeat;
  background-size:contain;
  margin-right:0.01em; 
  background-image:url(/tuning/styles/images/dekra/text-icon.svg);
}


/* TITEL ICONS EINTRAGUNG */
.section-titel-icon {
  display:block; 
  height:40px;
  width:40px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  margin-bottom:0.5em;
}

.icon-pruefer {
  background-image:url(/tuning/styles/images/pruefer/icon.svg); 
}

.icon-recht {
  background-image:url(/tuning/styles/images/recht/icon.svg); 
}

.icon-zeit {
  background-image:url(/tuning/styles/images/zeit/icon.svg); 
}

.icon-beratung {
  background-image:url(/tuning/styles/images/beratung/icon.svg); 
}


/* TERMIN BUTTON */
a.mehr-button.termin {
  font-weight:500;
}



/* --------------------------- *\
   FOOTER
\* --------------------------- */