/* ============================================================
   NUI Vital — Design-Tokens (Quelle: style-guide.md, Mockups v3)
   ============================================================ */

/* ---- Lokale Fonts (DSGVO: kein Google-Request) ---- */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/open-sans-v44-latin_latin-ext-300.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/open-sans-v44-latin_latin-ext-regular.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/open-sans-v44-latin_latin-ext-600.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/open-sans-v44-latin_latin-ext-700.woff2") format("woff2")}
@font-face{font-family:"Assistant";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/assistant-v24-latin_latin-ext-300.woff2") format("woff2")}
@font-face{font-family:"Assistant";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/assistant-v24-latin_latin-ext-regular.woff2") format("woff2")}
@font-face{font-family:"Assistant";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/assistant-v24-latin_latin-ext-600.woff2") format("woff2")}
@font-face{font-family:"Assistant";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/assistant-v24-latin_latin-ext-700.woff2") format("woff2")}

/* ---- Token-Variablen ---- */
:root{
  --nui-gruen:#006650;
  --nui-gruen-tief:#03392e;
  --nui-lila:#5e2964;        /* NUR NONI-Familie */
  --nui-lila-tief:#3d1a42;
  --nui-helllila:#e2ccea;
  --nui-lila-creme:#f4edf5;
  --nui-gold:#c5a35c;
  --nui-gold-hell:#d2b470;
  --nui-hellgruen:#bcd6dc;
  --nui-creme:#f6f3ec;
  --nui-sand:#efeae0;
  --nui-bg:#FBFAF7;
  --nui-ink:#30362f;         /* 90%-Schwarz (Entscheidung 2026-06-10) */
  --nui-muted:#6d756f;
  --nui-rule:rgba(48,54,47,.12);
  /* Radius-Sprache vom Etikett */
  --nui-r:26px;
  --nui-r-sm:14px;
}

/* ---- Basis-Anwendung der Tokens ---- */
body{background:var(--nui-bg);color:var(--nui-ink)}

/* Radius global: Buttons, Inputs, Karten */
button, .button, .wp-block-button__link, input[type="submit"],
.wc-block-components-button, .single_add_to_cart_button,
.kb-button, .kt-button{border-radius:var(--nui-r-sm) !important}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], textarea, select{border-radius:var(--nui-r-sm)}
.kb-row-layout-wrap.nui-card, .nui-card{border-radius:var(--nui-r);overflow:hidden}

/* Eyebrow-Stil (Sektions-Ritual 6.4: Gold-Versalien) */
.nui-eyebrow{font-family:"Open Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold)}

/* Headline-Farb-Regel: Bold-Akzent Grün (Default hell) */
.nui-display b, .nui-display strong{font-weight:700;color:var(--nui-gruen)}
/* NONI-Kontext: Lila */
.nui-noni .nui-display b, .nui-noni .nui-display strong{color:var(--nui-lila)}
/* Dunkle Flaechen: Gold */
.nui-dark .nui-display b, .nui-dark .nui-display strong{color:var(--nui-gold-hell)}

/* Utility-Bar (Header-Topbar) */
.nui-topbar{font-family:"Open Sans",sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.nui-topbar b{color:var(--nui-gold-hell);font-weight:700}

/* Header-Feinschliff */
.site-top-header-wrap .nui-topbar{color:rgba(255,255,255,.85)}
.site-top-header-wrap{letter-spacing:.28em}
.main-navigation .primary-menu-container > ul > li > a{font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-ink)}
.main-navigation .primary-menu-container > ul > li > a:hover{color:var(--nui-gruen)}
.site-header .main-navigation a, #main-menu a{color:var(--nui-ink) !important}
.site-header .main-navigation a:hover, #main-menu a:hover{color:var(--nui-gruen) !important}

/* ---- Footer (Block 2 · Quelle: mockup-home-v2.html + seitenstruktur §3) ---- */
#colophon{color:rgba(255,255,255,.62)}
.site-middle-footer-wrap .site-footer-row-container-inner > .site-container{padding-top:110px;padding-bottom:0}
.site-middle-footer-inner-wrap{padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.14)}
@media (min-width:1025px){
  .site-middle-footer-inner-wrap.site-footer-row-columns-5{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;column-gap:60px}
}
@media (max-width:1024px){
  .site-middle-footer-wrap .site-footer-row-container-inner > .site-container{padding-top:70px}
}
#colophon .nui-f-titel{font-family:"Open Sans",sans-serif;color:#fff;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;margin:0 0 24px}
#colophon .nui-f-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14.5px;font-weight:300}
#colophon .nui-f-liste a{color:rgba(255,255,255,.62);text-decoration:none}
#colophon .nui-f-liste a:hover{color:var(--nui-gold-hell)}
.nui-f-logo{display:block;height:auto}
.nui-f-adresse{font-size:14px;font-weight:300;margin:24px 0 0;max-width:300px;line-height:1.8;color:rgba(255,255,255,.62)}
.nui-f-certs{display:flex;gap:26px;margin:34px 0 0;flex-wrap:wrap}
.nui-f-certs span{font-family:"Open Sans",sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.site-bottom-footer-wrap .site-footer-row-container-inner > .site-container{padding-top:34px;padding-bottom:50px}
.site-bottom-footer-wrap .footer-html{font-size:12px;font-weight:300;color:rgba(255,255,255,.62)}
.site-bottom-footer-wrap .footer-html p{margin:0}
.site-bottom-footer-wrap .footer-html{text-align:left}

/* ---- Home (Block 3 · Quelle: mockup-home.html v3, gescoped auf .nui-home) ---- */
.nui-home{font-family:'Assistant',sans-serif;font-weight:400;color:var(--nui-ink);font-size:16px;line-height:1.65}
.nui-home h1,.nui-home h2,.nui-home h3{font-family:'Open Sans',sans-serif;color:var(--nui-ink)}
.nui-home a{color:inherit;text-decoration:none}
.nui-home img{display:block;max-width:100%}
.nui-home .wrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-home .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold)}
.nui-home .eyebrow.lila{color:var(--nui-lila)}
.nui-home .eyebrow.lilac{color:var(--nui-helllila)}
.nui-home .display{font-weight:300;letter-spacing:-.025em;line-height:1.04}
.nui-home .display b,.nui-home .display strong{font-weight:700;color:var(--nui-gruen)}
.nui-home .hero h1 b{color:#fff}
.nui-home .noni-head b{color:var(--nui-lila)}
.nui-home .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-ink);color:#fff;border:1px solid var(--nui-ink);border-radius:var(--nui-r-sm);transition:.25s;cursor:pointer}
.nui-home .btn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-home .btn.gold{background:var(--nui-gold);border-color:var(--nui-gold);color:#fff}
.nui-home .btn.gold:hover{background:var(--nui-ink);border-color:var(--nui-ink)}
.nui-home .btn.line{background:transparent;color:var(--nui-ink)}
.nui-home .btn.line:hover{background:var(--nui-ink);color:#fff}
.nui-home .btn.line.invert{color:#fff;border-color:rgba(255,255,255,.55)}
.nui-home .btn.line.invert:hover{background:#fff;color:var(--nui-gruen-tief);border-color:#fff}
.nui-home .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px;transition:.2s}
.nui-home .tlink:hover{color:var(--nui-gruen);border-color:var(--nui-gruen)}

/* Hero */
.nui-home .hero{position:relative;min-height:calc(100vh - 114px);overflow:hidden;display:flex;align-items:flex-end}
.nui-home .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.nui-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(76deg,rgba(8,16,12,.62) 0%,rgba(8,16,12,.28) 46%,rgba(8,16,12,0) 72%)}
.nui-home .hero .copy{position:relative;z-index:2;color:#fff;padding:0 48px 96px;max-width:860px}
.nui-home .hero .eyebrow{color:var(--nui-gold-hell)}
.nui-home .hero h1{font-size:clamp(52px,5.4vw,82px);color:#fff;margin:26px 0 0}
.nui-home .hero h1 .gold{color:var(--nui-gold-hell);font-style:italic;font-family:'Assistant',sans-serif;font-weight:300}
.nui-home .hero .sub{font-size:19px;font-weight:300;color:rgba(255,255,255,.86);max-width:480px;margin:30px 0 42px;line-height:1.7}
.nui-home .hero .ctas{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nui-home .hero .ctas .tlink{color:#fff;border-color:rgba(255,255,255,.6)}
.nui-home .hero .ctas .tlink:hover{color:var(--nui-gold-hell);border-color:var(--nui-gold-hell)}
.nui-home .hero .plabel{position:absolute;right:0;bottom:0;z-index:3;background:var(--nui-bg);color:var(--nui-ink);padding:24px 48px 24px 34px;max-width:360px;border-top-left-radius:var(--nui-r)}
.nui-home .hero .plabel .eyebrow{color:var(--nui-lila);font-size:10px}
.nui-home .hero .plabel h3{font-size:19px;font-weight:700;margin:7px 0 3px;color:var(--nui-lila)}
.nui-home .hero .plabel p{font-size:13.5px;color:var(--nui-muted)}

/* Marquee */
.nui-home .marquee{border-bottom:1px solid var(--nui-rule);overflow:hidden;padding:20px 0;background:var(--nui-bg)}
.nui-home .marquee .track{display:flex;white-space:nowrap;animation:nuiSlide 36s linear infinite;width:max-content}
.nui-home .marquee span{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.30em;text-transform:uppercase;color:var(--nui-muted);padding:0 38px;position:relative}
.nui-home .marquee span::after{content:"·";position:absolute;right:-6px;color:var(--nui-gold)}
@keyframes nuiSlide{to{transform:translateX(-50%)}}

/* Sektions-Gerüst */
.nui-home .section{padding:130px 0}
.nui-home .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:64px}
.nui-home .sec-head h2{font-size:clamp(38px,3.4vw,54px);font-weight:300;letter-spacing:-.02em;line-height:1.1;max-width:640px}
.nui-home .sec-head h2 b{font-weight:700}
.nui-home .sec-head .eyebrow{display:block;margin-bottom:18px}
.nui-home .shopband{background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule)}

/* Routinen-Welten */
.nui-home .worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 38px}
.nui-home .world{display:block}
.nui-home .world .imgbox{overflow:hidden;background:var(--nui-sand);aspect-ratio:4/4.6;margin-bottom:24px;border-radius:var(--nui-r)}
.nui-home .world .imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.nui-home .world:hover .imgbox img{transform:scale(1.045)}
.nui-home .world .eyebrow{font-size:10px;color:var(--nui-muted)}
.nui-home .world h3{font-size:23px;font-weight:600;margin:10px 0 6px;letter-spacing:-.01em}
.nui-home .world p{font-size:14.5px;color:var(--nui-muted);font-weight:300}
.nui-home .world.noni .eyebrow,.nui-home .world.noni h3{color:var(--nui-lila)}

/* Pills */
.nui-home .pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:46px}
.nui-home .pill{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border:1px solid var(--nui-rule);background:transparent;color:var(--nui-muted);cursor:pointer;transition:.2s;border-radius:100px}
.nui-home .pill:hover{border-color:var(--nui-ink);color:var(--nui-ink)}
.nui-home .pill.on{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-home .pill.sep{border:0;color:var(--nui-rule);padding:11px 4px;cursor:default}

/* Produktkarten */
.nui-home .products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nui-home .product{background:var(--nui-creme);border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;padding:0 0 28px;display:flex;flex-direction:column;transition:background .3s,border-color .3s;position:relative}
.nui-home .product:hover{background:#fff;border-color:rgba(48,54,47,.24)}
.nui-home .product .meta,.nui-home .product .use,.nui-home .product .desc{margin-left:26px;margin-right:26px}
.nui-home .badge{position:absolute;top:18px;left:18px;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px;background:var(--nui-ink);color:#fff;z-index:2;border-radius:100px}
.nui-home .badge.gold{background:var(--nui-gold);color:#fff}
.nui-home .badge.lila{background:var(--nui-lila);color:#fff}
.nui-home .badge.neu{background:var(--nui-hellgruen);color:var(--nui-ink)}
.nui-home .product .pimg{aspect-ratio:1;width:100%;overflow:hidden;margin-bottom:22px}
.nui-home .product .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nui-home .product:hover .pimg img{transform:scale(1.04)}
.nui-home .product .meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.nui-home .product .fam{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-gold)}
.nui-home .product.noni .fam{color:var(--nui-lila)}
.nui-home .product .stars{font-size:11px;color:var(--nui-gold);letter-spacing:.1em;white-space:nowrap}
.nui-home .product .stars small{color:var(--nui-muted);font-size:10px;letter-spacing:.04em}
.nui-home .product .use{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);margin-top:10px}
.nui-home .product h3{font-size:19px;font-weight:600;margin:6px 26px 5px}
.nui-home .product .desc{font-size:13.5px;color:var(--nui-muted);font-weight:300;flex:1;line-height:1.6}
.nui-home .addbtn{display:flex;justify-content:space-between;align-items:center;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--nui-ink);border-radius:var(--nui-r-sm);padding:15px 18px;margin:24px 26px 0;transition:.2s;cursor:pointer;background:transparent;color:var(--nui-ink)}
.nui-home .addbtn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-home .addbtn .p{letter-spacing:.04em;font-size:13px}
.nui-home .product.noni .addbtn{border-color:var(--nui-lila);color:var(--nui-lila)}
.nui-home .product.noni .addbtn:hover{background:var(--nui-lila);color:#fff}
.nui-home .addbtn.out{border-style:dashed;border-color:var(--nui-muted);color:var(--nui-muted)}
.nui-home .addbtn.out:hover{background:var(--nui-gold);border-color:var(--nui-gold);color:#fff}
.nui-home .gp{font-family:'Open Sans',sans-serif;font-size:10px;color:var(--nui-muted);letter-spacing:.06em;margin:8px 26px 0}
.nui-home .product.noni{background:#f3ecf4}
.nui-home .product.noni:hover{background:#f8f3f9}
.nui-home .product.noni h3{color:var(--nui-lila)}
.nui-home .product.editorial{background:var(--nui-gruen-tief);color:#fff;justify-content:center;gap:14px;padding:40px 30px}
.nui-home .product.editorial p,.nui-home .product.editorial h3{margin-left:0;margin-right:0}
.nui-home .product.editorial:hover{background:var(--nui-gruen)}
.nui-home .product.editorial .eyebrow{color:var(--nui-gold-hell)}
.nui-home .product.editorial h3{color:#fff;font-size:24px;font-weight:300;line-height:1.25}
.nui-home .product.editorial h3 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-home .product.editorial.quiz h3 b{color:var(--nui-helllila)}
.nui-home .product.editorial p{color:rgba(255,255,255,.7);font-weight:300;font-size:14px}
.nui-home .product.editorial .tlink{color:#fff;border-color:rgba(255,255,255,.5);align-self:flex-start;margin-top:14px}
.nui-home .product.editorial.quiz{background:var(--nui-lila)}
.nui-home .product.editorial.quiz:hover{background:#4a1f50}
.nui-home .product.editorial.quiz .eyebrow{color:var(--nui-helllila)}

/* NONI-Bühne */
.nui-home .stagecards{display:grid;grid-template-columns:1.15fr .85fr;gap:38px}
.nui-home .stagecard{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:560px;background:var(--nui-lila);border-radius:var(--nui-r)}
.nui-home .stagecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.nui-home .stagecard:hover img{transform:scale(1.04)}
.nui-home .stagecard::after{content:"";position:absolute;inset:0;background:linear-gradient(8deg,rgba(40,12,46,.72) 0%,rgba(40,12,46,.1) 55%)}
.nui-home .stagecard .inner{position:relative;z-index:2;padding:44px;color:#fff}
.nui-home .stagecard .eyebrow{color:var(--nui-helllila)}
.nui-home .stagecard h3{color:#fff;font-size:clamp(26px,2.2vw,34px);font-weight:300;margin:12px 0 8px}
.nui-home .stagecard h3 b{font-weight:700;color:#fff}
.nui-home .stagecard p{font-weight:300;color:rgba(255,255,255,.8);font-size:15px;max-width:380px;margin-bottom:22px}
.nui-home .stagecard .tlink{color:#fff;border-color:rgba(255,255,255,.55)}

/* Herkunft */
.nui-home .origin{position:relative;background:var(--nui-gruen-tief);color:#fff;overflow:hidden}
.nui-home .origin .grid{display:grid;grid-template-columns:1fr 1fr;min-height:760px}
.nui-home .origin .img{position:relative}
.nui-home .origin .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.nui-home .origin .copy{padding:120px 48px 120px 90px;display:flex;flex-direction:column;justify-content:center;max-width:720px}
.nui-home .origin .eyebrow{color:var(--nui-gold-hell)}
.nui-home .origin h2{color:#fff;font-size:clamp(40px,3.6vw,58px);font-weight:300;letter-spacing:-.02em;line-height:1.08;margin:22px 0 26px}
.nui-home .origin h2 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-home .origin .lead{color:rgba(255,255,255,.72);font-weight:300;font-size:17.5px;max-width:460px;margin-bottom:58px}
.nui-home .pillars{display:grid;border-top:1px solid rgba(255,255,255,.18)}
.nui-home .pillar{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:baseline}
.nui-home .pillar i{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300;font-size:30px;color:var(--nui-gold-hell)}
.nui-home .pillar h4{font-family:'Open Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.nui-home .pillar p{font-size:14.5px;color:rgba(255,255,255,.65);font-weight:300}
.nui-home .origin-cta{margin-top:54px}

/* Quiz-Band */
.nui-home .quizband{background:var(--nui-bg);text-align:center;padding:150px 48px;border-bottom:1px solid var(--nui-rule)}
.nui-home .quizband h2{font-size:clamp(42px,4.4vw,68px);font-weight:300;letter-spacing:-.025em;line-height:1.06;max-width:880px;margin:26px auto 30px}
.nui-home .quizband h2 em{font-style:italic;font-family:'Assistant',sans-serif;color:var(--nui-gruen)}
.nui-home .quizband p{color:var(--nui-muted);font-weight:300;font-size:17px;margin-bottom:48px}

/* Experten */
.nui-home .experts{background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule)}
.nui-home .exp-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.nui-home .exp-feature .imgbox{aspect-ratio:4/5;background:var(--nui-sand);overflow:hidden;border-radius:var(--nui-r)}
.nui-home .exp-feature .imgbox img{width:100%;height:100%;object-fit:cover}
.nui-home .exp-feature blockquote{font-family:'Assistant',sans-serif;font-weight:300;font-size:clamp(26px,2.4vw,36px);line-height:1.35;letter-spacing:-.01em;border:0;margin:0;padding:0;background:transparent}
.nui-home .exp-feature blockquote::before{content:"„";color:var(--nui-gold);font-size:1.4em;line-height:0}
.nui-home .exp-feature .who{margin-top:34px;padding-top:24px;border-top:1px solid var(--nui-rule)}
.nui-home .exp-feature .who b{font-family:'Open Sans',sans-serif;font-size:14px;letter-spacing:.06em}
.nui-home .exp-feature .who span{display:block;font-size:12px;color:var(--nui-muted);font-family:'Open Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;margin-top:4px}
.nui-home .exp-row{display:grid;grid-template-columns:repeat(2,1fr);gap:38px;margin-top:86px}
.nui-home .exp-mini{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:center;padding-top:30px;border-top:1px solid var(--nui-rule)}
.nui-home .exp-mini img{width:120px;height:144px;object-fit:cover;border-radius:var(--nui-r-sm)}
.nui-home .exp-mini q{quotes:"„" "“";font-weight:300;font-size:16px;line-height:1.55}
.nui-home .exp-mini .who{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);margin-top:10px}
.nui-home .exp-mini .who b{color:var(--nui-ink)}

/* Newsletter */
.nui-home .news{padding:140px 48px;text-align:center}
.nui-home .news h2{font-size:clamp(34px,3vw,46px);font-weight:300;letter-spacing:-.02em;margin:22px 0 14px}
.nui-home .news p{color:var(--nui-muted);font-weight:300;margin-bottom:54px}
.nui-home .news form{display:flex;max-width:520px;margin:0 auto;border:1px solid var(--nui-ink);border-radius:100px;padding:4px 8px 4px 24px}
.nui-home .news input{flex:1;border:0;background:transparent;font-family:'Assistant',sans-serif;font-weight:300;font-size:17px;padding:14px 4px;outline:none;border-radius:0}
.nui-home .news button{border:0;background:transparent;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;color:var(--nui-gruen);border-radius:0 !important}
.nui-home .news .member{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);margin-top:44px}
.nui-home .news .member b{color:var(--nui-gold)}

/* Responsive */
@media(max-width:1080px){
  .nui-home .wrap{padding:0 28px}
  .nui-home .hero{min-height:78vh}
  .nui-home .hero .copy{padding:0 28px 120px}
  .nui-home .hero .plabel{max-width:280px;padding:18px 28px 18px 22px}
  .nui-home .worlds{grid-template-columns:1fr 1fr}
  .nui-home .products{grid-template-columns:1fr 1fr}
  .nui-home .stagecards{grid-template-columns:1fr}
  .nui-home .stagecard{min-height:440px}
  .nui-home .origin .grid{grid-template-columns:1fr}
  .nui-home .origin .img{min-height:420px}
  .nui-home .origin .copy{padding:80px 28px}
  .nui-home .exp-feature{grid-template-columns:1fr;gap:44px}
  .nui-home .exp-row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nui-home .hero h1{font-size:38px}
  .nui-home .hero .sub{font-size:16px}
  .nui-home .hero .copy{padding:0 24px 70px}
  .nui-home .products{grid-template-columns:1fr}
  .nui-home .worlds{grid-template-columns:1fr}
  .nui-home .hero .plabel{position:static;max-width:none;border-radius:0}
  .nui-home .hero{flex-direction:column;align-items:stretch}
}

/* ---- Routinen-Seiten (Block 4 · Quelle: mockup-routine.html v1, gescoped auf .nui-routine) ---- */
.nui-routine{font-family:'Assistant',sans-serif;font-weight:400;color:var(--nui-ink);font-size:16px;line-height:1.65}
.nui-routine h1,.nui-routine h2,.nui-routine h3{font-family:'Open Sans',sans-serif;color:var(--nui-ink)}
.nui-routine a{color:inherit;text-decoration:none}
.nui-routine img{display:block;max-width:100%}
.nui-routine .wrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-routine .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold)}
.nui-routine .display{font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-routine .display b{font-weight:700;color:var(--nui-gruen)}
.nui-routine .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-ink);color:#fff;border:1px solid var(--nui-ink);border-radius:var(--nui-r-sm);transition:.25s;cursor:pointer}
.nui-routine .btn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-routine .btn.gruen{background:var(--nui-gruen);border-color:var(--nui-gruen)}
.nui-routine .btn.gruen:hover{background:var(--nui-gruen-tief)}
.nui-routine .crumbs{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);padding:28px 48px 0}
.nui-routine .crumbs a:hover{color:var(--nui-gruen)}

/* Split-Intro */
.nui-routine .intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:44px 0 90px}
.nui-routine .intro h1{font-size:clamp(40px,3.8vw,60px);margin-top:22px}
.nui-routine .intro .lead{font-weight:300;font-size:18px;color:var(--nui-muted);max-width:460px;margin:24px 0 36px;line-height:1.7}
.nui-routine .intro .benefits{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:40px}
.nui-routine .intro .benefits div{display:flex;align-items:center;gap:11px;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted)}
.nui-routine .intro .benefits i{font-style:normal;width:38px;height:38px;border:1px solid var(--nui-gruen);border-radius:50%;color:var(--nui-gruen);font-size:15px;line-height:36px;text-align:center;flex:none}
.nui-routine .intro .visual{aspect-ratio:4/4.4;border-radius:var(--nui-r);overflow:hidden}
.nui-routine .intro .visual img{width:100%;height:100%;object-fit:cover}

/* Pills */
.nui-routine .pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:54px}
.nui-routine .pill{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border:1px solid var(--nui-rule);background:transparent;color:var(--nui-muted);cursor:pointer;transition:.2s;border-radius:100px}
.nui-routine .pill:hover{border-color:var(--nui-ink);color:var(--nui-ink)}
.nui-routine .pill.on{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}

/* Kuratierte Gruppen */
.nui-routine .group{margin-bottom:90px}
.nui-routine .group .ghead{max-width:640px;margin-bottom:40px}
.nui-routine .group .ghead .eyebrow{display:block;margin-bottom:14px}
.nui-routine .group h2{font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.02em}
.nui-routine .group h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-routine .group .gsub{font-weight:300;color:var(--nui-muted);font-size:16.5px;margin-top:12px;line-height:1.7}
.nui-routine .claims-note{font-family:'Open Sans',sans-serif;font-size:11px;color:var(--nui-muted);letter-spacing:.04em;margin:-50px 0 90px;max-width:720px;line-height:1.7}

/* Produktkarten (3 Spalten) */
.nui-routine .products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nui-routine .product{background:var(--nui-creme);border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;padding:0 0 28px;display:flex;flex-direction:column;transition:background .3s,border-color .3s;position:relative}
.nui-routine .product:hover{background:#fff;border-color:rgba(48,54,47,.24)}
.nui-routine .product .meta,.nui-routine .product .use,.nui-routine .product .desc{margin-left:26px;margin-right:26px}
.nui-routine .badge{position:absolute;top:18px;left:18px;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px;background:var(--nui-gold);color:#fff;z-index:2;border-radius:100px}
.nui-routine .badge.lila{background:var(--nui-lila)}
.nui-routine .product .pimg{aspect-ratio:1;width:100%;overflow:hidden;margin-bottom:22px}
.nui-routine .product .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nui-routine .product:hover .pimg img{transform:scale(1.04)}
.nui-routine .product .meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.nui-routine .product .fam{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-gold)}
.nui-routine .product.noni .fam{color:var(--nui-lila)}
.nui-routine .product .use{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);margin-top:10px}
.nui-routine .product h3{font-size:19px;font-weight:600;margin:6px 26px 5px}
.nui-routine .product .desc{font-size:13.5px;color:var(--nui-muted);font-weight:300;flex:1;line-height:1.6}
.nui-routine .addbtn{display:flex;justify-content:space-between;align-items:center;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--nui-ink);border-radius:var(--nui-r-sm);padding:15px 18px;margin:24px 26px 0;transition:.2s;cursor:pointer;background:transparent;color:var(--nui-ink)}
.nui-routine .addbtn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-routine .addbtn .p{letter-spacing:.04em;font-size:13px}
.nui-routine .product.noni{background:#f3ecf4}
.nui-routine .product.noni:hover{background:#f8f3f9}
.nui-routine .product.noni h3{color:var(--nui-lila)}
.nui-routine .product.noni .addbtn{border-color:var(--nui-lila);color:var(--nui-lila)}
.nui-routine .product.noni .addbtn:hover{background:var(--nui-lila);color:#fff}

/* Experten-Stack */
.nui-routine .stack{background:var(--nui-gruen-tief);color:#fff;border-radius:var(--nui-r);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;margin:20px 0 110px}
.nui-routine .stack .img{position:relative;min-height:480px}
.nui-routine .stack .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nui-routine .stack .copy{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.nui-routine .stack .eyebrow{color:var(--nui-gold-hell)}
.nui-routine .stack h2{color:#fff;font-size:clamp(28px,2.6vw,40px);font-weight:300;margin:16px 0 10px}
.nui-routine .stack h2 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-routine .stack p{color:rgba(255,255,255,.72);font-weight:300;max-width:420px;margin-bottom:36px}
.nui-routine .stack .items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}
.nui-routine .stack .item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--nui-r-sm);padding:14px;text-align:center}
.nui-routine .stack .item img{height:84px;margin:0 auto 10px;object-fit:contain}
.nui-routine .stack .item b{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;display:block}
.nui-routine .stack .item span{font-size:10.5px;color:rgba(255,255,255,.55)}
.nui-routine .stack .buyrow{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nui-routine .stack .price{font-family:'Open Sans',sans-serif;font-weight:300;font-size:34px}
.nui-routine .stack .price small{display:block;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em}
.nui-routine .stack .btn{background:var(--nui-gold);border-color:var(--nui-gold)}
.nui-routine .stack .btn:hover{background:#fff;border-color:#fff;color:var(--nui-gruen-tief)}

/* Matrix */
.nui-routine .matrix-section{background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);padding:110px 0}
.nui-routine .matrix{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff}
.nui-routine .matrix table{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.nui-routine .matrix th,.nui-routine .matrix td{padding:18px 20px;border-bottom:1px solid var(--nui-rule);text-align:center;border-left:0;border-right:0;border-top:0}
.nui-routine .matrix th{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--nui-creme);color:var(--nui-ink)}
.nui-routine .matrix th:first-child,.nui-routine .matrix td:first-child{text-align:left;font-weight:300;font-size:15px}
.nui-routine .matrix td:first-child{font-family:'Assistant',sans-serif}
.nui-routine .matrix tr:last-child td{border-bottom:0}
.nui-routine .matrix th.noni{color:var(--nui-lila)}
.nui-routine .matrix .ideal{display:inline-block;font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--nui-gruen);color:#fff;padding:5px 14px;border-radius:100px}
.nui-routine .matrix .ok{display:inline-block;font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--nui-gruen);color:var(--nui-gruen);padding:4px 13px;border-radius:100px}
.nui-routine .matrix .dash{color:#c9c2b4}
.nui-routine .matrix-note{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-muted);margin-top:16px}

/* FAQ */
.nui-routine .section{padding:110px 0}
.nui-routine .sec-head{max-width:640px;margin-bottom:54px}
.nui-routine .sec-head .eyebrow{display:block;margin-bottom:16px}
.nui-routine .sec-head h2{font-size:clamp(32px,3vw,46px);font-weight:300;letter-spacing:-.02em}
.nui-routine .sec-head h2 b{font-weight:700}
.nui-routine .faq{max-width:860px}
.nui-routine .faq details{border-bottom:1px solid var(--nui-rule)}
.nui-routine .faq details:first-of-type{border-top:1px solid var(--nui-rule)}
.nui-routine .faq summary{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:600;padding:26px 40px 26px 0;cursor:pointer;list-style:none;position:relative}
.nui-routine .faq summary::-webkit-details-marker{display:none}
.nui-routine .faq summary::after{content:"+";position:absolute;right:4px;top:22px;font-weight:300;font-size:26px;color:var(--nui-gold)}
.nui-routine .faq details[open] summary::after{content:"–"}
.nui-routine .faq details p{font-weight:300;color:var(--nui-muted);padding-bottom:28px;max-width:680px}

/* Responsive */
@media(max-width:1080px){
  .nui-routine .wrap{padding:0 28px}
  .nui-routine .crumbs{padding:28px 28px 0}
  .nui-routine .intro{grid-template-columns:1fr;gap:40px;padding-bottom:60px}
  .nui-routine .products{grid-template-columns:1fr 1fr}
  .nui-routine .stack{grid-template-columns:1fr}
  .nui-routine .stack .img{min-height:340px}
  .nui-routine .stack .copy{padding:44px 28px}
  .nui-routine .matrix{overflow-x:auto}
}
@media(max-width:640px){
  .nui-routine .products{grid-template-columns:1fr}
  .nui-routine .stack .items{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .nui-routine .intro .benefits{gap:16px}
}

/* ---- PDP v1 (Block 5 · CI-Styling Woo-Standard + Bausteine 4.1/4.4) ---- */
.single-product div.product .product_title{font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(30px,2.6vw,42px);letter-spacing:-.02em;color:var(--nui-ink)}
.single-product div.product p.price,.single-product div.product span.price{font-family:'Open Sans',sans-serif;font-weight:300;font-size:26px;color:var(--nui-ink)}
.single-product div.product .woocommerce-product-details__short-description{font-weight:300;color:var(--nui-muted);font-size:16.5px;line-height:1.7}
.single-product div.product form.cart .button,
.single-product div.product .single_add_to_cart_button{font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:17px 40px;background:var(--nui-gruen);border:1px solid var(--nui-gruen);color:#fff;transition:.25s}
.single-product div.product .single_add_to_cart_button:hover{background:var(--nui-gruen-tief);border-color:var(--nui-gruen-tief)}
.single-product div.product .woocommerce-product-gallery img{border-radius:var(--nui-r)}
.single-product div.product .related.products > h2,
.single-product div.product .woocommerce-tabs h2{font-family:'Open Sans',sans-serif;font-weight:300;letter-spacing:-.02em}

/* 4.1 Badge-Zeile */
.nui-pdp-badges{display:flex;gap:9px;flex-wrap:wrap;margin:6px 0 18px}
.nui-pdp-badges span{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--nui-rule);color:var(--nui-muted);padding:6px 14px;border-radius:100px}

/* 4.4 Trust-Box */
.nui-pdp-trust{border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);background:var(--nui-creme);padding:18px 22px;margin:22px 0;display:grid;gap:10px}
.nui-pdp-trust div{display:flex;align-items:center;gap:12px;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--nui-ink)}
.nui-pdp-trust i{font-style:normal;flex:none}

/* NONI-Familie: Lila-Akzente (4.7 — Buy-Bereich als Markenfläche, Light-Variante) */
body.nui-noni-familie.single-product div.product .product_title{color:var(--nui-lila)}
body.nui-noni-familie.single-product div.product .single_add_to_cart_button{background:var(--nui-lila);border-color:var(--nui-lila)}
body.nui-noni-familie.single-product div.product .single_add_to_cart_button:hover{background:#4a1f50;border-color:#4a1f50}
body.nui-noni-familie.single-product div.product p.price,
body.nui-noni-familie.single-product div.product span.price{color:var(--nui-lila)}
body.nui-noni-familie .nui-pdp-badges span{border-color:rgba(94,41,100,.3);color:var(--nui-lila)}

/* Varianten-Tabelle (Packung) */
.single-product div.product table.variations th{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted)}
.single-product div.product table.variations select{border-radius:var(--nui-r-sm);border:1px solid var(--nui-rule);padding:10px 14px;font-family:'Assistant',sans-serif}

/* ---- Shop-Kacheln (Block 5b · Mockup-Kartenanatomie 3.1–3.4) ---- */
.woocommerce ul.products li.product{background:var(--nui-creme);border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;padding:0 0 26px;display:flex;flex-direction:column;transition:background .3s,border-color .3s;position:relative;text-align:left}
.woocommerce ul.products li.product:hover{background:#fff;border-color:rgba(48,54,47,.24)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1}

/* Bild full-bleed bis an die Kartenkanten */
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product a img{margin:0 0 20px;border-radius:0;width:100%}

/* Sale-/Status-Badge als Pill */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{position:absolute;top:16px;left:16px;right:auto;min-height:0;line-height:1;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;background:var(--nui-gold);color:#fff;border-radius:100px;margin:0;z-index:2}

/* Karten-Anatomie */
.woocommerce ul.products li.product .nui-card-meta{margin:0 24px}
.woocommerce ul.products li.product .nui-card-fam{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-gold)}
.woocommerce ul.products li.product .nui-card-fam.noni{color:var(--nui-lila)}
.woocommerce ul.products li.product .nui-card-use{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);margin:9px 24px 0}
.woocommerce ul.products li.product .nui-card-title{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:600;margin:6px 24px 5px;color:var(--nui-ink);letter-spacing:-.01em}
.woocommerce ul.products li.product .nui-card-desc{font-size:13.5px;color:var(--nui-muted);font-weight:300;line-height:1.6;margin:0 24px;flex:1}

/* 3.2 Preis im Add-Button */
.woocommerce ul.products li.product .nui-addbtn{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--nui-ink);border-radius:var(--nui-r-sm);padding:14px 16px;margin:20px 24px 0;transition:.2s;background:transparent;color:var(--nui-ink);text-decoration:none}
.woocommerce ul.products li.product .nui-addbtn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.woocommerce ul.products li.product .nui-addbtn .p{letter-spacing:.04em;font-size:12.5px;white-space:nowrap}

/* NONI-Familie: Lila-Karte */
.woocommerce ul.products li.product.product_cat-noni-familie{background:#f3ecf4}
.woocommerce ul.products li.product.product_cat-noni-familie:hover{background:#f8f3f9}
.woocommerce ul.products li.product.product_cat-noni-familie .nui-card-title{color:var(--nui-lila)}
.woocommerce ul.products li.product.product_cat-noni-familie .nui-addbtn{border-color:var(--nui-lila);color:var(--nui-lila)}
.woocommerce ul.products li.product.product_cat-noni-familie .nui-addbtn:hover{background:var(--nui-lila);border-color:var(--nui-lila);color:#fff}
.woocommerce ul.products li.product.product_cat-noni-familie .onsale{background:var(--nui-lila)}

/* Kadence-Reste neutralisieren (Schnellkauf-Overlays, zentrierte Titel) */
.woocommerce ul.products li.product .product-details{padding:0;text-align:left}
.woocommerce ul.products li.product .product-action-wrap{margin:0}

/* Kadence-Doppel-Titel/-Excerpt ausblenden, weiße Innenbox neutralisieren */
.woocommerce ul.products li.product .product-details h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-details .product-excerpt{display:none}
.woocommerce ul.products li.product .product-details.content-bg{background:transparent}
.woocommerce ul.products li.product.content-bg{background:var(--nui-creme)}
.woocommerce ul.products li.product.content-bg:hover{background:#fff}
.woocommerce ul.products li.product.product_cat-noni-familie.content-bg{background:#f3ecf4}
.woocommerce ul.products li.product.product_cat-noni-familie.content-bg:hover{background:#f8f3f9}

/* Germanized-Hinweise (PAngV): klein und ruhig unter dem Button */
.woocommerce ul.products li.product .wc-gzd-additional-info{font-family:'Open Sans',sans-serif;font-size:10px;color:var(--nui-muted);letter-spacing:.06em;margin:8px 24px 0;order:2}
.woocommerce ul.products li.product .product-action-wrap{display:flex;flex-direction:column}
.woocommerce ul.products li.product .product-action-wrap .nui-addbtn{order:1}

/* Kadence zeigt die Action-Wrap nur on-hover (position:absolute, opacity:0) → permanent sichtbar machen */
.woocommerce ul.products li.product .product-action-wrap{position:static !important;opacity:1 !important;transform:none !important;padding:0;background:transparent}

/* ---- Shop-Filterleiste (Block 6.1) ---- */
.nui-shop-pills{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 40px}
.nui-shop-pill{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border:1px solid var(--nui-rule);background:transparent;color:var(--nui-muted);transition:.2s;border-radius:100px;text-decoration:none}
.nui-shop-pill:hover{border-color:var(--nui-ink);color:var(--nui-ink)}
.nui-shop-pill.on{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
.nui-shop-pill.sep{border:0;color:var(--nui-rule);padding:11px 4px}

/* ---- Premium-PDP-Sektionen (Block 6.2 · mockup-produkt.html v3, Scope .nui-pdpx) ---- */
.nui-pdpx{font-family:'Assistant',sans-serif;font-weight:400;color:var(--nui-ink);font-size:16px;line-height:1.65;clear:both}
.nui-pdpx h2,.nui-pdpx h3,.nui-pdpx h4{font-family:'Open Sans',sans-serif;color:var(--nui-ink)}
.nui-pdpx a{text-decoration:none;color:inherit}
.nui-pdpx img{display:block;max-width:100%}
.nui-pdpx .wrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-pdpx .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold)}
.nui-pdpx .display{font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-pdpx .display b{font-weight:700;color:var(--nui-lila)}
.nui-pdpx .section{padding:120px 0}
.nui-pdpx .nui-pt100{padding-top:100px}.nui-pdpx .nui-pt0{padding-top:0}.nui-pdpx .nui-pt60{padding-top:60px}.nui-pdpx .nui-pb60{padding-bottom:60px}.nui-pdpx .nui-mt20{margin-top:20px}
.nui-pdpx .section.creme{background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule)}
.nui-pdpx .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px}
.nui-pdpx .sec-head h2{font-size:clamp(34px,3vw,48px)}
.nui-pdpx .sec-head .eyebrow{display:block;margin-bottom:16px}
.nui-pdpx .sec-head.center,.nui-pdpx .section.center{justify-content:center;text-align:center}
.nui-pdpx .sec-head.center{justify-content:center}

/* 5.1 Dossier */
.nui-pdpx .dossier{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.95);backdrop-filter:blur(10px);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule)}
.nui-pdpx .dossier ul{display:flex;gap:0;list-style:none;max-width:1340px;margin:0 auto;padding:0 48px;overflow-x:auto}
.nui-pdpx .dossier a{display:block;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:18px 26px;color:var(--nui-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:.2s}
.nui-pdpx .dossier a:hover{color:var(--nui-lila);border-color:var(--nui-lila)}

/* Wirkung */
.nui-pdpx .split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.nui-pdpx .split h2{font-size:clamp(36px,3vw,50px)}
.nui-pdpx .split .lead{font-weight:300;color:var(--nui-muted);font-size:17px;max-width:440px;margin:24px 0 0}
.nui-pdpx .claims{margin-top:46px;border-top:1px solid var(--nui-rule)}
.nui-pdpx .claim{padding:24px 0;border-bottom:1px solid var(--nui-rule);display:grid;grid-template-columns:54px 1fr;gap:20px;align-items:baseline}
.nui-pdpx .claim i{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300;font-size:24px;color:var(--nui-gold)}
.nui-pdpx .claim p{font-size:16.5px;font-weight:300;margin:0}
.nui-pdpx .claim p b{font-weight:600;color:var(--nui-lila)}
.nui-pdpx .claim small{display:block;font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);margin-top:8px}
.nui-pdpx .split .imgbox{background:var(--nui-sand);aspect-ratio:4/4.8;overflow:hidden;border-radius:var(--nui-r)}
.nui-pdpx .split .imgbox img{width:100%;height:100%;object-fit:cover}

/* 5.3 Ritual-Band + 5.4 Timeline */
.nui-pdpx .ritual{background:var(--nui-lila);color:#fff}
.nui-pdpx .ritual .wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;padding-top:90px;padding-bottom:90px;gap:40px}
.nui-pdpx .ritual h2{color:#fff;font-size:clamp(28px,2.4vw,38px);font-weight:300;letter-spacing:-.02em;line-height:1.15;margin:0}
.nui-pdpx .ritual h2 b{font-weight:700;color:#fff}
.nui-pdpx .ritual .num b{display:block;font-family:'Open Sans',sans-serif;font-weight:300;font-size:84px;line-height:1;color:var(--nui-gold-hell);letter-spacing:-.03em}
.nui-pdpx .ritual .num b i{font-style:normal;font-size:38px;letter-spacing:0}
.nui-pdpx .ritual .num span{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.75);display:block;margin-top:14px}
.nui-pdpx .timeline{max-width:720px;margin:90px auto 0;position:relative;padding-left:54px}
.nui-pdpx .timeline::before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:1px;background:var(--nui-rule)}
.nui-pdpx .tstep{position:relative;padding-bottom:54px}
.nui-pdpx .tstep:last-child{padding-bottom:0}
.nui-pdpx .tstep::before{content:"";position:absolute;left:-47px;top:6px;width:13px;height:13px;border-radius:50%;border:1px solid var(--nui-lila);background:var(--nui-bg)}
.nui-pdpx .tstep.fill::before{background:var(--nui-lila)}
.nui-pdpx .tstep h4{font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-lila);margin:0 0 8px}
.nui-pdpx .tstep p{font-weight:300;color:var(--nui-muted);max-width:520px;margin:0}

/* Zutaten-/Herkunfts-Karten */
.nui-pdpx .origincards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nui-pdpx .ocard{background:var(--nui-bg);border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;padding:38px 30px}
.nui-pdpx .ocard.img{padding:0;display:flex;flex-direction:column}
.nui-pdpx .ocard.img .zimg{aspect-ratio:4/3;background:var(--nui-sand);display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.nui-pdpx .ocard.img .zimg img{max-height:100%;mix-blend-mode:multiply}
.nui-pdpx .ocard.img .ztxt{padding:26px 28px 30px}
.nui-pdpx .ocard .where{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--nui-gold)}
.nui-pdpx .ocard h4{font-size:19px;font-weight:600;margin:10px 0 8px}
.nui-pdpx .ocard p{font-size:13.5px;font-weight:300;color:var(--nui-muted);line-height:1.65;margin:0}
.nui-pdpx .nwt{width:100%;max-width:860px;margin:70px auto 0;border-collapse:collapse;font-size:15px}
.nui-pdpx .nwt td{padding:14px 0;border:0;border-bottom:1px solid var(--nui-rule);font-weight:300;background:transparent}
.nui-pdpx .nwt td+td{text-align:right;font-family:'Open Sans',sans-serif;font-weight:600}
.nui-pdpx .nwt-foot{max-width:860px;margin:16px auto 0;font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-muted)}

/* 5.6 Vergleich */
.nui-pdpx .compsplit{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.nui-pdpx .compsplit .imgside{aspect-ratio:4/5;overflow:hidden;border-radius:var(--nui-r)}
.nui-pdpx .compsplit .imgside img{width:100%;height:100%;object-fit:cover}
.nui-pdpx .compare{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden}
.nui-pdpx .compare .row{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-bottom:1px solid var(--nui-rule)}
.nui-pdpx .compare .row:last-child{border-bottom:0}
.nui-pdpx .compare .row>div{padding:18px 24px;font-size:15px;font-weight:300}
.nui-pdpx .compare .row>div+div{border-left:1px solid var(--nui-rule);text-align:center;font-family:'Open Sans',sans-serif}
.nui-pdpx .compare .head>div{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);background:var(--nui-creme)}
.nui-pdpx .compare .head>div:nth-child(2){color:var(--nui-lila);background:var(--nui-lila-creme)}
.nui-pdpx .compare .row>div:nth-child(2){background:rgba(244,237,245,.5)}
.nui-pdpx .compare .yes{color:var(--nui-gruen);font-weight:700}
.nui-pdpx .compare .no{color:#b9b2a6}

/* 6.3 Frei von */
.nui-pdpx .freeof{background:var(--nui-gruen-tief);color:#fff}
.nui-pdpx .freeof .grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:120px 0}
.nui-pdpx .freeof h3{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--nui-gold-hell);margin:0 0 30px}
.nui-pdpx .freeof ul{list-style:none;margin:0;padding:0}
.nui-pdpx .freeof li{font-weight:300;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.015em;line-height:1.5;color:rgba(255,255,255,.92);border-bottom:1px solid rgba(255,255,255,.14);padding:10px 0}
.nui-pdpx .freeof li b{font-weight:700;color:var(--nui-gold-hell)}

/* 6.1 Labor */
.nui-pdpx .labs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:980px;margin:0 auto}
.nui-pdpx .lab{border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:30px;display:flex;gap:18px;align-items:center;transition:.2s;background:#fff}
.nui-pdpx a.lab:hover{border-color:var(--nui-lila)}
.nui-pdpx .lab i{font-style:normal;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;border:1px solid var(--nui-lila);border-radius:8px;color:var(--nui-lila);padding:10px 12px}
.nui-pdpx .lab b{font-family:'Open Sans',sans-serif;font-size:13.5px;display:block}
.nui-pdpx .lab span{font-size:11.5px;color:var(--nui-muted);font-family:'Open Sans',sans-serif;letter-spacing:.06em}
.nui-pdpx .lab.soon{opacity:.55}
.nui-pdpx .lab.soon i{border-style:dashed}

/* 5.8 Tags */
.nui-pdpx .tags{display:flex;gap:10px;flex-wrap:wrap;max-width:860px;margin:30px auto 0;justify-content:center}
.nui-pdpx .tags a{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--nui-rule);padding:10px 20px;border-radius:100px;color:var(--nui-muted);transition:.2s}
.nui-pdpx .tags a:hover{border-color:var(--nui-lila);color:var(--nui-lila)}

/* 6.2 Beirat */
.nui-pdpx .board{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:980px;margin:0 auto}
.nui-pdpx .boardp{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;padding-top:26px;border-top:1px solid var(--nui-rule);text-align:left}
.nui-pdpx .boardp img{width:88px;height:104px;object-fit:cover;border-radius:var(--nui-r-sm)}
.nui-pdpx .boardp b{font-family:'Open Sans',sans-serif;font-size:13.5px;display:block}
.nui-pdpx .boardp span{font-size:11px;color:var(--nui-muted);font-family:'Open Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;display:block;margin-top:4px}

/* 8.3 FAQ */
.nui-pdpx .faq{max-width:860px}
.nui-pdpx .faq details{border-bottom:1px solid var(--nui-rule)}
.nui-pdpx .faq details:first-of-type{border-top:1px solid var(--nui-rule)}
.nui-pdpx .faq summary{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:600;padding:26px 40px 26px 0;cursor:pointer;list-style:none;position:relative}
.nui-pdpx .faq summary::-webkit-details-marker{display:none}
.nui-pdpx .faq summary::after{content:"+";position:absolute;right:4px;top:22px;font-weight:300;font-size:26px;color:var(--nui-gold)}
.nui-pdpx .faq details[open] summary::after{content:"–"}
.nui-pdpx .faq details p{font-weight:300;color:var(--nui-muted);padding-bottom:28px;max-width:680px}
.nui-pdpx .notice{font-size:13px;font-weight:300;color:var(--nui-muted);border-top:1px solid var(--nui-rule);margin-top:40px;padding-top:22px}

/* Lila-Bühne hinter Galerie+Kaufbox (4.7 Light-Variante) */
body.nui-noni-familie.single-product .site-main{background:linear-gradient(168deg,var(--nui-lila-creme) 0%,#ece0ee 38%,var(--nui-bg) 38.01%)}

/* Responsive */
@media(max-width:1080px){
  .nui-pdpx .wrap{padding:0 28px}
  .nui-pdpx .dossier ul{padding:0 28px}
  .nui-pdpx .ritual .wrap{grid-template-columns:1fr;gap:30px}
  .nui-pdpx .split{grid-template-columns:1fr;gap:50px}
  .nui-pdpx .origincards{grid-template-columns:1fr 1fr}
  .nui-pdpx .compsplit{grid-template-columns:1fr;gap:40px}
  .nui-pdpx .freeof .grid{grid-template-columns:1fr;gap:50px;padding:80px 0}
  .nui-pdpx .labs,.nui-pdpx .board{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nui-pdpx .origincards{grid-template-columns:1fr}
}

/* ---- Hover-/Ausrichtungs-Fix (Feedback Michael 2026-06-12: Home-Karten = Referenz) ---- */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product:hover .product-details{transform:none !important;transition:none}
.woocommerce ul.products li.product a.woocommerce-loop-image-link{display:block;overflow:hidden;aspect-ratio:1}
.woocommerce ul.products li.product a.woocommerce-loop-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .5s;margin:0}
.woocommerce ul.products li.product:hover a.woocommerce-loop-image-link img{transform:scale(1.04)}
.woocommerce ul.products li.product{height:100%}
.woocommerce ul.products li.product .product-details{display:flex;flex-direction:column;flex:1;padding-top:20px}
.woocommerce ul.products li.product .nui-card-desc{flex:1}
.woocommerce ul.products li.product .product-action-wrap{margin-top:auto}

/* ---- PDP-Kaufbereich v2 (Block 6b · mockup-produkt.html Stage, alle Produkte) ---- */
/* Bühne: Essentials creme, NONI-Familie lila (überschreibt 6.2-Gradient) */
.single-product .site-main{background:linear-gradient(180deg,var(--nui-creme) 0,#efe9dc 760px,var(--nui-bg) 1150px)}
body.nui-noni-familie.single-product .site-main{background:linear-gradient(180deg,var(--nui-lila-creme) 0,#ece0ee 760px,var(--nui-bg) 1150px)}

/* Galerie: gerundete Bildkachel + Thumb-Reihe, sticky */
.single-product div.product div.images{position:sticky;top:106px}
.single-product div.product .woocommerce-product-gallery__wrapper{border-radius:var(--nui-r);overflow:hidden}
.single-product div.product .woocommerce-product-gallery img{border-radius:0}
.single-product div.product ol.flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;padding:0;list-style:none}
.single-product div.product ol.flex-control-thumbs li{width:auto !important;float:none;margin:0}
.single-product div.product ol.flex-control-thumbs img{border:2px solid transparent;border-radius:var(--nui-r-sm);aspect-ratio:1;object-fit:cover;opacity:1;transition:.2s;cursor:pointer}
.single-product div.product ol.flex-control-thumbs img:hover,
.single-product div.product ol.flex-control-thumbs img.flex-active{border-color:var(--nui-gruen)}
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img:hover,
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img.flex-active{border-color:var(--nui-lila)}

/* Kaufspalte: Familien-Kennung → H1 → Lead → Fußnote → Badges → Selector → Preis → CTA */
.nui-pdp-fam{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold);display:block;margin-bottom:14px}
.nui-pdp-fam.noni{color:var(--nui-lila)}
.single-product div.product .product_title{font-size:clamp(40px,3.4vw,56px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-bottom:6px}
.single-product div.product .woocommerce-product-details__short-description{font-weight:300;font-size:17.5px;color:var(--nui-ink);max-width:480px;line-height:1.65;margin:16px 0 4px}
.nui-pdp-claimfoot{font-size:12px;color:var(--nui-muted);font-weight:300;max-width:480px;margin:0 0 8px}

/* 4.1 Badge-Kreise (ersetzt Pill-Reihe v1) */
.nui-pdp-badges{display:none}
.nui-pdp-badges2{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 30px;padding:20px 0;border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule)}
.nui-pdp-badges2 div{text-align:center;flex:1;min-width:72px}
.nui-pdp-badges2 i{display:block;width:42px;height:42px;border:1px solid var(--nui-gruen);border-radius:50%;margin:0 auto 8px;font-style:normal;font-size:17px;line-height:40px;color:var(--nui-gruen)}
body.nui-noni-familie .nui-pdp-badges2 i{border-color:var(--nui-lila);color:var(--nui-lila)}
.nui-pdp-badges2 span{font-family:'Open Sans',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-muted);display:block;line-height:1.4}

/* 4.5 Packungs-Selector: Label + Pills (JS), Select versteckt */
.single-product div.product table.variations th.label{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-muted);padding:0 0 10px;display:block}
.single-product div.product table.variations,
.single-product div.product table.variations tr,
.single-product div.product table.variations td{display:block;border:0;padding:0;margin:0;background:transparent}
.nui-var-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.nui-var-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--nui-rule);border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);overflow:hidden;margin-bottom:10px}
.nui-var-pill{background:rgba(255,255,255,.6);border:0;padding:15px 10px;text-align:center;cursor:pointer;font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.15s;color:var(--nui-ink)}
.nui-var-pill:hover{background:#fff}
.nui-var-pill.on{background:var(--nui-gruen);color:#fff}
body.nui-noni-familie .nui-var-pill.on{background:var(--nui-lila)}
.single-product div.product .reset_variations{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-muted)}

/* 4.3 Geschmacks-Zeile */
.nui-pdp-flavor{font-style:italic;font-weight:300;font-size:14px;color:var(--nui-muted);margin:4px 0 18px}

/* Preiszeile groß (Position 25, vor dem Formular) */
.single-product div.product p.price,
.single-product div.product span.price{font-family:'Open Sans',sans-serif;font-weight:300;font-size:40px;letter-spacing:-.02em;margin:10px 0 4px}
.single-product div.product .woocommerce-variation-price span.price{font-size:34px}
.single-product div.product p.price del,.single-product div.product span.price del{font-size:22px;opacity:.5}
.single-product div.product .wc-gzd-additional-info{font-size:12px;color:var(--nui-muted)}

/* CTA volle Breite */
.single-product div.product form.cart{margin-top:6px}
.single-product div.product form.cart .quantity{margin-bottom:10px}
.single-product div.product .single_add_to_cart_button{width:100%;text-align:center;padding:22px;font-size:12.5px;letter-spacing:.22em}

/* 4.4 Verfügbarkeit + Trust-Box (Mockup-Zeilen) */
.nui-pdp-trust{display:none}
.nui-pdp-avail{display:flex;align-items:center;gap:9px;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-gruen);margin:18px 0 6px}
.nui-pdp-avail::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nui-gruen);box-shadow:0 0 0 3px rgba(0,102,80,.18)}
.nui-pdp-trust2{display:grid;gap:0;border-top:1px solid var(--nui-rule);margin-top:14px}
.nui-pdp-trust2 div{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--nui-rule);font-size:13.5px;font-weight:300;color:var(--nui-muted)}
.nui-pdp-trust2 i{font-style:normal;color:var(--nui-gruen);font-size:13px}
body.nui-noni-familie .nui-pdp-trust2 i{color:var(--nui-lila)}
.nui-pdp-trust2 b{font-weight:600;color:var(--nui-ink)}

@media(max-width:1080px){
  .single-product div.product div.images{position:static}
  .nui-var-pills{grid-template-columns:1fr 1fr}
}

/* ---- Shop-Übersicht lt. mockup-shop.html (Block 6c) ---- */
/* Kadence-Archiv-Hero (doppelter Titel) auf Produkt-Archiven aus */
.post-type-archive-product .entry-hero-container-inner,
.tax-product_cat .entry-hero-container-inner{display:none}

/* Shophead */
.nui-shophead{padding:34px 0 44px;max-width:760px}
.nui-shophead .nui-crumbs{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);margin-bottom:30px}
.nui-shophead .nui-crumbs a:hover{color:var(--nui-gruen)}
.nui-shophead .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold)}
.nui-shophead h1.display{font-weight:300;letter-spacing:-.025em;line-height:1.06;font-size:clamp(40px,3.8vw,58px);margin:18px 0 14px}
.nui-shophead h1.display b{font-weight:700;color:var(--nui-gruen)}
.nui-shophead p{font-weight:300;color:var(--nui-muted);font-size:17px;margin:0}
.nui-shophead p a{color:var(--nui-gruen);text-decoration:underline}

/* Filterbar mit Sortierung */
.nui-filterbar{border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);margin-bottom:8px}
.nui-filterrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 0}
.nui-shop-pill.noni{border-color:rgba(94,41,100,.35);color:var(--nui-lila)}
.nui-shop-pill.noni.on{background:var(--nui-lila);border-color:var(--nui-lila);color:#fff}
.nui-sort{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted)}
.nui-sort form.woocommerce-ordering{margin:0}
.nui-sort select{border:1px solid var(--nui-rule);border-radius:100px;padding:9px 32px 9px 16px;font-family:'Assistant',sans-serif;font-size:13px;color:var(--nui-ink);background-color:transparent}
.nui-shop-pills{display:none}

/* Produktzähler */
.woocommerce-result-count{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);margin:18px 0 26px}

/* 2.3 Quiz-Editorial-Kachel im Grid */
.woocommerce ul.products li.product.nui-editorial{background:var(--nui-lila);border-color:var(--nui-lila);display:flex}
.woocommerce ul.products li.product.nui-editorial:hover{background:#4a1f50}
.woocommerce ul.products li.product.nui-editorial a{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px 30px;flex:1;text-decoration:none}
.woocommerce ul.products li.product.nui-editorial .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-helllila)}
.woocommerce ul.products li.product.nui-editorial h3{color:#fff;font-family:'Open Sans',sans-serif;font-size:24px;font-weight:300;line-height:1.25;margin:0}
.woocommerce ul.products li.product.nui-editorial h3 b{font-weight:700;color:var(--nui-helllila)}
.woocommerce ul.products li.product.nui-editorial p{color:rgba(255,255,255,.7);font-weight:300;font-size:14px;margin:0}
.woocommerce ul.products li.product.nui-editorial .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px;align-self:flex-start;margin-top:14px}

/* Kadence-eigene Shop-Toolbar (zweite Sortierung + Grid-Toggle) aus */
.kadence-shop-top-row .kadence-woo-ordering,
.kadence-shop-top-row .kadence-toggle-shop-layout{display:none}

/* ---- Block 6e: ruhiger Experten-Stack (Mediziner/Psychologin, Pattern 2.6) ---- */
.nui-routine .stack.quiet{background:var(--nui-creme);color:var(--nui-ink);border:1px solid var(--nui-rule)}
.nui-routine .stack.quiet .eyebrow{color:var(--nui-gold)}
.nui-routine .stack.quiet h2{color:var(--nui-ink)}
.nui-routine .stack.quiet h2 b{color:var(--nui-gruen)}
.nui-routine .stack.quiet p{color:var(--nui-muted)}
.nui-routine .stack.quiet .item{background:#fff;border-color:var(--nui-rule)}
.nui-routine .stack.quiet .item b{color:var(--nui-ink)}
.nui-routine .stack.quiet .item span{color:var(--nui-muted)}
.nui-routine .stack.quiet .tlink{color:var(--nui-ink);border-color:var(--nui-ink);font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px}
.nui-routine .stack.quiet .tlink:hover{color:var(--nui-gruen);border-color:var(--nui-gruen)}
/* Live-Karten in Routinen-Gruppen: addbtn ist span im a — Klick führt zur PDP */
.nui-routine .product .meta{margin-top:0}

/* ---- Block 6e: Shop-Karten = Home-Look (Feedback Michael) ---- */
.woocommerce ul.products li.product .nui-card-meta,.woocommerce ul.products li.product .nui-card-use,
.woocommerce ul.products li.product .nui-card-desc{margin-left:26px;margin-right:26px}
.woocommerce ul.products li.product .nui-card-title{font-size:19px;font-weight:600;margin:6px 26px 5px}
.woocommerce ul.products li.product .nui-addbtn{padding:15px 18px;margin:24px 26px 0;font-size:11px;letter-spacing:.16em}
.woocommerce ul.products li.product .product-action-wrap{align-items:stretch}
/* PAngV kompakt in einer Zeile */
.woocommerce ul.products li.product .wc-gzd-additional-info{display:inline-block;margin:8px 0 0 26px;font-size:9.5px}
.woocommerce ul.products li.product .wc-gzd-additional-info + .wc-gzd-additional-info{margin-left:6px}
.woocommerce ul.products li.product .wc-gzd-additional-info + .wc-gzd-additional-info::before{content:"· "}

/* Listen-Ansicht erzwungen auf Grid (Kadence-Toggle deaktiviert; localStorage-Reste neutralisieren) */
.woocommerce ul.products.products-list-view{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:30px}
.woocommerce ul.products.products-list-view li.product{display:flex !important;flex-direction:column !important;width:auto !important;max-width:none !important}
.woocommerce ul.products.products-list-view li.product .product-list-image,
.woocommerce ul.products.products-list-view li.product .entry-content-wrap h2.woocommerce-loop-product__title{display:none !important}

/* ---- PDP-Nachschärfung (Feedback Michael 2026-06-12) ---- */
.single-product div.product .woocommerce-product-gallery__wrapper{aspect-ratio:4/4.3;background:var(--nui-sand)}
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image a,
.single-product div.product .woocommerce-product-gallery__wrapper{height:100%}
.single-product div.product .woocommerce-product-gallery__image img{width:100% !important;height:100% !important;object-fit:cover}
@media(min-width:1025px){.single-product div.product div.summary{padding-left:56px}}
.single-product div.product form.cart .quantity{display:none}
.single-product div.product p.price{margin-bottom:0}
.single-product div.product .wc-gzd-additional-info{margin:2px 0 0;font-size:11.5px;letter-spacing:.04em}
.single-product div.product p.price del{margin-right:10px}

/* Korrektur: aspect/cover bricht Flexslider — natürliches Format, volle Breite */
.single-product div.product .woocommerce-product-gallery__wrapper{aspect-ratio:auto;height:auto;background:transparent}
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image a{height:auto}
.single-product div.product .woocommerce-product-gallery__image img{width:100% !important;height:auto !important;object-fit:contain;border-radius:var(--nui-r)}
.single-product div.product div.images .woocommerce-product-gallery{width:100%}

/* ---- Block 6h: PDP exakt nach Mockup — Sticky-Galerie via Grid, Selector-Hierarchie ---- */
@media(min-width:1025px){
  .single-product div.product{display:grid;grid-template-columns:1.05fr .95fr;column-gap:0;align-items:start;position:relative}
  .single-product div.product > *{grid-column:1 / -1}
  .single-product div.product > div.images{grid-column:1;grid-row:1;float:none !important;width:100% !important;position:sticky;top:120px}
  .single-product div.product > div.summary{grid-column:2;grid-row:1;float:none !important;width:100% !important;margin-bottom:60px}
}
/* Titel zweizeilig: erste Zeile leicht, Bold-Teil lila/grün */
.single-product div.product .product_title b{font-weight:700}
body.nui-noni-familie.single-product div.product .product_title b{color:var(--nui-lila)}
body:not(.nui-noni-familie).single-product div.product .product_title b{color:var(--nui-gruen)}
/* Claim-Lead: Bold-Akzent */
.single-product div.product .woocommerce-product-details__short-description b{font-weight:600}
/* Selector-Labels + statische Pills (Sorte/Größe) */
.nui-sel-label{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-muted);margin:18px 0 10px}
.nui-var-pill small{display:block;font-weight:400;font-size:10.5px;letter-spacing:.04em;text-transform:none;margin-top:4px;color:var(--nui-muted)}
.nui-var-pill.on small{color:rgba(255,255,255,.7)}
.nui-var-pill.soon{opacity:.45;cursor:default}
a.nui-var-pill{text-decoration:none;color:var(--nui-ink);display:block}
.nui-static-pills{margin-bottom:4px}
/* Thumbs: eine Reihe à 5 */
.single-product div.product ol.flex-control-thumbs{grid-template-columns:repeat(5,1fr)}
/* Grundpreis-Zeile (Germanized unit price) klein zur Preiszeile */
.single-product div.product .wc-gzd-additional-info.unit-price,.single-product div.product p.price-unit{font-size:11.5px;color:var(--nui-muted)}

/* ---- Block 6i: Hover-Farben der Add-Buttons (Michael: Essentials=Gold · NONI=Violett · Kosmetik=Grün) ---- */
/* Shop-Loop */
.woocommerce ul.products li.product .nui-addbtn:hover{background:var(--nui-gold);border-color:var(--nui-gold);color:#fff}
.woocommerce ul.products li.product.product_cat-noni-familie .nui-addbtn:hover{background:var(--nui-lila);border-color:var(--nui-lila)}
.woocommerce ul.products li.product.product_cat-spray-gel .nui-addbtn:hover,
.woocommerce ul.products li.product.product_cat-sonstiges-form .nui-addbtn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen)}
/* Home + Routinen (Shortcode-Karten) */
.nui-home .product .addbtn:hover,.nui-routine .product .addbtn:hover{background:var(--nui-gold);border-color:var(--nui-gold);color:#fff}
.nui-home .product.noni .addbtn:hover,.nui-routine .product.noni .addbtn:hover{background:var(--nui-lila);border-color:var(--nui-lila);color:#fff}
.nui-home .product.kosmetik .addbtn:hover,.nui-routine .product.kosmetik .addbtn:hover{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}
/* Kosmetik-Karten: Eyebrow grün statt gold/lila */
.woocommerce ul.products li.product.product_cat-spray-gel .nui-card-fam,
.woocommerce ul.products li.product.product_cat-sonstiges-form .nui-card-fam{color:var(--nui-gruen)}
.nui-home .product.kosmetik .fam,.nui-routine .product.kosmetik .fam{color:var(--nui-gruen)}

/* Sticky-Durchsetzung gegen spaeter ladendes Woo-CSS */
@media(min-width:1025px){.single-product div.product > div.images{position:-webkit-sticky !important;position:sticky !important;top:120px !important}}

/* Sticky-Korrektur: Spalte streckt sich, INNERER Wrapper klebt (Begrenzung = Kaufspalten-Hoehe) */
@media(min-width:1025px){
.single-product div.product > div.images{position:static !important;align-self:stretch}
.single-product div.product > div.images .nui-gallery-sticky{position:-webkit-sticky;position:sticky;top:120px}
}

/* Sticky-Galerie jetzt per JS-Transform — CSS-sticky deaktiviert */
@media(min-width:1025px){
.single-product div.product > div.images .nui-gallery-sticky{position:relative !important;top:auto !important;will-change:transform}
}

/* Mockup-Preisfluss: Top-Preis bei variablen Produkten aus, Variations-Preis gross vor CTA */
.single-product div.product.product-type-variable .summary > p.price{display:none}
.single-product div.product .woocommerce-variation-price{margin:8px 0 4px}
.single-product div.product .woocommerce-variation-price .price{font-size:40px !important;font-weight:300}
.single-product div.product .single_variation_wrap .woocommerce-variation{margin-bottom:6px}

/* Mengen-Feld auch im Variations-Formular aus + redundante Unit-Zeile (engl.) aus */
.single-product div.product form.cart .quantity,
.single-product div.product form.cart div.quantity{display:none !important}
.single-product div.product .product-units,.single-product div.product p.wc-gzd-additional-info.product-units{display:none}

/* Dossier unter Sticky-Header + Scroll-Spy + Thumb-Tags */
.nui-pdpx .dossier{top:75px;z-index:49}
@media(max-width:1024px){.nui-pdpx .dossier{top:63px}}
.nui-pdpx .dossier a.on{color:var(--nui-lila);border-color:var(--nui-lila)}
.single-product div.product ol.flex-control-thumbs li{position:relative}
body.nui-noni-familie ol.flex-control-thumbs li::after{position:absolute;left:0;right:0;bottom:0;font-family:'Open Sans',sans-serif;font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(94,41,100,.85);color:#fff;padding:3px 2px;text-align:center;pointer-events:none}
body.single-product.postid-6583 ol.flex-control-thumbs li:nth-child(3)::after{content:"Zutaten"}
body.single-product.postid-6583 ol.flex-control-thumbs li:nth-child(4)::after{content:"Ritual"}
body.single-product.postid-6583 ol.flex-control-thumbs li:nth-child(5)::after{content:"Familie"}

/* Logo in die Header-Zeile einpassen (Mockup: 48px) — ragte unten raus und wurde vom Dossier abgeschnitten */
.site-main-header-wrap .site-branding img,.site-main-header-wrap .custom-logo{max-height:48px !important;width:auto !important}
@media(max-width:1024px){.site-main-header-wrap .site-branding img,.site-main-header-wrap .custom-logo{max-height:42px !important}}

/* Anker-Spruenge landen unterhalb von Header+Dossier */
.nui-pdpx section[id]{scroll-margin-top:150px}

/* ---- Block 6m: Kaufart als Mockup-Karten (4.5 buytype) + Gold-Ersparnis-Badge + CTA-Lesbarkeit ---- */
.nui-var-pills.nui-buytype{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;margin-bottom:14px}
.nui-var-pills.nui-buytype .nui-var-pill{background:rgba(255,255,255,.55);border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);padding:16px;text-align:left;position:relative;letter-spacing:.08em;overflow:visible}
.nui-var-pills.nui-buytype .nui-var-pill:hover{background:#fff}
.nui-var-pills.nui-buytype .nui-var-pill.on{background:#fff;border-color:var(--nui-lila);box-shadow:inset 0 0 0 1px var(--nui-lila);color:var(--nui-ink)}
.nui-var-pills.nui-buytype .nui-var-pill.on small{color:var(--nui-muted)}
.nui-var-pills.nui-buytype .nui-var-pill small{margin-top:4px;letter-spacing:.02em}
.nui-var-pill .nui-save{position:absolute;top:-10px;right:10px;font-family:'Open Sans',sans-serif;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--nui-gold);color:#fff;padding:4px 12px;border-radius:100px}
body:not(.nui-noni-familie) .nui-var-pills.nui-buytype .nui-var-pill.on{border-color:var(--nui-gruen);box-shadow:inset 0 0 0 1px var(--nui-gruen)}
/* CTA: Text war unten abgeschnitten (fixe Höhe/Line-Height) */
.single-product div.product .single_add_to_cart_button{display:flex;align-items:center;justify-content:center;height:auto;min-height:0;line-height:1.2;padding:23px 30px;white-space:normal}

/* CTA-Hoehe wurde von fixer height ueberschrieben */
.single-product div.product .single_add_to_cart_button{height:auto !important;min-height:64px !important;padding:20px 30px !important;line-height:1.2 !important;display:flex !important;align-items:center !important;justify-content:center !important}

.single-product div.product .product_meta .product-units-wrapper{display:none !important}

/* Preis-Suffix an der Preiszeile, statische gzd-Zeilen oben bei variablen Produkten aus */
.single-product div.product .woocommerce-variation-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.nui-price-suffix{font-size:12px;color:var(--nui-muted);font-weight:300;letter-spacing:.04em;font-family:'Open Sans',sans-serif}
.single-product div.product.product-type-variable .summary > .wc-gzd-additional-info{display:none}

/* Germanized-Reste oben final aus (Suffix an der Preiszeile uebernimmt) */
.single-product div.product.product-type-variable .summary > .price-unit,
.single-product div.product.product-type-variable .summary > .legal-price-info,
.single-product div.product.product-type-variable .summary .legal-price-info{display:none !important}

/* Gold-Badge IN der Kaufart-Karte (Mockup), nicht ueber dem Rahmen */
.nui-var-pill .nui-save{top:10px;right:10px}
.nui-var-pills.nui-buytype .nui-var-pill{padding-right:64px}

/* Galerie-Hauptbild als Mockup-Kachel: aspect-ratio am IMG selbst (Wrapper-Hoehe brach Flexslider) */
.single-product div.product .woocommerce-product-gallery__image img{aspect-ratio:4/4.3 !important;object-fit:cover !important;width:100% !important;height:auto !important}
.single-product div.product .woocommerce-product-gallery__wrapper{border-radius:var(--nui-r);overflow:hidden}
.single-product div.product ol.flex-control-thumbs{margin-top:12px}
.single-product div.product ol.flex-control-thumbs img{aspect-ratio:1 !important;height:auto !important}

/* Thumbs hell wie in der Vorlage: Woo dunkelt inaktive auf opacity .5 ab (lila Schleier) */
.single-product div.product ol.flex-control-thumbs li img{opacity:1 !important;filter:none !important;background:#fff}
.single-product div.product ol.flex-control-thumbs{gap:14px}
.single-product div.product ol.flex-control-thumbs li img{border-radius:var(--nui-r-sm) !important;border:2px solid transparent !important}
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img.flex-active,
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img:hover{border-color:var(--nui-lila) !important}

/* Kadence zieht Thumbs mit margin-top:-32px ins Hauptbild — Vorlage: darunter mit Abstand */
.single-product div.product ol.flex-control-thumbs{margin-top:14px !important}

/* ---- Block 6s: flächige Brandstage (Mockup) — Lila hinter Galerie+Kaufspalte, danach Standard-BG ---- */
.single-product .site-main{background:var(--nui-bg) !important;position:relative}
.single-product .site-main::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:var(--nui-stage-h,980px);background:linear-gradient(168deg,var(--nui-creme) 0%,#eee7d9 100%);z-index:0;pointer-events:none}
body.nui-noni-familie.single-product .site-main::before{background:linear-gradient(168deg,var(--nui-lila-creme) 0%,#ece0ee 100%)}
.single-product .site-main > *{position:relative;z-index:1}

/* Thumbs randlos wie Mockup — transparente Border zeigte den lila BG als Saum; Rahmen nur aktiv, innenliegend */
.single-product div.product ol.flex-control-thumbs li img{border:0 !important;outline:2px solid transparent;outline-offset:-2px}
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img.flex-active,
body.nui-noni-familie.single-product div.product ol.flex-control-thumbs img:hover{border:0 !important;outline-color:var(--nui-lila)}
body:not(.nui-noni-familie).single-product div.product ol.flex-control-thumbs img.flex-active,
body:not(.nui-noni-familie).single-product div.product ol.flex-control-thumbs img:hover{border:0 !important;outline-color:var(--nui-gruen)}

/* ---- Block 6u: Premium-Sektionen full-bleed (Mockup nutzt volle Breite) ---- */
/* Breakout aus dem Content-Container; overflow-x:clip statt hidden (hidden bricht sticky) */
html{overflow-x:clip}
.nui-pdpx .dossier,
.nui-pdpx .ritual,
.nui-pdpx .section.creme,
.nui-pdpx .freeof{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
/* Sektionen ohne Hintergrund: Inhalt darf die volle Wrap-Breite (1340px) nutzen */
.nui-pdpx .wrap{max-width:1340px}
/* Auch Up-Sells/Related dürfen die Containerbreite voll nutzen (kein Extra-Padding) */
.single-product div.product > .up-sells,
.single-product div.product > .related{margin-top:0}

/* Eingeloggt: WP-Admin-Bar (32px) schiebt den Sticky-Header — Dossier-Offset mitnehmen */
body.admin-bar .nui-pdpx .dossier{top:107px}
@media(max-width:1024px){body.admin-bar .nui-pdpx .dossier{top:109px}}

/* Bildboxen ueberall exakt quadratisch: img absolut, Hoehe kommt allein aus aspect-ratio */
.woocommerce ul.products li.product a.woocommerce-loop-image-link{position:relative;aspect-ratio:1 !important}
.woocommerce ul.products li.product a.woocommerce-loop-image-link img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;margin:0 !important}

/* Image-Link traegt auch .woocommerce-LoopProduct-link → flex:1 dehnte ihn auf Resthoehe statt Quadrat */
.woocommerce ul.products li.product a.woocommerce-loop-image-link{flex:0 0 auto !important;display:block !important}

/* Heller Balken unter dem Header: Kadence-Content-Abstand auf PDPs entfernen — Lila-Stage dockt am Header an */
.single-product #primary,.single-product .content-area{padding-top:0 !important;margin-top:0 !important}
.single-product .site-main{margin-top:0 !important;padding-top:24px}

/* ---- Block 6z: Cross-Sell als Mockup-Band (Routine vervollständigen) ---- */
.single-product div.product > .up-sells{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);padding:110px max(48px,calc(50vw - 670px)) 120px}
.nui-xsell-head{max-width:1340px;margin:0 auto;padding:110px 48px 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--nui-creme);border-top:1px solid var(--nui-rule);padding-left:max(48px,calc(50vw - 670px));padding-right:max(48px,calc(50vw - 670px));display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.single-product div.product > .up-sells{border-top:0;padding-top:60px}
.nui-xsell-head .eyebrow{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold);display:block;margin-bottom:16px}
.nui-xsell-head h2.display{font-family:'Open Sans',sans-serif;font-weight:300;letter-spacing:-.02em;font-size:clamp(34px,3vw,48px);margin:0;color:var(--nui-ink)}
.nui-xsell-head h2.display b{font-weight:700;color:var(--nui-lila)}
.nui-xsell-head .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px;color:var(--nui-ink);text-decoration:none;white-space:nowrap}
.nui-xsell-head .tlink:hover{color:var(--nui-lila);border-color:var(--nui-lila)}

/* Karten-Fusszeile: EINE kompakte Grundpreis-Zeile (Mockup), Germanized-Loop-Zeilen aus */
.woocommerce ul.products li.product .wc-gzd-additional-info{display:none !important}
.nui-card-gp{font-family:'Open Sans',sans-serif;font-size:10px;color:var(--nui-muted);letter-spacing:.06em;margin:8px 26px 0}
.woocommerce ul.products li.product .nui-card-gp{margin:8px 0 0}
.nui-home .product .addbtn + .nui-card-gp,.nui-routine .product .addbtn + .nui-card-gp{margin:8px 26px 24px}

.woocommerce ul.products li.product .product-action-wrap .nui-card-gp{order:3}

/* Anker-Versatz: Header(76)+Dossier(44)+Luft; eingeloggt +32 Admin-Bar */
.nui-pdpx section[id]{scroll-margin-top:170px !important}
body.admin-bar .nui-pdpx section[id]{scroll-margin-top:202px !important}

/* MwSt-Zeile buendig mit der Button-Kante (26px) */
.woocommerce ul.products li.product .product-action-wrap .nui-card-gp{margin:8px 26px 0 !important}

/* ---- Block 6ad: Breakouts ohne Scrollbar-Versatz (weiße Kante rechts) ---- */
.nui-pdpx .dossier,
.nui-pdpx .ritual,
.nui-pdpx .section.creme,
.nui-pdpx .freeof{margin-left:calc(50% - var(--nui-fullw,100vw)/2);margin-right:calc(50% - var(--nui-fullw,100vw)/2)}
.single-product div.product > .up-sells{margin-left:calc(50% - var(--nui-fullw,100vw)/2);margin-right:calc(50% - var(--nui-fullw,100vw)/2);padding-left:max(48px,calc(var(--nui-fullw,100vw)/2 - 670px));padding-right:max(48px,calc(var(--nui-fullw,100vw)/2 - 670px))}
.nui-xsell-head{margin-left:calc(50% - var(--nui-fullw,100vw)/2);margin-right:calc(50% - var(--nui-fullw,100vw)/2);padding-left:max(48px,calc(var(--nui-fullw,100vw)/2 - 670px));padding-right:max(48px,calc(var(--nui-fullw,100vw)/2 - 670px))}
.single-product .site-main::before{width:var(--nui-fullw,100vw)}

/* ---- Block 6ae: Galerie-Thumbs exakt wie Vorlage — quadratisch, dünner violetter Rahmen aktiv/hover ---- */
.single-product div.product ol.flex-control-thumbs{display:grid !important;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px !important;padding:0;list-style:none}
.single-product div.product ol.flex-control-thumbs li{position:relative;aspect-ratio:1 !important;width:auto !important;height:auto !important;float:none;margin:0;overflow:hidden;border-radius:var(--nui-r-sm)}
.single-product div.product ol.flex-control-thumbs li img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;border:0 !important;outline:0 !important;border-radius:var(--nui-r-sm) !important;opacity:1 !important;cursor:pointer;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .15s}
body.nui-noni-familie.single-product ol.flex-control-thumbs li img.flex-active,
body.nui-noni-familie.single-product ol.flex-control-thumbs li img:hover{box-shadow:inset 0 0 0 2px var(--nui-lila)}
body:not(.nui-noni-familie).single-product ol.flex-control-thumbs li img.flex-active,
body:not(.nui-noni-familie).single-product ol.flex-control-thumbs li img:hover{box-shadow:inset 0 0 0 2px var(--nui-gruen)}

/* ---- Block 7: Premium-PDP für alle Produkte ---- */
/* Bewertungszeile (echtes Aggregat) */
.nui-pdp-rate{font-family:'Open Sans',sans-serif;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted);margin:2px 0 12px}
.nui-pdp-rate b{color:var(--nui-gold);letter-spacing:.1em}
/* Essentials-Farbwelt in den Sektionen (NONI bleibt lila) */
body:not(.nui-noni-familie) .nui-pdpx .display b{color:var(--nui-gruen)}
body:not(.nui-noni-familie) .nui-pdpx .dossier a:hover,
body:not(.nui-noni-familie) .nui-pdpx .dossier a.on{color:var(--nui-gruen);border-color:var(--nui-gruen)}
body:not(.nui-noni-familie) .nui-pdpx .ritual{background:var(--nui-gruen-tief)}
body:not(.nui-noni-familie) .nui-pdpx .claim p b{color:var(--nui-gruen)}
body:not(.nui-noni-familie) .nui-pdpx .tstep::before{border-color:var(--nui-gruen)}
body:not(.nui-noni-familie) .nui-pdpx .tstep.fill::before{background:var(--nui-gruen)}
body:not(.nui-noni-familie) .nui-pdpx .tstep h4{color:var(--nui-gruen)}
/* Dosierungs-Band mit Text statt Zahlen (generisch) */
.nui-pdpx .nui-ritual-text{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:50px;padding-top:80px;padding-bottom:80px}
.nui-pdpx .nui-dosis p{font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(20px,2vw,28px);line-height:1.5;color:#fff;margin:0}
.nui-pdpx .nui-dosis span{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.75);display:block;margin-top:14px}
/* Zutaten-Block */
.nui-pdpx .nui-zutaten{max-width:860px;font-weight:300;font-size:16.5px;line-height:1.8;color:var(--nui-ink)}
.nui-pdpx .nui-zutaten p{margin:0 0 14px}
/* 5.7 Verbindungen-Grid (Magnesium 7) */
.nui-pdpx .compounds{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nui-pdpx .compound{background:var(--nui-bg);border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:30px 26px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:baseline}
.nui-pdpx .compound i{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300;font-size:22px;color:var(--nui-gold)}
.nui-pdpx .compound h4{font-size:15.5px;font-weight:600;margin:0 0 6px}
.nui-pdpx .compound p{font-size:13px;font-weight:300;color:var(--nui-muted);line-height:1.6;margin:0}
.nui-pdpx .compound.dark{background:var(--nui-gruen-tief);border-color:var(--nui-gruen-tief)}
.nui-pdpx .compound.dark i{color:var(--nui-gold-hell)}
.nui-pdpx .compound.dark h4{color:#fff}
.nui-pdpx .compound.dark p{color:rgba(255,255,255,.7)}
@media(max-width:1080px){
  .nui-pdpx .compounds{grid-template-columns:1fr 1fr}
  .nui-pdpx .nui-ritual-text{grid-template-columns:1fr;gap:26px}
}
@media(max-width:640px){.nui-pdpx .compounds{grid-template-columns:1fr}}

/* Sticky-Header-Garantie: kein verstecken per translateY (Reveal-Altzustand) */
#masthead .site-main-header-wrap{transform:none !important}

/* ---- Header v2 (Block 8 · mockup-home.html: Logo + Nav links, Suche/Konto/Warenkorb als Textlinks rechts) ---- */
/* Nav neben dem Logo: 72px Abstand, 42px zwischen den Punkten, Unterstrich-Hover in Gold */
#masthead .site-header-main-section-left{justify-content:flex-start}
#masthead .site-header-main-section-left .site-header-item[data-section*="primary_navigation"]{margin-left:72px}
#masthead .header-navigation .menu{gap:42px;align-items:center}
#masthead .header-navigation .menu > li{margin:0}
#masthead .header-navigation .menu > li > a{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-ink);padding:8px 0;border-bottom:1px solid transparent;transition:.2s;background:transparent}
#masthead .header-navigation .menu > li > a:hover{border-color:var(--nui-gold);color:var(--nui-gruen)}

/* Rechte Sektion: drei Textlinks, 34px Abstand (Mockup .nav .right) */
#masthead .site-header-main-section-right{gap:34px}
#masthead .search-toggle-open,
#masthead .header-account-button,
#masthead .header-cart-button{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-ink);background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:5px;transition:.2s;cursor:pointer}
#masthead .search-toggle-open:hover,
#masthead .header-account-button:hover,
#masthead .header-account-button:hover .header-account-label,
#masthead .header-cart-button:hover,
#masthead .header-cart-button:hover .header-cart-label{color:var(--nui-gruen)}
#masthead .header-account-label,
#masthead .header-cart-label{font:inherit;letter-spacing:inherit;color:inherit;padding:0}

/* Suche: Icon raus, Textlabel rein (Kadence-Element hat keine Label-Option) */
#masthead .search-toggle-open .search-toggle-icon{display:none}
#masthead .search-toggle-open::after{content:"Suche"}

/* Warenkorb: Icon raus, Anzahl in Klammern hinter dem Label → „Warenkorb (0)" */
#masthead .header-cart-button .kadence-svg-iconset{display:none}
#masthead .header-cart-button .header-cart-total{position:static;background:none !important;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;width:auto;height:auto;min-width:0;border-radius:0;padding:0;margin:0;transform:none}
#masthead .header-cart-button .header-cart-total::before{content:"("}
#masthead .header-cart-button .header-cart-total::after{content:")"}

/* Mobile-Breakpoint des Mockups: Suche-Link fällt zuerst weg (Desktop-Header < 1025px nicht aktiv — nur Sicherheitsnetz) */
@media(max-width:1140px){
  #masthead .site-header-main-section-left .site-header-item[data-section*="primary_navigation"]{margin-left:36px}
  #masthead .header-navigation .menu{gap:24px}
  #masthead .site-header-main-section-right{gap:20px}
}

/* ---- Block 8b — Nav weiter zur Mitte + Essentials-PDP in GOLD (Feedback Michael 2026-06-12) ---- */
/* Hauptmenü mittig zwischen Logo und den rechten Links (72px fix klebte zu nah am Logo) */
#masthead .site-header-main-section-left{flex:1 1 auto}
#masthead .site-header-main-section-left .site-header-item[data-section*="primary_navigation"]{margin:0 auto}

/* Essentials = Familienfarbe GOLD wie im Karten-Grid (NONI bleibt lila, Kosmetik spray-gel/sonstiges-form bleibt grün).
   Body-Klasse nui-essentials kommt aus functions.php; Ampel-Grün (sofort versandfertig) bleibt bewusst grün. */
body.nui-essentials.single-product div.product .product_title b{color:var(--nui-gold)}
body.nui-essentials .nui-pdp-badges2 i{border-color:var(--nui-gold);color:var(--nui-gold)}
body.nui-essentials .nui-var-pill.on{background:var(--nui-gold);color:#fff}
body.nui-essentials .nui-var-pills.nui-buytype .nui-var-pill.on{border-color:var(--nui-gold);box-shadow:inset 0 0 0 1px var(--nui-gold)}
body.nui-essentials .nui-pdp-trust2 i{color:var(--nui-gold)}
body.nui-essentials.single-product div.product .single_add_to_cart_button{background:var(--nui-gold);border-color:var(--nui-gold)}
body.nui-essentials.single-product div.product .single_add_to_cart_button:hover{background:#a9854a;border-color:#a9854a}
body.nui-essentials.single-product ol.flex-control-thumbs li img.flex-active,
body.nui-essentials.single-product ol.flex-control-thumbs li img:hover{box-shadow:inset 0 0 0 2px var(--nui-gold)}
body.nui-essentials .nui-pdpx .display b{color:var(--nui-gold)}
body.nui-essentials .nui-pdpx .dossier a:hover,
body.nui-essentials .nui-pdpx .dossier a.on{color:var(--nui-gold);border-color:var(--nui-gold)}
body.nui-essentials .nui-pdpx .claim p b{color:var(--nui-gold)}

/* ---- Block 9a — Magazin-Übersicht + Artikel (mockup-magazin.html / mockup-artikel.html) ---- */
/* Magazin-Kopf (Seiten-Content) */
.nui-maghead{padding:56px 0 36px}
.nui-maghead h1{font-size:clamp(38px,3.6vw,56px)}
.nui-maghead p{font-weight:300;color:var(--nui-muted);font-size:17px;max-width:520px;margin-top:14px}

/* Kategorie-Pills */
.nui-mag-pills{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:46px}
.nui-mag-pill{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border:1px solid var(--nui-rule);background:transparent;color:var(--nui-muted);cursor:pointer;transition:.2s;border-radius:100px}
.nui-mag-pill:hover{border-color:var(--nui-ink);color:var(--nui-ink)}
.nui-mag-pill.on{background:var(--nui-gruen);border-color:var(--nui-gruen);color:#fff}

/* Featured-Teaser */
.nui-mag-featured{display:grid;grid-template-columns:1.15fr .85fr;border-radius:var(--nui-r);overflow:hidden;background:var(--nui-gruen-tief);color:#fff;margin-bottom:70px;min-height:480px}
.nui-mag-featured .fimg{position:relative}
.nui-mag-featured .fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nui-mag-featured .fcopy{padding:60px 56px;display:flex;flex-direction:column;justify-content:center}
.nui-mag-featured .cat{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-gold-hell)}
.nui-mag-featured h2{color:#fff;font-size:clamp(28px,2.6vw,40px);font-weight:300;line-height:1.15;margin:16px 0 14px}
.nui-mag-featured p{color:rgba(255,255,255,.72);font-weight:300;max-width:440px;margin-bottom:34px}
.nui-mag-featured .meta{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:26px}
.nui-mag-featured .tlink{color:#fff;border-color:rgba(255,255,255,.5);align-self:flex-start;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px}

/* Artikel-Grid (auch fürs Weiterlesen-Band) */
.nui-mag-posts,.nui-artikel .mposts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:50px}
.nui-mag-post{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column}
.nui-mag-post:hover{border-color:rgba(48,54,47,.24)}
.nui-mag-post .pimg{aspect-ratio:16/10;overflow:hidden}
.nui-mag-post .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nui-mag-post:hover .pimg img{transform:scale(1.04)}
.nui-mag-post .ptxt{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.nui-mag-post .cat{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--nui-gruen)}
.nui-mag-post .cat.noni{color:var(--nui-lila)}
.nui-mag-post h3{font-size:20px;font-weight:600;line-height:1.35;margin:10px 0 8px}
.nui-mag-post p{font-size:14px;font-weight:300;color:var(--nui-muted);line-height:1.6;flex:1}
.nui-mag-post .meta{font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--nui-rule)}

/* Newsletter-Band */
.nui-news{background:var(--nui-creme);border-top:1px solid var(--nui-rule);padding:110px 48px;text-align:center;margin-left:calc(50% - var(--nui-fullw,100vw)/2);margin-right:calc(50% - var(--nui-fullw,100vw)/2)}
.nui-news h2{font-size:clamp(30px,2.8vw,42px);font-weight:300;letter-spacing:-.02em;margin:22px 0 14px}
.nui-news p{color:var(--nui-muted);font-weight:300;margin-bottom:44px}
.nui-news-form{max-width:520px;margin:0 auto}
.nui-news-form .row{display:flex;border:1px solid var(--nui-ink);border-radius:100px;padding:4px 8px 4px 24px;background:#fff}
.nui-news-form input{flex:1;border:0;background:transparent;font-family:'Assistant',sans-serif;font-weight:300;font-size:17px;padding:14px 4px;outline:none}
.nui-news-form button{border:0;background:transparent;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;color:var(--nui-gruen)}
.nui-news-note{display:block;margin-top:14px;color:var(--nui-muted);font-size:13px}

/* ---- Artikel-Seite (single.php) ---- */
body.single-post #primary,body.single-post .content-area{padding-top:0;padding-bottom:0}
body.single-post .entry-header,body.single-post .entry-meta{display:none}
.nui-artikel{font-size:17px;line-height:1.75}
.nui-artikel .ahead{max-width:820px;margin:0 auto;padding:60px 24px 44px;text-align:center}
.nui-artikel .ahead .cat{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-gruen)}
.nui-artikel .ahead .cat.noni{color:var(--nui-lila)}
.nui-artikel .ahead h1{font-size:clamp(34px,3.6vw,54px);margin:20px 0 18px;font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-artikel .ahead .lead{font-weight:300;font-size:19px;color:var(--nui-muted);max-width:640px;margin:0 auto}
.nui-artikel .ahead .meta{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);margin-top:28px}
.nui-artikel .ahead .meta b{color:var(--nui-ink)}
.nui-artikel .aimg{max-width:1140px;margin:0 auto 70px;padding:0 24px}
.nui-artikel .aimg .inner{aspect-ratio:21/10;border-radius:var(--nui-r);overflow:hidden}
.nui-artikel .aimg img{width:100%;height:100%;object-fit:cover}
.nui-artikel .aimg figcaption{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted);margin-top:14px;text-align:center}
.nui-artikel .prose{max-width:680px;margin:0 auto;padding:0 24px 40px}
.nui-artikel .prose p{font-weight:300;margin-bottom:26px}
.nui-artikel .prose p b,.nui-artikel .prose p strong{font-weight:600}
.nui-artikel .prose h2{font-size:26px;font-weight:600;margin:54px 0 18px;letter-spacing:-.01em}
.nui-artikel .prose .firstletter::first-letter{font-family:'Open Sans',sans-serif;font-weight:700;font-size:64px;line-height:.85;float:left;margin:8px 14px 0 0;color:var(--nui-gruen)}
.nui-artikel.noni .prose .firstletter::first-letter{color:var(--nui-lila)}
.nui-artikel .pull{border-left:2px solid var(--nui-gold);padding:6px 0 6px 30px;margin:46px 0;font-weight:300;font-size:24px;line-height:1.5;letter-spacing:-.01em;font-style:italic;color:var(--nui-ink)}
.nui-artikel .infobox{background:var(--nui-creme);border-radius:var(--nui-r);padding:30px 34px;margin:46px 0}
.nui-artikel .infobox h4{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-gruen);margin-bottom:12px}
.nui-artikel .infobox p{font-size:15px;font-weight:300;color:var(--nui-muted);margin:0}
.nui-artikel .afoot{max-width:680px;margin:0 auto;padding:30px 24px 90px}
.nui-artikel .author{display:grid;grid-template-columns:74px 1fr;gap:20px;align-items:center;border-top:1px solid var(--nui-rule);padding-top:34px}
.nui-artikel .author img{width:74px;height:74px;border-radius:50%;object-fit:cover}
.nui-artikel .author b{font-family:'Open Sans',sans-serif;font-size:14px;display:block}
.nui-artikel .author span{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted)}
.nui-artikel .more{background:var(--nui-creme);border-top:1px solid var(--nui-rule);padding:100px 0 110px;margin-left:calc(50% - var(--nui-fullw,100vw)/2);margin-right:calc(50% - var(--nui-fullw,100vw)/2)}
.nui-artikel .mwrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-artikel .mhead{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}
.nui-artikel .mhead .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px}
.nui-artikel .mposts{padding-bottom:0}

/* Inline-Produktkarte */
.nui-prodcard{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;border-radius:var(--nui-r);padding:22px 28px;margin:50px 0;position:relative}
.nui-prodcard .tag{position:absolute;top:-11px;left:24px;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:5px 14px;border-radius:100px}
.nui-prodcard .pimg{width:130px;height:130px;border-radius:var(--nui-r-sm);overflow:hidden;background:var(--nui-sand)}
.nui-prodcard .pimg img{width:100%;height:100%;object-fit:cover}
.nui-prodcard b{font-family:'Open Sans',sans-serif;font-size:16px;display:block}
.nui-prodcard span{font-size:13.5px;font-weight:300;color:var(--nui-muted);display:block;margin-top:4px}
.nui-prodcard .buy{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--nui-r-sm);padding:14px 22px;white-space:nowrap;transition:.2s;border:1px solid;color:inherit}
.nui-prodcard .buy .woocommerce-Price-amount{font:inherit}
.nui-prodcard.noni{border:1px solid var(--nui-lila);background:#fbf7fc}
.nui-prodcard.noni .tag{background:var(--nui-lila)}
.nui-prodcard.noni b,.nui-prodcard.noni .buy{color:var(--nui-lila);border-color:var(--nui-lila)}
.nui-prodcard.noni .buy:hover{background:var(--nui-lila);color:#fff}
.nui-prodcard.essentials{border:1px solid var(--nui-gold);background:#fbf8f1}
.nui-prodcard.essentials .tag{background:var(--nui-gold)}
.nui-prodcard.essentials b,.nui-prodcard.essentials .buy{color:var(--nui-gold);border-color:var(--nui-gold)}
.nui-prodcard.essentials .buy:hover{background:var(--nui-gold);color:#fff}
.nui-prodcard.kosmetik{border:1px solid var(--nui-gruen);background:#f2f7f5}
.nui-prodcard.kosmetik .tag{background:var(--nui-gruen)}
.nui-prodcard.kosmetik b,.nui-prodcard.kosmetik .buy{color:var(--nui-gruen);border-color:var(--nui-gruen)}
.nui-prodcard.kosmetik .buy:hover{background:var(--nui-gruen);color:#fff}

@media(max-width:1080px){
  .nui-mag-featured{grid-template-columns:1fr}
  .nui-mag-featured .fimg{min-height:300px}
  .nui-mag-featured .fcopy{padding:40px 28px}
  .nui-mag-posts,.nui-artikel .mposts{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nui-mag-posts,.nui-artikel .mposts{grid-template-columns:1fr}
  .nui-prodcard{grid-template-columns:1fr;text-align:center}
  .nui-prodcard .pimg{margin:0 auto}
  .nui-artikel .mhead{flex-direction:column;align-items:flex-start}
}

/* Block 9a Nachtrag: keine Kadence-Link-Unterstreichung in Magazin-Modulen, Assistant-Grundschrift */
.nui-magpage a,.nui-mag a,.nui-artikel a,.nui-news a{text-decoration:none}
.nui-magpage,.nui-artikel{font-family:'Assistant',sans-serif;color:var(--nui-ink)}
.nui-magpage h1,.nui-magpage h2,.nui-magpage h3,.nui-artikel h1,.nui-artikel h2,.nui-artikel h3{font-family:'Open Sans',sans-serif}

/* Block 9a: Magazin-Seite in zentrierter 1340er-Spalte (Newsletter-Band bricht selbst aus) */
.nui-magpage{max-width:1340px;margin:0 auto;padding:0 48px}
@media(max-width:1080px){.nui-magpage{padding:0 28px}}

/* Block 9a: Prodcard-Preis ohne Umbruch */
.nui-prodcard .buy{display:inline-flex;align-items:baseline;gap:4px}
.nui-prodcard .buy .woocommerce-Price-amount,.nui-prodcard .buy bdi{white-space:nowrap;display:inline}

/* ---- Block 9b — Experten-Übersicht + Profile (mockup-experte.html) ---- */
.nui-exp{font-family:'Assistant',sans-serif;color:var(--nui-ink);max-width:1340px;margin:0 auto;padding:0 48px}
.nui-exp a{text-decoration:none}
.nui-exp h1,.nui-exp h2,.nui-exp h3,.nui-exp h4{font-family:'Open Sans',sans-serif}
.nui-exp .crumbs{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);padding:28px 0 0}

/* Profil-Hero */
.nui-exp .phero{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding:44px 0 100px}
.nui-exp .phero .visual{aspect-ratio:4/4.6;border-radius:var(--nui-r);overflow:hidden;background:var(--nui-sand)}
.nui-exp .phero .visual img{width:100%;height:100%;object-fit:cover}
.nui-exp .phero h1{font-size:clamp(40px,3.8vw,62px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:20px}
.nui-exp .phero h1 b{font-weight:700;color:var(--nui-gruen)}
.nui-exp .phero .role{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-muted);margin:16px 0 30px}
.nui-exp .phero blockquote{font-family:'Assistant',sans-serif;font-weight:300;font-size:clamp(22px,1.9vw,28px);line-height:1.45;letter-spacing:-.01em;max-width:520px;border:0;margin:0;padding:0}
.nui-exp .phero blockquote::before{content:"„";color:var(--nui-gold);font-size:1.4em;line-height:0}
.nui-exp .phero .facts{display:flex;border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);margin-top:40px;max-width:520px}
.nui-exp .phero .facts div{flex:1;padding:18px 8px;text-align:center}
.nui-exp .phero .facts div+div{border-left:1px solid var(--nui-rule)}
.nui-exp .phero .facts b{font-family:'Open Sans',sans-serif;font-size:16px;display:block;color:var(--nui-gruen)}
.nui-exp .phero .facts span{font-family:'Open Sans',sans-serif;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted)}

/* Stack-Band (Shortcode, dunkelgrün) */
.nui-stack{background:var(--nui-gruen-tief);color:#fff;border-radius:var(--nui-r);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;margin-bottom:110px}
.nui-stack .copy{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.nui-stack .nui-eyebrow{color:var(--nui-gold-hell)}
.nui-stack h2{color:#fff;font-size:clamp(28px,2.6vw,40px);font-weight:300;margin:16px 0 10px}
.nui-stack h2 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-stack>.img{position:relative;min-height:480px}
.nui-stack>.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nui-stack p{color:rgba(255,255,255,.72);font-weight:300;max-width:460px;margin-bottom:36px}
.nui-stack .items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}
.nui-stack .item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--nui-r-sm);padding:14px;text-align:center}
.nui-stack .item img{height:84px;width:auto;margin:0 auto 10px;object-fit:contain;border-radius:8px}
.nui-stack .item b{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;display:block}
.nui-stack .item span{font-size:10.5px;color:rgba(255,255,255,.55);display:block}
.nui-stack .item .when{font-family:'Open Sans',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-gold-hell);margin-top:8px}
.nui-stack .buyrow{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nui-stack .price{font-family:'Open Sans',sans-serif;font-weight:300;font-size:34px}
.nui-stack .price small{display:block;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em}
.nui-stack .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;border-radius:var(--nui-r-sm);transition:.25s;cursor:pointer}
.nui-stack .btn.gold{background:var(--nui-gold);border:1px solid var(--nui-gold);color:#fff}
.nui-stack .btn.gold:hover{background:var(--nui-ink);border-color:var(--nui-ink)}

/* Story */
.nui-exp .exp-section{padding:0 0 110px}
.nui-exp .story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.nui-exp .story .imgbox{aspect-ratio:4/4.8;border-radius:var(--nui-r);overflow:hidden;background:var(--nui-sand)}
.nui-exp .story .imgbox img{width:100%;height:100%;object-fit:cover}
.nui-exp .story h2{font-size:clamp(32px,2.8vw,44px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:18px}
.nui-exp .story h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-exp .story p{font-weight:300;color:var(--nui-muted);margin-top:22px;line-height:1.75}
.nui-exp .story .quote{font-weight:300;font-size:19px;color:var(--nui-ink);border-left:2px solid var(--nui-gold);padding-left:24px;margin-top:30px;font-style:italic}

/* Tages-Routine (full-bleed Creme-Band) */
.nui-exp-daily{background:var(--nui-creme);border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);padding:110px 0;margin:0 calc(50% - var(--nui-fullw,100vw)/2) 110px}
.nui-exp-daily .dwrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-exp-daily .dhead{max-width:640px;margin-bottom:50px}
.nui-exp-daily h2{font-size:clamp(32px,2.8vw,44px);font-weight:300;letter-spacing:-.025em;line-height:1.06;font-family:'Open Sans',sans-serif}
.nui-exp-daily h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-exp-daily .dailyrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nui-exp-daily .dcard{background:#fff;border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:34px 32px}
.nui-exp-daily .dcard .when{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-gold)}
.nui-exp-daily .dcard h4{font-size:18px;font-weight:600;margin:10px 0 8px;color:var(--nui-gruen)}
.nui-exp-daily .dcard p{font-size:14px;font-weight:300;color:var(--nui-muted);line-height:1.65;margin:0}

/* Experten-Kacheln (Übersicht + Profil-Fuß) */
.nui-exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nui-exp-card{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff;transition:.2s}
.nui-exp-card:hover{border-color:rgba(48,54,47,.24)}
.nui-exp-card .oimg{aspect-ratio:4/4.2;overflow:hidden;background:var(--nui-sand)}
.nui-exp-card .oimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nui-exp-card:hover .oimg img{transform:scale(1.04)}
.nui-exp-card .oimg .initialen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:10px}
.nui-exp-card .oimg .initialen i{font-style:normal;font-family:'Open Sans',sans-serif;font-weight:300;font-size:64px;letter-spacing:.06em;color:var(--nui-gruen)}
.nui-exp-card .oimg .initialen em{font-style:normal;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted)}
.nui-exp-card .otxt{padding:22px 26px 26px}
.nui-exp-card .otxt b{font-family:'Open Sans',sans-serif;font-size:15px;display:block}
.nui-exp-card .otxt span{font-family:'Open Sans',sans-serif;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-muted)}

/* Übersichts-Kopf + Gruppen-Label + Disclaimer */
.nui-exp .exphead{padding:56px 0 50px;max-width:760px}
.nui-exp .exphead h1{font-size:clamp(38px,3.6vw,56px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:18px}
.nui-exp .exphead h1 b{font-weight:700;color:var(--nui-gruen)}
.nui-exp .exphead p{font-weight:300;color:var(--nui-muted);font-size:17px;margin-top:14px}
.nui-exp .gruppe-label{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--nui-gold);margin:60px 0 22px;display:block}
.nui-exp .gruppe-label:first-of-type{margin-top:0}
.nui-exp .disclaim{font-size:13px;font-weight:300;color:var(--nui-muted);border-top:1px solid var(--nui-rule);padding-top:22px;margin:60px 0 90px;max-width:860px}
.nui-exp .exp-foot-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}
.nui-exp .exp-foot-head .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px}
.nui-exp .exp-foot-head .tlink:hover{color:var(--nui-gruen);border-color:var(--nui-gruen)}

@media(max-width:1080px){
  .nui-exp{padding:0 28px}
  .nui-exp .phero{grid-template-columns:1fr;gap:40px;padding-bottom:60px}
  .nui-stack{grid-template-columns:1fr}
  .nui-stack>.img{min-height:340px}
  .nui-stack .copy{padding:44px 28px}
  .nui-exp .story{grid-template-columns:1fr;gap:44px}
  .nui-exp-daily .dailyrow,.nui-exp-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nui-stack .items{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .nui-exp .exp-foot-head{flex-direction:column;align-items:flex-start}
}

/* ---- Block 9c — Quiz „Deine Vital-Routine" (mockup-quiz.html, Fokus-Modus) ---- */
/* Fokus-Modus: Shop-Chrome weg, nur Quiz */
body.page-id-28043 #masthead,
body.page-id-28043 #colophon,
body.page-id-28043 .site-footer{display:none}
body.page-id-28043 #primary,body.page-id-28043 .content-area{padding:0}
body.page-id-28043 .site{background:var(--nui-bg)}

.nui-quiz{font-family:'Assistant',sans-serif;color:var(--nui-ink);min-height:100vh;display:flex;flex-direction:column}
.nui-quiz a{text-decoration:none}
.nui-quiz h1,.nui-quiz h2,.nui-quiz h3{font-family:'Open Sans',sans-serif}
.nui-quiz .qheader{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:76px;border-bottom:1px solid var(--nui-rule)}
.nui-quiz .qheader img{height:48px;width:auto;display:block}
.nui-quiz .close{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);border-bottom:1px solid var(--nui-muted);padding-bottom:4px;transition:.2s}
.nui-quiz .close:hover{color:var(--nui-ink);border-color:var(--nui-ink)}
.nui-quiz .progress{height:4px;background:var(--nui-rule)}
.nui-quiz .progress i{display:block;height:100%;width:14%;background:var(--nui-gruen);border-radius:0 100px 100px 0;transition:width .4s}
.nui-quiz .steplabel{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-muted);text-align:center;padding:34px 16px 0}

.nui-quiz .qmain{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 24px 70px}
.nui-quiz .qstep{display:none;flex-direction:column;align-items:center;width:100%}
.nui-quiz .qstep.aktiv{display:flex}
.nui-quiz .qstep .nui-eyebrow{margin-top:30px}
.nui-quiz .qstep h1{font-size:clamp(30px,3.2vw,46px);text-align:center;max-width:760px;margin-top:14px;font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-quiz .qstep h1 b{font-weight:700;color:var(--nui-gruen)}
.nui-quiz .hint{font-weight:300;color:var(--nui-muted);margin-top:14px;text-align:center}

.nui-quiz .answers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1140px;width:100%;margin-top:54px}
.nui-quiz .answers.drei{grid-template-columns:repeat(3,1fr)}
.nui-quiz .answer{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff;cursor:pointer;transition:.2s;text-align:left;padding:0;font-family:inherit;font-size:inherit;color:inherit}
.nui-quiz .answer:hover{border-color:var(--nui-gruen);transform:translateY(-3px)}
.nui-quiz .answer.on{border-color:var(--nui-gruen);box-shadow:inset 0 0 0 1px var(--nui-gruen)}
.nui-quiz .answer .aimg{aspect-ratio:4/3;overflow:hidden}
.nui-quiz .answer .aimg img{width:100%;height:100%;object-fit:cover}
.nui-quiz .answer .atxt{padding:20px 24px 24px;display:block}
.nui-quiz .answer b{font-family:'Open Sans',sans-serif;font-size:15px;font-weight:600;display:block;margin-bottom:4px}
.nui-quiz .answer.on .atxt b::after{content:"✓";color:var(--nui-gruen);margin-left:8px}
.nui-quiz .answer span{font-size:13px;font-weight:300;color:var(--nui-muted);line-height:1.5;display:block}

.nui-quiz .qnav{display:flex;justify-content:space-between;align-items:center;max-width:1140px;width:100%;margin:54px auto 0;padding:0 24px 60px}
.nui-quiz .back{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);cursor:pointer;background:none;border:0;visibility:hidden}
.nui-quiz .back.sichtbar{visibility:visible}
.nui-quiz .back:hover{color:var(--nui-ink)}
.nui-quiz .next{font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 52px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s;cursor:pointer}
.nui-quiz .next:hover{background:var(--nui-gruen-tief)}
.nui-quiz .next:disabled{opacity:.35;cursor:not-allowed}

.nui-quiz .qfoot{border-top:1px solid var(--nui-rule);padding:22px 16px;text-align:center;font-family:'Open Sans',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted)}
.nui-quiz .qfoot b{color:var(--nui-gold)}

