/** Shopify CDN: Minification failed

Line 47:0 Unexpected "}"

**/
/* Öffnungszeiten (GitHub #211, Entscheidung Fero 11.11.2026, tools/push-oeffnungszeiten-2026-11.py).
   Leiste über der Kopfzeile (sections/sh-zeiten-leiste.liquid), Kasten auf der Preisseite und Karten auf der
   Kontaktseite (snippets/sh-zeiten-woche.liquid). Nur Variablen aus sh-homepage.css, Inter für Text.
   Kontrast: Weiß auf Sultan-Blau #5C758E = 4,8 : 1 (WCAG AA). Nebentexte im Kasten in --text-body, weil --muted
   auf --surface-2 nur 4,47 : 1 hätte. */

/* ---------- Leiste oben, einzeilig, feste Höhe ---------- */
.shz-leiste { --shz-h: 34px; background: var(--brand); color: #fff; font-family: var(--font-body); }
.shz-leiste-in {
  max-width: 1200px; margin: 0 auto; padding: 0 16px; min-height: var(--shz-h);
  display: flex; align-items: center; justify-content: center; gap: 0 14px;
  font-size: 1.2rem; line-height: 1.5; white-space: nowrap; overflow: hidden;
}
.shz-status { display: flex; align-items: center; gap: 8px; margin: 0; flex: none; font-weight: 500; }
.shz-status[hidden] { display: none; }
.shz-punkt { width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: none; box-shadow: 0 0 0 2px rgba(255,255,255,.3); }
.shz-status.shz-zu .shz-punkt { background: transparent; border: 1.5px solid #fff; box-shadow: none; }
.shz-link { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; flex: none; }
.shz-link:hover { color: #fff; text-decoration-thickness: 2px; }
.shz-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 2px; }
/* Nur wenn selbst die knappe Fassung nicht in eine Zeile passt (sehr schmale Geräte): umbrechen statt abschneiden */
.shz-leiste-in.shz-umbruch { white-space: normal; flex-wrap: wrap; padding-top: 6px; padding-bottom: 6px; }
.shz-leiste-in.shz-umbruch .shz-status { flex: 0 1 auto; white-space: normal; }
@media (min-width: 750px) {
  .shz-leiste-in { padding: 0 24px; font-size: 1.25rem; gap: 0 18px; }
}
/* Handy: Hero um die Leistenhöhe kürzer, damit „Termin anfragen“ und „Gutschein kaufen“ über der Falz bleiben
   (Regel in sh-homepage.css: min-height: calc(100svh - 70px)). Greift nur, wenn die Leiste auf der Seite ist. */
@media (max-width: 600px) {
  body:has(.shz-leiste) .sh-hero--video,
  body:has(.shz-leiste) .sh-hero--photo { min-height: calc(100svh - 70px - 34px); }
}

/* ---------- Kontaktseite: Karten mit Sprunganker ---------- */
/* Sprungziel: Abstand in Höhe der Kopfzeile, weil sie beim Hochscrollen klebt (--header-height setzt Sense) */
.sh-content h2.shz-anker { margin-top: 0; scroll-margin-top: calc(var(--header-height, 0px) + 16px); }
.shz-karten-block { margin-bottom: 48px; }
/* Überschrift mittig über dem Kartenraster: Der Block ist so breit wie das Raster (sh-content-grid--wide), nicht wie die
   schmale Textspalte. Auch auf dem Handy mittig (Seitentitel ist dort ebenfalls zentriert, die Karten ohne Rahmen
   stehen eingerückt, eine linke Überschrift würde über ihnen schweben). */
.shz-karten-block h2.shz-anker { text-align: center; }
}
/* Kartentitel in den dunklen CI-Tönen: --brand auf --surface hätte 4,4 : 1, --accent auf --surface-2 3,9 : 1 */
.shz-karten .sh-zeiten-card h3 { color: var(--brand-dark); }
.shz-karten .sh-zeiten-card--accent h3 { color: var(--accent-dark); }
.shz-liste .shz-z { display: block; }
.shz-liste .shz-z[hidden] { display: none; }
.shz-z.shz-ist-heute { font-weight: 600; color: var(--text); }

/* ---------- Preisseite: Kasten „Öffnungszeiten“ statt „Frauenzeiten“ (ganze Breite im Raster „Gut zu wissen“) ---------- */
.sh-preise-fakt.shz-kasten { grid-column: 1 / -1; background: var(--surface-2); border-radius: var(--radius); padding: 20px 22px; }
.sh-preise-fakt.shz-kasten h3 { color: var(--accent-dark); } /* --accent auf --surface-2 hätte nur 3,9 : 1 */
.shz-kasten .shz-heute { display: flex; align-items: flex-start; gap: 9px; margin: 2px 0 10px; font-weight: 600; color: var(--text); }
.shz-kasten .shz-heute[hidden] { display: none; }
.shz-kasten .shz-heute .shz-punkt { margin-top: .6em; background: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent); }
.shz-kasten .shz-heute.shz-zu .shz-punkt { background: transparent; border: 1.5px solid var(--brand); box-shadow: none; }
.shz-woche { margin: 0; padding: 0; }
.shz-zeile { display: grid; grid-template-columns: 112px 1fr; gap: 2px 14px; padding: 8px 0; border-top: 1px solid var(--border); font-size: 1.3rem; line-height: 1.5; }
.shz-zeile:first-child { border-top: 0; }
.shz-zeile dt { font-weight: 600; color: var(--text); }
.shz-zeile dd { margin: 0; }
.shz-zeile .shz-wer { display: block; color: var(--text-body); font-size: 1.15rem; }
.shz-zeile.shz-ist-heute { box-shadow: inset 3px 0 0 var(--accent); padding-left: 12px; margin-left: -12px; }
.shz-kasten .shz-sonder { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--border); }
.shz-kasten .shz-sonder[hidden] { display: none; }
.shz-sonder-titel { display: block; font-weight: 600; color: var(--text); }
.shz-sonder .shz-z { display: block; }
.shz-sonder .shz-z[hidden] { display: none; }
.shz-sonder .shz-z strong { font-weight: 600; }
.shz-kasten .shz-fuss { margin: 12px 0 0; font-size: 1.15rem; color: var(--text-body); }
@media (max-width: 749px) {
  .sh-preise-fakt.shz-kasten { padding: 16px 16px; }
  .shz-zeile { grid-template-columns: 92px 1fr; gap: 2px 10px; }
  .shz-zeile.shz-ist-heute { margin-left: -9px; padding-left: 9px; }
}

/* ---------- Links auf die Öffnungszeiten in Texten (FAQ-Antworten, FAQ-Seite, Kasten, Lale-Paket) ----------
   Nur diese Links: Sultan-Blau dunkel, Kontrast 5,6 : 1 auf dem hellen Grund (--brand allein wäre 4,4 : 1). */
a[href$="#oeffnungszeiten"]:not(.shz-link):not(.shz-trust-link) { color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; }
a[href$="#oeffnungszeiten"]:not(.shz-link):not(.shz-trust-link):hover { color: var(--accent); }

/* ---------- Startseite: „Separate Frauenzeiten“ unter dem Hero als Link ---------- */
.shz-trust-link { color: inherit; text-decoration: underline; text-decoration-color: var(--mist); text-underline-offset: 3px; }
.shz-trust-link:hover { color: var(--brand-dark); text-decoration-color: currentColor; }
