/* Kopfzeile wie auf den Websites (Programm · Business): Logo | Bereichsname, rechts Name, Abmelden, Hell/Dunkel. */
:root{--logo-mtn:#1f3554;--logo-red:#e3262b;--f-display:"Manrope",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--fg:var(--ink)}
:root[data-theme="dark"]{--logo-mtn:#f5f5f7;--logo-red:#ff4b3e}

.bar{min-height:60px;padding-block:10px;flex-wrap:nowrap;justify-content:flex-start}
.bar .bs{margin-left:-2px}
.bar .brand{margin:0;flex-direction:row;align-items:center;gap:8px;text-decoration:none;color:var(--ink);flex:none}
.bar .ps-logo{height:34px;width:auto;display:block;overflow:visible;flex:none}
.bar .kopf-klinik{height:34px;width:auto;max-width:150px;object-fit:contain;display:block;border-radius:8px}
.bar .bereich{font:600 19px/30px var(--f-display);letter-spacing:-.01em;color:var(--ink);border-left:1px solid var(--line);padding-left:10px;margin-left:4px}
.bar .who{margin-left:auto}
.kopf-anmelden #ps-theme{margin-left:auto}
.bar #ps-theme{width:34px;min-width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);border:0;box-shadow:none}
.bar #ps-theme .tb-txt{display:none}
@media (max-width:640px){.bar{gap:6px}.bar .ps-logo,.bar .kopf-klinik{height:26px}.bar .bereich{font-size:15px;padding-left:8px;margin-left:2px}.bar .zurueck span{display:none}.bar .zurueck{padding:8px 4px}.bar #ps-theme{width:32px;min-width:32px;height:32px}}
/* Startseite der App: Logo in der Kopfzeile immer zeigen, auch über dem Startbild */
header.bar.ueber-bild .brand{opacity:1;transform:none;pointer-events:auto}