/* Messebau Stuffer - gemeinsame Stile fuer Sprache und Farbmodus auf allen Seiten */

/* Formularfelder, Auswahllisten und Scrollleisten folgen dem gewaehlten Modus */
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* Solange eine gespeicherte Fremdsprache eingesetzt wird, nichts Deutsches aufblitzen
   lassen. Sicherheitsnetz: Faellt das Skript aus, wird die Seite nach 1,2 s trotzdem sichtbar. */
html.uebersetzen body{visibility:hidden;animation:stuffer-zeigen 0s 1.2s forwards}
@keyframes stuffer-zeigen{to{visibility:visible}}

/* Mit Sprachwahl, Modusknopf und dem Punkt "Anfahrt" braucht die Leiste samt Menue
   auf Deutsch 913px, auf Englisch 919px (gemessen). Darunter das Menue ausblenden -
   sonst wird das Logo zusammengedrueckt und bricht in zwei Zeilen um. 980px laesst
   Puffer fuer andere Schriftdarstellung. */
.logo{flex-shrink:0;white-space:nowrap}
@media(max-width:980px){.nb ul{display:none}}

/* Bedienelemente oben rechts */
.nrechts{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nsel{position:relative;display:inline-flex;color:var(--mute)}
.nsel::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg);pointer-events:none}
.nsprache{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:600;
  color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:980px;
  height:34px;padding:0 28px 0 12px;cursor:pointer;line-height:32px}
.nsprache option{color:var(--ink);background:var(--bg)}
.nthema{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);
  background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.nthema svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
/* Im dunklen Modus zeigt der Knopf die Sonne (= zu Hell wechseln), im hellen den Mond */
.nthema .i-mond{display:none}
:root[data-theme="light"] .nthema .i-sonne{display:none}
:root[data-theme="light"] .nthema .i-mond{display:block}
.nsprache:hover,.nthema:hover{border-color:var(--mute)}
.nsprache:focus-visible,.nthema:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* Kurzfassung des Anfrageknopfs fuer schmale Bildschirme */
.cta-kurz{display:none}
@media(max-width:560px){.cta-lang{display:none}.cta-kurz{display:inline}}
/* Auf sehr schmalen Bildschirmen ist neben Logo, Sprache und Modus kein Platz mehr -
   der Anfrageknopf erscheint dort weiter unten auf der Seite mehrfach */
@media(max-width:480px){.nrechts .cta{display:none}.nrechts{gap:8px}}

/* Hinweis auf den Rechtsseiten, wenn nicht Deutsch gewaehlt ist */
.nur-deutsch{background:var(--bg2);border:1px solid var(--line);border-radius:14px;
  padding:14px 18px;margin:0 0 36px;font-size:15px;color:var(--mute)}