/* Ruhige Fahrzeugoptik: klare horizontale Flächen, ohne Zacken und Schräge. */
:root {
  
  
  
  --vehicle-dark:#2b2f31;
  
  
  
  --vehicle-grey:#43494a;
  
  
  
  --vehicle-red:#a51f25
}



.logo-link {
  
  
  
  display:block;
  
  
  
  line-height:0;
  
  
  
  position:relative;
  
  
  
  z-index:2
}



.logo-image {
  
  
  
  display:block;
  
  
  
  width:225px;
  
  
  
  height:84px;
  
  
  
  object-fit:contain;
  
  
  
  background:transparent
}



.site-header {
  
  
  
  max-width:1280px;
  
  
  
  background:var(--vehicle-dark);
  
  
  
  padding:0 max(28px,calc((100% - 1240px)/2));
  
  
  
  border-bottom:12px solid var(--vehicle-grey)
}



.site-header:after,.hero-copy:after,.hero-image:after,.page-intro:after {
  
  
  
  display:none
}



.site-header nav a {
  
  
  
  color:#fff
}



.site-header nav a:hover {
  
  
  
  color:#dce0e0
}



.hero {
  
  
  
  background:#fff
}



.hero-copy {
  
  
  
  background:var(--vehicle-dark);
  
  
  
  color:#fff;
  
  
  
  border-bottom:14px solid var(--vehicle-grey)
}



.hero-image {
  
  
  
  border-bottom:14px solid var(--vehicle-grey)
}



.hero-image img {
  
  
  
  object-position:center center
}



.badge {
  
  
  
  background:var(--vehicle-red);
  
  
  
  border:0;
  
  
  
  color:#fff;
  
  
  
  transform:none;
  
  
  
  padding:14px 18px;
  
  
  
  width:auto;
  
  
  
  height:auto;
  
  
  
  display:block
}



.reviews {
  
  
  
  background:var(--vehicle-dark);
  
  
  
  color:#fff;
  
  
  
  padding:82px max(28px,calc((100% - 1204px)/2));
  
  
  
  border-top:0;
  
  
  
  border-bottom:0
}



.reviews:before {
  
  
  
  left:0;
  
  
  
  right:0;
  
  
  
  top:0;
  
  
  
  bottom:auto;
  
  
  
  width:100%;
  
  
  
  height:12px;
  
  
  
  background:var(--vehicle-grey);
  
  
  
  clip-path:none
}



.reviews>div:first-child {
  
  
  
  color:#fff;
  
  
  
  margin:0
}



.reviews .eyebrow {
  
  
  
  color:#c6cbcb
}



.review-score {
  
  
  
  background:transparent;
  
  
  
  color:#fff;
  
  
  
  border-left:1px solid #687072
}



.contact-section {
  
  
  
  background:#fff;
  
  
  
  color:#242729;
  
  
  
  max-width:1240px;
  
  
  
  padding:100px 28px
}



.contact-card {
  
  
  
  background:var(--vehicle-grey);
  
  
  
  color:#fff;
  
  
  
  border-left:6px solid var(--vehicle-red)
}



.contact-card:before {
  
  
  
  display:none
}



.contact-card a {
  
  
  
  color:#fff
}



.contact-card p {
  
  
  
  color:#e7e9e9
}



.page-intro {
  
  
  
  background:var(--vehicle-dark);
  
  
  
  color:#fff;
  
  
  
  border-bottom:14px solid var(--vehicle-grey)
}



footer {
  
  
  
  background:var(--vehicle-dark);
  
  
  
  color:#fff;
  
  
  
  border-top:12px solid var(--vehicle-grey)
}



footer .logo-image {
  
  
  
  width:185px;
  
  
  
  height:70px
}



.footer-links a {
  
  
  
  color:#fff
}



.career {
  
  
  
  background:linear-gradient(90deg,var(--vehicle-dark) 52%,rgba(43,47,49,.25)),url('/assets/images/fischer-transporter-wide.png') center/cover
}



.login-card .logo-image {
  
  
  
  width:225px;
  
  
  
  height:84px
}



.admin-body aside .brand {
  
  
  
  font-size:0;
  
  
  
  width:220px;
  
  
  
  height:86px;
  
  
  
  background:transparent url('/assets/images/fischer-logo.png') center/contain no-repeat;
  
  
  
  margin-bottom:55px
}



.admin-body aside .brand span {
  
  
  
  display:none
}



@media(max-width:760px) {
  
  
  
  .site-header {
    
    
    
    height:76px;
    
    
    
    padding:0 18px;
    
    
    
    border-bottom-width:8px
  }
  
  
  
  .logo-image {
    
    
    
    width:175px;
    
    
    
    height:65px
  }
  
  
  
  .site-header nav {
    
    
    
    background:var(--vehicle-dark);
    
    
    
    top:76px
  }
  
  
  
  .hero-copy {
    
    
    
    border-bottom-width:10px
  }
  
  
  
  .hero-image {
    
    
    
    border-bottom-width:10px
  }
  
  
  
  .contact-section {
    
    
    
    padding:70px 28px
  }
  
  
  
  .reviews {
    
    
    
    padding-top:70px
  }
}