/* ============================================================
   DIE FORSTEREI – Unterseiten (Impressum, Datenschutz, Ratgeber)
   Baut auf base.css auf. Lange Lesetexte statt Onepager-Bühne:
   ruhige Spalte, klare Zwischentitel, große Schrift.
   ============================================================ */

/* Seitenkopf einer Unterseite – ersetzt den Hero */
.page-head{
  padding-top:clamp(7.5rem,16vh,11rem);
  padding-bottom:clamp(2.5rem,5vw,4rem);
}
.page-head .back{
  display:inline-flex; align-items:center; gap:.6rem;
  font-size:var(--t-small); font-weight:500; text-decoration:none;
  min-height:44px; color:var(--ink-soft);
}
.page-head .back:hover{color:var(--ochre-ink)}
.page-head .back svg{flex:none; stroke:currentColor}
.page-head h1{
  font-size:clamp(2.3rem,5.4vw,4.4rem);
  letter-spacing:-.028em;
  margin-top:clamp(1.2rem,2.4vw,2rem);
  max-width:26ch;
}
.page-head .kicker{
  display:flex; align-items:center; gap:.9rem; margin-top:clamp(1.4rem,3vw,2.2rem);
}
.page-head .kicker .rule{height:1px; width:clamp(2.5rem,7vw,6rem); background:var(--ochre-ink); opacity:.5}
.page-lead{
  margin-top:clamp(1.4rem,2.6vw,2rem); max-width:46ch;
  font-family:var(--serif); font-style:italic; font-weight:400;
  font-size:var(--t-m); line-height:1.45; color:var(--ink-soft);
}
.page-meta{
  margin-top:clamp(1.8rem,3vw,2.6rem); padding-top:1.2rem;
  border-top:1px solid var(--line-dark);
  display:flex; flex-wrap:wrap; gap:.5rem 2rem;
  font-size:var(--t-small); color:var(--ink-soft);
}
.page-meta b{font-weight:600; color:var(--ink)}

/* Lesespalte */
.prose{
  padding-bottom:clamp(4rem,9vh,7rem);
}
.prose-in{max-width:70ch}
.prose h2{
  font-size:clamp(1.6rem,3vw,2.4rem);
  margin-top:clamp(2.8rem,5vw,4rem); margin-bottom:1rem;
  padding-top:clamp(1.4rem,2.4vw,2rem);
  border-top:1px solid var(--line-dark);
}
.prose h2:first-child{margin-top:0; border-top:0; padding-top:0}
.prose h3{
  font-size:var(--t-m); margin-top:clamp(1.8rem,3vw,2.4rem); margin-bottom:.6rem;
}
.prose p{margin-top:1rem; color:var(--ink-soft)}
.prose p.first{color:var(--ink)}
.prose strong{color:var(--ink); font-weight:600}
.prose a{color:var(--ochre-ink); text-decoration:underline; text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul,.prose ol{margin:1rem 0 0; padding-left:1.3rem; color:var(--ink-soft)}
.prose li{margin-top:.5rem}
.prose li::marker{color:var(--ochre-ink)}
.prose dl{margin:1rem 0 0}
.prose dt{font-weight:600; margin-top:1.1rem}
.prose dd{margin:.2rem 0 0; color:var(--ink-soft)}

/* Hervorgehobener Merksatz im Artikel */
.pull{
  margin:clamp(2rem,4vw,3rem) 0 0;
  padding:clamp(1.3rem,2.6vw,2rem);
  background:var(--forest); color:var(--mist);
  font-family:var(--serif); font-style:italic;
  font-size:var(--t-m); line-height:1.4;
}
.pull strong{color:#fff; font-style:normal; font-weight:500}

/* Kurzfassung oben im Artikel */
.tldr{
  margin-top:clamp(2rem,4vw,3rem);
  border-left:2px solid var(--ochre-ink);
  padding:.2rem 0 .2rem 1.2rem;
}
.tldr h2{
  border:0; padding:0; margin:0 0 .7rem;
  font-family:var(--sans); font-size:var(--t-label);
  letter-spacing:.19em; text-transform:uppercase; font-weight:600;
  color:var(--ochre-ink);
}
.tldr ul{margin:0; padding-left:1.2rem}

/* Absender unter dem Artikel */
.byline{
  margin-top:clamp(3rem,6vw,4.5rem);
  padding:clamp(1.4rem,2.8vw,2.2rem);
  background:var(--mist);
  display:grid; gap:.6rem;
}
.byline b{font-family:var(--serif); font-weight:500; font-size:var(--t-m)}
.byline p{font-size:var(--t-small); color:var(--ink-soft); margin:0}
.byline .row{display:flex; flex-wrap:wrap; gap:.75rem; margin-top:.6rem}

/* Weitere Artikel am Ende */
.more{border-top:1px solid var(--line-dark); padding-top:clamp(2rem,4vw,3rem); margin-top:clamp(3rem,6vw,4.5rem)}
.more h2{font-family:var(--sans); font-size:var(--t-label); letter-spacing:.19em; text-transform:uppercase; font-weight:600; color:var(--ochre-ink); margin-bottom:1.2rem}