/* ==========================================================================
   Galeriezugang – Zugangsfenster
   Farben und Schriften folgen the-moon.de: Schwarz, Gold #C1A67A,
   Überschrift in der Schrift der Website-Überschriften, Text in PT Serif.
   Alles über Variablen, damit eine andere Website nur diese ändern muss.
   ========================================================================== */
#gz-fenster{
  --gz-grund:#000;
  --gz-gold:#C1A67A;
  --gz-hell:#D9C6A3;
  --gz-feld:#1A1611;
  --gz-warn:#C4574C;
  --gz-schrift-titel:"Poiret One",Times,serif;
  --gz-schrift-text:"PT Serif",Times,serif;
  box-sizing:border-box;width:min(92vw,460px);max-height:90vh;margin:auto;padding:0;
  border:1px solid var(--gz-gold);border-radius:3px;background:var(--gz-grund);
  color:var(--gz-gold);font-family:var(--gz-schrift-text);font-size:18px;line-height:1.5;
  overflow:auto;
}
#gz-fenster::backdrop{background:rgba(0,0,0,.78)}
#gz-fenster *{box-sizing:border-box}
#gz-fenster .gz-fenster__form{position:relative;margin:0;padding:38px 30px 30px;text-align:center}
#gz-fenster .gz-fenster__zu{
  position:absolute;top:6px;right:8px;width:40px;height:40px;padding:0;border:0;
  background:transparent;color:var(--gz-gold);font-size:30px;line-height:1;cursor:pointer;
}
#gz-fenster .gz-fenster__zu:hover,#gz-fenster .gz-fenster__zu:focus-visible{color:var(--gz-hell);background:transparent}
#gz-fenster .gz-fenster__ueber{margin:0 0 6px;font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.8}
#gz-fenster .gz-fenster__titel{
  margin:0 0 24px;padding:0;color:var(--gz-gold);font-family:var(--gz-schrift-titel);
  font-size:26px;font-weight:400;line-height:1.25;letter-spacing:2px;text-transform:uppercase;
  overflow-wrap:anywhere;
}
#gz-fenster .gz-fenster__label{display:block;margin:0 0 6px;text-align:left;font-size:15px}
#gz-fenster .gz-fenster__feld{
  display:block;width:100%;margin:0;padding:10px 13px;border:1px solid rgba(193,166,122,.38);
  border-radius:3px;background:var(--gz-feld);color:var(--gz-hell);
  font-family:var(--gz-schrift-text);font-size:18px;
}
#gz-fenster .gz-fenster__feld:focus{outline:2px solid var(--gz-gold);outline-offset:1px}
#gz-fenster .gz-fenster__meldung{min-height:1.5em;margin:10px 0 0;color:var(--gz-warn);font-size:15px;text-align:left}
#gz-fenster .gz-fenster__los{
  display:block;width:100%;margin:14px 0 0;padding:11px 20px;border:0;border-radius:3px;
  background:var(--gz-gold);color:rgba(0,0,0,.85);font-family:var(--gz-schrift-text);
  font-size:19px;cursor:pointer;
}
#gz-fenster .gz-fenster__los:hover,#gz-fenster .gz-fenster__los:focus-visible{background:var(--gz-hell);color:#000}
#gz-fenster .gz-fenster__los[disabled]{opacity:.6;cursor:progress}
#gz-fenster:not([open]){display:none}