/* Design angelehnt an max-emden.de: weißer Header mit Logo, dunkle Leiste, grüner Akzent */
@font-face { font-family:"Source Sans Pro"; font-weight:400; src:url(/assets/fonts/SourceSansPro-400.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Source Sans Pro"; font-weight:700; src:url(/assets/fonts/SourceSansPro-700.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Roboto Condensed"; font-weight:400; src:url(/assets/fonts/RobotoCondensed-400.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Roboto Condensed"; font-weight:700; src:url(/assets/fonts/RobotoCondensed-700.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Ubuntu Condensed"; font-weight:400; src:url(/assets/fonts/UbuntuCondensed-400.woff2) format("woff2"); font-display:swap; }

:root {
  --green:#24890d; --green-dark:#1b6a0a; --green-soft:#eaf4e6;
  --ink:#404040; --head:#353434; --muted:#757575; --line:#dcdcdc; --bg:#f2f2f2; --card:#fff;
  --bar:#232323; --err:#c0392b; --errbg:#fdecea;
}
* { box-sizing:border-box; }
html { color-scheme:light; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 "Source Sans Pro",system-ui,sans-serif; display:flex; flex-direction:column; min-height:100vh; }
h1,h2,h3 { font-family:"Roboto Condensed",sans-serif; color:var(--head); margin:0; }

.site-header { background:#fff; }
.site-header .in { max-width:960px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.site-header img { height:64px; width:auto; max-width:60%; object-fit:contain; flex:0 0 auto; display:block; }
.site-header .tag { font:700 1.1rem "Ubuntu Condensed",sans-serif; color:var(--green); text-align:right; line-height:1.2; }
.site-nav { background:var(--bar); border-bottom:3px solid var(--green); }
.site-nav .in { max-width:960px; margin:0 auto; padding:9px 16px; color:#cacaca; font:400 1rem "Ubuntu Condensed",sans-serif; letter-spacing:.02em; }
.site-footer { background:#242424; color:#bbb; margin-top:auto; font-size:.9rem; }
.site-footer .in { max-width:960px; margin:0 auto; padding:16px; }

.wrap { width:100%; max-width:760px; margin:0 auto; padding:16px 16px 56px; flex:1; }
.wrap.wide { max-width:960px; }
.muted { color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:4px; padding:16px; margin:10px 0; }
.card.err { border-color:var(--err); background:var(--errbg); }
.title-bar { background:var(--green); color:#fff; font:700 1.25rem/1.25 "Roboto Condensed",sans-serif; padding:10px 16px; margin:28px 0 10px; border-radius:2px; }
.title-bar.first { margin-top:12px; font-size:1.5rem; }
.badge { display:inline-block; font-size:.85rem; padding:2px 12px; border:1px solid var(--green); border-radius:999px; color:var(--green); background:var(--green-soft); margin:2px 0 6px; font-weight:700; }
.center { text-align:center; padding:12vh 0; }
.center h1 { font-size:1.8rem; color:var(--green); margin-bottom:8px; }

button.primary { width:100%; padding:14px; font:700 1.1rem "Roboto Condensed",sans-serif; letter-spacing:.03em; border:0; border-radius:3px; background:var(--green); color:#fff; cursor:pointer; }
button.primary:hover { background:var(--green-dark); }
button.primary:disabled { opacity:.6; cursor:default; }
a:focus-visible, button:focus-visible { outline:2px solid var(--green); outline-offset:2px; }

.site-footer a { color:#ccc; } .site-footer a:hover { color:#fff; }
.prose h2 { font-size:1.15rem; margin:20px 0 4px; color:var(--green); } .prose h2:first-child { margin-top:0; }
.prose p, .prose ul { margin:4px 0 8px; } .prose ul { padding-left:1.2em; } .prose li { margin-bottom:4px; }