:root{--grund:#07060b;--text:#d8f5e0;--gruen:#5CF08A;--gelb:#FFD23F;--rot:#FF5A4E;--blau:#4FC3F7;
--mono:"OCR A Extended","OCR A Std","OCR-A",ui-monospace,"Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}
html{background:var(--grund);color:var(--text);font:16px/1.6 var(--mono)}
body{margin:0;min-height:100vh;
background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),
radial-gradient(ellipse at 50% 30%,#10151a 0%,var(--grund) 70%)}
a{color:inherit}
.rahmen{max-width:1100px;margin:0 auto;padding:24px 20px 64px}
.kopf{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
font-size:12px;letter-spacing:.12em;color:var(--gruen);text-transform:uppercase;margin-bottom:28px}
.kopf a{text-decoration:none}
.tafel{background:#fff;border-radius:6px;overflow:hidden;aspect-ratio:3/1;
box-shadow:0 0 0 1px #1f2a24,0 0 60px rgba(92,240,138,.12)}
.tafel iframe{width:100%;height:100%;border:0;display:block}
.panik{text-align:center;margin:34px 0 8px;font-size:clamp(28px,6vw,54px);letter-spacing:.06em;
color:var(--gelb);text-shadow:4px 4px 0 var(--rot),0 0 18px rgba(255,210,63,.45)}
.unter{text-align:center;color:var(--blau);letter-spacing:.08em;margin:0 0 40px}
.menue{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px;list-style:none;padding:0;margin:0}
.menue a{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:18px 14px 20px;
border:1px solid #1d2622;border-radius:6px;transition:border-color .2s,box-shadow .2s,transform .2s}
.menue a:hover,.menue a:focus-visible{border-color:var(--f);box-shadow:0 0 24px color-mix(in srgb,var(--f) 35%,transparent);transform:translateY(-2px);outline:none}
.menue img{height:150px;width:auto;}
.menue b{color:var(--f);font-weight:normal;font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin-top:10px}
.menue span{font-size:13px;color:#9fb8a8;text-align:center}
h1{color:var(--gelb);letter-spacing:.06em;text-transform:uppercase;font-weight:normal;
text-shadow:3px 3px 0 var(--rot);font-size:clamp(28px,5vw,44px);margin:8px 0 6px}
h2{color:var(--gruen);font-weight:normal;letter-spacing:.08em;text-transform:uppercase;font-size:18px;
border-bottom:1px solid #1d2622;padding-bottom:6px;margin-top:40px}
h3{color:var(--blau);font-weight:normal;letter-spacing:.06em;text-transform:uppercase;font-size:15px;margin:26px 0 8px}
.linie{height:2px;background:var(--rot);max-width:420px;margin:0 0 22px}
.hinweis{color:#9fb8a8;font-size:14px}
ol,ul{padding-left:1.4em}
li{margin:.5em 0}
li a{color:var(--text);text-decoration-color:#3a5a48;text-underline-offset:3px}
li a:hover{color:var(--gelb)}
.meldungen{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.meldungen li{margin:0;border:1px solid #2a3a30;color:var(--gelb);font-size:12px;padding:3px 8px;border-radius:3px}
.titelbild{float:right;height:130px;margin:0 0 10px 16px}
.fuss{margin-top:64px;font-size:12px;color:#6f8a7a;letter-spacing:.08em;text-align:center}
.fuss a{margin:0 8px}
address{font-style:normal}
