/* Öffnungsstatus im Hero: heute und morgen */
.aqp-status { display: flex; flex-wrap: wrap; gap: 8px; }
.aqp-pille { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 17px; background: rgba(243, 238, 230, 0.92); color: #1F1B17; font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 4px 14px rgba(31, 27, 23, 0.10); }
.aqp-pille[hidden] { display: none; }
.aqp-punkt { width: 8px; height: 8px; border-radius: 4px; background: #3E9B5C; flex: none; }
.aqp-pille.zu .aqp-punkt { background: #C9772B; }
#aqpHeute.offen .aqp-punkt { box-shadow: 0 0 0 4px rgba(62, 155, 92, 0.18); }
#aqpMorgen { background: rgba(243, 238, 230, 0.7); font-weight: 500; }
.aqp-temp:empty { display: none; }
.aqp-temp { padding-left: 8px; border-left: 1px solid rgba(31, 27, 23, 0.2); font-variant-numeric: tabular-nums; }
@media (min-width: 1024px) { .aqp-pille { height: 38px; font-size: 14px; padding: 0 16px; } }

/* Hero: Text in die Bildmitte statt an die Unterkante */
#hero { height: auto !important; min-height: min(88svh, 760px); justify-content: flex-start !important; }
#hero > [data-dc-tpl="15"] { margin-top: auto; margin-bottom: auto; padding-top: 12px !important; padding-bottom: 40px !important; }
#hero > [data-dc-tpl="7"] { background: linear-gradient(rgba(243, 238, 230, 0.75) 0%, rgba(243, 238, 230, 0.15) 22%, rgba(243, 238, 230, 0.35) 55%, rgba(243, 238, 230, 0.9) 100%) !important; }

/* Weihnachtszauber: Zeitraum und Eintritt, redaktionelle Zeile */
.wz-info{display:flex;align-items:stretch;gap:0;padding:14px 0;border-top:1px solid rgba(214,168,72,.55);border-bottom:1px solid rgba(214,168,72,.55);width:max-content;max-width:100%}
.wz-feld{display:flex;flex-direction:column;gap:5px;padding:0 22px}
.wz-feld:first-child{padding-left:0}
.wz-label{font-family:'Archivo',system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#D6A848}
.wz-wert{font-family:'Instrument Serif',serif;font-size:26px;line-height:1;color:#F3EEE6;white-space:nowrap}
.wz-wert em{font-style:italic;color:#E9C77B}
.wz-trenner{width:1px;background:rgba(214,168,72,.45)}
@media (max-width:420px){.wz-feld{padding:0 16px}.wz-wert{font-size:21px}.wz-label{font-size:9.5px}}

/* Infoleiste im Hero */
#hero .hero-info { margin-top: 10px; padding: 14px; border-radius: 20px; background: rgba(251, 248, 243, 0.72); -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); box-shadow: 0 10px 30px rgba(31, 27, 23, 0.10); display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
#hero .hero-info [data-dc-tpl="24"] { font-size: 30px !important; }
#hero .hero-info [data-dc-tpl="27"], #hero .hero-info [data-dc-tpl="30"], #hero .hero-info [data-dc-tpl="33"] { background: rgba(251, 248, 243, 0.9) !important; }
/* Desktop-Regeln für Hero und Infoleiste stehen in desktop.css */