/* Spaß- und Saisonseiten: easter-eggs.html, tentatipp-challenge.html, hupf-spiel.html, friedhof.html */
.spass-seite .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spass-seite kbd{display:inline-block;min-width:1.6em;padding:.1em .45em;border:1px solid #c8d6df;border-bottom-width:3px;border-radius:.4rem;background:#fff;color:#073f69;font:700 .85em/1.3 ui-monospace,Consolas,monospace;text-align:center}

/* Easter-Egg-Sammlung */
.egg-karte h3{margin:0;font:700 1.6rem/1.05 "Barlow Condensed",sans-serif;color:#073f69}
.egg-karte p{margin:0;line-height:1.55}
.egg-karte-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(33,185,239,.12);color:#0a4e7e;font-size:1.3rem}
.egg-karte-links{margin-top:auto!important;padding-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.egg-karte-links .link-knopf{text-decoration:none}
.egg-saison-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.2rem}
.egg-saison-vorschau,.egg-saison-termine{padding:1.5rem;border-radius:1.4rem;background:#fff;border:1px solid #dde7ec}
.egg-saison-raster h3{font:700 1.6rem/1.05 "Barlow Condensed",sans-serif;color:#073f69;margin:0 0 .8rem}
.egg-vorschau-liste,.egg-saison-termine ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.egg-vorschau-liste a{display:flex;gap:.6rem;align-items:center;padding:.6rem .8rem;border-radius:.8rem;background:#edf6fb;color:#0d2b40;font-weight:600;text-decoration:none}
.egg-vorschau-liste a:hover,.egg-vorschau-liste a:focus-visible{background:#d9f1fc}
.egg-saison-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.egg-countdown{margin-top:1rem;padding:1rem;border-radius:1rem;background:linear-gradient(140deg,#073f69,#0a6db5);color:#fff}
.egg-countdown:empty{display:none}

/* TentaTipp-Challenge */
.tc-hero-bild{display:block;width:clamp(120px,18vw,200px);height:auto;margin-top:1.2rem}
.tc-box{max-width:920px;padding:clamp(1rem,3vw,2rem);border-radius:1.4rem;background:#f7f4ff;border:2px solid #d8cdf6}
.tc-kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.tc-stand{margin:0;font-weight:600;color:#3d2c7a}
.tc-uhr{--anteil:1;flex:none;display:grid;place-items:center;width:4.6rem;height:4.6rem;border-radius:50%;font:700 1.4rem/1 "Barlow Condensed",sans-serif;color:#3d2c7a;background:radial-gradient(closest-side,#fff 78%,transparent 80% 100%),conic-gradient(#7d63c8 calc(var(--anteil)*100%),#e4dcfb 0)}
.tc-vorlage{margin:0 0 1rem;padding:1rem 1.1rem;border-radius:1rem;background:#fff;font:500 clamp(1.1rem,2.6vw,1.45rem)/1.6 ui-monospace,Consolas,monospace;word-break:break-word;overflow-wrap:anywhere}
.tc-vorlage span.ok{color:#1f7a3f}
.tc-vorlage span.falsch{color:#fff;background:#d64545;border-radius:.2em}
.tc-vorlage span.jetzt{border-bottom:3px solid #7d63c8}
.tc-feld{display:block;width:100%;padding:.9rem 1rem;border:2px solid #b6a2ee;border-radius:1rem;font:500 clamp(1.05rem,2.4vw,1.3rem)/1.5 ui-monospace,Consolas,monospace;resize:none;background:#fff}
.tc-feld:focus{outline:3px solid #7d63c8;outline-offset:2px}
.tc-feld[readonly]{background:#f0edf8}
.tc-knoepfe{margin:1rem 0 0}
.tc-ergebnis{max-width:920px;margin-top:1.5rem;padding:clamp(1rem,3vw,2rem);border-radius:1.4rem;background:#fff;border:1px solid #dde7ec;box-shadow:0 1rem 2.4rem rgba(11,55,79,.1)}
.tc-ergebnis:focus{outline:none}
.tc-erg-raster{display:grid;grid-template-columns:minmax(0,200px) 1fr;gap:1.5rem;align-items:start}
.tc-erg-raster img{width:100%;height:auto}
.tc-zahl{margin:.2rem 0 .6rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.tc-zahl b{font:700 clamp(3rem,9vw,4.6rem)/1 "Barlow Condensed",sans-serif;color:#3d2c7a}
.tc-zahl span{font-weight:700;color:#3d2c7a}
.tc-ergebnis h3{font:700 1.5rem/1.1 "Barlow Condensed",sans-serif;color:#073f69;margin:1rem 0 .4rem}
.tc-ergebnis ul{padding-left:1.2rem}
.tc-erg-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
@media (max-width:575.98px){.tc-erg-raster{grid-template-columns:1fr}.tc-erg-raster img{max-width:160px}}

/* Hupf-Spiel */
.hupf-figuren{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}
.hupf-figur{display:inline-flex;gap:.45rem;align-items:center;padding:.6rem 1rem;border:2px solid #c8d6df;border-radius:2rem;background:#fff;color:#073f69;font-weight:700;cursor:pointer}
.hupf-figur[aria-pressed="true"]{background:#073f69;border-color:#073f69;color:#fff}
.hupf-figur:focus-visible{outline:3px solid #21b9ef;outline-offset:2px}
.hupf-titel{font:700 clamp(1.8rem,4vw,2.6rem)/1.05 "Barlow Condensed",sans-serif;color:#073f69;margin:0 0 .3rem}
.hupf-buehne{position:relative;max-width:1000px;margin:1rem 0 .6rem;border-radius:1.2rem;overflow:hidden;box-shadow:0 1rem 2.4rem rgba(11,55,79,.18);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.hupf-buehne:focus-visible{outline:3px solid #21b9ef;outline-offset:3px}
.hupf-buehne canvas{display:block;width:100%;height:auto;aspect-ratio:800/320;cursor:pointer}
.hupf-status{min-height:1.5em;font-weight:600;color:#0d2b40}
.hupf-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.hupf-hilfe{margin-top:1rem;padding-left:1.2rem;line-height:1.8;color:#3b4a56}

/* Friedhof */
.friedhof-seite{background:#0c141c}
.friedhof{position:relative;padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,5vw,4rem);background:linear-gradient(180deg,#0b1622 0%,#142333 60%,#0f1922 100%);color:#dfe6ec;text-align:center}
.friedhof .fh-zurueck{display:inline-block;margin-bottom:1.4rem;color:#9fb3c4}
.friedhof .eyebrow{color:#cdb67a}
.friedhof h1{font:700 clamp(2.4rem,6vw,4.4rem)/1 "Barlow Condensed",sans-serif;color:#f4f1e6;margin:.3rem auto 1rem;max-width:900px}
.friedhof h1 span{color:#f6e3a8}
.fh-text{max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.7;color:#c4d0da}
.fh-szene{overflow:hidden;margin:2rem calc(var(--bs-gutter-x,1.5rem) * -.5) 0;height:clamp(140px,22vw,260px)}
.fh-szene svg{display:block;width:100%;height:100%}
.fh-lichter{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,2vw,1.4rem);margin:-1.5rem auto 0;padding:0 0 1rem;position:relative}
.fh-kerze{width:clamp(52px,9vw,72px);padding:.2rem;border:0;border-radius:1rem;background:none;cursor:pointer}
.fh-kerze svg{display:block;width:100%;height:auto}
.fh-kerze .fh-flamme{opacity:0;transition:opacity .8s;transform-box:fill-box;transform-origin:50% 100%}
.fh-kerze[aria-pressed="true"] .fh-flamme{opacity:1;animation:fhFlackern 2.4s ease-in-out infinite}
.fh-kerze:hover .fh-flamme{opacity:.25}
.fh-kerze[aria-pressed="true"]:hover .fh-flamme{opacity:1}
.fh-kerze:focus-visible{outline:2px solid #f6e3a8;outline-offset:2px}
@keyframes fhFlackern{0%,100%{transform:scale(1,1) rotate(0)}30%{transform:scale(.96,1.05) rotate(-2deg)}60%{transform:scale(1.03,.97) rotate(1.5deg)}}
.fh-zahl{margin:.5rem 0 1.6rem;color:#f6e3a8;font-weight:600}
.fh-zitat{max-width:620px;margin:0 auto 2rem;font-style:italic;color:#aebdca;line-height:1.6}
.fh-zitat small{font-style:normal;color:#7f93a4}
.fh-code{display:inline-block;color:#6f8394;font-size:.85rem}
.fh-code summary{cursor:pointer}
.fh-code input{margin-top:.5rem;padding:.4rem .7rem;border:1px solid #3a4e60;border-radius:.6rem;background:#0f1922;color:#dfe6ec;text-transform:uppercase}
.fh-psst{max-width:620px;margin:0 auto .4rem;font-size:.9rem;color:#9fb3c4;line-height:1.55}
.fh-psst .bi{color:#cdb67a}
.fh-codes-stand{margin:0 auto .8rem;font-size:.9rem;font-weight:700;color:#f6e3a8}
.fh-codes-stand[hidden]{display:none}
/* Code KERZERL: die Kerzerl gehen nacheinander mit kurzem Aufleuchten an */
.fh-kerze.gc-neu[aria-pressed="true"] .fh-flamme{animation:fhZuenden .9s ease-out,fhFlackern 2.4s ease-in-out .9s infinite}
@keyframes fhZuenden{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.25);opacity:1}100%{transform:scale(1)}}
.ist-halloween .fh-flamme path:first-of-type{fill:#5fd12f}
.ist-halloween .fh-flamme path:last-of-type{fill:#d9ffc4}
.ist-halloween .friedhof{background:linear-gradient(180deg,#07140a 0%,#12301a 60%,#0b1a0e 100%)}

@media (prefers-reduced-motion:reduce){
  .fh-kerze[aria-pressed="true"] .fh-flamme,.fh-kerze.gc-neu[aria-pressed="true"] .fh-flamme{animation:none}
  .fh-kerze .fh-flamme{transition:none}
}
/* TentaTipp-Challenge: flacherer Banner, Tentakolus rechts */
.tc-seite .inner-hero{min-height:0;padding-block:clamp(2.5rem,4.5vw,4rem)}
.tc-seite .inner-hero h1{font-size:clamp(3rem,6vw,5.6rem)}
.tc-seite .inner-hero .container-xxl{padding-right:clamp(0px,22vw,260px)}
.tc-seite .tc-hero-bild{position:absolute;right:1rem;top:50%;transform:translateY(-50%);margin:0;width:clamp(110px,17vw,220px)}
@media (max-width:575.98px){.tc-seite .inner-hero .container-xxl{padding-right:110px}.tc-seite .tc-hero-bild{width:96px;top:auto;bottom:0;transform:none}}
.tc-vorlage .falsch-blitz{background:#d64545;color:#fff;border-radius:3px;animation:tc-blitz .35s ease}
@keyframes tc-blitz{0%{transform:translateY(-2px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.tc-vorlage .falsch-blitz{animation:none}}
/* GOD MODE (Konami-Code auf hupf-spiel.html): kurzes Overlay über dem Spielfeld */
.hupf-god-overlay{position:fixed;inset:auto 50% 50% auto;transform:translate(50%,50%);z-index:2000;width:min(92vw,34rem);padding:1rem 1.2rem;border:3px solid #f2c230;border-radius:1.2rem;background:rgba(7,25,45,.94);color:#fff;text-align:center;box-shadow:0 0 0 .4rem rgba(242,194,48,.25);animation:hupf-god-rein .35s ease-out}
.hupf-god-overlay[hidden]{display:none}
.hupf-god-titel{margin:0 0 .4rem;font:800 clamp(2rem,7vw,3.6rem)/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;color:#f2c230}
.hupf-god-overlay p{margin:0 0 .7rem}.hupf-god-overlay kbd{background:#f2c230;color:#07192d}
@keyframes hupf-god-rein{from{opacity:0;transform:translate(50%,50%) scale(.7)}to{opacity:1;transform:translate(50%,50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.hupf-god-overlay{animation:none}}
/* Hupf-Spiel: Info-Pop-up „Psst …“ (Geschichte des Konami-Codes, ohne Anleitung) */
.hupf-info-knopf{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px dashed #c9a945;border-radius:50rem;background:#fffaf0;color:#6b5414;font-weight:700;cursor:pointer}
.hupf-info-knopf:hover,.hupf-info-knopf:focus-visible{background:#f8ecc8}
.hupf-geheim{max-width:min(92vw,30rem);padding:1.4rem 1.5rem;border:3px solid #f2c230;border-radius:1.2rem;background:#07192d;color:#e8eef3;box-shadow:0 1.5rem 3rem rgba(0,0,0,.35)}
.hupf-geheim::backdrop{background:rgba(5,15,25,.55)}
.hupf-geheim .eyebrow{color:#f2c230}
.hupf-geheim h3{margin:.2rem 0 .7rem;color:#fff;font:700 1.9rem/1.05 "Barlow Condensed",sans-serif}
.hupf-geheim p{line-height:1.6}

/* TentaTipp-Challenge: Weiterüben */
.tc-weiter{max-width:920px;padding:1.2rem 1.4rem;border-radius:1.2rem;background:#f7f4ff;border:1px solid #d8cdf6}
.tc-weiter p{margin:0 0 .8rem}.tc-weiter .tc-weiter-links{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:0}