/* MSO Software Suite im Arbeitsbereich.

   Die Suite bringt ihr eigenes vollstaendiges Aussehen mit — Farben, Raster,
   Schrift. Hier steht deshalb nur, was sie umgibt: die Reiterleiste und die
   Buehne, auf der die drei Teile liegen. In die Suite selbst greift nichts
   hinein; sie sitzt in einem iframe und ist gegen das Aussehen des Hubs
   ohnehin abgeschirmt. */

/* Der Arbeitsbereich ist sonst zweispaltig — links bedienen, rechts das
   Ergebnis. Die Suite bringt beides mit und braucht die volle Breite; in einer
   Spalte von gut 500 px waere ihre Kopfzeile umgebrochen und die
   Schluessel-Zerlegung unlesbar. Deshalb faellt das Raster fuer sie weg. */
.wz-arbeit.ms-voll .wz-a-spalten{display:block}
.wz-arbeit.ms-voll .wz-a-rechts{display:none}
.wz-arbeit.ms-voll .wz-a-links{border:0;padding:0;background:none}
/* Die eigene Hoehenbegrenzung der Spalte wuerde die Suite in einen zweiten
   Rollbereich sperren — einen Rollbereich im Rollbereich. */
.wz-arbeit.ms-voll .wz-a-links{max-height:none;overflow:visible}

.ms-bereich{display:flex;flex-direction:column;gap:0}

.ms-leiste{display:flex;align-items:center;gap:4px;flex-wrap:wrap;
  background:#15293f;border-radius:10px 10px 0 0;padding:0 14px;
  border-bottom:2px solid #c8862b}
.ms-marke{font-size:12.5px;font-weight:750;letter-spacing:.3px;color:#fff;
  margin-right:14px;padding:11px 0}
.ms-marke b{color:#c8862b}

.ms-reiter{background:none;border:0;color:#cfe0f0;padding:9px 15px;cursor:pointer;
  font-size:13.5px;border-radius:6px 6px 0 0;border-bottom:3px solid transparent;
  font-family:inherit}
.ms-reiter:hover{color:#fff}
.ms-reiter.on{color:#fff;background:#1d3852;border-bottom-color:#c8862b;font-weight:600}
.ms-reiter:focus-visible{outline:2px solid #c8862b;outline-offset:-2px}

/* Feste Hoehe statt mitwachsend: der Inhalt eines iframe teilt seine Hoehe
   nicht mit, und ein aufklappender Bereich wuerde die Seite bei jedem
   Reiterwechsel springen lassen. 78vh laesst Kopfzeile und Fusszeile des Hubs
   stehen und gibt der Suite trotzdem mehr Platz als ein uebliches Fenster. */
.ms-buehne{position:relative;height:78vh;min-height:520px;
  border:1px solid var(--rand);border-top:0;border-radius:0 0 10px 10px;
  overflow:hidden;background:#f4f1ea}

.ms-rahmen{width:100%;height:100%;border:0;display:none;background:#f4f1ea}
.ms-rahmen.on{display:block}

/* Vollfenster (Einfache Ansicht): der Bereich legt sich ueber das ganze
   Fenster, Reiterleiste und Rand fallen weg. Unter dem Hub-Anmeldeschleier
   (z-index 9999), ueber allem anderen. Die Rollsperre haengt am Vorhandensein
   des Bereichs — verschwindet er, loest sie sich von selbst. */
.ms-bereich.ms-vollfenster{position:fixed;inset:0;z-index:5000;background:#f4f1ea}
.ms-bereich.ms-vollfenster .ms-leiste{display:none}
.ms-bereich.ms-vollfenster .ms-buehne{height:100%;min-height:0;border:0;border-radius:0}
html:has(.ms-bereich.ms-vollfenster){overflow:hidden}

.ms-laedt{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  text-align:center;padding:24px;font-size:13.5px;color:var(--mittelgrau);
  background:#f4f1ea;z-index:2}
.ms-laedt.on{display:flex}
.ms-laedt.fehler{color:var(--rot)}

@media (max-width:820px){
  .ms-marke{width:100%;margin-right:0;padding-bottom:0}
  .ms-buehne{height:70vh}
}

/* ---------------------------------------------------------------- Fast Track

   Der Schnelleinstieg (mso-fast.js) sitzt in derselben Umgebung wie die volle
   Suite: dieselbe Leiste, dieselbe Buehne, dieselbe Hoehe. Das ist Absicht —
   beide sind dasselbe Produkt, und ein Wechsel soll sich nicht anfuehlen wie
   ein Sprung in eine andere Anwendung. Anders ist nur, dass es hier nichts zu
   waehlen gibt: ein Bereich, ein Rahmen. */
.mf-bereich{display:flex;flex-direction:column;gap:0}

.mf-leiste{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:#15293f;border-radius:10px 10px 0 0;padding:9px 14px;
  border-bottom:2px solid #c8862b}
.mf-marke{font-size:12.5px;font-weight:750;letter-spacing:.3px;color:#fff}
.mf-marke b{color:#c8862b}
.mf-kurz{font-size:12.5px;color:#cfe0f0}
/* Der Weg in die volle Suite steht rechts aussen — dort, wo im Hub die
   weiterfuehrenden Schaltflaechen stehen. */
.mf-wechsel{margin-left:auto}

.mf-buehne{position:relative;height:78vh;min-height:520px;
  border:1px solid var(--rand);border-top:0;border-radius:0 0 10px 10px;
  overflow:hidden;background:#faf8f3}

.mf-rahmen{width:100%;height:100%;border:0;background:#faf8f3}

.mf-laedt{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  text-align:center;padding:24px;font-size:13.5px;color:var(--mittelgrau);
  background:#faf8f3;z-index:2}
.mf-laedt.on{display:flex}
.mf-laedt.fehler{color:var(--rot)}

@media (max-width:820px){
  .mf-leiste{gap:8px}
  .mf-wechsel{margin-left:0}
  .mf-buehne{height:70vh}
}