/* Ergebnis */
.nui-quiz .qresult{display:none;width:100%;max-width:1240px}
.nui-quiz .qresult.aktiv{display:block}
.nui-quiz .result-panel{display:none}
.nui-quiz .result-panel.aktiv{display:block}
.nui-quiz .result-kopf{text-align:center;padding:40px 0 10px;max-width:760px;margin:0 auto}
.nui-quiz .result-kopf h1{font-size:clamp(32px,3.2vw,48px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:14px}
.nui-quiz .result-kopf h1 b{font-weight:700;color:var(--nui-gruen)}
.nui-quiz .result-kopf p{font-weight:300;color:var(--nui-muted);margin-top:14px}
.nui-quiz .result-panel .woocommerce ul.products,.nui-quiz .result-panel ul.products{margin-top:40px}
.nui-quiz .result-cta{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:44px 0 20px}
.nui-quiz .result-cta .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;border-radius:var(--nui-r-sm);transition:.25s;background:var(--nui-gruen);border:1px solid var(--nui-gruen);color:#fff}
.nui-quiz .result-cta .btn:hover{background:var(--nui-gruen-tief)}
.nui-quiz .result-cta .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px;align-self:center}
.nui-quiz .result-neustart{text-align:center;margin-bottom:40px}
.nui-quiz .result-neustart button{background:none;border:0;font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted);cursor:pointer;border-bottom:1px solid var(--nui-muted);padding:0 0 3px}

