/* ============================================= HAUS EDELWEISS — Legal pages (Impressum & Privacy) Shared styles for long-form legal prose. Bilingual EN/DE content toggled by . ============================================= */ /* Clear the fixed subpage header (mirrors .page-contact offset). Background matches the navbar bar (--color-cream) so the sticky header blends into the page. */ .page-legal { padding-top: clamp(100px, 8vw, 140px); background: var(--color-cream); } .legal { padding-block: var(--space-3xl) var(--section-py); } .legal__container { max-width: 720px; /* comfortable reading measure */ margin-inline: auto; padding-inline: var(--container-px); } /* --- Language toggle: show the block matching the active --- */ .legal__doc[data-legal-lang="de"] { display: none; } html[lang="de"] .legal__doc[data-legal-lang="en"] { display: none; } html[lang="de"] .legal__doc[data-legal-lang="de"] { display: block; } /* --- Document header --- */ .legal__head { margin-bottom: var(--space-3xl); padding-bottom: var(--space-xl); border-bottom: 1px solid var(--color-sand-medium); } .legal__eyebrow { font-family: var(--font-body); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--color-text-light); margin: 0 0 var(--space-sm); } .legal__title { font-family: var(--font-heading); font-size: var(--text-4xl); font-weight: var(--weight-regular); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--color-text); margin: 0 0 var(--space-md); } .legal__meta { font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--color-text-light); margin: 0; } /* --- Sections --- */ .legal__block { margin-bottom: var(--space-2xl); } .legal__block h2 { font-family: var(--font-heading); font-size: var(--text-xl); font-weight: var(--weight-regular); line-height: var(--leading-snug); color: var(--color-text); margin: 0 0 var(--space-sm); } .legal__block p { font-family: var(--font-body); font-size: var(--text-base); font-weight: var(--weight-regular); line-height: var(--leading-relaxed); color: var(--color-text); margin: 0 0 var(--space-md); } .legal__block p:last-child { margin-bottom: 0; } .legal__block a { color: var(--color-text-light); text-decoration: underline; text-underline-offset: 2px; transition: opacity var(--duration-fast) var(--ease-out); } .legal__block a:hover { opacity: 0.65; } /* --- Counsel note callout --- Deliberately conspicuous so draft annotations are easy to spot and remove before publication. */ .legal__note { font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--color-wine-dark); background: var(--color-peach); border-left: 3px solid var(--color-rust); border-radius: 2px; padding: var(--space-sm) var(--space-md); margin: var(--space-md) 0; } .legal__note strong { font-weight: var(--weight-medium); } /* --- Larger screens --- */ @media (min-width: 1024px) { .legal__title { font-size: var(--text-5xl); } }