/* Gestaltung „Kristall“ (Liquid Glass) – liegt über site.css, nur aktiv mit body.nk-kristall (Design → Salon Nickel).
   Farbiger, weich verlaufender Hintergrund, Flächen aus klarem Glas mit Lichtkante, Kapsel-Knöpfe. Akzent Blau (wie HeadOffice) oder Gold. */
body.nk-kristall{
  --k-akzent:#0A84FF;--k-akzent-text:#0060DF;--k-akzent-weich:rgba(10,132,255,.14);--k-akzent-schatten:rgba(10,132,255,.32);
  --k-grund:#DCE6F5;--k-glas:rgba(255,255,255,.42);--k-glas-dicht:rgba(250,252,255,.86);--k-glas-rand:rgba(255,255,255,.78);--k-glas-hi:rgba(255,255,255,.66);
  --k-tinte:#0F1A2B;--k-tinte2:#38475E;--k-leise:#66748A;--k-linie:rgba(15,26,43,.10);
  --k-schatten:0 18px 50px rgba(30,60,120,.16),0 2px 6px rgba(30,60,120,.10);
  --k-blob1:#7FB2FF;--k-blob2:#F5A3D0;--k-blob3:#8BE3C9;--k-blob4:#FFD08A;
  --nk-creme:transparent;--nk-champagner:rgba(255,255,255,.4);--nk-text:var(--k-tinte);--nk-text2:var(--k-tinte2);--nk-grau:var(--k-leise);
  --nk-linie:var(--k-linie);--nk-linie2:var(--k-linie);--nk-schatten:var(--k-schatten);--nk-edel-flaeche:var(--k-glas);--nk-edel-linie:var(--k-glas-rand);--nk-edel-kante:var(--k-glas-rand);
  --nk-gold-text:var(--k-akzent-text);--nk-gold-dunkel:var(--k-akzent-text);
  background:var(--k-grund)!important;color:var(--k-tinte)}
