@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-italic.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter.woff2) format('woff2')}
:root{
  --sky:#e6ecee;--sky-2:#d7e0e3;--sheet:#fdfdfb;--ink:#1c2427;--ink-2:#4f5b60;--red:#a8231a;--line:#c3cdd1;--ring:#9aa7ac;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --measure:62ch;--max:72rem;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--sky:#12181a;--sky-2:#1a2225;--sheet:#1f282b;--ink:#e4eaec;--ink-2:#a4b1b6;--red:#f07a6a;--line:#34424a;--ring:#55646a}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--serif);font-size:1.1875rem;line-height:1.65;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:.2em}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
p{margin:0 0 1.1em}
h1,h2,h3{font-weight:600;line-height:1.1;margin:0;font-variation-settings:"SOFT" 50}
h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.6rem);margin-bottom:1.25rem}
h3{font-size:1.35rem;margin-bottom:.5rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 max(16px,4vw)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:9;background:var(--sheet);padding:.5rem 1rem}
.sans{font-family:var(--sans)}
.muted{color:var(--ink-2)}
/* Kopf */
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--sky) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:650;font-size:1.25rem;letter-spacing:-.01em}
.brand svg{width:1.7rem;height:1.7rem;flex:none}
.brand:hover{color:var(--ink)}
.top nav{display:flex;gap:1.25rem;font-family:var(--sans);font-size:.95rem}
.top nav a{text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.top nav a[aria-current]{border-color:var(--red)}
@media (max-width:40rem){.top .wrap{padding-top:.5rem;padding-bottom:.5rem}.top nav{gap:1rem;font-size:.9rem}}
/* Kalenderblatt */
.blatt{position:relative;background:var(--sheet);border-radius:2px;box-shadow:0 1px 0 var(--line),0 18px 40px -24px rgba(20,40,50,.45);padding:2.6rem clamp(1.25rem,4vw,3rem) 2rem}
.blatt::before{content:"";position:absolute;left:0;right:0;top:0;height:1.6rem;background:var(--sky-2);border-bottom:1px dashed var(--ring);
  -webkit-mask:radial-gradient(circle at 50% 100%,transparent .32rem,#000 .34rem) 0 0/1.2rem 1.6rem repeat-x;mask:radial-gradient(circle at 50% 100%,transparent .32rem,#000 .34rem) 0 0/1.2rem 1.6rem repeat-x}
.blatt .kopf{display:flex;align-items:flex-end;gap:1.25rem;flex-wrap:wrap;margin-top:.6rem}
.zahl{font-size:clamp(6rem,4rem + 10vw,11rem);line-height:.82;font-weight:800;font-variation-settings:"opsz" 144,"SOFT" 100;letter-spacing:-.04em;font-variant-numeric:lining-nums}
.blatt.lostag .zahl{color:var(--red)}
.kopf .monat{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);font-weight:500;line-height:1.05}
.kopf .tag{display:block;font-family:var(--sans);font-size:.95rem;color:var(--ink-2);margin-top:.4rem}
.heilig{font-style:italic;font-size:1.35rem;color:var(--red);margin:1.25rem 0 0}
.regeln{list-style:none;margin:1.5rem 0 0;padding:0}
.regeln li{padding:.9rem 0;border-top:1px solid var(--line)}
.regeln li:first-child{border-top:0;padding-top:.2rem}
.regel{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);line-height:1.35;font-weight:420;font-variation-settings:"opsz" 48}
.quelle{display:block;font-family:var(--sans);font-size:.8rem;color:var(--ink-2);margin-top:.3rem}
.quelle a{color:var(--ink-2)}
.hinweis{font-family:var(--sans);font-size:.92rem;color:var(--ink-2);margin:1.25rem 0 0}
/* Start */
.hero{padding:2.5rem 0 3.5rem}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.hero h1{font-size:1.05rem;font-family:var(--sans);font-weight:600;margin:0 0 1rem;color:var(--ink-2)}
.seite{display:grid;gap:1.5rem}
.klein{background:var(--sheet);padding:1.25rem 1.4rem;border-radius:2px;box-shadow:0 1px 0 var(--line)}
.klein h2{font-size:1.15rem;font-family:var(--sans);margin:0 0 .5rem}
.klein .regel{font-size:1.2rem}
@media (max-width:52rem){.hero .grid{grid-template-columns:1fr}}
.band{padding:3.5rem 0;border-top:1px solid var(--line)}
.lead{font-size:1.3rem;line-height:1.5;max-width:var(--measure)}
.prose{max-width:var(--measure)}
.monate{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.monate a{display:block;background:var(--sheet);padding:1rem 1rem 1.1rem;text-decoration:none;border-radius:2px;box-shadow:0 1px 0 var(--line)}
.monate a b{display:block;font-size:1.35rem;font-weight:600}
.monate a span{font-family:var(--sans);font-size:.85rem;color:var(--ink-2)}
.monate a:hover b{color:var(--red)}
.monate a.jetzt{outline:2px solid var(--red);outline-offset:-2px}
@media (max-width:64rem){.monate{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:36rem){.monate{grid-template-columns:repeat(2,minmax(0,1fr))}}
.liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.liste li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.25rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.liste .wann{font-family:var(--sans);font-size:.95rem;color:var(--red);padding-top:.25rem;font-variant-numeric:tabular-nums}
.liste h3{font-size:1.25rem;margin:0 0 .25rem}
.liste p{margin:0}
@media (max-width:36rem){.liste li{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line);max-width:var(--measure)}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;position:relative;font-weight:600;font-size:1.2rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.25rem;top:.85rem;font-family:var(--sans);font-size:1.4rem;color:var(--red)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{color:var(--ink-2)}
/* Monat */
.mkopf{padding:2.5rem 0 1.5rem}
.mkopf h1{font-size:clamp(2.6rem,1.6rem + 4vw,5rem);font-weight:700;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 60}
.mkopf .lead{margin-top:1rem}
.mlayout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding-bottom:3rem}
.mini{position:sticky;top:5.5rem;background:var(--sheet);padding:1rem;border-radius:2px;box-shadow:0 1px 0 var(--line)}
.mini p{font-family:var(--sans);font-size:.8rem;color:var(--ink-2);margin:0 0 .6rem}
.mini ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.mini a{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-family:var(--sans);font-size:.82rem;text-decoration:none;color:var(--ink-2);border-radius:2px;font-variant-numeric:tabular-nums}
.mini a.lt{color:var(--red);font-weight:700}
.mini a:hover{background:var(--sky)}
@media (max-width:52rem){.mlayout{grid-template-columns:1fr}.mini{position:static}}
.tage{list-style:none;margin:0;padding:0}
.tagzeile{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.25rem 1.5rem;padding:1.4rem 0;border-top:1px solid var(--line)}
.tagzeile:target{background:var(--sheet);box-shadow:-12px 0 0 var(--sheet),12px 0 0 var(--sheet)}
.tagzeile .nr{font-size:2.6rem;line-height:1;font-weight:700;font-variation-settings:"opsz" 144;font-variant-numeric:lining-nums}
.tagzeile .nr small{display:block;font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--ink-2);margin-top:.35rem}
.tagzeile.lt .nr{color:var(--red)}
.tagzeile h2{font-size:1.2rem;font-style:italic;font-weight:500;color:var(--red);margin:0 0 .4rem}
.tagzeile .regeln{margin:0}
.tagzeile .regel{font-size:1.2rem}
.tagzeile .leer{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);margin:0 0 .3rem}
@media (max-width:36rem){.tagzeile{grid-template-columns:3.6rem minmax(0,1fr);gap:.2rem 1rem}.tagzeile .nr{font-size:2rem}}
.allg{background:var(--sheet);padding:1.5rem clamp(1rem,3vw,2rem);border-radius:2px;margin:2rem 0}
.pager{display:flex;justify-content:space-between;gap:1rem;font-family:var(--sans);padding:1.5rem 0 3rem}
.pager a{text-decoration:none;font-weight:600}
/* Artikel */
.artikel{max-width:var(--measure);padding:2.5rem 0 3rem}
.artikel h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.8rem);font-weight:700;letter-spacing:-.015em;margin-bottom:1rem;font-variation-settings:"opsz" 144,"SOFT" 60}
.steck{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.4rem 1.25rem;background:var(--sheet);padding:1.25rem 1.5rem;margin:1.5rem 0 2rem;border-left:4px solid var(--red);font-size:1.05rem}
.steck dt{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);padding-top:.15rem}
.steck dd{margin:0}
@media (max-width:36rem){.steck{grid-template-columns:1fr}.steck dd{margin-bottom:.5rem}}
sup a{text-decoration:none;font-family:var(--sans);font-size:.7em;color:var(--red)}
.quellen{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}
.quellen ol{padding-left:1.2rem}
.quellen li{overflow-wrap:anywhere;margin-bottom:.35rem}
.byline{font-family:var(--sans);font-size:.9rem;color:var(--ink-2)}
.crumbs{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);padding-top:1.25rem}
.crumbs a{color:var(--ink-2)}
/* Fuß */
.fuss{background:var(--ink);color:var(--sky);padding:3rem 0 2rem;font-family:var(--sans);font-size:.92rem;margin-top:2rem}
.fuss a{color:var(--sky);text-decoration-color:var(--ring)}
.fuss .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.fuss h2{font-family:var(--sans);font-size:.95rem;margin:0 0 .75rem}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.fuss .rechtlich{border-top:1px solid color-mix(in srgb,var(--sky) 25%,transparent);margin-top:2rem;padding-top:1rem;font-size:.82rem;opacity:.85}
@media (prefers-color-scheme:dark){.fuss{background:#0b0f10;color:var(--ink)}.fuss a{color:var(--ink)}}
@media (max-width:48rem){.fuss .cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.top,.fuss,.mini{display:none}body{background:#fff}.blatt,.klein,.allg{box-shadow:none}}
/* v2 */
.mb3{margin-bottom:3rem}
.klein .heilig{font-size:1.1rem;margin:.25rem 0 .5rem}
.klein .hinweis{margin-top:.5rem}
.klein p.m0{margin:0}
.faq.mt{margin-top:2rem}
.quellen h2{font-size:1rem;font-family:var(--sans)}
.tagzeile.kurz{padding:.7rem 0}
.tagzeile.kurz .nr{font-size:1.5rem;color:var(--ink-2);font-weight:600}
.tagzeile.kurz .regel{font-size:1.05rem;color:var(--ink-2)}
.tagzeile.kurz .leer{margin:0 0 .15rem}
.regel .v{display:block}
.lizenz{font-family:var(--sans);font-size:.82rem;color:var(--ink-2);border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;max-width:var(--measure)}
.lizenz a{color:var(--ink-2)}
.notiz{display:block;font-family:var(--sans);font-size:.85rem;color:var(--ink-2);margin-top:.3rem}
.fest{background:var(--sheet);padding:1.5rem clamp(1rem,3vw,2rem);border-radius:2px;margin:2rem 0;border-left:4px solid var(--red)}
.impr dt{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);margin-top:1rem}
.impr dd{margin:0}