@media(max-width:1080px){.nui-quiz .answers,.nui-quiz .answers.drei{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .nui-quiz .answers,.nui-quiz .answers.drei{grid-template-columns:1fr;gap:12px}
  .nui-quiz .answer .aimg{display:none}
  .nui-quiz .qheader{padding:0 20px;height:64px}
  .nui-quiz .qheader img{height:42px}
}

/* ---- Block 9e — Mega-Menü „Routinen" (Kadence Pro, NUI-Look: weiße Karte, Gold-Köpfe, Grün-Hover) ---- */
#masthead .header-navigation .header-menu-container .kadence-menu-mega-enabled > .sub-menu{background:#fff;border:1px solid var(--nui-rule);border-radius:0 0 var(--nui-r-sm) var(--nui-r-sm);box-shadow:0 18px 40px rgba(48,54,47,.14);padding:28px 22px 24px}
#masthead .kadence-menu-mega-enabled > .sub-menu li{border:0 !important;background:transparent !important}
#masthead .kadence-menu-mega-enabled > .sub-menu li a{border:0 !important;background:transparent !important;width:auto}
/* Spaltenköpfe als Eyebrow */
#masthead .kadence-menu-mega-enabled > .sub-menu > li.menu-item > a{font-family:'Open Sans',sans-serif !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:var(--nui-gold) !important;padding:4px 18px 12px !important;cursor:default}
/* Spalten-Links */
#masthead .kadence-menu-mega-enabled > .sub-menu .sub-menu li.menu-item > a{font-family:'Open Sans',sans-serif !important;font-size:12.5px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:none !important;color:var(--nui-ink) !important;padding:9px 18px !important;line-height:1.45;transition:.15s}
#masthead .kadence-menu-mega-enabled > .sub-menu .sub-menu li.menu-item > a:hover{color:var(--nui-gruen) !important;padding-left:24px !important}
/* Unterebenen im Mega immer offen, Toggle-Pfeile weg */
#masthead .kadence-menu-mega-enabled .dropdown-nav-toggle,
#masthead .kadence-menu-mega-enabled > .sub-menu .menu-item--has-toggle > a .dropdown-nav-toggle{display:none !important}

/* ---- Block 9f — Über NUI + Team (Idee: ausliebeprotzen.de/team · NUI-Formsprache) ---- */
.nui-ueber{font-family:'Assistant',sans-serif;color:var(--nui-ink);max-width:1340px;margin:0 auto;padding:0 48px}
.nui-ueber a{text-decoration:none}
.nui-ueber h1,.nui-ueber h2,.nui-ueber h3,.nui-ueber h4{font-family:'Open Sans',sans-serif}
.nui-ueber .display{font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-ueber .display b{font-weight:700;color:var(--nui-gruen)}

/* Kopf */
.nui-ueber .uhead{padding:64px 0 40px;max-width:820px}
.nui-ueber .uhead h1{font-size:clamp(40px,4vw,62px);margin-top:18px}
.nui-ueber .uhead p{font-weight:300;color:var(--nui-muted);font-size:18px;margin-top:18px;max-width:640px}

/* Story-Split */
.nui-ueber .ustory{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:50px 0 110px}
.nui-ueber .ustory .imgbox{aspect-ratio:4/4.4;border-radius:var(--nui-r);overflow:hidden;background:var(--nui-sand)}
.nui-ueber .ustory .imgbox img{width:100%;height:100%;object-fit:cover}
.nui-ueber .ustory h2{font-size:clamp(32px,2.8vw,44px);margin-top:18px}
.nui-ueber .ustory p{font-weight:300;color:var(--nui-muted);margin-top:22px;line-height:1.75}

/* Genossenschafts-Band (dunkelgrün, full-bleed) */
.nui-geno{background:var(--nui-gruen-tief);color:#fff;padding:110px 0;margin:0 calc(50% - var(--nui-fullw,100vw)/2) 110px}
.nui-geno .gwrap{max-width:1340px;margin:0 auto;padding:0 48px}
.nui-geno .nui-eyebrow{color:var(--nui-gold-hell)}
.nui-geno h2{color:#fff;font-size:clamp(32px,3vw,46px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin:16px 0 14px;font-family:'Open Sans',sans-serif}
.nui-geno h2 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-geno>.gwrap>p{color:rgba(255,255,255,.72);font-weight:300;max-width:560px;margin-bottom:54px}
.nui-geno .gfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nui-geno .gfact{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--nui-r);padding:34px 32px}
.nui-geno .gfact b{display:block;font-family:'Open Sans',sans-serif;font-weight:300;font-size:44px;color:var(--nui-gold-hell);letter-spacing:-.02em;margin-bottom:10px}
.nui-geno .gfact h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}
.nui-geno .gfact p{color:rgba(255,255,255,.65);font-weight:300;font-size:14px;line-height:1.65;margin:0}

/* Werte / Vier Säulen */
.nui-ueber .saeulen{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:110px}
.nui-ueber .saeule{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:32px 30px}
.nui-ueber .saeule i{font-style:normal;font-family:'Open Sans',sans-serif;font-weight:300;font-size:26px;color:var(--nui-gold);display:block;margin-bottom:14px}
.nui-ueber .saeule h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--nui-gruen)}
.nui-ueber .saeule p{font-size:14px;font-weight:300;color:var(--nui-muted);line-height:1.65;margin:0}

