/* Max Löffler Hausmeisterservice — Look-Weichen 15.09.2026 (Runde 2)
   Gemeinsam sind NUR Schriften + Entwurfsschicht. Jede Weiche trägt ihre eigene Welt im eigenen <style>.
   Schriften: Fontshare, ITF Free Font License (kommerziell + Self-Hosting erlaubt), lokal. */

@font-face{font-family:"Plein";src:url("fonts/plein-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plein";src:url("fonts/plein-900.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Author";src:url("fonts/author-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Author";src:url("fonts/author-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Nippo";src:url("fonts/nippo-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nippo";src:url("fonts/nippo-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Nippo";src:url("fonts/nippo-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Ranade";src:url("fonts/ranade-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ranade";src:url("fonts/ranade-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Ranade";src:url("fonts/ranade-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Panchang";src:url("fonts/panchang-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Panchang";src:url("fonts/panchang-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Supreme";src:url("fonts/supreme-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Supreme";src:url("fonts/supreme-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Supreme";src:url("fonts/supreme-700.woff2") format("woff2");font-weight:700;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
img{max-width:100%;height:auto;display:block}

/* ── Entwurfsschicht (Sebastians Stimme, duzt) — Coral nur hier, nie Seitenfarbe ── */
body:not(.entwurf) .nur-entwurf{display:none!important}
.legende{position:relative;z-index:50;background:#FF5A3C;color:#180B06;
  font:500 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;padding:10px 16px;text-align:center}
.legende b{font-weight:700}
.fahne{position:absolute;top:12px;left:12px;z-index:3;background:#FF5A3C;color:#180B06;
  font:700 11px/1 system-ui,-apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 8px;border-radius:2px}
.ja-block{background:#FF5A3C;color:#180B06;padding:56px 20px 44px;text-align:center;
  font:400 17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.ja-block p{margin:0 auto 20px;max-width:34em}
.ja-block .ja{display:inline-block;background:#180B06;color:#fff;text-decoration:none;
  font:700 18px/1 system-ui,-apple-system,sans-serif;padding:18px 30px;border-radius:999px;min-height:44px}
.ja-block .ja:focus-visible{outline:3px solid #180B06;outline-offset:4px}
.ja-block .absender{margin-top:28px;font-size:14px}
.ja-block .absender a{color:#180B06}
.von{display:inline}
.von + .von::before{content:" · "}
@media (max-width:640px){.von{display:block}.von + .von::before{content:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
