/* Ergaenzungen zum gebauten Buendel.
   1. Die goldene Haarlinie unter dem Menue, uebernommen aus der
      bestehenden Seite (dort .kopf::after).
   2. Gestaltung der Rechtsseiten in derselben Sprache wie die
      Hauptseite: gleiche Farben, gleiche Schriften. */

header.fixed::after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,174,122,.45), transparent);
  pointer-events:none;
}

/* Telefonnummer, die per Nachtrag eingesetzt wird */
.bd-nummer{ display:block; margin-top:.5rem; font-size:.95rem; color:#C7A760; letter-spacing:.01em; }
.bd-nummer a{ color:inherit; text-decoration:none; }
.bd-nummer a:hover{ text-decoration:underline; text-underline-offset:.2em; }

.bd-fuss-links a{ color:#BCB49F; text-decoration:none; }
.bd-fuss-links a:hover{ color:#C7A760; text-decoration:underline; text-underline-offset:.2em; }
.bd-sprache{ color:#C7A760; text-decoration:none; }
.bd-sprache:hover{ text-decoration:underline; text-underline-offset:.2em; }

/* ---------------- Rechtsseiten ---------------- */
.recht{
  --grund:#07080D; --text:#F1EEE4; --matt:#BCB49F; --gold:#C7A760;
  --linie:rgba(241,238,228,.12);
  margin:0; background:var(--grund); color:var(--text);
  font-family:"Space Grotesk Variable", system-ui, sans-serif;
  font-size:16px; line-height:1.65;
}
.recht .band{ position:relative; border-bottom:1px solid var(--linie); }
.recht .band::after{
  content:""; position:absolute; inset:auto 0 -1px 0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,174,122,.45), transparent);
}
.recht .band-innen{ max-width:72rem; margin:0 auto; padding:22px 1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.recht .marke{ display:inline-flex; align-items:center; gap:.7rem; text-decoration:none; color:var(--text); }
.recht .marke b{ font-family:"Fraunces Variable", Georgia, serif; font-size:1.35rem; font-weight:500; }
.recht .marke span{ color:var(--gold); }
.recht .zurueck{ color:var(--matt); text-decoration:none; font-size:.9rem; }
.recht .zurueck:hover{ color:var(--gold); }

.recht main{ max-width:48rem; margin:0 auto; padding:clamp(3rem,7vw,5.5rem) 1.5rem clamp(4rem,8vw,7rem); }
.recht h1{ font-family:"Fraunces Variable", Georgia, serif; font-weight:500;
  font-size:clamp(2.1rem,4.4vw,3.1rem); line-height:1.08; letter-spacing:-.02em; margin:0 0 .9rem; }
.recht h2{ font-family:"Fraunces Variable", Georgia, serif; font-weight:500;
  font-size:1.3rem; line-height:1.25; margin:2.6rem 0 .7rem; }
.recht h3{ font-size:1rem; font-weight:600; margin:1.6rem 0 .4rem; }
.recht p, .recht li{ color:var(--matt); }
.recht p{ margin:0 0 1rem; }
.recht ul, .recht ol{ margin:0 0 1rem; padding-left:1.2rem; }
.recht li{ margin:.35rem 0; }
.recht a{ color:var(--gold); text-underline-offset:.2em; }
.recht dl{ margin:0 0 1.2rem; }
.recht dt{ font-weight:600; color:var(--text); margin-top:.9rem; }
.recht dd{ margin:.15rem 0 0; color:var(--matt); }
.recht .lede{ font-size:1.05rem; color:var(--matt); margin-bottom:2.2rem; }
.recht .goldlinie{ display:block; width:3.5rem; height:1px; background:var(--gold); margin:1.4rem 0 2rem; }
.recht table{ width:100%; border-collapse:collapse; margin:0 0 1.2rem; }
.recht th, .recht td{ text-align:left; padding:.6rem .8rem; border-bottom:1px solid var(--linie); font-size:.94rem; }
.recht th{ color:var(--text); font-weight:600; }
.recht td{ color:var(--matt); }
.recht footer{ border-top:1px solid var(--linie); }
.recht footer .band-innen{ font-size:.85rem; color:var(--matt); }
