/* ══════════════════════════════════════════════════════════════════════════
   KRYPTIK — LADESCHIRM (Punkt 11) UND SPRACHWAHL (Punkt 18)
   Website-Abschlussablauf, Owner 06.10./12.10./26.10.2026. Eigene Datei, damit
   der freigegebene Bestand in style.css unverändert bleibt. Sie steht im Kopf
   und blockiert wie alle Stile das erste Bild — der Ladeschirm ist also ab dem
   ersten gemalten Bild da, ohne eigenen Abruf (Symbol als eingebettetes Bild).
   ══════════════════════════════════════════════════════════════════════ */

/* ── LADESCHIRM ──────────────────────────────────────────────────────────
   Fläche in der Websitefarbe (Neon-Lila #b026ff) mit 25 % Deckkraft, dahinter
   weichgezeichnet; mittig das freigestellte KRYPTIK-Symbol (aus
   assets/img/kryptik-symbol-white.png, 189 × 240 px, nur Weiß und Alpha), das
   sich dreht. assets/js/ladeschirm.js blendet ihn bei vollständig geladener
   Seite weich aus. Sicherungen: ohne Skript gar nicht sichtbar (html:not(.js)),
   hängt das Skript, gibt die Fläche nach 10 s von selbst frei. */
.ladeschirm{
  position:fixed; inset:0; z-index:2147483600;
  display:grid; place-items:center;
  background:rgba(176,38,255,.25);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  opacity:1; visibility:visible;
  transition:opacity .55s cubic-bezier(.4,0,.2,1), visibility 0s linear .55s;
  animation:ladeschirm-aus .6s linear 10s forwards;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ladeschirm{ background:linear-gradient(rgba(176,38,255,.25),rgba(176,38,255,.25)),rgba(4,2,10,.94); }
}
html:not(.js) .ladeschirm, .ladeschirm[hidden]{ display:none; }
.ladeschirm.is-aus{ opacity:0; visibility:hidden; pointer-events:none; }
.ladeschirm__symbol{
  display:block; width:clamp(64px,10vmin,96px); aspect-ratio:189/240;
  background:url("data:image/webp;base64,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") center/contain no-repeat;
  filter:drop-shadow(0 0 14px rgba(176,38,255,.7));
  animation:ladeschirm-drehen 2.4s linear infinite;
  will-change:transform;
}
.ladeschirm__text{
  position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}
@keyframes ladeschirm-drehen{ to{ transform:rotate(360deg); } }
@keyframes ladeschirm-aus{ to{ opacity:0; visibility:hidden; pointer-events:none; } }
/* Weniger Bewegung: das Symbol steht still, das Ausblenden ist kurz. */
@media (prefers-reduced-motion:reduce){
  .ladeschirm__symbol{ animation:none; will-change:auto; }
  .ladeschirm{ transition-duration:.2s, 0s; transition-delay:0s, .2s; }
}

/* ── SPRACHWAHL ──────────────────────────────────────────────────────────
   Zwei kleine Flaggen ohne Fläche und Text in der Ecke der Kopfzeile (Owner
   12.10.2026), Bedienfläche 30 px, Flagge 20 × 14 px; die aktive Sprache trägt
   einen feinen Ring in Neon-Lila. Die rechte Kopfzeile („since 08/2026“)
   rückt dafür um die Breite der Flaggen nach innen. */
.sprachwahl{
  position:absolute; z-index:5;
  top:calc(clamp(20px,3.4vw,54px) - 10px);
  right:calc(clamp(20px,3.4vw,54px) - 6px);
  display:flex; gap:2px;
}
.nr-credit--r{ right:calc(clamp(20px,3.4vw,54px) + 64px); }
.sprachwahl__flagge{
  display:grid; place-items:center; width:30px; height:30px;
  opacity:.55; transition:opacity .2s ease;
}
.sprachwahl__flagge svg{
  display:block; width:20px; height:14px; border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.25);
}
.sprachwahl__flagge:hover, .sprachwahl__flagge:focus-visible, .sprachwahl__flagge[aria-current]{ opacity:1; }
.sprachwahl__flagge[aria-current] svg{ box-shadow:0 0 0 1px #04020a, 0 0 0 2px #b026ff; }
.sprachwahl__flagge:focus-visible{ outline:2px solid #e3b0ff; outline-offset:1px; }
/* Handy: die Flaggen stehen unter der Kopfzeile, rechtsbündig (Owner: „am Handy
   unter den Links“) — gemessen bei 360 px liefen Kopfzeile und Flaggen sonst
   bis auf 10 px aneinander. */
@media (max-width:480px){
  .sprachwahl{ top:calc(clamp(20px,3.4vw,54px) + 16px); }
}
/* Das Zeichenblatt der Flaggen nimmt keinen Platz ein (nicht display:none,
   sonst fehlen die Schnittmasken der britischen Flagge). */
.flaggen{ position:absolute; width:0; height:0; overflow:hidden; }

/* Vier Rechtstexte im Fuß: dürfen auf schmalen Schirmen umbrechen; jede
   Bedienfläche mindestens 24 px hoch (WCAG 2.5.8), ohne sichtbare Änderung. */
.mg-foot__r{ flex-wrap:wrap; row-gap:0; column-gap:1.4rem; }
.mg-foot__r a{ display:inline-block; min-height:24px; padding-block:6px; line-height:12px; }