/* Dezentes Gold (Standard): warmer Champagner-Grund, sanfte Sand-/Rosé-Töne, Akzent mattes Gold statt Blau */
body.nk-kristall.nk-akzent-gold{--k-akzent:#B9975B;--k-akzent-text:#7E6332;--k-akzent-weich:rgba(185,151,91,.16);--k-akzent-schatten:rgba(150,118,60,.22);
  --k-grund:#F4EFE6;--k-glas:rgba(255,253,248,.48);--k-glas-dicht:rgba(253,250,244,.9);--k-tinte:#2B2418;--k-tinte2:#5B5141;--k-leise:#8A7F6C;--k-linie:rgba(60,45,20,.10);
  --k-schatten:0 18px 50px rgba(90,70,30,.12),0 2px 6px rgba(90,70,30,.08);
  --k-blob1:#EFD9A8;--k-blob2:#F2D0C4;--k-blob3:#E2D8C2;--k-blob4:#E8E0CC}
body.nk-kristall.nk-akzent-gold .nk-btn,body.nk-kristall.nk-akzent-gold .wp-block-button__link,body.nk-kristall.nk-akzent-gold .woocommerce .button{
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0) 55%),linear-gradient(110deg,#B08A48,#CDB07A 55%,#B08A48)!important}
body.nk-kristall.nk-akzent-gold .nk-gold{background:linear-gradient(110deg,#A9874A,#D2B67F 50%,#A9874A);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
body.nk-kristall.nk-akzent-gold .nk-zahlen b{color:var(--k-akzent-text)}
body.nk-kristall.nk-akzent-gold .nk-fuss{background:linear-gradient(180deg,rgba(43,36,24,.78),rgba(43,36,24,.9))!important;color:#D8CFBE}
body.nk-kristall::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;filter:saturate(140%) blur(10px);
  background:radial-gradient(40% 35% at 12% 8%,var(--k-blob1),transparent 70%),radial-gradient(38% 40% at 88% 18%,var(--k-blob2),transparent 70%),
   radial-gradient(45% 40% at 70% 85%,var(--k-blob3),transparent 70%),radial-gradient(35% 35% at 18% 75%,var(--k-blob4),transparent 70%),var(--k-grund)}
body.nk-kristall .wp-site-blocks{background:transparent}
body.nk-kristall .nk-blob{display:none}

/* ---------- Glasflächen */
body.nk-kristall .nk-karte,body.nk-kristall .nk-dunkel>.nk-innen,body.nk-kristall .nk-cta,body.nk-kristall .nk-karte-dunkel,body.nk-kristall .nk-mini-bewerben,
body.nk-kristall .nk-rechner-links,body.nk-kristall .nk-rechner-rechts,body.nk-kristall .nk-zeiten,body.nk-kristall .nk-tabelle,body.nk-kristall .nk-vergleich,
body.nk-kristall .nk-edel-kasten,body.nk-kristall .nk-schild,body.nk-kristall .nk-filterleiste,body.nk-kristall .nk-motiv-blatt,
body.nk-kristall .nk-shop div.product .summary,body.nk-kristall .nk-shop ul.products li.product,body.nk-kristall .wc-block-cart__sidebar,
body.nk-kristall .woocommerce-account form.login,body.nk-kristall .woocommerce-account form.register,body.nk-kristall .woocommerce table.shop_table{
  background:linear-gradient(150deg,var(--k-glas-hi),transparent 40%),var(--k-glas)!important;border:1px solid var(--k-glas-rand)!important;
  -webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);
  box-shadow:var(--k-schatten),inset 0 1px 1px var(--k-glas-rand)!important;color:var(--k-tinte)}
body.nk-kristall .nk-karte,body.nk-kristall .nk-karte-dunkel{border-radius:28px}
body.nk-kristall .nk-dunkel>.nk-innen,body.nk-kristall .nk-cta{border-radius:34px}
body.nk-kristall .nk-weiss{background:transparent}
body.nk-kristall .nk-dunkel{background:transparent;color:var(--k-tinte)}
body.nk-kristall .nk-dunkel h1,body.nk-kristall .nk-dunkel h2,body.nk-kristall .nk-dunkel h3,body.nk-kristall .nk-cta h2,body.nk-kristall .nk-karte-dunkel h3,
body.nk-kristall .nk-karte h3,body.nk-kristall .nk-sektion h2{color:var(--k-tinte)}
body.nk-kristall .nk-dunkel p,body.nk-kristall .nk-cta p,body.nk-kristall .nk-karte-dunkel p,body.nk-kristall .nk-lead{color:var(--k-tinte2)}
body.nk-kristall .nk-titel{background:linear-gradient(100deg,var(--k-tinte) 0%,var(--k-tinte) 35%,var(--k-akzent) 50%,var(--k-tinte) 65%,var(--k-tinte) 100%);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text}
body.nk-kristall .nk-chip,body.nk-kristall .nk-dunkel .nk-chip,body.nk-kristall .nk-cta .nk-chip{background:rgba(255,255,255,.5);color:var(--k-akzent-text);
  border:1px solid var(--k-glas-rand);box-shadow:inset 0 1px 1px var(--k-glas-rand)}
body.nk-kristall :where(.nk-haupt) a{color:var(--k-akzent-text)}
body.nk-kristall .nk-hero-links a:first-child{color:var(--k-akzent-text)}
body.nk-kristall .nk-frage summary::after{color:var(--k-akzent)}
body.nk-kristall .nk-erklaerung{background:var(--k-akzent-weich);color:var(--k-tinte)!important}

/* ---------- Kopfzeile: Glas statt Schwarz */
body.nk-kristall .nk-leiste{color:var(--k-tinte);box-shadow:var(--k-schatten)}
body.nk-kristall .nk-leiste::before{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.08) 60%),rgba(255,255,255,.46);
  border:1px solid var(--k-glas-rand);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -1px 1px rgba(255,255,255,.2)}
body.nk-kristall .nk-leiste{border-radius:30px}
body.nk-kristall .nk-nav .wp-block-navigation-item__content{color:var(--k-tinte)!important}
body.nk-kristall .nk-nav .wp-block-navigation-item__content:hover,body.nk-kristall .nk-nav .current-menu-item>.wp-block-navigation-item__content{
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2));color:var(--k-akzent-text)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9)}
body.nk-kristall .nk-nav .wp-block-navigation__submenu-container{background:var(--k-glas-dicht)!important;border:1px solid var(--k-glas-rand)!important;
  -webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);box-shadow:var(--k-schatten)!important;border-radius:20px}
body.nk-kristall .nk-nav .wp-block-navigation__submenu-icon,body.nk-kristall .nk-nav .wp-block-navigation__responsive-container-open,
body.nk-kristall .nk-nav .wp-block-navigation__responsive-container-close{color:var(--k-tinte)}
body.nk-kristall .nk-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--k-glas-dicht)!important;color:var(--k-tinte)!important;
  -webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}
body.nk-kristall .nk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--k-tinte2)!important}

/* ---------- Knöpfe: Kapseln mit Lichtkante */
body.nk-kristall .nk-btn,body.nk-kristall .wp-block-button__link,body.nk-kristall .woocommerce .button,body.nk-kristall .woocommerce button.button,
body.nk-kristall .woocommerce a.button{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),var(--k-akzent)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 8px 22px var(--k-akzent-schatten)!important;animation:none}
body.nk-kristall .nk-btn:hover,body.nk-kristall .wp-block-button__link:hover{filter:brightness(1.07);transform:translateY(-2px)}
body.nk-kristall .nk-btn-hell,body.nk-kristall .is-style-hell .wp-block-button__link,body.nk-kristall .nk-btn-rand{
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.18)),var(--k-glas)!important;color:var(--k-tinte)!important;
  border:1px solid var(--k-glas-rand)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.08)!important}
