/* Da Peppe – Ergänzungen der Fassung 5 (Besitzer 13.11.2026). Wird NACH dp4.css geladen.
   Quelle: werkzeug/optimieren/dp5.css, von stufe5.py nach <ziel>/dp/dp5.css kopiert. */

/* ---------- A1–A4: Überschriften „A – B“ als Hauptzeile + Unterzeile ----------
   Aufbau: <h2>A<span class="dp-sr"> – </span><span class="dp-unterzeile">B</span></h2>
   Es bleibt EINE Überschrift; der Gedankenstrich ist nur unsichtbar (Vorleser und Suchmaschinen lesen „A – B“). */
.dp-unterzeile{display:block;font-size:.7em;line-height:1.3;margin-top:.3em;letter-spacing:inherit}
/* Zeile im Kopfbild (H1, Versalien): beide Zeilen gleich groß, wie vom Besitzer vorgegeben */
#main-content h1.dp-flach .dp-unterzeile{font-size:1em;line-height:inherit;margin-top:0}
/* Handy: die Unterzeile „ITALIENISCHE KÜCHE AN DER HAVEL“ soll in EINE Zeile passen (bei 19px lief „HAVEL“ in eine dritte) */
@media (max-width:480px){#main-content h1.dp-flach{font-size:min(19px,4vw)!important}}

/* ===== Fassung 8 (David 13.11.2026, …-82b961 und …-cbcb64) =====
   (a) Gelateria und Olivenöl tragen ihren Seitentitel als h1. Die Kopfbild-Zeile ist dort ein Absatz
       (.dp-kopfzeile) und sieht aus wie bisher die h1.dp-flach; der Seitentitel (.dp-seitentitel) sieht aus
       wie bisher die h2. */
#main-content p.dp-kopfzeile{font-family:var(--dp-serif)!important;font-weight:500!important;font-size:22px!important;line-height:1.45!important;letter-spacing:.04em!important;max-width:none!important}
#main-content p.dp-kopfzeile .dp-unterzeile{font-size:1em;line-height:inherit;margin-top:0}
@media (max-width:767px){#main-content p.dp-kopfzeile{font-size:19px!important}}
@media (max-width:480px){#main-content p.dp-kopfzeile{font-size:min(19px,4vw)!important}}
#main-content h1.dp-seitentitel{font-family:var(--dp-serif)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:clamp(27px,3.1vw,40px)!important;line-height:1.25!important}
/* (b) Tippflächen am Handy mindestens 44 px: Textlinks in „Auf einen Blick“ und Telefon/E-Mail der Reservierungsseite */
@media (max-width:980px){
.dp-fakten a,.dp-tipp a{display:inline-flex;align-items:center;min-height:44px;padding:0}
}
/* (c) Zeilenumbruch im Anschrift-Satz der Reservierungsseite (…-cbcb64): nur ab Tablet-Breite; am Handy fließt der
   Satz frei, sonst stünde „Bucht der Havel,“ als kurze Restzeile (am Handy-Bild gesehen 13.11.2026). */
@media (max-width:767px){br.dp-nur-breit{display:none}}
/* Zweispaltige Ansicht mit schmaler Spalte (981–1199 px): der feste Umbruch ergäbe dort 4 Zeilen mit Einzelwort
   („Havel,“ allein; gemessen 13.11.2026 bei 981 und 1024 px) — dort fließt der Satz ebenfalls frei. */
@media (min-width:981px) and (max-width:1199px){br.dp-nur-breit{display:none}}
/* (d) Olivenöl-Seite: nach dem Seitentitel (h1) folgen die fünf Zwischenüberschriften als h2 statt h3 (kein Sprung
   in der Überschriften-Folge); Aussehen wie bisher die h3. */
#main-content h2.dp-zwischen{font-family:var(--dp-serif)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:22px!important;line-height:1.3!important}

/* Fassung 9 (David 13.11.2026, 1d304f „Spalte breiter machen“): Am Computer steht „Ihr Genusserlebnis bei Da Peppe“
   in EINER Zeile, die Unterzeile in der zweiten. Die Textspalte bekommt dafür mehr Platz, das Bild daneben wird
   schmaler; die Schriftgröße bleibt wie bei den anderen Abschnitts-Überschriften. Gemessen: Zeile 1 braucht
   49 % der Fensterbreite bis 1290 Bildpunkte (Schrift wächst mit), darüber fest 632 Bildpunkte.
   Tablet und Handy (bis 980 Bildpunkte) bleiben unverändert. */
@media (min-width:981px){
  #main-content .et_pb_row > .et_pb_column.dp-genuss-links{width:max(47.25%, min(62.5%, 645px));flex:0 0 auto}
  #main-content .et_pb_row > .et_pb_column.dp-genuss-rechts{width:auto;flex:1 1 0;min-width:0}
  #main-content .dp-genuss-links .et_pb_module.dp-genuss-titel{max-width:100%}
}

/* Fassung 10 (David 13.11.2026, 8fc3e9 „Abstand von oben zum Logo etwas zu groß“): Im großen Kopfbild der Startseite
   stand das runde Logo am Computer 240 Bildpunkte unter der Kopfzeile (oberer Abstand 15 % der Fensterbreite).
   Jetzt 9 % — bei 1440 Bildpunkten 86 weniger; die Bewertungszeile rückt damit in den ersten Bildschirm.
   Das Handy (bis 767 Bildpunkte) bleibt, wie es ist: dort sind es schon nur 62 Bildpunkte. */
/* Fassung 12 (David 13.11.2026, 161b1a „noch höher ziehen, gefühlt müsste der Block mittig vom Bild sein“): Der Block
   aus rundem Logo, „DA PEPPE“, Unterzeilen, Knöpfen und Bewertungszeile steht senkrecht mittig im sichtbaren Bild
   (Fensterhöhe abzüglich Kopfzeile). Ist der Block höher als das Fenster, sind Abstand oben und unten gleich.
   Gilt für Computer, Tablet und Handy; ersetzt die 9-%-Regel aus Fassung 10. */
#main-content .et_pb_section.et_pb_section_1.dp-kopfbild{display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100vh - var(--dp-kopf-h));min-height:calc(100svh - var(--dp-kopf-h));padding-top:28px;padding-bottom:28px}
#main-content .et_pb_section.dp-kopfbild>.et_pb_row{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
/* Das letzte Bauteil im Kopfbild trug 120 Bildpunkte Leerraum nach unten — der schob den Block nach oben aus der Mitte. */
#main-content .et_pb_section.dp-kopfbild .et_pb_column>.et_pb_module:last-child{margin-bottom:0!important}