/* Einwilligungsbanner, externe Medien, Rechtstexte. Gilt auf allen Seiten. */
.ss-consent{--c-paper:#fffdfb;--c-ink:#2e2524;--c-muted:#5b4f4b;--c-wine:#53182a;--c-wash:#f0eae3;--c-line:#d9cfc8;
  position:fixed;z-index:99998;left:50%;bottom:16px;transform:translateX(-50%);width:min(580px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;
  background:var(--c-paper);color:var(--c-ink);border:1px solid var(--c-line);border-top:4px solid var(--c-wine);border-radius:16px;
  box-shadow:0 22px 60px #26121b40;font:16px/1.5 StarschnittText,Arial,sans-serif;text-align:left}
.ss-consent[hidden]{display:none!important}
.ss-consent *{box-sizing:border-box}
.ss-consent h2,.ss-consent h3,.ss-consent p,.ss-consent li,.ss-consent button,.ss-consent label{text-transform:none;letter-spacing:normal;text-wrap:pretty}
/* Modal: darkened page behind the banner until a decision (not on the legal page). */
.ss-consent-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99997;background:rgba(28,12,18,.58)}
.ss-consent-backdrop[hidden]{display:none!important}
html.ss-consent-locked{overflow:hidden}
.ss-consent[data-ss-legal]{max-height:55vh;max-height:55dvh}
.ss-consent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;padding:8px 22px 0 28px}
.ss-consent-body{overflow-y:auto;padding:6px 28px 10px;flex:1 1 auto}
.ss-consent .ss-consent-brand{margin:0;font:700 13px/1.2 StarschnittText,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink)}
.ss-consent .ss-consent-brand span{color:var(--c-wine);letter-spacing:0;margin-right:4px}
.ss-consent-eyebrow{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--c-wine)}
.ss-consent h2{margin:0 0 10px;font:700 24px/1.2 StarschnittText,Arial,sans-serif;letter-spacing:0;color:var(--c-ink)}
.ss-consent h2:focus{outline:none}
.ss-consent h2:focus-visible{outline:3px solid var(--c-wine);outline-offset:3px}
.ss-consent h3{margin:6px 0 6px;font:700 18px/1.3 StarschnittText,Arial,sans-serif;color:var(--c-ink)}
.ss-consent p{margin:0 0 10px}
.ss-consent ul{margin:0 0 12px;padding:0;list-style:none}
.ss-consent-purposes li{position:relative;padding-left:20px;margin:0 0 8px}
.ss-consent-purposes li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--c-wine)}
.ss-consent-checks{background:var(--c-wash);border-radius:10px;padding:12px 14px!important;font-size:14.5px}
.ss-consent-checks li{position:relative;padding-left:24px;margin:3px 0}
.ss-consent-checks li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--c-wine);font-weight:700}
.ss-consent-small{font-size:13.5px;color:var(--c-muted)}
.ss-consent-option{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--c-line);font-size:14.5px;cursor:pointer}
.ss-consent-option input{flex:0 0 auto;width:22px;height:22px;margin:2px 0 0;accent-color:var(--c-wine)}
.ss-consent-option strong{font-size:16px}
.ss-consent-required{border-top:1px solid var(--c-line);padding-top:10px;font-size:13.5px;color:var(--c-muted)}
.ss-consent-required p{margin:0 0 6px}
.ss-consent-status:empty{display:none}
.ss-consent-status{font-weight:700;color:var(--c-wine)}
.ss-consent-actions{padding:14px 22px 14px;border-top:1px solid var(--c-line);background:var(--c-paper);border-radius:0 0 16px 16px}
.ss-consent-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 32px}
.ss-consent-buttons[hidden]{display:none}
.ss-consent-skip,.ss-consent-link{appearance:none;border:0;background:transparent;color:var(--c-ink);font:700 16px/1.2 StarschnittText,Arial,sans-serif;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;padding:10px 4px;min-height:44px;cursor:pointer}
.ss-consent .ss-consent-skip{font-size:13px;line-height:1.2;padding:12px 2px;margin-left:auto;color:var(--c-ink)}
.ss-consent-accept,.ss-consent-save{appearance:none;border:2px solid var(--c-wine);background:var(--c-wine);color:#fff;font:700 16px/1.2 StarschnittText,Arial,sans-serif;
  border-radius:10px;padding:14px 30px;min-height:52px;min-width:200px;cursor:pointer}
