/* ═══════════════════════════════════════════════════════════
   Seiten-CSS, datenschutz.html
   ═══════════════════════════════════════════════════════════ */

.phero--sm{ min-height:clamp(320px,42svh,460px); }

code{
  font-family:var(--ff-d); font-size:.85em; background:var(--water);
  padding:.1em .4em; border-radius:4px; color:var(--deep);
}

.ds-hint{
  margin-top:1.4rem; font-size:.88rem; color:var(--muted); max-width:64ch;
}