/* Rechtsseiten: helle Creme-Basis wie die Startseite, ruhiger gesetzt. */
* { box-sizing: border-box; }
body {
    margin: 0; padding: 48px 20px calc(48px + env(safe-area-inset-bottom));
    font-family: 'Jost', system-ui, sans-serif; font-weight: 400; line-height: 1.75;
    background: #F6F2EB; color: #4E4037; -webkit-font-smoothing: antialiased;
}
.legal-container {
    max-width: 820px; margin: 0 auto; background: #FFFDF9; border-radius: 18px;
    border: 1px solid rgba(160, 129, 90, .28); padding: clamp(24px, 6vw, 56px);
    box-shadow: 0 18px 44px -22px rgba(62, 44, 30, .35);
}
.legal-logo { display: block; width: 130px; height: auto; margin: 0 auto 24px; }
h1, h2 { font-family: 'Bodoni Moda', Georgia, serif; font-weight: 500; line-height: 1.25; color: #33281F; }
h1 { font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.4rem); text-align: center; margin: 0 0 6px; }
h2 { font-size: 1.25rem; margin: 34px 0 10px; color: #7A5F3D; }
.updated { text-align: center; color: #74665B; font-size: .85rem; margin: 0 0 32px; }
p, li { color: #4E4037; }
ul { padding-left: 20px; }
a { color: #7A5F3D; overflow-wrap: anywhere; }
.contact-box { background: #F6F2EB; border-radius: 12px; padding: 20px 22px; border: 1px solid rgba(160, 129, 90, .3); }
.contact-box p { margin: 0 0 8px; }
.back-link {
    display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 18px;
    font-weight: 600; text-decoration: none;
}
.legal-footer { text-align: center; margin-top: 28px; font-size: .85rem; color: #74665B; }
.legal-footer a { display: inline-flex; align-items: center; min-height: 44px; }