/* Pizza-Seite – nur seitenspezifische Ergänzungen (Variablen aus tokens.css). */

/* Ein einzelner Hero-Button steht mobil sonst links (space-between). Gemeldet in _koordination/pizza.md. */
@media (max-width: 767px) {
  #hero .hero__buttons { justify-content: center; }
}

.pizza-sortiment__intro { max-width: 640px; margin: 0 auto 50px; }
.pizza-tabs__sub { margin: 0 0 40px; font-style: italic; font-family: var(--f-display); font-size: 20px; color: var(--c-gold); }

.pizza-sortiment__hinweise { max-width: 680px; margin: 70px auto 0; }
.pizza-sortiment__hinweise p { margin: 0 0 8px; }
.pizza-sortiment__hinweise a { color: var(--c-gold); }
/* Icon + Nummer in einer Zeile (globales svg { display:block } würde sonst umbrechen) */
.pizza-sortiment__tel { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.pizza-sortiment__tel svg { display: inline-block; flex: none; }

@media (max-width: 767px) {
  .pizza-sortiment__intro { margin-bottom: 36px; }
  .pizza-tabs__sub { margin-bottom: 24px; font-size: 18px; }
  .pizza-sortiment__hinweise { margin-top: 44px; }
}

/* Abschnitt „Was unsere Pizza besonders macht“: mobil Foto zwischen Überschrift und Text (wie live) */
.pizza-besonders__bild-mobil { display: none; }
@media (max-width: 767px) {
  .pizza-besonders__bild-mobil { display: block; padding: 0; margin: 0 0 30px; }
  .pizza-besonders__bild-desktop { display: none; }
}