/* ============================================================
   Nur fuer Impressum und Datenschutz.
   Das gemeinsame Fundament steht in stil.css. Kein Bild, ein
   dunkles Kopfband wie auf den anderen Unterseiten, darunter
   eine ruhige Textspalte.
   ============================================================ */
.kopfband{
  position:relative; background:var(--ink);
  padding:clamp(92px,9.4vw,182px) 0 clamp(30px,3vw,58px);
}
.kopfband::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,19,16,.72) 0%, transparent 18%);
}
.kopfband .wrap{position:relative; z-index:2}
.kopfband h1{
  font-size:clamp(32px,3.4vw,64px); line-height:1.06; letter-spacing:-.035em;
  font-weight:800; color:#fff; margin:0 0 clamp(10px,1vw,18px);
}
.kopfband p{color:#c5d1ca; font-size:clamp(15px,1.02vw,19px); max-width:60ch; margin:0}

.recht{background:var(--cream); padding:clamp(36px,3.2vw,64px) 0 clamp(48px,4vw,84px)}
.recht .wrap{max-width:calc(var(--pad)*2 + 78ch)}
.recht h2{
  font-size:clamp(19px,1.35vw,26px); line-height:1.25; letter-spacing:-.02em;
  font-weight:800; margin:clamp(28px,2.4vw,46px) 0 clamp(8px,.7vw,14px);
}
.recht h2:first-child{margin-top:0}
.recht p{color:var(--slate); font-size:clamp(15px,1.02vw,19px); margin:0 0 clamp(12px,1vw,18px)}
.recht p b{color:var(--ink)}
.recht a{color:var(--ink); border-bottom:1px solid var(--green); padding-bottom:1px}
.recht a:hover{color:var(--green-dark)}
.recht .stand{color:var(--dim-2); font-size:clamp(13px,.85vw,16px); margin-top:clamp(24px,2vw,40px)}