/* Team — die Referenz-Idee in NUI-Formsprache */
.nui-team-head{max-width:760px;padding:10px 0 70px}
.nui-team-head h2{font-size:clamp(36px,3.4vw,54px);margin-top:18px}
.nui-team-head p{font-weight:300;color:var(--nui-muted);font-size:17px;margin-top:16px}
.nui-team{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding-bottom:110px}
.nui-team.flip{grid-template-columns:1.08fr .92fr}
.nui-team.flip .visual{order:2}
.nui-team .visual{aspect-ratio:4/4.6;border-radius:var(--nui-r);overflow:hidden;background:var(--nui-sand)}
.nui-team .visual img{width:100%;height:100%;object-fit:cover}
.nui-team .visual .initialen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px}
.nui-team .visual .initialen i{font-style:normal;font-family:'Open Sans',sans-serif;font-weight:300;font-size:96px;color:var(--nui-gruen)}
.nui-team .visual .initialen em{font-style:normal;font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-muted)}
.nui-team h3{font-size:clamp(36px,3.2vw,52px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:18px;font-family:'Open Sans',sans-serif}
.nui-team h3 b{font-weight:700;color:var(--nui-gruen)}
.nui-team .role{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--nui-muted);margin:14px 0 22px}
.nui-team .bio{font-weight:300;color:var(--nui-muted);line-height:1.75;max-width:520px}
.nui-team .mail{display:inline-block;font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-gruen);border-bottom:1px solid var(--nui-gruen);padding-bottom:4px;margin-top:18px;transition:.2s}
.nui-team .mail:hover{color:var(--nui-ink);border-color:var(--nui-ink)}

