:root{--ink:#111;--muted:#5d6563;--line:#5b6b6b;--green:#3f7d2c;--accent:#b3261e;--bg:#fff;--soft:#f3f6f1}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eceeed;--muted:#a3aba8;--line:#8fa09f;--green:#5fa646;--accent:#ef6b61;--bg:#141716;--soft:#1d2320}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:300 18px/1.6 'Nunito Sans',system-ui,sans-serif}
a{color:var(--green)}
.hero{position:relative;height:clamp(220px,38vw,420px);background:url(/static/hero-ost.jpg) center/cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.05) 45%,rgba(0,0,0,.4))}
.hero .top{position:absolute;top:18px;left:16px;right:16px;text-align:center;z-index:1;font:800 clamp(10px,1.6vw,15px) Raleway,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.hero .logo{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);text-align:center;z-index:1;font:700 clamp(40px,8vw,92px)/1 'Dancing Script',cursive;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);text-decoration:none}
nav{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 30%,transparent);font:600 14px Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase}
nav a{color:var(--ink);text-decoration:none}nav a:hover{color:var(--green)}
main{max-width:760px;margin:0 auto;padding:28px 16px 64px}
.kicker{display:inline-block;border-top:2px solid var(--line);padding-top:6px;font:600 12px Raleway,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--line)}
h1{font:800 clamp(28px,5vw,44px)/1.1 Raleway,sans-serif;margin:10px 0 18px}
h2{font:800 22px/1.25 Raleway,sans-serif;margin:36px 0 10px;padding-left:12px;border-left:4px solid var(--green)}
p,li{margin:0 0 14px}b,strong{font-weight:700}
blockquote{margin:16px 0;padding:10px 18px;background:var(--soft);border-left:4px solid var(--accent);font-style:italic}
.src{font-size:14px;color:var(--muted)}
table{border-collapse:collapse;margin:8px 0 18px;font-size:16px}td,th{padding:4px 14px 4px 0;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--line) 25%,transparent)}
.lead{font-size:20px}
.cards{display:grid;gap:18px;margin:18px 0}
.card{display:block;padding:18px 20px;background:var(--soft);border-left:4px solid var(--green);text-decoration:none;color:var(--ink)}
.card .t{font:800 20px/1.25 Raleway,sans-serif;margin:4px 0 6px}.card .d{font-size:14px;color:var(--muted)}
.big{font:800 clamp(34px,7vw,56px)/1 Raleway,sans-serif;color:var(--accent)}
.archiv li{margin:0 0 8px}.archiv .d{color:var(--muted);font-size:15px;margin-right:8px;white-space:nowrap}
.btn{display:inline-block;background:var(--green);color:#fff;padding:10px 18px;text-decoration:none;font:700 15px Raleway,sans-serif}
footer{background:var(--green);color:#fff;padding:22px 16px;text-align:center;font-size:15px}footer a{color:#fff}
.koncept{background:#fff3cd;color:#5c4400;padding:8px 12px;font-size:14px;margin-bottom:12px}