/* Unterseiten: Impressum, Datenschutz, Danke, 404. Nutzen style.css und
   die Abstände aus scrollcraft.css; Farben und Schriften hier auf die Marke. */
:root {
  --sc-accent: var(--green);
  --sc-ink: var(--ink);
  --sc-ink-soft: var(--ink-soft);
  --sc-hairline: var(--hair-strong);
  --sc-surface: var(--mist);
  --sc-font-display: var(--f-display);
}
.sub .mark { color: var(--ink); }
.sub .mark__line { color: var(--ink-soft); }
.sub__body .sc-display { font-family: var(--f-display); font-weight: 600; font-size: var(--t-2xl); letter-spacing: -0.025em; line-height: 1.06; text-wrap: balance; }
.sub__body .sc-lede { font-size: var(--t-lg); line-height: 1.45; color: var(--ink-soft); max-width: 44ch; }
.sub { min-height: 100svh; display: flex; flex-direction: column; }
.sub__head { padding-block: clamp(1.25rem, 2.6vw, 2rem); display: flex; justify-content: space-between; align-items: center; gap: var(--sc-5); }
.sub__back { font-size: var(--sc-t-sm); text-decoration-color: var(--sc-accent); text-underline-offset: 0.3em; }
.sub__body { padding-block: var(--sc-8) var(--sc-10); flex: 1; }
.sub__body h1 { margin: 0 0 var(--sc-7); }
.sub__body h2 { font-family: var(--sc-font-display); font-weight: 600; font-size: var(--sc-t-xl); letter-spacing: var(--sc-track-snug); line-height: 1.15; margin: var(--sc-8) 0 var(--sc-3); }
.sub__body h2:first-of-type { margin-top: 0; }
.sub__body p, .sub__body li { max-width: var(--sc-measure); color: var(--sc-ink-soft); text-wrap: pretty; }
.sub__body p { margin: 0 0 var(--sc-4); }
.sub__body ul { padding-left: 1.2rem; margin: 0 0 var(--sc-4); list-style: disc; }
.sub__body li::marker { color: var(--sc-accent); }
.sub__body li + li { margin-top: 0.4em; }
.sub__body a { color: var(--sc-ink); text-decoration-color: var(--sc-accent); }
.sub__body a.btn { color: var(--green-ink); text-decoration: none; }
/* Impressum und Datenschutz: Zwischenüberschriften, Kasten „Auf einen
   Blick“ und abgesetztes Widerspruchsrecht (Art. 21 Abs. 4 DSGVO verlangt
   eine von anderen Informationen getrennte Form). */
.sub__body h3 { font-family: var(--sc-font-display); font-weight: 600; font-size: var(--sc-t-lg); line-height: 1.25; margin: var(--sc-6) 0 var(--sc-2); color: var(--sc-ink); }
.glance, .objection { max-width: var(--sc-measure); margin: 0 0 var(--sc-8); padding: var(--sc-5) var(--sc-6); border-radius: var(--r); }
.glance { border: 1px solid var(--sc-hairline); }
.objection { margin-top: var(--sc-8); border: 1px solid var(--sc-ink); background: var(--sc-surface); }
.glance h2, .objection h2 { margin-top: 0; }
.glance > :last-child, .objection > :last-child { margin-bottom: 0; }
.objection p { color: var(--sc-ink); }
@media (max-width: 480px) { .glance, .objection { padding: var(--sc-4); } }
.sub__foot { border-top: 1px solid var(--sc-hairline); padding-block: var(--sc-6); font-size: var(--sc-t-sm); color: var(--sc-ink-soft); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sc-4) var(--sc-7); }
.sub__foot p { margin: 0; }
.sub__foot a { color: var(--sc-ink-soft); margin-right: var(--sc-5); }