/* „Ich …"-Spiel (Kern der Referenz-Idee) */
.nui-ich{margin-top:34px;max-width:520px}
.nui-ich h4{font-family:'Open Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;margin-bottom:16px}
.nui-ich h4 b{font-weight:700;color:var(--nui-gold)}
.nui-ich ul{list-style:none;margin:0;padding:0}
.nui-ich li{border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);background:#fff;padding:14px 20px;font-weight:300;font-size:15.5px;color:var(--nui-ink);transition:.2s}
.nui-ich li+li{margin-top:8px}
.nui-ich li:hover{border-color:var(--nui-gold);transform:translateX(4px)}
.nui-ich li::before{content:"…";color:var(--nui-gold);font-weight:700;margin-right:10px}
.nui-ich small{display:block;font-size:12.5px;font-weight:300;color:var(--nui-muted);margin-top:12px;font-style:italic}

/* Mitglied-werden-Band */
.nui-mitglied{background:var(--nui-creme);border-top:1px solid var(--nui-rule);padding:100px 48px;text-align:center;margin:0 calc(50% - var(--nui-fullw,100vw)/2)}
.nui-mitglied h2{font-size:clamp(30px,2.8vw,42px);font-weight:300;letter-spacing:-.02em;margin:22px 0 14px;font-family:'Open Sans',sans-serif}
.nui-mitglied h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-mitglied p{color:var(--nui-muted);font-weight:300;max-width:560px;margin:0 auto 38px}
.nui-mitglied .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s}
.nui-mitglied .btn:hover{background:var(--nui-gruen-tief)}

