/* Logo der Webseite (Kopfleiste und Fusszeile) nach dem Corporate Design des Moscheevereins Dübendorf,
   Kopfleiste in der Fassung «Knapp» (Variante D, entschieden am 12.10.2026):
   - Kopfleiste oben: ganzes Logo 100 px breit, Abstand oben und unten 6 px (Leiste 91 px); ab 1200 px am Logo statt an der Zeile.
   - Beim Scrollen (ab 1080 px): Bildmarke 46 px hoch, Leiste 62 px.
   - Handy und Tablet (bis 1079 px): ganzes Logo 44 px hoch (56 px breit).
   - Fusszeile: ganzes Logo 120 px breit.
   Nach css/style.css einbinden. Braucht im Kopf zwei Bilder im Link .site-logo (siehe README.md). */

.site-logo img { display: block; }
.site-logo .site-logo__marke { display: none; }

@media (min-width: 1080px) {
  /* Oben auf der Seite: ganzes Logo, 79 px hoch = 100 px breit; Abstand oben und unten 6 px (ab 1200 px hat ihn das Logo
     selbst, damit die Knöpfe über die ganze Höhe gehen: webseite/css/style.css, «Menü») */
  .site-header:not(.is-scrolled) .site-logo .site-logo__voll { height: 79px; }
  /* Beim Scrollen: Leiste bleibt schmal, dafür die Bildmarke statt des Logos mit Schriftzug */
  .site-header.is-scrolled .site-logo .site-logo__voll { display: none; }
  .site-header.is-scrolled .site-logo .site-logo__marke { display: block; height: 46px; }
}

@media (min-width: 1080px) and (max-width: 1199px) {
  .site-header:not(.is-scrolled) .wrap { padding-top: 6px; padding-bottom: 6px; }
}

@media (max-width: 1079px) {
  /* Handy und Tablet: ganzes Logo, 44 px hoch (56 px breit) */
  .site-header .site-logo .site-logo__marke { display: none; }
  .site-header .site-logo .site-logo__voll { display: block; height: 44px; }
}

/* Fusszeile: Logo 95 px hoch = 120 px breit (vorher 90 px hoch = 114 px breit) */
.site-footer img { height: 95px; }