:root{--papier:#f7f4ed;--tinte:#1f2a26;--gruen:#285747;--ocker:#d5ad57;--terrakotta:#bd7258;--blau:#2f7fa6;--violett:#8a56a3;--linie:#d9d2c3;--leise:#5c645f;--grund:var(--papier);--akzent:var(--gruen);--auf-akzent:var(--papier);--karte:#fffdf8;--hinweis:#fbf3df;--fehler:#f8e6df;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:has(.dunkel){--grund:#121b20;--tinte:#ebe6da;--leise:#a7afa9;--linie:#2b3a3e;--akzent:var(--ocker);--auf-akzent:#121b20;--karte:#172329;--hinweis:#23241c;--fehler:#2c1f1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--grund);color:var(--tinte);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.55}main{max-width:44rem;margin:0 auto;padding:2.5rem 1rem 4rem}h1{color:var(--akzent);letter-spacing:.01em;margin:0 0 .25rem;font-size:2.2rem}h2{margin:2rem 0 .75rem;font-size:1.3rem}a{color:var(--akzent)}.unterzeile{color:var(--leise);margin:0 0 1.5rem}.claim{margin:1.5rem 0 2rem;font-style:italic}button,.knopf{font:inherit;background:var(--akzent);color:var(--auf-akzent);cursor:pointer;border:0;border-radius:.5rem;min-height:2.75rem;padding:.75rem 1.4rem;font-weight:600}.knopf{text-decoration:none;display:inline-block}button.zweit{color:var(--akzent);border:1px solid var(--akzent);background:0 0}button.gefahr{background:var(--terrakotta)}button.verweis{color:var(--akzent);text-underline-offset:.2em;background:0 0;min-height:2.25rem;padding:.4rem .5rem;font-weight:500;text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blau);outline-offset:2px}input,select{font:inherit;border:1px solid var(--linie);background:#fff;border-radius:.4rem;min-height:2.75rem;padding:.6rem .75rem}.karte{border:1px solid var(--linie);background:var(--karte);border-radius:.75rem;margin:0 0 1rem;padding:1rem 1.25rem}.hinweis{border-left:4px solid var(--ocker);background:var(--hinweis);margin:1rem 0;padding:.5rem .9rem}.fehler{border-left-color:var(--terrakotta);background:var(--fehler)}.zeile{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.leise{color:var(--leise);font-size:.95rem}code,.codes{font-family:ui-monospace,Consolas,monospace}.codes{columns:2;padding:0;list-style:none}.fuss{max-width:44rem;color:var(--leise);border-top:1px solid var(--linie);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 auto;padding:1.5rem 1rem 2.5rem;font-size:.9rem;display:flex}.rechtstext h2{margin:1.75rem 0 .5rem;font-size:1.15rem}.tabelle{overflow-x:auto}.tabelle table{border-collapse:collapse;width:100%;font-size:.95rem}.tabelle th,.tabelle td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linie);padding:.4rem .6rem}.sprachwechsel{float:right}.sprachwechsel button{min-height:2.25rem;padding:.4rem .9rem;font-size:.95rem}.kopf{justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 2rem;display:flex}.kopf .zeile{gap:.5rem;margin:0}.kopf .sprachwechsel{float:none}.marke{color:var(--tinte);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:none}main:has(.landung){max-width:none;padding:0}.landung .kopf{max-width:72rem;margin:0 auto;padding:.75rem 1rem}.buehne{position:relative}.buehne img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%;width:100%;height:auto;max-height:82vh;display:block}.titel{background:linear-gradient(to bottom, transparent, #121b20bf 45%, var(--grund));text-align:center;padding:6rem 1rem 1.25rem;position:absolute;inset:auto 0 0}.titel h1{letter-spacing:.06em;color:var(--papier);text-shadow:0 2px 12px #121b2099;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:500}.titel .claim{color:var(--ocker);margin:.35rem 0 .5rem;font-family:ui-serif,Georgia,serif;font-size:clamp(1.1rem,2.6vw,1.45rem)}.titel .unterzeile{margin:0;font-size:.95rem}.inhalt{max-width:56rem;margin:0 auto;padding:1.5rem 1rem 3rem}.early{text-align:center;border-left:0;border-top:1px solid var(--ocker);border-bottom:1px solid var(--ocker);background:0 0;max-width:40rem;margin:.5rem auto 2.5rem;padding:.9rem .5rem}.early strong{color:var(--ocker);letter-spacing:.03em;display:block}.merkmale{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem 2rem;display:grid}.merkmal{border-top:3px solid var(--merkmal,var(--ocker));padding-top:.75rem}.merkmal h2{margin:0 0 .35rem;font-size:1.15rem}.merkmal p{color:var(--leise);margin:0}.merkmal.kolonie{--merkmal:var(--ocker)}.merkmal.handel{--merkmal:var(--terrakotta)}.merkmal.flotten{--merkmal:var(--blau)}.merkmal.foederation{--merkmal:var(--violett)}.merkmal .funk{border-left:2px solid var(--violett);color:var(--tinte);margin-top:.75rem;padding-left:.75rem;font-family:ui-serif,Georgia,serif;font-style:italic}@media (max-width:40rem){.buehne img{aspect-ratio:4/5;max-height:none}.titel{padding-top:4rem}}a.knopf.zweit{color:var(--akzent);border:1px solid var(--akzent);background:0 0}.verlauf{color:var(--akzent);margin:.5rem 1.5rem .5rem 0}.verlauf figcaption{font-size:.85rem}.kennzahlen{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.5rem 1.5rem;margin:.5rem 0 1rem;display:grid}.kennzahlen dt{color:var(--leise);font-size:.85rem}.kennzahlen dd{margin:0;font-size:1.3rem;font-weight:600}.liste-alarme{padding:0;list-style:none}.schwellen{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.5rem 1rem;margin:.5rem 0;display:grid}.schwellen label{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}