/* Experten-Verweis + Standorte */
.nui-ueber .uexp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 0 50px;padding-top:110px}
.nui-ueber .uexp-head .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:6px}
.nui-ueber .uexp-head .tlink:hover{color:var(--nui-gruen);border-color:var(--nui-gruen)}
.nui-ueber .standorte{display:flex;gap:0;border-top:1px solid var(--nui-rule);border-bottom:1px solid var(--nui-rule);margin:90px 0 110px}
.nui-ueber .standorte div{flex:1;padding:26px 18px;text-align:center}
.nui-ueber .standorte div+div{border-left:1px solid var(--nui-rule)}
.nui-ueber .standorte b{font-family:'Open Sans',sans-serif;font-size:13px;display:block;color:var(--nui-gruen);margin-bottom:4px}
.nui-ueber .standorte span{font-family:'Open Sans',sans-serif;font-size:11px;letter-spacing:.1em;color:var(--nui-muted)}

@media(max-width:1080px){
  .nui-ueber{padding:0 28px}
  .nui-ueber .ustory,.nui-team,.nui-team.flip{grid-template-columns:1fr;gap:40px}
  .nui-team.flip .visual{order:0}
  .nui-geno .gfacts{grid-template-columns:1fr}
  .nui-ueber .saeulen{grid-template-columns:1fr 1fr}
  .nui-ueber .standorte{flex-direction:column}
  .nui-ueber .standorte div+div{border-left:0;border-top:1px solid var(--nui-rule)}
}
@media(max-width:640px){
  .nui-ueber .saeulen{grid-template-columns:1fr}
  .nui-ueber .uexp-head{flex-direction:column;align-items:flex-start}
}

/* ---- Block 9h — Vorträge & Webinare + Online-Beratung ---- */
.nui-vortrag{font-family:'Assistant',sans-serif;color:var(--nui-ink);max-width:1140px;margin:0 auto;padding:0 48px}
.nui-vortrag a{text-decoration:none}
.nui-vortrag h1,.nui-vortrag h2{font-family:'Open Sans',sans-serif}
.nui-vortrag .vhead{padding:64px 0 50px;max-width:780px}
.nui-vortrag .vhead h1{font-size:clamp(38px,3.8vw,58px);margin-top:18px}
.nui-vortrag .vhead p,.nui-vortrag .vsek-head p{font-weight:300;color:var(--nui-muted);font-size:17px;margin-top:14px;max-width:640px}
.nui-vortrag .vsek-head{padding:70px 0 36px;max-width:780px}
.nui-vortrag .vsek-head h2{font-size:clamp(30px,2.8vw,42px);margin-top:14px}

/* Online-Beratung (dunkelgrünes Band, full-bleed) */
.nui-beratung{background:var(--nui-gruen-tief);color:#fff;padding:96px 0;margin:0 calc(50% - var(--nui-fullw,100vw)/2)}
.nui-beratung .bwrap{max-width:1140px;margin:0 auto;padding:0 48px}
.nui-beratung .nui-eyebrow{color:var(--nui-gold-hell)}
.nui-beratung h2{color:#fff;font-size:clamp(30px,2.8vw,44px);font-weight:300;letter-spacing:-.025em;line-height:1.1;margin:16px 0 14px;font-family:'Open Sans',sans-serif}
.nui-beratung h2 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-beratung p{color:rgba(255,255,255,.72);font-weight:300;max-width:620px;margin-bottom:30px}
.nui-beratung .bpunkte{display:grid;gap:10px;margin-bottom:38px;max-width:560px}
.nui-beratung .bpunkte div{display:flex;gap:12px;align-items:baseline;font-weight:300;font-size:15.5px;color:rgba(255,255,255,.85)}
.nui-beratung .bpunkte i{font-style:normal;color:var(--nui-gold-hell)}
.nui-beratung .bcta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nui-beratung .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-gold);color:#fff;border:1px solid var(--nui-gold);border-radius:var(--nui-r-sm);transition:.25s}
.nui-beratung .btn:hover{background:#fff;border-color:#fff;color:var(--nui-gruen-tief)}
.nui-beratung .tel{font-family:'Open Sans',sans-serif;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.6)}

/* Termin-Karten */
.nui-vortrag .termine{display:grid;gap:12px}
.nui-vortrag .termin{display:grid;grid-template-columns:110px 1fr auto;gap:26px;align-items:center;border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);background:#fff;padding:20px 26px;transition:.2s}
.nui-vortrag .termin:hover{border-color:var(--nui-gruen)}
.nui-vortrag .datum b{display:block;font-family:'Open Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;color:var(--nui-gruen)}
.nui-vortrag .datum span{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--nui-muted)}
.nui-vortrag .info b{font-family:'Open Sans',sans-serif;font-size:14.5px;display:block;margin-bottom:2px}
.nui-vortrag .info span{display:block;font-size:13px;font-weight:300;color:var(--nui-muted)}
.nui-vortrag .tcta{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);color:var(--nui-gruen);padding:13px 22px;white-space:nowrap;transition:.2s}
.nui-vortrag .tcta:hover{background:var(--nui-gruen);color:#fff}
.nui-vortrag .vhinweis{font-size:12.5px;font-weight:300;color:var(--nui-muted);border-top:1px solid var(--nui-rule);padding:22px 0 90px;margin-top:70px}

/* Team-Grid auf Über NUI (Block 9i) */
.nui-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:40px}
.nui-team-grid .tcard{border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff;transition:.2s}
.nui-team-grid .tcard:hover{border-color:rgba(48,54,47,.24);transform:translateY(-3px)}
.nui-team-grid .timg{aspect-ratio:1;overflow:hidden;background:var(--nui-sand)}
.nui-team-grid .timg img{width:100%;height:100%;object-fit:cover}
.nui-team-grid .ttxt{padding:20px 22px 24px}
.nui-team-grid .ttxt b{font-family:'Open Sans',sans-serif;font-size:16px;display:block}
.nui-team-grid .trole{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nui-gold);display:block;margin:4px 0 10px}
.nui-team-grid .ttxt p{font-size:13px;font-weight:300;color:var(--nui-muted);line-height:1.55;margin:0}
.nui-team-grid .ttxt em{font-style:italic;color:var(--nui-gruen)}

