/* Release 187 · Kopfzeile im Community-Bereich (Desktop, App und Handy).
   Ältere Regeln haben das Logo in einen 36-px-Kreis gepresst (Desktop) bzw. mit dunklem Kasten gezeigt
   und die Knöpfe auf dem Handy über drei Zeilen umbrechen lassen. Diese Datei wird zuletzt geladen.
   Der Abstand zur iPhone-Aussparung kommt zentral aus safe-area-v162.css (Seitenkörper).
   Logo wie auf der Startseite: eng zugeschnittene Version, dunkler Bildhintergrund verschwindet per lighten. */
html:root body .c59 header.c59-header:not(#scx){
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;
 grid-template-columns:none!important;height:auto!important;min-height:0!important;
 padding:14px 0!important;margin:0 0 18px!important;
 position:relative!important;overflow:visible!important;box-sizing:border-box!important
}
/* Logo */
html:root body .c59 header.c59-header:not(#scx)>.c59-brand{
 display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;
 width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;
 background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 overflow:visible!important;cursor:pointer;-webkit-tap-highlight-color:transparent
}
html:root body .c59 header.c59-header:not(#scx)>.c59-brand::before,
html:root body .c59 header.c59-header:not(#scx)>.c59-brand::after{display:none!important;content:none!important}
html:root body .c59 header.c59-header:not(#scx)>.c59-brand>img{
 display:block!important;position:static!important;width:150px!important;height:77px!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 object-fit:contain!important;object-position:left center!important;transform:none!important;filter:none!important;opacity:1!important;
 mix-blend-mode:lighten;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 94%,transparent);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect
}
html:root body .c59 header.c59-header:not(#scx)>.c59-brand>span{
 display:block!important;position:static!important;padding:4px 0 4px 14px!important;margin:0!important;
 border-left:1px solid rgba(227,163,95,.35)!important;background:none!important;
 color:#dca371!important;font:800 12px/1 Inter,system-ui,sans-serif!important;letter-spacing:.24em!important;white-space:nowrap!important
}
html:root body .c59 header.c59-header:not(#scx)>.c59-brand:focus-visible{outline:2px solid #dca371!important;outline-offset:4px;border-radius:8px!important}
/* Mitgliedskarte */
html:root body .c59 header.c59-header:not(#scx)>.c59-member{flex:0 1 auto!important;min-width:0!important;max-width:280px!important;margin:0!important}
html:root body .c59 header.c59-header:not(#scx)>.c59-member b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Aktionen rechts */
html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
 flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0 0 0 auto!important;padding:0!important;position:static!important
}
html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>*{flex:0 0 auto!important;margin:0!important}

/* Tablet und schmale Desktop-Fenster: Mitgliedskarte bleibt im Profil/Menü. */
@media (max-width:899px){
 html:root body .c59 header.c59-header:not(#scx){gap:12px!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-member{display:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-brand>img{width:128px!important;height:66px!important}
}

/* Handy: eine Zeile mit Logo links und kompakten Symbolknöpfen rechts. */
@media (max-width:640px){
 html:root body .c59 header.c59-header:not(#scx){
  gap:8px!important;margin:0 0 12px!important;
  padding:8px max(2px,env(safe-area-inset-right,0px)) 10px max(2px,env(safe-area-inset-left,0px))!important
 }
 html:root body .c59 header.c59-header:not(#scx)>.c59-brand{gap:0!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-brand>img{width:104px!important;height:53px!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-brand>span{display:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions{gap:6px!important}
 /* „Nachrichten“: Chats und ungelesene Team-Nachrichten bleiben über Dock und Hinweisleiste erreichbar. */
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-message-inbox{display:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>:is(.c59-bell,.c59-avatar,.c59-logout){
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;font-size:16px!important;line-height:1!important;box-sizing:border-box!important
 }
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.c59-logout>span{display:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.c59-logout>svg{width:18px!important;height:18px!important;margin:0!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.c59-avatar{font-size:13px!important;overflow:hidden!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-membership-shortcut{height:40px!important;padding:0 10px!important;font-size:12px!important}
 /* Sprachauswahl kompakt */
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-language-control{width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-language-control>label{display:none!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-language-control>select{
  width:88px!important;min-width:0!important;max-width:88px!important;height:40px!important;min-height:40px!important;line-height:38px!important;
  padding:0 20px 0 10px!important;font-size:13px!important;border-radius:12px!important;text-overflow:ellipsis
 }
}
@media (max-width:370px){
 html:root body .c59 header.c59-header:not(#scx)>.c59-brand>img{width:88px!important;height:45px!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions{gap:4px!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>:is(.c59-bell,.c59-avatar,.c59-logout){width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
 html:root body .c59 header.c59-header:not(#scx)>.c59-head-actions>.sc-language-control>select{width:76px!important;max-width:76px!important;height:36px!important;min-height:36px!important}
}