/* Gemeinsames Layout für Impressum und Datenschutz – passend zur Startseite. */
:root { --cyan: #009fe3; --cyan-dark: #0b7fb4; --ink: #3d3d3c; --ink-soft: #6b6b69; --line: #dfe7eb; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--ink); font: 17px/1.65 "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--cyan-dark); overflow-wrap: anywhere; }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.top { border-bottom: 1px solid var(--line); }
.top .wrap { max-width: 1120px; display: flex; align-items: center; justify-content: space-between; height: 68px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--ink); text-decoration: none; }
.brand img { width: 36px; height: 36px; }
.legal { padding: 56px 24px 80px; }
.legal h1 { font: 800 clamp(36px, 6vw, 52px)/1.1 "Univers Condensed", "Helvetica Neue", "Arial Narrow", Arial, sans-serif; font-stretch: condensed; margin: 0 0 32px; }
.legal h2 { font-size: 22px; margin: 40px 0 10px; }
.legal h3 { font-size: 18px; margin: 28px 0 8px; }
.legal p, .legal li { color: var(--ink); }
.legal .caps { text-transform: none; font-weight: 600; }
.legal ul { padding-left: 22px; }
.note { background: #f4f8fa; border-left: 4px solid var(--cyan); padding: 14px 18px; border-radius: 6px; }
footer.site { background: var(--ink); color: rgba(255,255,255,.75); padding: 32px 0; font-size: 15px; }
footer.site .wrap { max-width: 1120px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
footer.site a { color: #fff; }
@media (max-width: 480px) { .wrap { padding: 0 16px; } .legal { padding: 40px 16px 64px; } }