/* Kleine Sprachauswahl am Seitenanfang, passend zum gelben Banddesign. */
.site-language {
  position:absolute;
  top:calc(12px + env(safe-area-inset-top, 0px));
  right:calc(14px + env(safe-area-inset-right, 0px));
  z-index:50;
  margin:0;
  color:#fff;
  font-family:Arial, sans-serif;
}
.site-language {width:44px;height:44px;display:grid;place-items:center}
.site-language[hidden]{display:none}
.site-language__globe{display:block;pointer-events:none;opacity:1}
.site-language select {
  position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;
  min-width:0;margin:0;padding:0;opacity:0;cursor:pointer;touch-action:manipulation;
}
.site-language:hover .site-language__globe{opacity:1}
.site-language:focus-within{outline:2px solid currentColor;outline-offset:2px;border-radius:50%}
.site-language select option {background:#090909;color:#f0eee8}
.site-language[inert] {visibility:hidden;}
/* Die bisherige Rechtsseite hatte keinen Wert für ihren gemeinsamen Abstand.
   Der Text erhält damit auch neben dem mobilen Plattenrand genügend Platz. */
.legal-page { --panel-x:clamp(40px,7vw,92px); }
@media (max-width:700px) {
  .site-language {top:calc(10px + env(safe-area-inset-top, 0px));right:calc(12px + env(safe-area-inset-right, 0px));}
  .legal-page .hero h1 {font-size:clamp(2.25rem,10vw,4rem);}
  .legal-page .legal-section > h2 {font-size:clamp(2.25rem,9vw,3.5rem);}
  .legal-page main {overflow-wrap:anywhere;}
}
@media print {.site-language {display:none;}}


/* Full language names appear only when the globe is activated. */

@font-face{font-family:'Arcade';src:url('/assets/arcade-2a-latin.woff?v=20261021-four-2') format('woff');font-weight:400;font-display:block;unicode-range:U+00A1,U+00BF,U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA}

@font-face{font-family:'BBArcadeNotice2A';src:url('/assets/arcade-2a-latin.woff?v=20261021-four-2') format('woff');font-weight:400;font-display:block;unicode-range:U+00A1,U+00BF,U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA}

@font-face{font-family:'Shoplifter Block Pixel';src:url('/assets/arcade-2a-latin.woff?v=20261021-four-2') format('woff');font-weight:400;font-display:block;unicode-range:U+00A1,U+00BF,U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA}

/* Original BB display font with Spanish accents and repaired U umlauts. */
@font-face {
  font-family: "BB Display";
  src: url("/assets/bb-bandschrift-c.woff2?v=20261022-c1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Original BB display font with Spanish accents and repaired U umlauts. */
@font-face {
  font-family: "BB Display Readable";
  src: url("/assets/bb-bandschrift-c.woff2?v=20261022-c1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Original BB display font with Spanish accents and repaired U umlauts. */
@font-face {
  font-family: "BBDisplay";
  src: url("/assets/bb-bandschrift-c.woff2?v=20261022-c1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* White at rest; the existing band yellow on press and keyboard focus. */
.site-language:active,.site-language:focus-within{color:var(--acid,#d7ae35)}

/* Loading copy is generated by CSS, outside the DOM text translator. */
html[lang="en"] .lightbox__front::after { content: "Loading image …"; }
html[lang="es"] .lightbox__front::after { content: "Cargando imagen …"; }