/* ============================================================================
   teil-logo.css — das Original-Logo des Optical Center, dezent ueber der
   Ueberschrift der beiden Filialseiten /optical-wiesbaden/ und /ramstein/.
   Markup kommt aus inc/logo.php (bv_filiallogo()).

   Eigene Datei statt eines Blocks am Ende von seiten.css: fuenf Sitzungen
   arbeiten gleichzeitig am Theme. functions.php bindet jede
   assets/css/teil-*.css automatisch nach seiten.css ein.

   KEINE Platte, KEIN Kasten, KEIN Schatten.
   Christophers Regel: ein Logo liegt nie auf einer weissen Platte ueber einem
   Foto. Hier liegt es ueberhaupt auf keiner eigenen Flaeche — es steht frei
   auf dem hellen Seitengrund (--grund), oberhalb der Ueberschrift und
   ausserhalb des Buehnenbildes. Deshalb stehen background, border, padding
   und box-shadow hier ausdruecklich auf null: so kann keine fremde Regel und
   keine spaetere Ergaenzung ihm doch noch eine Flaeche unterlegen.

   Nur Token aus :root (grund.css), kein !important, keine neue Schrift,
   keine CDN-Einbindung. Keine Bewegung — darum ist auch nichts zu daempfen,
   wenn prefers-reduced-motion gesetzt ist.
   ========================================================================= */

/* img.filiallogo und nicht .filiallogo allein: bau.css Zeile 113/114 setzt
   „img{max-width:100%;height:auto}" und Zeile 34 „.blatt img{…border-radius}".
   Mit dem Elementnamen hat diese Regel dieselbe Gewichtung wie die dortige und
   steht spaeter in der Kette (grund → bau → seiten → teil-*) — das genuegt,
   eine Vorrangmarke braucht es dafuer nicht. */
img.filiallogo{
  display:block;
  width:150px;          /* „Muss nicht zu gross sein." Markup deckelt ebenso. */
  max-width:100%;       /* ab 375 px kein Querscrollen */
  height:auto;          /* echtes Seitenverhaeltnis 600:221, nicht gestaucht */
  margin:0 0 clamp(.7rem,1.6vw,1.15rem);
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

/* Schmale Geraete: 150 px waeren auf 375 px fast die halbe Zeile — das ist
   nicht mehr dezent. Die Ueberschrift bleibt die erste Stimme der Seite. */
@media (max-width:560px){
  img.filiallogo{ width:124px }
}