/* Online-Beratungs-Band unterm Shop-Grid (kompakte Variante) */
.nui-shop-beratung{background:var(--nui-gruen-tief);color:#fff;border-radius:var(--nui-r);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:44px 52px;margin:60px 0 20px}
.nui-shop-beratung h3{color:#fff;font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(22px,2vw,30px);letter-spacing:-.02em;margin:10px 0 8px}
.nui-shop-beratung h3 b{font-weight:700;color:var(--nui-gold-hell)}
.nui-shop-beratung p{color:rgba(255,255,255,.72);font-weight:300;font-size:14.5px;max-width:560px;margin:0}
.nui-shop-beratung .nui-eyebrow{color:var(--nui-gold-hell)}
.nui-shop-beratung .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:17px 36px;background:var(--nui-gold);color:#fff;border:1px solid var(--nui-gold);border-radius:var(--nui-r-sm);transition:.25s;white-space:nowrap}
.nui-shop-beratung .btn:hover{background:#fff;border-color:#fff;color:var(--nui-gruen-tief)}

@media(max-width:1080px){
  .nui-vortrag{padding:0 28px}
  .nui-vortrag .termin{grid-template-columns:90px 1fr;gap:16px}
  .nui-vortrag .tcta{grid-column:2;justify-self:start}
  .nui-team-grid{grid-template-columns:1fr 1fr}
  .nui-shop-beratung{grid-template-columns:1fr;padding:36px 28px}
}
@media(max-width:640px){.nui-team-grid{grid-template-columns:1fr}}

/* Block 9j: Standard-Dropdowns hell im NUI-Look (wie Mega-Menü) */
#masthead .header-navigation .header-menu-container ul .sub-menu{background:#fff;border:1px solid var(--nui-rule);border-radius:0 0 var(--nui-r-sm) var(--nui-r-sm);box-shadow:0 18px 40px rgba(48,54,47,.14)}
#masthead .header-navigation ul .sub-menu li.menu-item > a{color:var(--nui-ink) !important;background:transparent !important;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;padding:11px 18px;border:0 !important}
#masthead .header-navigation ul .sub-menu li.menu-item > a:hover{color:var(--nui-gruen) !important}

/* ---- Block 9k — Noni-Wissensseite + FAQ-Seiten-Stile ---- */
.nui-noniw .noniw-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:10px 0 70px}
.nui-noniw .nfact{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:28px 26px;text-align:center}
.nui-noniw .nfact i{font-style:normal;font-family:'Open Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;color:var(--nui-gruen);display:block;margin-bottom:10px}
.nui-noniw .nfact span{font-size:13px;font-weight:300;color:var(--nui-muted);line-height:1.55}
.nui-noniw .noniw-cta{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:50px 0 100px}
.nui-noniw .noniw-cta .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s}
.nui-noniw .noniw-cta .btn:hover{background:var(--nui-gruen-tief)}
.nui-noniw .noniw-cta .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:5px}

/* FAQ-Akkordeon generisch (Noni-Seite + FAQ-Seite) */
.nui-faqp,.nui-noniw .noniw-faq{font-family:'Assistant',sans-serif}
.nui-faqp{max-width:860px;margin:0 auto;padding:0 48px;color:var(--nui-ink)}
.nui-faqp a{text-decoration:none;color:var(--nui-gruen);border-bottom:1px solid var(--nui-gruen)}
.nui-faqp .fhead{padding:64px 0 26px}
.nui-faqp .fhead h1{font-size:clamp(36px,3.4vw,52px);margin-top:18px;font-family:'Open Sans',sans-serif;font-weight:300;letter-spacing:-.025em;line-height:1.06}
.nui-faqp .fhead h1 b{font-weight:700;color:var(--nui-gruen)}
.nui-faqp .fhead p{font-weight:300;color:var(--nui-muted);font-size:17px;margin-top:14px}
.nui-faqp .fgruppe{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--nui-gold);margin:54px 0 18px}
.nui-faqp .faq details,.nui-noniw .noniw-faq details{border-bottom:1px solid var(--nui-rule)}
.nui-faqp .faq summary,.nui-noniw .noniw-faq summary{font-family:'Open Sans',sans-serif;font-size:16.5px;font-weight:600;padding:22px 40px 22px 0;cursor:pointer;list-style:none;position:relative}
.nui-faqp .faq summary::-webkit-details-marker,.nui-noniw .noniw-faq summary::-webkit-details-marker{display:none}
.nui-faqp .faq summary::after,.nui-noniw .noniw-faq summary::after{content:"+";position:absolute;right:4px;top:16px;font-weight:300;font-size:26px;color:var(--nui-gold)}
.nui-faqp .faq details[open] summary::after,.nui-noniw .noniw-faq details[open] summary::after{content:"–"}
.nui-faqp .faq details p,.nui-noniw .noniw-faq details p{font-weight:300;color:var(--nui-muted);line-height:1.75;padding:0 0 24px;margin:0}
.nui-faqp .fkontakt{text-align:center;padding:70px 0 100px}
.nui-faqp .fkontakt h2{margin:14px 0 10px}
.nui-faqp .fkontakt p{font-weight:300;color:var(--nui-muted);margin-bottom:30px}
.nui-faqp .fkontakt .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-gruen);color:#fff !important;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s}
.nui-faqp .fkontakt .btn:hover{background:var(--nui-gruen-tief)}
.nui-noniw .noniw-faq{padding-bottom:20px}

@media(max-width:1080px){
  .nui-noniw .noniw-facts{grid-template-columns:1fr 1fr}
  .nui-noniw .ustory{grid-template-columns:1fr !important;gap:40px !important}
  .nui-faqp{padding:0 28px}
}

/* ---- Block 9i.2 — Team-Flip-Karten (Klick → „Ich…"-Spiel) ---- */
.nui-team-grid .tcard{position:relative;border:0;background:transparent;padding:0;cursor:pointer;perspective:1200px;font-family:inherit;text-align:left;min-height:430px;transform:none}
.nui-team-grid .tcard:hover{transform:none}
.nui-team-grid .tcard-inner{position:relative;display:block;width:100%;height:100%;min-height:430px;transition:transform .6s cubic-bezier(.4,.1,.2,1);transform-style:preserve-3d}
.nui-team-grid .tcard.flipped .tcard-inner{transform:rotateY(180deg)}
.nui-team-grid .tfront,.nui-team-grid .tback{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--nui-rule);border-radius:var(--nui-r);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.nui-team-grid .tcard:hover .tfront{border-color:var(--nui-gold)}
.nui-team-grid .tfront .timg{display:block;aspect-ratio:1;overflow:hidden;background:var(--nui-sand);flex:0 0 auto}
.nui-team-grid .tfront .timg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nui-team-grid .tcard:hover .tfront .timg img{transform:scale(1.04)}
.nui-team-grid .tfront .ttxt{padding:18px 22px 20px;display:block}
.nui-team-grid .tflip-hint{display:block;font-family:'Open Sans',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-gold);margin-top:10px}
.nui-team-grid .tback{transform:rotateY(180deg);background:var(--nui-gruen-tief);border-color:var(--nui-gruen-tief);color:#fff;padding:30px 26px;justify-content:center}
.nui-team-grid .tback > b{font-family:'Open Sans',sans-serif;font-size:17px;display:block;color:#fff}
.nui-team-grid .tback .tich{font-family:'Open Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;color:var(--nui-gold-hell);display:block;margin:6px 0 16px}
.nui-team-grid .tback .tlist{display:grid;gap:8px}
.nui-team-grid .tback .tlist span{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--nui-r-sm);padding:11px 16px;font-weight:300;font-size:13.5px;color:rgba(255,255,255,.9)}
.nui-team-grid .tback .tlist span::before{content:"… ";color:var(--nui-gold-hell);font-weight:700}
.nui-team-grid .tback small{display:block;font-size:11.5px;font-weight:300;font-style:italic;color:rgba(255,255,255,.55);margin-top:14px}
.nui-team-grid .tback .tflip-hint{color:var(--nui-gold-hell)}

/* ---- Block 9l — Kinder-Dosierungs-Block (Familie & Kinder) ---- */
.nui-routine .kinder-dosierung{padding:40px 0 90px}
.nui-routine .kd-head{max-width:720px;margin-bottom:40px}
.nui-routine .kd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}
.nui-routine .kd{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:30px 28px;text-align:center}
.nui-routine .kd b{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--nui-gold);display:block;margin-bottom:10px}
.nui-routine .kd i{font-style:normal;font-family:'Open Sans',sans-serif;font-weight:300;font-size:26px;letter-spacing:-.02em;color:var(--nui-gruen);display:block;margin-bottom:8px}
.nui-routine .kd span{font-size:13.5px;font-weight:300;color:var(--nui-muted);line-height:1.55}
.nui-routine .kd-hinweis{border:1px solid var(--nui-gold);background:#fbf8f1;border-radius:var(--nui-r-sm);padding:20px 26px;font-size:14px;font-weight:300;color:var(--nui-ink);line-height:1.65}
.nui-routine .kd-hinweis b{font-weight:600}
@media(max-width:1080px){.nui-routine .kd-grid{grid-template-columns:1fr}}

/* ---- Block 9n — Experten-Übersicht: Produkt-Slider + CTA ---- */
.nui-exp .exp-slider-head{max-width:760px;margin:80px 0 40px}
.nui-exp-slider{margin:0 -8px}
.nui-exp-slider .products{display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:8px;scrollbar-width:thin;scrollbar-color:var(--nui-rule) transparent}
.nui-exp-slider .products::-webkit-scrollbar{height:8px}
.nui-exp-slider .products::-webkit-scrollbar-thumb{background:var(--nui-rule);border-radius:100px}
.nui-exp-slider .products .product{flex:0 0 280px;scroll-snap-align:start}
.nui-exp .exp-cta{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin:50px 0 80px}
.nui-exp .exp-cta .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:19px 44px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s}
.nui-exp .exp-cta .btn:hover{background:var(--nui-gruen-tief)}
.nui-exp .exp-cta .tlink{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--nui-ink);padding-bottom:5px}
@media(max-width:1080px){.nui-exp .ustory{grid-template-columns:1fr !important;gap:40px !important}}
.nui-team-grid .tback .tlist span::before{content:"… ";color:var(--nui-gold-hell);font-weight:700}
.nui-team-grid .tback small{display:block;font-size:11.5px;font-weight:300;font-style:italic;color:rgba(255,255,255,.55);margin-top:14px}
.nui-team-grid .tback .tflip-hint{color:var(--nui-gold-hell)}

/* Fix (Feedback Michael): Front bestimmt die Kartenhöhe (nichts wird abgeschnitten),
   „Karte drehen" als großes Hover-Overlay über dem Foto statt abgeschnittener Textzeile */
.nui-team-grid .tcard,.nui-team-grid .tcard-inner{min-height:0;height:auto}
.nui-team-grid .tfront{position:relative}
.nui-team-grid .tback{position:absolute}
.nui-team-grid .tfront .tflip-hint{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(3,57,46,.55);color:#fff;font-size:11px;letter-spacing:.24em;opacity:0;transition:opacity .25s;pointer-events:none;backdrop-filter:blur(2px)}
.nui-team-grid .tfront .tflip-hint::before{content:"↻";font-size:46px;font-weight:300;letter-spacing:0;line-height:1}
.nui-team-grid .tcard:hover .tfront .tflip-hint{opacity:1}
.nui-team-grid .tcard.flipped .tfront .tflip-hint{opacity:0}
@media(hover:none){.nui-team-grid .tfront .tflip-hint{opacity:1;background:rgba(3,57,46,.28)}}

/* Block 9p: 4er-Stacks als 2x2 */
.nui-stack .items.items-4{grid-template-columns:repeat(2,1fr)}
@media(max-width:640px){.nui-stack .items.items-4{grid-template-columns:1fr 1fr}}

/* Editorial-Kachel-Farbvarianten (Quiz=lila bestehend) */
.woocommerce ul.products li.product.nui-editorial.noniwissen a{background:var(--nui-gruen-tief)}
.woocommerce ul.products li.product.nui-editorial.noniwissen .eyebrow{color:var(--nui-gold-hell)}
.woocommerce ul.products li.product.nui-editorial.experten a{background:var(--nui-creme)}
.woocommerce ul.products li.product.nui-editorial.experten h3,.woocommerce ul.products li.product.nui-editorial.experten p{color:var(--nui-ink)}
.woocommerce ul.products li.product.nui-editorial.experten h3 b{color:var(--nui-gruen)}
.woocommerce ul.products li.product.nui-editorial.experten .eyebrow{color:var(--nui-gold)}
.woocommerce ul.products li.product.nui-editorial.experten .tlink{color:var(--nui-ink);border-color:var(--nui-ink)}
.woocommerce ul.products li.product.nui-editorial.routinen a{background:var(--nui-gruen)}
.woocommerce ul.products li.product.nui-editorial.routinen .eyebrow{color:var(--nui-gold-hell)}
.woocommerce ul.products li.product.nui-editorial.beratung a{background:var(--nui-gold)}
.woocommerce ul.products li.product.nui-editorial.beratung .eyebrow{color:rgba(255,255,255,.75)}

/* ---- Block 9k.2 — Noni-Wissen ausgebaut ---- */
/* Baum-Band (full-bleed dunkelgrün) */
.nui-noniw + .noni-band,.noni-band{background:var(--nui-gruen-tief);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0 calc(50% - var(--nui-fullw,100vw)/2) 0;min-height:420px}
.noni-band .nb-img{position:relative;align-self:stretch;min-height:340px}
.noni-band .nb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.noni-band .nb-copy{padding:70px 7vw 70px 7vw;max-width:680px}
.noni-band .nui-eyebrow{color:var(--nui-gold-hell)}
.noni-band h2{color:#fff;font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.025em;line-height:1.1;margin:14px 0 14px}
.noni-band h2 b{font-weight:700;color:var(--nui-gold-hell)}
.noni-band p{color:rgba(255,255,255,.74);font-weight:300;line-height:1.75;margin:0}

/* Timeline */
.nui-noniw .noni-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--nui-rule);margin:10px 0 80px}
.nui-noniw .nt{padding:30px 24px 30px 0;border-right:1px solid var(--nui-rule)}
.nui-noniw .nt:last-child{border-right:0}
.nui-noniw .nt b{display:block;font-family:'Open Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--nui-gruen);margin-bottom:12px;padding-top:24px;position:relative}
.nui-noniw .nt b::before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:var(--nui-gold);box-shadow:0 0 0 4px rgba(197,163,92,.2)}
.nui-noniw .nt span{font-size:14px;font-weight:300;color:var(--nui-muted);line-height:1.6}

/* Ganze-Pflanze-Karten */
.nui-noniw .noni-teile{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:80px}
.nui-noniw .ntl{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:30px 26px}
.nui-noniw .ntl i{font-style:normal;font-size:30px;display:block;margin-bottom:14px}
.nui-noniw .ntl h4{font-size:17px;font-weight:600;margin-bottom:8px;color:var(--nui-gruen)}
.nui-noniw .ntl p{font-size:13.5px;font-weight:300;color:var(--nui-muted);line-height:1.6;margin:0}
.nui-noniw .ntl p b{font-weight:600;color:var(--nui-ink)}

/* Fakten vs. Mythen */
.nui-noniw .noni-mythen{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}
.nui-noniw .nm{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:28px 30px}
.nui-noniw .nm .m{display:block;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:600;color:var(--nui-muted);margin-bottom:12px;padding-left:26px;position:relative}
.nui-noniw .nm .m::before{content:"✕";position:absolute;left:0;top:0;color:#b1685f;font-weight:700}
.nui-noniw .nm .f{display:block;font-size:14.5px;font-weight:300;color:var(--nui-ink);line-height:1.65;padding-left:26px;position:relative}
.nui-noniw .nm .f::before{content:"✓";position:absolute;left:0;top:0;color:var(--nui-gruen);font-weight:700}

@media(max-width:1080px){
  .noni-band{grid-template-columns:1fr}
  .noni-band .nb-copy{padding:44px 28px}
  .nui-noniw .noni-timeline{grid-template-columns:1fr 1fr}
  .nui-noniw .nt{border-right:0;border-bottom:1px solid var(--nui-rule)}
  .nui-noniw .noni-teile{grid-template-columns:1fr 1fr}
  .nui-noniw .noni-mythen{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nui-noniw .noni-timeline,.nui-noniw .noni-teile{grid-template-columns:1fr}
}

/* Block 9s — Slider-Pfeile */
.nui-exp-slider.has-nav{position:relative}
.nui-slider-arrow{position:absolute;top:145px;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--nui-rule);background:#fff;color:var(--nui-ink);font-size:20px;line-height:1;cursor:pointer;z-index:5;box-shadow:0 8px 24px rgba(48,54,47,.14);transition:.2s;display:flex;align-items:center;justify-content:center}
.nui-slider-arrow:hover{background:var(--nui-gruen);color:#fff;border-color:var(--nui-gruen)}
.nui-slider-arrow.prev{left:-10px}
.nui-slider-arrow.next{right:-10px}
.nui-slider-arrow.off{opacity:0;pointer-events:none}
@media(max-width:640px){.nui-slider-arrow{width:42px;height:42px;font-size:17px}.nui-slider-arrow.prev{left:0}.nui-slider-arrow.next{right:0}}

/* ---- Editorial-Kacheln v2 (Fix Michael: lila-Rest unten weg, Hover + b-Farbe je Variante) ---- */
/* Hintergrund auf die GANZE Kachel (nicht nur <a>) + nichts ragt aus den runden Ecken */
.woocommerce ul.products li.product.nui-editorial{overflow:hidden}
.woocommerce ul.products li.product.nui-editorial.noniwissen,
.woocommerce ul.products li.product.nui-editorial.routinen{background:var(--nui-gruen-tief);border-color:var(--nui-gruen-tief)}
.woocommerce ul.products li.product.nui-editorial.routinen{background:var(--nui-gruen);border-color:var(--nui-gruen)}
.woocommerce ul.products li.product.nui-editorial.experten{background:var(--nui-creme);border-color:var(--nui-rule)}
.woocommerce ul.products li.product.nui-editorial.beratung{background:var(--nui-gold);border-color:var(--nui-gold)}
/* <a> erbt jetzt einfach transparent — Farbe kommt vom <li> */
.woocommerce ul.products li.product.nui-editorial.noniwissen a,
.woocommerce ul.products li.product.nui-editorial.experten a,
.woocommerce ul.products li.product.nui-editorial.routinen a,
.woocommerce ul.products li.product.nui-editorial.beratung a{background:transparent}

/* b-Highlights je Hintergrund (statt überall helllila) */
.woocommerce ul.products li.product.nui-editorial.noniwissen h3 b,
.woocommerce ul.products li.product.nui-editorial.routinen h3 b{color:var(--nui-gold-hell)}
.woocommerce ul.products li.product.nui-editorial.beratung h3 b{color:#fff}
.woocommerce ul.products li.product.nui-editorial.beratung p,
.woocommerce ul.products li.product.nui-editorial.beratung .tlink{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.5)}

/* Hover je Variante (überschreibt globalen #4a1f50-Hover) */
.woocommerce ul.products li.product.nui-editorial.quiz:hover{background:#4a1f50}
.woocommerce ul.products li.product.nui-editorial.noniwissen:hover{background:#02261e;border-color:#02261e}
.woocommerce ul.products li.product.nui-editorial.routinen:hover{background:var(--nui-gruen-tief);border-color:var(--nui-gruen-tief)}
.woocommerce ul.products li.product.nui-editorial.experten:hover{background:#efe9dc;border-color:#efe9dc}
.woocommerce ul.products li.product.nui-editorial.beratung:hover{background:#a9854a;border-color:#a9854a}

/* ---- Block 9v — Warenkorb + Kasse im NUI-Look (Woo-Blocks) ---- */
/* Seitentitel beider Seiten: Display-Typo statt Kadence-Grün */
body.woocommerce-cart .entry-title,body.woocommerce-checkout .entry-title{font-family:'Open Sans',sans-serif !important;font-weight:300 !important;font-size:clamp(36px,3.4vw,52px) !important;letter-spacing:-.025em;color:var(--nui-ink) !important}

/* Grund-Typo in den Blocks */
.wc-block-cart,.wc-block-checkout{font-family:'Assistant',sans-serif;color:var(--nui-ink)}
.wp-block-woocommerce-checkout h2,.wp-block-woocommerce-cart h2,
.wc-block-components-title,.wc-block-components-checkout-step__title{font-family:'Open Sans',sans-serif !important;font-weight:600 !important;letter-spacing:-.01em}

/* Karten: Bestellübersicht (Kasse) + Summen-Box (Cart) im Creme-Karten-Look */
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar{background:transparent}
.wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block{background:var(--nui-creme);border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:28px 26px}
.wc-block-components-sidebar-layout .wc-block-components-sidebar{padding-top:0}

/* Inputs: weiß, Rule-Border, Radius, Grün-Fokus */
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control__suggestions-container input,
.wc-block-components-textarea,.wc-block-components-combobox select,
.wc-block-components-form .wc-block-components-text-input input{border:1px solid var(--nui-rule) !important;border-radius:var(--nui-r-sm) !important;background:#fff !important;font-family:'Assistant',sans-serif}
.wc-block-components-text-input input:focus,.wc-block-components-textarea:focus{border-color:var(--nui-gruen) !important;box-shadow:0 0 0 1px var(--nui-gruen) !important}

/* Buttons: CI-Stil (Kasse-Submit, Cart-Checkout-Button, Leer-Cart-CTA) */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wc-block-cart__empty-cart__title ~ * .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block .wp-block-button__link{background:var(--nui-gruen) !important;border:1px solid var(--nui-gruen) !important;color:#fff !important;border-radius:var(--nui-r-sm) !important;font-family:'Open Sans',sans-serif !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;padding:20px 32px !important;transition:.25s !important}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover{background:var(--nui-gruen-tief) !important;border-color:var(--nui-gruen-tief) !important}
.wc-block-components-checkout-place-order-button .wc-block-components-button__text{font:inherit;letter-spacing:inherit}

/* Cart-Tabelle: Rules statt Rahmen, Produkt-Namen Open Sans */
.wc-block-cart-items{border:0}
.wc-block-cart-items__row{border-bottom:1px solid var(--nui-rule)}
.wc-block-components-product-name{font-family:'Open Sans',sans-serif !important;font-weight:600 !important;color:var(--nui-ink) !important;text-decoration:none !important}
.wc-block-cart-item__prices,.wc-block-components-product-price{font-family:'Open Sans',sans-serif}
.wc-block-components-quantity-selector{border:1px solid var(--nui-rule);border-radius:100px;overflow:hidden}
.wc-block-components-quantity-selector input{font-family:'Open Sans',sans-serif;font-weight:600}

/* Leerer Warenkorb: NUI-Typo */
.wc-block-cart__empty-cart__title{font-family:'Open Sans',sans-serif !important;font-weight:300 !important;font-size:clamp(26px,2.4vw,36px) !important;letter-spacing:-.02em;color:var(--nui-ink) !important}
.wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none}
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title){font-family:'Open Sans',sans-serif !important;font-weight:300 !important;font-size:clamp(24px,2.2vw,32px) !important}
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title) ~ * .wc-block-grid__product-rating{display:none}

/* Gutschein-Panel + Trennlinien */
.wc-block-components-totals-wrapper{border-top:1px solid var(--nui-rule)}
.wc-block-components-panel__button{font-family:'Open Sans',sans-serif;font-weight:600}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:'Open Sans',sans-serif;font-weight:600;font-size:20px}

/* Terms-Checkbox-Zeile dezent */
.wp-block-woocommerce-checkout-terms-block{font-size:13.5px;font-weight:300;color:var(--nui-muted)}
.wp-block-woocommerce-checkout-terms-block a{color:var(--nui-gruen)}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--nui-gruen);border-color:var(--nui-gruen)}

/* Fehler-/Hinweis-Banner (z. B. „keine Zahlungsarten") im sanften NUI-Stil */
.wc-block-components-notice-banner.is-error{border-radius:var(--nui-r-sm)}

/* ---- Block 9w — Konto-Bereich im NUI-Look (Login + My-Account) ---- */
body.woocommerce-account .entry-title{font-family:'Open Sans',sans-serif !important;font-weight:300 !important;font-size:clamp(36px,3.4vw,52px) !important;letter-spacing:-.025em;color:var(--nui-ink) !important}
body.woocommerce-account .woocommerce{font-family:'Assistant',sans-serif;color:var(--nui-ink)}
body.woocommerce-account .woocommerce h2,body.woocommerce-account .woocommerce h3{font-family:'Open Sans',sans-serif;font-weight:300;letter-spacing:-.02em;font-size:clamp(24px,2.2vw,32px)}

/* Login-/Register-Karte */
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register,
body.woocommerce-account .woocommerce-ResetPassword{background:var(--nui-creme);border:1px solid var(--nui-rule) !important;border-radius:var(--nui-r) !important;padding:36px 34px !important;max-width:520px}
body.woocommerce-account .woocommerce-form-row label,
body.woocommerce-account .form-row label{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nui-muted)}
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type=email],
body.woocommerce-account .woocommerce input[type=password],
body.woocommerce-account .woocommerce input[type=text]{border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);background:#fff;padding:13px 16px;font-family:'Assistant',sans-serif}
body.woocommerce-account .woocommerce input.input-text:focus{border-color:var(--nui-gruen);box-shadow:0 0 0 1px var(--nui-gruen);outline:0}

/* Buttons */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button{background:var(--nui-gruen) !important;border:1px solid var(--nui-gruen) !important;color:#fff !important;border-radius:var(--nui-r-sm) !important;font-family:'Open Sans',sans-serif !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;padding:16px 30px !important;transition:.25s !important}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover{background:var(--nui-gruen-tief) !important;border-color:var(--nui-gruen-tief) !important}
body.woocommerce-account .woocommerce-LostPassword a{color:var(--nui-gruen);font-size:13.5px}

/* My-Account-Navigation (eingeloggt): Pills-Spalte */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted);padding:13px 18px;border:1px solid transparent;border-radius:var(--nui-r-sm);text-decoration:none;transition:.2s}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--nui-ink);background:#fff;border-color:var(--nui-rule)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--nui-gruen);color:#fff;border-color:var(--nui-gruen)}
body.woocommerce-account .woocommerce-MyAccount-content{font-weight:300}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:var(--nui-gruen)}

