:root{color-scheme:light;--ink:#29251f;--muted:#615a4d;--accent:#9c5b56;--paper:#f5f0e5;--panel:rgba(255,252,245,.92);--content-width:760px;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100vh;margin:0;background:linear-gradient(rgba(80,64,48,.05),rgba(80,64,48,.12)),url("../../hintergrund-vitalitaet-plus.jpg") 50% 28%/cover fixed;color:var(--ink);line-height:1.7}
body.legal-privacy{--content-width:820px}
header{padding:1.25rem clamp(1rem,5vw,4rem);background:rgba(28,40,55,.82);color:var(--paper)}
header a{color:inherit;text-decoration:none;font-size:.9rem;letter-spacing:.08em}
main{width:min(var(--content-width),calc(100% - 2rem));margin:clamp(2rem,8vh,5rem) auto;padding:clamp(1.5rem,5vw,3rem);background:var(--panel);border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 50px rgba(16,20,24,.2);backdrop-filter:blur(8px)}
h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.25}
h1{margin:0 0 1.5rem;font-size:clamp(2rem,6vw,3rem);color:#4a4034}
body.legal-imprint h1{margin-bottom:2rem}
h2{margin:2rem 0 .5rem;font-size:1.25rem;color:var(--accent)}
p{margin:.6rem 0}
ul{padding-left:1.3rem}
a{color:#674a42;text-underline-offset:.16em;overflow-wrap:anywhere}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.updated{color:var(--muted);font-size:.88rem}
.notice{padding:.9rem 1rem;border-left:3px solid var(--accent);background:rgba(156,91,86,.08)}
footer{padding:1.5rem 1rem 2rem;color:var(--paper);text-align:center;font-size:.85rem;text-shadow:0 1px 4px rgba(0,0,0,.7)}
footer a{color:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}