/* ═══════════════════════════════════════════════════════════════
   Anpassungen nach dem Nachbau

   Alles hier weicht bewusst vom Entwurf ab. Deshalb steht es in
   einer eigenen Datei und nicht in dreinath.css — die bleibt die
   unveränderte Fassung des Entwurfs.
   ═══════════════════════════════════════════════════════════════ */

/* ── Seitenkopf: früher auf das Burger-Menü umschalten ──
   Der Entwurf schaltet erst bei 900 px um. Gemessen sitzt der Kopf
   aber nur bis rund 1100 px Inhaltsbreite einzeilig: Darunter
   brechen „Unsere Ergebnisse" und die Telefonnummer um, der Kopf
   wächst von 87 auf 94 px, und das Logo wird zusammengedrückt.
   Der Umschaltpunkt liegt deshalb bei 1150 px, mit etwas Luft für
   Systeme, auf denen die Schrift breiter ausfällt. */
@media (max-width: 1150px) {
  .site-head__nav { display: none; }
  .burger { display: block; }
}

/* Das Logo darf unter keinen Umständen schrumpfen. Als Flex-Element
   gibt es sonst nach, und `img { max-width: 100% }` aus dem Entwurf
   quetscht es bei fester Höhe in die Breite. */
.site-head__logo { flex: none; }
.site-head__logo img { max-width: none; }
