/* Da Peppe – Ergänzungen der Fassung 4 (Davids Punkte vom 13.11.2026). Wird NACH dp.css geladen.
   Quelle: werkzeug/optimieren/dp4.css, von stufe4.py nach <ziel>/dp/dp4.css kopiert. */

/* ---------- P1: Adresszeile im Kopfbild mittig ----------
   Ursache: Absätze in voller Spaltenbreite sind auf 760px begrenzt (Lesbarkeit); mittig gesetzt wurde der
   Kasten aber nur in Modulen mit „align_center“. Die Adresszeile steckt in einem Modul mit „align_right“
   und ist per style zentriert – der 760px-Kasten klebte deshalb links. */
#main-content .et_pb_column_4_4 .et_pb_text_inner>p[style*="text-align: center"]{margin-left:auto;margin-right:auto}

/* ---------- P6/P7: „Auf einen Blick“ – ein Zeilenraster (28px) in allen vier Spalten ----------
   Vorher: Verweise waren inline-block mit 10px Polster (46px hoch) und rissen ihre Zeile auf 45,6px auf,
   während die Nachbarspalten 25,6px (Text) bzw. 28px (Öffnungszeiten) Zeilenabstand hatten. */
.dp-fakten p{line-height:28px;padding:0;margin:0}
.dp-fakten .dp-zeiten{line-height:28px;gap:0}
.dp-fakten a{display:inline;padding:5px 0}

/* ---------- P2: Hinweis Küche im Herbst/Winter ---------- */
.dp-winter{font-family:var(--dp-sans);font-weight:400;font-style:normal}
.dp-winter[hidden]{display:none!important}
.dp-fakten .dp-winter{margin-top:10px;font-size:15px;line-height:22px;color:var(--dp-text)}
.dp-fuss .dp-zeiten{margin-bottom:10px}
/* Abstand per margin: der alte Baukasten setzt beim letzten Absatz padding-bottom auf 0 */
.dp-fuss .dp-winter{max-width:300px;font-size:15px;line-height:1.5;color:var(--dp-grau);padding:0;margin:0 0 20px}
html.js .dp-fuss .dp-winter[hidden]+noscript+.dp-knopf{margin-top:12px}
#main-content .et_pb_code_inner .dp-winter{max-width:300px;margin:10px auto 0;padding:0;font-size:15px!important;line-height:1.5!important;color:#555;text-align:left}

/* ---------- P9: Hinweis zu den Bewertungen – Schrift wie der Fließtext, kleiner, ohne Kasten ---------- */
.dp-hinweis{font-family:var(--dp-sans);font-weight:400;font-style:normal;font-size:13px;line-height:1.6;letter-spacing:0;
  color:var(--dp-grau);background:none;border-radius:0;padding:0;max-width:640px;margin:32px auto 0;text-align:left}

/* ---------- P8: Gästestimmen als ruhiger Wechsel (nur mit JavaScript; ohne bleibt die Liste) ---------- */
.dp-stimmen .dp-karussell .dp-stimmen-liste{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:760px;margin:0 auto}
/* Alle Stimmen liegen im selben Feld: die Höhe richtet sich nach der längsten, nichts springt beim Wechsel. */
.dp-stimmen .dp-karussell .dp-stimme{grid-area:1/1;opacity:0!important;visibility:hidden;transform:none!important;
  transition:opacity .7s ease,visibility 0s linear .7s!important}
.dp-stimmen .dp-karussell .dp-stimme.dp-aktiv{opacity:1!important;visibility:visible;transition:opacity .7s ease,visibility 0s!important}
.dp-karussell-knoepfe{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-family:var(--dp-sans)}
.dp-karussell-knoepfe button{min-width:46px;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.55);border-radius:2px;background:rgba(14,14,14,.55);
  color:#fff;font:400 13px/1 var(--dp-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s}
.dp-karussell-knoepfe button:hover{background:#fff;color:#111}
.dp-karussell-knoepfe button:focus-visible{outline:2px solid var(--dp-gold);outline-offset:2px}
.dp-karussell-knoepfe .dp-k-pfeil{font-size:20px;letter-spacing:0;padding:0}
.dp-karussell-knoepfe .dp-k-pause{min-width:112px}
.dp-k-stand{min-width:52px;text-align:center;font-size:13px;line-height:1;color:var(--dp-grau);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  .dp-stimmen .dp-karussell .dp-stimme,.dp-stimmen .dp-karussell .dp-stimme.dp-aktiv{transition:none!important}
  .dp-karussell-knoepfe button{transition:none}
}
@media print{
  .dp-stimmen .dp-karussell .dp-stimme{grid-area:auto;opacity:1!important;visibility:visible}
  .dp-karussell-knoepfe{display:none}
}

/* ---------- P3/P4: Rechtstexte – eine Überschriften-Ebene, Fließtext wie überall ---------- */
.dp-recht #main-content .et_pb_text_inner .dp-recht4 h2{font-size:24px!important;line-height:1.3!important;padding:30px 0 10px}
.dp-recht #main-content .et_pb_text_inner .dp-recht4>h2:first-child{padding-top:0}
.dp-recht #main-content .et_pb_text_inner .dp-recht4 :is(p,li){max-width:none;padding-bottom:12px}
.dp-recht #main-content .et_pb_text_inner .dp-recht4 ul{list-style:disc;padding:0 0 4px 1.3em;margin:0}
.dp-recht #main-content .et_pb_text_inner .dp-recht4 li{padding-bottom:8px}
.dp-recht #main-content .et_pb_text_inner .dp-recht4 strong{font-weight:700}
@media (max-width:767px){.dp-recht #main-content .et_pb_text_inner .dp-recht4 h2{font-size:22px!important}}