.ss-consent-accept:hover,.ss-consent-save:hover{background:#3e1120;border-color:#3e1120}
.ss-consent button:focus-visible,.ss-consent a:focus-visible,.ss-consent input:focus-visible{outline:3px solid var(--c-wine);outline-offset:3px}
.ss-consent-legal{display:flex;justify-content:center;gap:18px;margin:10px 0 0!important;font-size:14px}
.ss-consent-legal a{color:var(--c-ink);text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
@media(max-width:600px){
  .ss-consent{left:0;right:0;bottom:0;transform:none;width:100%;max-height:88vh;max-height:88dvh;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0}
  .ss-consent-head{padding:4px 14px 0 18px;gap:0 12px}
  .ss-consent-body{padding:4px 18px 8px}
  .ss-consent h2{font-size:21px}
  .ss-consent-actions{padding:10px 16px 12px;border-radius:0}
  .ss-consent-buttons{gap:6px 18px}
  .ss-consent-accept,.ss-consent-save{min-width:0;flex:1 1 auto;padding:13px 18px}
}

/* Very narrow phones: keep brand and "Weiter ohne Einwilligung" in one row at the same 13px size. */
@media(max-width:360px){
  .ss-consent-head{padding:4px 12px 0 14px;gap:0 8px}
  .ss-consent .ss-consent-brand{letter-spacing:.06em}
  .ss-consent .ss-consent-brand span{margin-right:2px}
}

/* Kleiner Footer-Link "Cookie-Einstellungen" */
.ss-consent-open{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.4;padding:0;margin:0;
  min-height:34px;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.footer nav .ss-consent-open{min-height:44px}

/* Externe Medien: Platzhalter bis zum Klick oder zur Einwilligung */
.ss-embed{box-sizing:border-box;width:100%;margin:16px 0;padding:20px 22px;background:#f0eae3;border:1px solid #d9cfc8;border-radius:10px;
  color:#2e2524;font:15px/1.5 StarschnittText,Arial,sans-serif;display:flex;flex-direction:column;justify-content:center}
.ss-embed p{margin:0 0 10px}
.ss-embed-title{font-weight:700;font-size:17px}
.ss-embed-note{font-size:14px;color:#5b4f4b}
.ss-embed-note a,.ss-embed-actions a{color:#53182a;text-decoration:underline}
.ss-embed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:4px 0 0!important}
.ss-embed-load{appearance:none;border:2px solid #53182a;background:#53182a;color:#fff;font:700 15px/1.2 StarschnittText,Arial,sans-serif;border-radius:8px;padding:11px 20px;min-height:44px;cursor:pointer}
.ss-embed-load:focus-visible{outline:3px solid #53182a;outline-offset:3px}

/* Impressum und Datenschutzerklaerung */
.ss-legal{max-width:860px;font-size:17px;line-height:1.65}
.ss-legal h2{font-size:clamp(32px,4vw,44px);margin:56px 0 18px}
.ss-legal h3{font-size:clamp(22px,2.4vw,27px);margin:38px 0 10px}
.ss-legal h4{font:700 17px/1.4 StarschnittText,Arial,sans-serif;margin:24px 0 6px;color:#2e2524}
.ss-legal p,.ss-legal li{max-width:75ch}
.ss-legal ul{padding-left:1.2em}
.ss-legal address{font-style:normal}
.ss-legal-nav{display:flex;flex-wrap:wrap;gap:8px 26px;padding:14px 0;border-top:1px solid #d9cfc8;border-bottom:1px solid #d9cfc8;font-size:15px}
.ss-legal-nav a{color:#53182a}
.ss-legal-stand{font-size:14px;color:#5b4f4b}
.ss-legal [id]{scroll-margin-top:24px}
.ss-legal .ss-consent-open{font-size:inherit;min-height:0;color:#53182a}

/* Bestehende Komponenten */
.salon-online-badge{display:inline-block;width:fit-content;padding:5px 10px;margin-top:10px;border:1px solid #53182a;border-radius:20px;background:#f0eae3;color:#53182a;font:600 12px/1.3 Arial,sans-serif}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.hero-actions .hero-look-link{color:inherit;min-height:44px;display:inline-flex;align-items:center;gap:10px}
@media(max-width:600px){.hero-actions{align-items:flex-start;gap:8px}.hero-actions .button{max-width:100%;font-size:12px}.hero-actions .hero-look-link{font-size:13px}}