:root{
  --rot:#e74540;
  --tinte:#1e2123;
  --grau:#5d6469;
  --linie:#e4e6e8;
  --papier:#ffffff;
  --sand:#f6f6f5;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--tinte);background:var(--papier);
  line-height:1.65;font-size:17px;
  -webkit-font-smoothing:antialiased;
}
.huelle{max-width:820px;margin:0 auto;padding:0 24px}

header{padding:56px 0 0}
.logo{display:block;width:190px;max-width:60%;height:auto}

.marke{
  display:inline-block;margin-top:40px;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rot);font-weight:700;
}
h1{
  font-size:clamp(2rem,6vw,3.1rem);line-height:1.1;
  letter-spacing:-.02em;margin:14px 0 0;font-weight:800;
}
.vorspann{
  font-size:clamp(1.05rem,2.4vw,1.25rem);
  color:var(--grau);margin-top:20px;max-width:60ch;
}

.bild{margin:48px 0 0;border-radius:10px;overflow:hidden;background:var(--sand)}
.bild img{display:block;width:100%;height:auto}

section{margin-top:56px}
h2{font-size:1.32rem;font-weight:700;letter-spacing:-.01em}
section p{margin-top:14px;max-width:66ch;color:var(--grau)}
section p strong{color:var(--tinte);font-weight:600}
section p + p{margin-top:12px}

.punkte{list-style:none;margin-top:24px;display:grid;gap:14px}
.punkte li{position:relative;padding-left:26px;color:var(--grau);max-width:62ch}
.punkte li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:9px;height:9px;border-radius:50%;background:var(--rot);
}
.punkte li b{color:var(--tinte);font-weight:600}

.kontakt{
  margin-top:56px;padding:30px;border:1px solid var(--linie);
  border-radius:10px;background:var(--sand);
}
.kontakt h2{margin-bottom:6px}
.zeilen{margin-top:16px;display:grid;gap:9px}
.zeilen div{display:flex;gap:12px;flex-wrap:wrap}
.zeilen span{min-width:78px;color:var(--grau);font-size:.94rem}

a{color:var(--rot);text-decoration:none;border-bottom:1px solid rgba(231,69,64,.35)}
a:hover{border-bottom-color:var(--rot)}
a:focus-visible{outline:2px solid var(--rot);outline-offset:3px;border-radius:2px}

/* Rechtsseiten */
.rechtstext{padding-top:48px}
.rechtstext h1{font-size:clamp(1.7rem,4vw,2.3rem)}
.rechtstext h2{margin-top:36px}
.rechtstext p{margin-top:12px;max-width:70ch;color:var(--grau)}
.rechtstext address{font-style:normal;margin-top:12px;color:var(--grau)}
.zurueck{
  display:inline-block;margin-top:40px;font-size:.94rem;
  color:var(--grau);border-bottom-color:var(--linie);
}
.zurueck:hover{color:var(--tinte)}

footer{
  margin-top:64px;padding:26px 0 48px;border-top:1px solid var(--linie);
  font-size:.9rem;color:var(--grau);
  display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;
}
footer a{color:var(--grau);border-bottom-color:var(--linie)}
footer a:hover{color:var(--tinte)}

@media (max-width:600px){
  header{padding-top:38px}
  body{font-size:16px}
  .kontakt{padding:22px}
}