body.nk-kristall .nk-btn-rand:hover{color:var(--k-akzent-text)!important}
body.nk-kristall .nk-filterleiste button.ist-aktiv,body.nk-kristall .nk-wahl button.ist-aktiv,body.nk-kristall .nk-gs-chip.ist-aktiv,body.nk-kristall .nk-anlass.ist-aktiv{
  background:var(--k-akzent)!important;color:#fff!important;border-color:transparent!important}

/* ---------- Felder */
body.nk-kristall .nk-feld input,body.nk-kristall .nk-feld textarea,body.nk-kristall .nk-feld select,body.nk-kristall .woocommerce form .input-text,
body.nk-kristall .woocommerce form select{background:rgba(255,255,255,.55)!important;border:1px solid var(--k-glas-rand)!important;border-radius:14px}
body.nk-kristall .nk-feld input:focus{outline-color:var(--k-akzent)}

/* ---------- Bänder, Nummern, Symbole */
body.nk-kristall .nk-band{background:var(--k-glas)!important;color:var(--k-tinte)!important;border-block:1px solid var(--k-glas-rand);
  -webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
body.nk-kristall .nk-nr,body.nk-kristall .nk-liste-schritte li::before,body.nk-kristall .nk-gs-nr{background:var(--k-akzent)!important;color:#fff!important}
body.nk-kristall .nk-icon,body.nk-kristall .nk-refill-icon,body.nk-kristall .nk-lohn-icon{background:rgba(255,255,255,.5)!important;color:var(--k-akzent-text)!important;
  box-shadow:inset 0 1px 1px var(--k-glas-rand)}

/* ---------- Fußzeile: dunkles Glas */
body.nk-kristall .nk-fuss{background:linear-gradient(180deg,rgba(15,26,43,.72),rgba(15,26,43,.86))!important;color:#C3CBD8;
  -webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border-top:1px solid rgba(255,255,255,.25);
  border-radius:34px 34px 0 0}
body.nk-kristall .nk-fuss a{color:#9CC4FF}
body.nk-kristall.nk-akzent-gold .nk-fuss a{color:#D9BE85}
body.nk-kristall .nk-fuss-unten{border-top-color:rgba(255,255,255,.16)}

/* ---------- Barrierearm: „Transparenz reduzieren“ → deckende Flächen */
@media (prefers-reduced-transparency:reduce){
  body.nk-kristall .nk-karte,body.nk-kristall .nk-dunkel>.nk-innen,body.nk-kristall .nk-cta,body.nk-kristall .nk-karte-dunkel,body.nk-kristall .nk-leiste::before,
  body.nk-kristall .nk-zeiten,body.nk-kristall .nk-tabelle,body.nk-kristall .nk-band,body.nk-kristall .nk-fuss{background:var(--k-glas-dicht)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.nk-kristall .nk-fuss{background:#16202f!important}
  body.nk-kristall::before{filter:none;opacity:.5}}
@media (prefers-reduced-motion:reduce){body.nk-kristall .nk-btn:hover,body.nk-kristall .wp-block-button__link:hover{transform:none}}

/* ---------- Goldtöne im Blau-Akzent, Laufband, Aktion */
body.nk-kristall.nk-akzent-blau .nk-gold{background:linear-gradient(110deg,#0A84FF,#7FB2FF 50%,#0060DF);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
body.nk-kristall .nk-band span{color:var(--k-tinte)}
body.nk-kristall .nk-band span::after{background:var(--k-akzent)}
body.nk-kristall .nk-aktion{background:linear-gradient(150deg,var(--k-glas-hi),transparent 45%),var(--k-glas)!important;border:1px solid var(--k-glas-rand);
  -webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);box-shadow:var(--k-schatten),inset 0 1px 1px var(--k-glas-rand);animation:none;color:var(--k-tinte)}
body.nk-kristall .nk-aktion small{color:var(--k-tinte2)}
body.nk-kristall .nk-aktion-schild{background:var(--k-akzent);color:#fff}
body.nk-kristall.nk-akzent-blau .nk-zahlen b{color:var(--k-akzent-text)}
body.nk-kristall.nk-akzent-gold .nk-btn.nk-btn-hell,body.nk-kristall.nk-akzent-gold .is-style-hell .wp-block-button__link,body.nk-kristall.nk-akzent-gold .nk-btn.nk-btn-rand{
  background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.2)),var(--k-glas)!important;color:var(--k-tinte)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 2px 8px rgba(90,70,30,.08)!important}