/* ==================== Firmenlogo oben links (Schalter firmenlogo, firmenlogo.js) ==================== */
/* Nur mit body.firmenlogo (Schalter an und Logo hinterlegt); sonst Ruufd-Marke und Name wie bisher. Das Logo ist ein
   JPEG auf weissem Grund, darum ohne Rahmen und ohne Hintergrund; object-fit hält das Seitenverhältnis. */

img.firmenlogo { display: none; object-fit: contain; border-radius: var(--radius-s); }

/* Telefon: Kopfzeile, Logo statt Ruufd-Kachel und Name (Entscheid Ale 2026-10-15: der Name steht im Logo) */
@media (max-width: 767.98px) {
  body.firmenlogo img.firmenlogo-kopf { display: block; order: 0; flex: 0 0 auto; width: auto; max-width: 96px; height: 28px; margin-right: auto; }
  body.firmenlogo .brand { display: none; }
}

/* Ab 768px: Seitenleiste */
@media (min-width: 768px) {
  body.firmenlogo .side-brand-mark { display: none; }
  body.firmenlogo img.firmenlogo-seite { display: block; }
}

/* 768-1199px: schmale Icon-Leiste, Logo 44px hoch über die ganze Spaltenbreite (breite Logos wären sonst winzig) */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.firmenlogo img.firmenlogo-seite { width: 100%; height: 44px; }
}

/* Ab 1200px: Logo über die ganze Breite, höchstens 44px hoch; der Name steht im Logo */
@media (min-width: 1200px) {
  body.firmenlogo .side-brand-text { display: none; }
  body.firmenlogo img.firmenlogo-seite { width: auto; max-width: 100%; height: auto; max-height: 44px; }
}