/* =====================================================================
   Seiten-CSS: Impressum / Datenschutz
   Referenz: design-handoff/source/design/Impressum.dc.html, Datenschutz.dc.html
   Gemeinsame Regeln (.hero, .legal) liegen in style.css – hier nur die
   Abweichungen der Rechtsseiten-Hero (dunklerer Shade, kurze Hero, H1 52px).
   ===================================================================== */

/* Kurze Hero: Design 70px oben / 80px unten */
.hero-inner--legal { padding-top: clamp(40px, 5vw, 70px); padding-bottom: clamp(44px, 5.6vw, 80px); }
.hero-inner--legal .eyebrow { display: block; }
.hero-inner--legal h1 { font-size: clamp(30px, 1.4rem + 2.2vw, 52px); margin-top: 10px; max-width: none; overflow-wrap: anywhere; hyphens: manual; }

/* Textblöcke, die im Design in Versalien stehen (Widerspruchsrecht Art. 21 DSGVO) */
.legal-caps { text-transform: uppercase; }