/* Bestell-Tabelle */
body.woocommerce-account table.shop_table{border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);border-collapse:separate;border-spacing:0;overflow:hidden}
body.woocommerce-account table.shop_table th{font-family:'Open Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted);background:var(--nui-creme)}
body.woocommerce-account table.shop_table td,body.woocommerce-account table.shop_table th{border-bottom:1px solid var(--nui-rule);padding:14px 16px}

/* Adress-Karten */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
body.woocommerce-account .col2-set .col-1,body.woocommerce-account .col2-set .col-2{background:#fff;border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:26px 28px}

/* Block 9y: Gruppen-Intros lockern das Experten-Grid */
.nui-exp .gruppe-intro{max-width:680px;padding:90px 0 44px}
.nui-exp .gruppe-intro h2{font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.025em;line-height:1.1;margin-top:14px;font-family:Open Sans,sans-serif}
.nui-exp .gruppe-intro h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-exp .gruppe-intro p{font-weight:300;color:var(--nui-muted);line-height:1.75;margin-top:16px}
.nui-exp .gruppe-intro:first-of-type{padding-top:30px}

/* ---- Block 9z — Aktions-Popup (Essig) ---- */
.nui-popup-overlay{position:fixed;inset:0;background:rgba(34,48,43,.55);backdrop-filter:blur(3px);z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:20px}
.nui-popup{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;max-width:680px;width:100%;background:var(--nui-bg);border-radius:var(--nui-r);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:nuiPopIn .35s cubic-bezier(.2,.9,.3,1.15)}
@keyframes nuiPopIn{0%{opacity:0;transform:translateY(26px) scale(.95)}100%{opacity:1;transform:none}}
.nui-popup .np-x{position:absolute;top:12px;right:14px;z-index:2;border:0;background:rgba(255,255,255,.85);width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--nui-ink)}
.nui-popup .np-img{position:relative;background:var(--nui-sand);min-height:280px}
.nui-popup .np-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nui-popup .np-badge{position:absolute;top:14px;left:14px;z-index:2;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--nui-gold);color:#fff;padding:6px 14px;border-radius:100px}
.nui-popup .np-copy{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}
.nui-popup h3{font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.15;margin:12px 0 12px;color:var(--nui-ink)}
.nui-popup h3 b{font-weight:700;color:var(--nui-gruen)}
.nui-popup p{font-family:'Assistant',sans-serif;font-weight:300;font-size:14.5px;color:var(--nui-muted);line-height:1.65;margin:0 0 24px}
.nui-popup .np-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.nui-popup .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:15px 26px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s;text-decoration:none}
.nui-popup .btn:hover{background:var(--nui-gruen-tief)}
.nui-popup .tlink{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-ink);border-bottom:1px solid var(--nui-ink);padding-bottom:4px;text-decoration:none}
@media(max-width:640px){.nui-popup{grid-template-columns:1fr}.nui-popup .np-img{min-height:200px}}

/* Empty-Cart im NUI-Look: Smiley weg, Display-Typo, CTA-Zeile */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{display:none !important}
.wp-block-woocommerce-empty-cart-block{padding-top:30px}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title{font-size:clamp(30px,3vw,44px) !important}
.nui-leer-cta{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin:26px 0 30px}
.nui-leer-cta .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:17px 38px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s;text-decoration:none}
.nui-leer-cta .btn:hover{background:var(--nui-gruen-tief)}
.nui-leer-cta .tlink{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-ink);border-bottom:1px solid var(--nui-ink);padding-bottom:4px;text-decoration:none}
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title){font-size:clamp(24px,2.4vw,34px) !important;color:var(--nui-ink) !important;margin:50px 0 10px}
/* Produktreihe darunter: Standard-Badges dezenter */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{background:var(--nui-gold);border:0;color:#fff;font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:100px;padding:5px 12px}

/* Popup-Fix: hidden-Attribut muss gegen display:flex gewinnen (Bug: ließ sich nicht schließen) */
.nui-popup-overlay[hidden]{display:none !important}

/* Empty-Cart-Starter: NUI-Karten in 4 Spalten */
.nui-cart-start{margin-top:10px}
.nui-cart-start .products{grid-template-columns:repeat(4,1fr) !important}
@media(max-width:1080px){.nui-cart-start .products{grid-template-columns:1fr 1fr !important}}
@media(max-width:640px){.nui-cart-start .products{grid-template-columns:1fr !important}}

/* ---- Block 9ab — Zertifikats-Logos (Footer-Chips, PDP-Labor, Dermatest-Badge) ---- */
.nui-f-certs2{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:18px}
.nui-f-certs2 .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;border-radius:10px;padding:8px 12px;min-width:64px}
.nui-f-certs2 .chip img{height:34px;width:auto;display:block}
.nui-f-certs2 .chip i{font-style:normal;font-family:'Open Sans',sans-serif;font-size:8px;font-weight:700;letter-spacing:.08em;color:#333}
.nui-f-certs2 .chip.txt{font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#333;text-align:center;line-height:1.4}
.nui-exp .lab .lab-logo,.nui-pdpx .lab .lab-logo{border:0 !important;padding:0 !important}
.nui-pdpx .lab .lab-logo img{height:44px;width:auto;display:block}
.nui-pdp-badges2 i img{width:38px;height:38px;object-fit:contain;border-radius:50%;display:block;margin:1px auto}

/* Warenkorb-Cross-Sells als NUI-Grid */
.nui-cart-xsells{margin:60px 0 30px}
.nui-cart-xsells .xsell-head{margin-bottom:34px}
.nui-cart-xsells .xsell-head h2{font-family:'Open Sans',sans-serif;font-weight:300;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.025em;margin-top:12px}
.nui-cart-xsells .xsell-head h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-cart-xsells .products{grid-template-columns:repeat(4,1fr) !important}
@media(max-width:1080px){.nui-cart-xsells .products{grid-template-columns:1fr 1fr !important}}
@media(max-width:640px){.nui-cart-xsells .products{grid-template-columns:1fr !important}}

/* ---- Block 9ai — Zertifikate-Seite + Über-NUI-Siegelband ---- */
.nui-zert{font-family:'Assistant',sans-serif;color:var(--nui-ink);max-width:1140px;margin:0 auto;padding:0 48px}
.nui-zert a{text-decoration:none}
.nui-zert h1,.nui-zert h2,.nui-zert h3,.nui-zert h4{font-family:'Open Sans',sans-serif}
.nui-zert .zhead{padding:64px 0 50px;max-width:780px}
.nui-zert .zhead h1{font-size:clamp(38px,3.8vw,58px);font-weight:300;letter-spacing:-.025em;line-height:1.06;margin-top:18px}
.nui-zert .zhead h1 b,.nui-zert .display b{font-weight:700;color:var(--nui-gruen)}
.nui-zert .zhead p,.nui-zert .zdetail-head p{font-weight:300;color:var(--nui-muted);font-size:17px;margin-top:14px}
.nui-zert .zgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nui-zert .zgrid.drei{grid-template-columns:repeat(3,1fr)}
.nui-zert .zcard{border:1px solid var(--nui-rule);border-radius:var(--nui-r);background:#fff;padding:30px 28px}
.nui-zert .zlogo{height:84px;display:flex;align-items:center;margin-bottom:18px}
.nui-zert .zlogo img{max-height:72px;width:auto;max-width:140px}
.nui-zert .ztext{font-family:'Open Sans',sans-serif;font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--nui-gruen);border:2px solid var(--nui-gruen);border-radius:12px;padding:12px 16px;line-height:1.3}
.nui-zert .zcard h3{font-size:19px;font-weight:600;margin-bottom:4px}
.nui-zert .zsub{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-gold);display:block;margin-bottom:12px}
.nui-zert .zcard p{font-size:14px;font-weight:300;color:var(--nui-muted);line-height:1.65;margin:0}
.nui-zert .zcard.klein h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--nui-gruen)}
.nui-zert .zdetail-head{padding:90px 0 36px;max-width:780px}
.nui-zert .zdetail-head h2{font-size:clamp(28px,2.8vw,42px);font-weight:300;letter-spacing:-.025em;line-height:1.1;margin-top:14px}
.nui-zert .zcta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:60px 0 20px}
.nui-zert .zcta .btn{display:inline-block;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:18px 38px;background:var(--nui-gruen);color:#fff;border:1px solid var(--nui-gruen);border-radius:var(--nui-r-sm);transition:.25s}
.nui-zert .zcta .btn:hover{background:var(--nui-gruen-tief)}
.nui-zert .zcta .tlink,.nui-zert .zhinweis a{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-ink);border-bottom:1px solid var(--nui-ink);padding-bottom:4px}
.nui-zert .zhinweis{font-size:13px;font-weight:300;color:var(--nui-muted);border-top:1px solid var(--nui-rule);padding:22px 0 90px;margin-top:50px}
.nui-zert .zhinweis a{font-size:12px;color:var(--nui-gruen);border-color:var(--nui-gruen);text-transform:none;letter-spacing:.04em}

/* Über-NUI-Siegelband */
.nui-siegel-band{padding:0 0 90px}
.nui-siegel-band .sb-head{max-width:680px;margin-bottom:36px}
.nui-siegel-band h2{font-size:clamp(28px,2.8vw,42px);font-weight:300;letter-spacing:-.025em;margin-top:14px;font-family:'Open Sans',sans-serif}
.nui-siegel-band h2 b{font-weight:700;color:var(--nui-gruen)}
.nui-siegel-band .sb-chips{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.nui-siegel-band .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--nui-rule);border-radius:var(--nui-r);padding:22px 28px;min-width:130px;transition:.2s;text-decoration:none}
.nui-siegel-band .chip:hover{border-color:var(--nui-gold);transform:translateY(-3px)}
.nui-siegel-band .chip img{height:52px;width:auto}
.nui-siegel-band .chip i{font-style:normal;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--nui-gruen);border:2px solid var(--nui-gruen);border-radius:10px;padding:12px 14px}
.nui-siegel-band .chip span{font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nui-muted)}
.nui-siegel-band .tlink{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-ink);border-bottom:1px solid var(--nui-ink);padding-bottom:4px;text-decoration:none}

@media(max-width:1080px){
  .nui-zert{padding:0 28px}
  .nui-zert .zgrid{grid-template-columns:1fr 1fr}
  .nui-zert .zgrid.drei{grid-template-columns:1fr}
}
@media(max-width:640px){.nui-zert .zgrid{grid-template-columns:1fr}}

/* Edition-Intro-Sektion (generische PDP): Bild links, Text rechts, wie Wirkung gespiegelt */
.nui-pdpx .nui-edition-intro .imgbox{order:0}
.nui-pdpx .nui-edition-intro h2{margin-top:14px}
.nui-pdpx .nui-edition-intro .lead{font-weight:300;font-size:17.5px;color:var(--nui-ink);line-height:1.65;margin:14px 0 14px}
.nui-pdpx .nui-edition-intro p{font-weight:300;color:var(--nui-muted);line-height:1.75}

/* ---- Sorte-Auswahl (NONI Original, Mockup): Karten mit Name + Sub-Label ---- */
.nui-var-pills.nui-sorte-pills{grid-template-columns:repeat(3,1fr)}
.nui-sorte-pills .nui-var-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;line-height:1.2}
.nui-sorte-pills .nui-var-pill .nui-sorte-name{font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nui-sorte-pills .nui-var-pill small{font-weight:400;font-size:10.5px;letter-spacing:.02em;text-transform:none;color:var(--nui-muted)}
.nui-sorte-pills .nui-var-pill.on small{color:rgba(255,255,255,.85)}
@media(max-width:640px){.nui-var-pills.nui-sorte-pills{grid-template-columns:1fr}}

/* ---- Mobile-Galerie-Fix: Galerie + Kaufspalte sauber stapeln, Thumbs einreihig ---- */
@media(max-width:1024px){
  /* Zweispaltigkeit aufheben — Galerie oben, Kaufspalte darunter */
  .single-product div.product{display:block !important}
  .single-product div.product div.images,
  .single-product div.product .nui-gallery-sticky{position:static !important;transform:none !important;width:100% !important;height:auto !important;float:none !important;margin:0 0 8px !important}
  .single-product div.product div.summary{width:100% !important;float:none !important;clear:both !important;padding-left:0 !important;margin-top:20px !important}
  /* Thumbnails: in EINE Reihe, passt sich der Bilderzahl an, kein Umbruch/Überlappung */
  .single-product div.product ol.flex-control-thumbs{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;margin-top:12px !important}
  .single-product div.product ol.flex-control-thumbs li{flex:0 0 18% !important;width:auto !important}
  /* Brandstage-Höhe auf Mobil neutralisieren (deckte sonst zu viel ab) */
  .single-product .site-main::before{display:none !important}
}

/* ---- Block 9ar — Sorten-Buttons auf der NONI-Karte ---- */
.nui-card-sorten{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;gap:6px}
.nui-card-sorten .ncs{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.92);border:1px solid var(--nui-rule);border-radius:100px;padding:5px 9px 5px 6px;cursor:pointer;font-family:'Open Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nui-ink);line-height:1;transition:.18s;box-shadow:0 2px 8px rgba(48,54,47,.1)}
.nui-card-sorten .ncs .dot{width:11px;height:11px;border-radius:50%;background:var(--c);flex:0 0 11px}
.nui-card-sorten .ncs .lbl{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .25s,margin .25s;margin:0}
.nui-card-sorten .ncs.on,.nui-card-sorten .ncs:hover{border-color:var(--c)}
.nui-card-sorten .ncs.on .lbl,.nui-card-sorten .ncs:hover .lbl{max-width:70px;margin-left:1px}
@media(max-width:640px){.nui-card-sorten .ncs .lbl{max-width:70px;margin-left:1px}}

/* Sorte-Story-Sektion (NONI PDP bei Citrus/Orange) */
.nui-sorte-story[hidden]{display:none}
.nui-sorte-story .imgbox img{border-radius:var(--nui-r)}

/* Format-Querverweis (NONI PDP) */
.nui-format-row{margin:18px 0 4px}
.nui-format-label{display:block;font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nui-muted);margin-bottom:10px}
.nui-formats{display:flex;gap:8px;flex-wrap:wrap}
.nui-format{font-family:'Open Sans',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:10px 16px;border:1px solid var(--nui-rule);border-radius:100px;color:var(--nui-ink);text-decoration:none;transition:.2s}
.nui-format:hover{border-color:var(--nui-lila);color:var(--nui-lila)}
.nui-format.on{background:var(--nui-lila);border-color:var(--nui-lila);color:#fff;cursor:default}

/* ---- Block 9at — Bundle-Anzeige + Cross-Sell-Karte ---- */
.nui-bundle-box{border:1px solid var(--nui-rule);border-radius:var(--nui-r-sm);padding:18px 20px;margin:16px 0 8px;background:#fff}
.nui-bundle-box .nbb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.nui-bundle-box .nbb-save{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;background:var(--nui-gold);color:#fff;border-radius:100px;padding:3px 11px}
.nui-bundle-items{display:flex;gap:10px;flex-wrap:wrap}
.nui-bundle-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-decoration:none;color:var(--nui-ink)}
.nui-bundle-item img{width:72px;height:72px;object-fit:cover;border-radius:var(--nui-r-sm);background:var(--nui-sand);border:1px solid var(--nui-rule)}
.nui-bundle-item span{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:600;text-align:center;line-height:1.25}
.nbb-preisinfo{font-size:13px;font-weight:300;color:var(--nui-muted);margin:14px 0 0}
.nbb-preisinfo del{opacity:.6}
.nbb-preisinfo b{font-weight:600;color:var(--nui-gruen)}

/* Cross-Sell-Karte „Als Set kaufen" (Komponenten-PDP) */
.nui-bundle-cta{display:flex;align-items:center;gap:16px;border:1px solid var(--nui-gold);background:#fbf8f1;border-radius:var(--nui-r);padding:14px 18px;margin:18px 0;text-decoration:none;color:var(--nui-ink);transition:.2s}
.nui-bundle-cta:hover{box-shadow:0 6px 20px rgba(197,163,92,.18)}
.nui-bundle-cta .nbc-imgs img{width:60px;height:60px;object-fit:cover;border-radius:var(--nui-r-sm);background:var(--nui-sand)}
.nui-bundle-cta .nbc-body{flex:1;display:flex;flex-direction:column;gap:2px}
.nui-bundle-cta .nbc-label{font-family:'Open Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nui-gold)}
.nui-bundle-cta .nbc-body b{font-family:'Open Sans',sans-serif;font-size:15px}
.nui-bundle-cta .nbc-drin{font-size:12px;font-weight:300;color:var(--nui-muted)}
.nui-bundle-cta .nbc-preis{font-family:'Open Sans',sans-serif;font-weight:300;font-size:20px;white-space:nowrap}
@media(max-width:640px){.nui-bundle-cta{flex-wrap:wrap}.nui-bundle-cta .nbc-preis{width:100%;text-align:right}}