/* reifenpraktiker.ch - nur Abweichungen vom Pneufrank-Designsystem (css/styles.css).
   Keine eigenen Farben, Schriftgroessen oder Abstaende: alles ueber die Tokens. */

/* Wortmarke statt Logo: inline-SVG in currentColor, im Kopfbalken und im
   schwarzen Footer-Kasten weiss. Hoehe etwa wie das Pneufrank-Logo. */
.rp-wortmarke { color: var(--on-dark); }
.rp-wortmarke__svg { display: block; width: 168px; height: auto; }

@media (max-width: 1100px) {
  /* Mobilmenue endet mit «Jetzt bewerben» (kein Telefon-Umriss darunter):
     derselbe Abstand nach unten, den auf pneufrank.ch der Umriss-Button hat. */
  .mobile-menu__cta:last-child { margin-bottom: var(--sp-5); }
}

@media (max-width: 720px) {
  .site-header__logo .rp-wortmarke__svg { width: 136px; }
}

/* --- Lernende: Porträtkarten und Zitat ---------------------------------- */
/* Pull-Zitat unter dem H1 einer Porträtseite: gleiche Sprache wie
   .lex-head__lead--def (gelber Strich, fett), aber fuer ein woertliches Zitat. */
.zitat {
  margin-top: var(--sp-5);
  max-width: 760px;
  padding: var(--sp-2) 0 var(--sp-2) var(--sp-5);
  border-left: 5px solid var(--yellow);
  font-size: var(--fs-sub);
  font-style: normal;
  font-weight: var(--fw-bold);
  color: var(--black);
}