/* Authelia-Login auth.smntec.ch: Sulzerhof-Logo gross anzeigen.
   Authelia rendert ein eigenes Logo (server.asset_path -> logo.png) als <img alt="Logo">
   fest 64 px breit (Klasse w-16) im 444 px schmalen Login-Kasten - hier ueberschrieben:
   hoechstens Originalbreite 1571 px, hoechstens 60 % der Fensterhoehe (Seitenverhaeltnis
   1571:656), auf schmalen Bildschirmen mitschrumpfend (16 px Rand); per left/transform
   mittig ueber den Kasten hinaus. Eingebunden per Caddy (replace). */
img[alt="Logo"]{
  width:min(1571px, calc(100vw - 32px), calc(60vh * 1571 / 656)) !important; max-width:none !important; height:auto;
  position:relative; left:50%; transform:translateX(-50%); margin:0 0 12px !important;
}
/* Logo ist schwarz auf transparent: im Dunkelmodus (theme: auto) hell umfaerben */
@media (prefers-color-scheme: dark){ img[alt="Logo"]{ filter:invert(1); } }
/* Sprachauswahl oben rechts ausblenden (Login immer Deutsch per Browser-Sprache) */
#language-button{ display:none !important; }
/* Akzentfarbe Lila wie im Mieterportal (statt Authelia-Blau): Button, Links, Fokusrahmen.
   Authelia setzt das aufgeloeste Theme als data-theme auf <html>. */
html[data-theme="light"], html:not([data-theme]){ --primary:#a056ad; --primary-foreground:#ffffff; --ring:#a056ad; }
html[data-theme="dark"], html[data-theme="oled"], html[data-theme="grey"]{ --primary:#c896d2; --primary-foreground:#1b1020; --ring:#c896d2; }