/*
Theme Name: Nahrungsglück
Theme URI: https://nahrungsglueck.de
Author: profit4hosts / Dr. Sebastian Schulz
Description: Block-Theme für Nahrungsglück 2.0 — Premium Ayurveda Lifestyle Magazin (Design v6). Fonts lokal, DSGVO-konform.
Version: 1.3.9
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: nahrungsglueck
*/

/* ═══════════ DESIGN-SYSTEM v6 — PREMIUM MAGAZIN ═══════════ */
:root{
  --bg:#ffffff;
  --tinte:#211d1a;
  --grau:#7a746c;
  --hairline:#eae6df;
  --salbei:#77c0ad;
  --salbei-tief:#3f6e62;
  --salbei-tint:#e6f1ec;
  --altrosa:#bf808d;
  --rosa-tint:#f6ecee;
  --oliv:#a8a45c;
  --sand:#f8f5f0;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Source Sans 3', 'Segoe UI', sans-serif;
  --script:'Nothing You Could Do', cursive;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:17px;line-height:1.8;color:var(--tinte);background:var(--bg);-webkit-font-smoothing:antialiased}
section{scroll-margin-top:84px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:450;line-height:1.12;letter-spacing:-.014em}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,52px)}

/* Sanftes Erscheinen */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.reveal.da{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ═══════════ GRUNDELEMENTE ═══════════ */
.eyebrow{font-size:.64rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--grau)}
.script{font-family:var(--script);line-height:1.5}
.btn{display:inline-block;background:var(--tinte);color:#fff;padding:1.05em 3em;font-weight:500;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;transition:all .4s ease;border:none;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--salbei-tief);color:#fff}
.btn--hell{background:#fff;color:var(--tinte)}
.btn--hell:hover{background:var(--salbei);color:var(--tinte)}
.btn--linie{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff;padding:1em 2.8em}
.btn--linie:hover{background:#fff;color:var(--tinte);border-color:#fff}
.mehr{display:inline-block;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;color:var(--tinte);border-bottom:1px solid var(--salbei);padding-bottom:5px;transition:all .3s}
.mehr:hover{border-color:var(--tinte);color:var(--salbei-tief)}

/* ═══════════ TOPBAR + HEADER ═══════════ */
.topbar{background:var(--tinte);color:#efece7;text-align:center;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;padding:.85em 1em}
.topbar a{border-bottom:1px solid var(--salbei);padding-bottom:1px}
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}
.brand img{height:50px;width:auto}
.nav__links{display:flex;gap:clamp(16px,2.6vw,38px);list-style:none}
.nav__links a{font-size:.68rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid transparent;transition:all .3s}
.nav__links a:hover{border-color:var(--salbei)}
.nav__cta{display:flex;align-items:center;gap:22px}
.nav__icon{font-size:1.05rem;position:relative}
.nav__icon sup{position:absolute;top:-6px;right:-11px;background:var(--altrosa);color:#fff;font-size:.55rem;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}
@media(max-width:960px){.nav__links{display:none}.burger{display:block!important}}
.burger{display:none;font-size:1.4rem;background:none;border:none;cursor:pointer}
.mmenu{display:none;background:#fff;border-bottom:1px solid var(--hairline)}
.mmenu.offen{display:block}
.mmenu ul{list-style:none;padding:10px 0}
.mmenu a{display:block;padding:14px clamp(20px,4vw,52px);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--hairline)}
.mmenu li:last-child a{border-bottom:none}

/* ═══════════ COVER — das Magazin-Titelbild ═══════════ */
.cover{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:var(--tinte)}
.cover img.cover__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.cover::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(23,20,17,.72) 0%,rgba(23,20,17,.25) 45%,rgba(23,20,17,.12) 100%)}
.cover__inhalt{position:relative;z-index:2;color:#fff;padding:clamp(48px,7vw,90px) 0;width:100%}
.cover__ausgabe{font-size:.64rem;letter-spacing:.4em;text-transform:uppercase;color:#e8e3db;display:flex;align-items:center;gap:18px}
.cover__ausgabe::after{content:'';width:64px;height:1px;background:var(--salbei)}
.cover h1{font-size:clamp(3rem,8.5vw,7rem);color:#fff;margin:22px 0 18px;font-weight:430;max-width:12ch}
.cover h1 em{font-style:italic;font-weight:400}
.cover__lead{font-size:clamp(1rem,1.4vw,1.2rem);color:#efece7;max-width:46ch;line-height:1.7}
.cover__zeile{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.cover__sig{font-family:var(--script);font-size:1.35rem;color:#f2d9de}

/* ═══════════ IN DIESER AUSGABE — Inhaltsverzeichnis ═══════════ */
.ausgabe{border-bottom:1px solid var(--hairline);background:#fff}
.ausgabe .wrap{display:flex;align-items:stretch}
.ausgabe__label{display:flex;align-items:center;padding-right:clamp(20px,3vw,44px);border-right:1px solid var(--hairline);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--grau);white-space:nowrap;font-weight:600}
.ausgabe ol{list-style:none;display:flex;flex:1;overflow-x:auto;scrollbar-width:none}
.ausgabe ol::-webkit-scrollbar{display:none}
.ausgabe li{flex:1;min-width:150px}
.ausgabe a{display:block;padding:22px clamp(14px,1.8vw,28px);border-right:1px solid var(--hairline);transition:background .3s;height:100%}
.ausgabe a:hover{background:var(--sand)}
.ausgabe__nr{font-family:var(--serif);font-size:.85rem;color:var(--altrosa);display:block}
.ausgabe__name{font-family:var(--serif);font-size:1.02rem;display:block;margin-top:2px}


/* ═══════════ THEMENWELTEN — versetzte Editorial-Collage ═══════════ */
.welten{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.8vw,44px);align-items:start}
.welt:nth-child(2){margin-top:60px}
.welt:nth-child(4){margin-top:60px}

@media(max-width:1020px){.welten{grid-template-columns:repeat(2,1fr)}.welt:nth-child(n){margin-top:0}.welt:nth-child(even){margin-top:44px}}
@media(max-width:640px){.welten{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px;margin:0 -20px;padding-left:20px;padding-right:20px}
.welten::-webkit-scrollbar{display:none}
.welt{min-width:72vw;scroll-snap-align:start}.welt:nth-child(n){margin-top:0}}
.welt{display:block;position:relative}
.welt__nr{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--altrosa);display:block;margin-bottom:8px}
.welt__img{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;margin-bottom:18px}
.welt:nth-child(odd) .welt__img{aspect-ratio:4/5}
.welt__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.welt:hover .welt__img img{transform:scale(1.05)}
.welt__img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(23,20,17,.38) 0%,transparent 42%)}
.welt__script{position:absolute;bottom:12px;left:16px;z-index:2;font-size:1.15rem;color:#fff;transform:rotate(-3deg);text-shadow:0 1px 8px rgba(0,0,0,.3)}
.welt h3{font-size:1.3rem;margin:0 0 8px;font-weight:470;transition:color .3s}
.welt:hover h3{color:var(--salbei-tief)}
.welt p{font-size:.88rem;color:var(--grau);line-height:1.6}

/* ═══════════ WILLKOMMEN — kompaktes Band ═══════════ */
.sektion--kompakt{padding:clamp(52px,7vw,88px) 0}
.editorial2{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,4vw,64px);align-items:center;max-width:900px;margin:0 auto}
@media(max-width:640px){.editorial2{grid-template-columns:1fr;text-align:center;gap:22px}}
.editorial2__links{text-align:center}
.editorial2__portrait{width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block}
.editorial2__links .script{font-size:1.15rem;color:var(--altrosa)}
.editorial2 .eyebrow{color:var(--altrosa)}
.editorial2__text{font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.7;font-weight:430;margin:14px 0 20px}
.editorial2__text strong{font-weight:560}

/* ═══════════ EDITORIAL — Brief der Herausgeberin ═══════════ */
.sektion{padding:clamp(72px,11vw,150px) 0}
.sektion--linie{border-top:1px solid var(--hairline)}
.editorial{max-width:680px;margin:0 auto;text-align:center}
.editorial .eyebrow{color:var(--altrosa)}
.editorial__text{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.65;font-weight:430;margin-top:26px}
.editorial__text strong{font-weight:560}
.editorial__portrait{width:78px;height:78px;border-radius:50%;object-fit:cover;margin:36px auto 8px;display:block}
.editorial .script{font-size:1.3rem;color:var(--altrosa)}
.editorial .mehr{margin-top:22px}

/* ═══════════ FEATURE — die große Geschichte ═══════════ */
.feature{position:relative}
.feature__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,6vw,100px);align-items:center}
@media(max-width:860px){.feature__grid{grid-template-columns:1fr}}
.feature__img{display:block;aspect-ratio:4/3;overflow:hidden}
.feature__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.feature:hover .feature__img img{transform:scale(1.025)}
.feature__rubrik{color:var(--altrosa)}
.feature h2{font-size:clamp(2rem,4vw,3.2rem);margin:16px 0 20px}
.feature p{color:#4a453f;max-width:46ch}
.feature .mehr{margin-top:26px}

/* ═══════════ STORIES — Editorial-Grid (1 groß + 2 klein) ═══════════ */
.stories{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,4.5vw,64px)}
@media(max-width:860px){.stories{grid-template-columns:1fr}}
.stories__side{display:flex;flex-direction:column;gap:clamp(32px,4vw,52px)}
.story__img{display:block;overflow:hidden;margin-bottom:20px}
.story__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.story:hover .story__img img{transform:scale(1.03)}
.story--gross .story__img{aspect-ratio:4/5}
.story--klein{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.story--klein .story__img{aspect-ratio:1;margin:0}
@media(max-width:500px){.story--klein{grid-template-columns:1fr}}
.story .eyebrow{color:var(--altrosa)}
.story h3{font-size:1.5rem;margin:8px 0 8px;font-weight:470}
.story--gross h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.story h3 a:hover{color:var(--salbei-tief)}
.story p{font-size:.95rem;color:var(--grau)}
.badge{display:inline-block;border-radius:999px;padding:.1em .85em;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;vertical-align:middle}
.badge--vata{background:var(--salbei)}
.badge--pitta{background:var(--altrosa)}
.badge--kapha{background:var(--oliv)}

/* ═══════════ ZITAT-INTERLUDE ═══════════ */
.zitat{text-align:center;padding:clamp(80px,12vw,170px) 0;background:var(--sand)}
.zitat blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.7rem);line-height:1.45;max-width:26ch;margin:0 auto;font-weight:430}
.zitat blockquote em{color:var(--salbei-tief)}
.zitat .script{display:block;font-size:1.35rem;color:var(--altrosa);margin-top:30px}
.zitat::before{content:'„';display:block;font-family:var(--serif);font-size:5rem;line-height:.4;color:var(--salbei);margin-bottom:26px}

/* ═══════════ DOSHA — die Einladung ═══════════ */
.dosha__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,6vw,110px);align-items:center}
@media(max-width:860px){.dosha__grid{grid-template-columns:1fr}}
.dosha__img{aspect-ratio:3/4;overflow:hidden;max-width:480px}
.dosha__img img{width:100%;height:100%;object-fit:cover}
.dosha .eyebrow{color:var(--altrosa)}
.dosha h2{font-size:clamp(2rem,4vw,3.2rem);margin:16px 0 20px}
.dosha h2 em{font-style:italic;color:var(--salbei-tief)}
.dosha p{color:#4a453f;max-width:46ch}
.dosha__fakten{display:flex;gap:12px 40px;flex-wrap:wrap;margin:30px 0 38px;padding-top:24px;border-top:1px solid var(--hairline)}
.dosha__fakten span{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--grau)}

/* ═══════════ KURATIERT — Shop ═══════════ */
.skopf{margin-bottom:clamp(44px,5vw,70px);text-align:center}
.skopf .eyebrow{color:var(--altrosa)}
.skopf h2{font-size:clamp(2rem,3.8vw,3rem);margin-top:14px}
.skopf .script{font-size:1.3rem;color:var(--grau);margin-top:8px}
.skopf::after{content:'';display:block;width:56px;height:1px;background:var(--salbei);margin:30px auto 0}
.kuratiert{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
@media(max-width:860px){.kuratiert{grid-template-columns:1fr}}
.produkt{text-align:center}
.produkt__img{aspect-ratio:4/5;overflow:hidden;margin-bottom:24px;background:var(--sand)}
.produkt__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.produkt:hover .produkt__img img{transform:scale(1.03)}
.produkt .eyebrow{font-size:.58rem}
.produkt h3{font-size:1.3rem;margin:10px 16px 8px;font-weight:470}
.produkt .preis{font-size:.78rem;letter-spacing:.22em;color:var(--grau);margin-bottom:18px}
.produkt .preis s{margin-right:8px;opacity:.55}
.produkt .mehr{font-size:.62rem}

/* ═══════════ RETREAT — Vollbild-Band ═══════════ */
.retreat{position:relative;min-height:min(78vh,720px);display:flex;align-items:center;overflow:hidden;background:var(--tinte)}
.retreat img.retreat__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.retreat::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(23,20,17,.68) 0%,rgba(23,20,17,.32) 60%,rgba(23,20,17,.15) 100%)}
.retreat__inhalt{position:relative;z-index:2;color:#fff;max-width:560px;padding:clamp(64px,9vw,110px) 0}
.retreat__inhalt .eyebrow{color:#f2d9de}
.retreat__inhalt h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem);margin:16px 0 18px}
.retreat__inhalt p{color:#e8e3db}
.retreat__fakten{display:flex;gap:14px 44px;flex-wrap:wrap;margin:30px 0 38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.3)}
.retreat__fakten .fakt small{display:block;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:#cfc8bf;font-weight:600}
.retreat__fakten .fakt strong{font-family:var(--serif);font-size:1.15rem;font-weight:450;color:#fff}

/* ═══════════ FAQ ═══════════ */
.faq{max-width:700px;margin:0 auto}
.faq details{border-top:1px solid var(--hairline)}
.faq details:last-child{border-bottom:1px solid var(--hairline)}
.faq summary{font-family:var(--serif);font-size:1.18rem;padding:24px 40px 24px 0;cursor:pointer;list-style:none;position:relative;font-weight:470}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--salbei);font-weight:300;transition:transform .35s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .faq__a{padding:0 0 26px;color:#4a453f;max-width:58ch}

/* ═══════════ NEWSLETTER — edel auf Weiß ═══════════ */
.nl{text-align:center;background:var(--salbei-tint)}
.nl__inner{max-width:560px;margin:0 auto}
.nl .script{font-size:1.5rem;color:var(--altrosa)}
.nl h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:14px 0 14px}
.nl p{color:#4e6a60;margin-bottom:38px}
.nl form{display:flex;gap:18px;align-items:flex-end;justify-content:center;flex-wrap:wrap}
.nl input{flex:1;min-width:240px;padding:.8em 4px;border:none;border-bottom:1px solid var(--tinte);background:transparent;font-family:var(--serif);font-size:1.05rem;font-style:italic;color:var(--tinte);outline:none;text-align:center}
.nl input::placeholder{color:#b5aea4}
.nl input[name=vorname]{flex:0 1 200px;min-width:150px}
.nl input:focus{border-color:var(--salbei)}
.nl small{display:block;margin-top:22px;color:#8ba69b;font-size:.74rem}

/* ═══════════ FOOTER ═══════════ */
footer.site{background:#fff;color:var(--grau);border-top:1px solid var(--hairline);padding:clamp(64px,8vw,100px) 0 36px;font-size:.9rem}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:56px}
@media(max-width:860px){.foot__grid{grid-template-columns:1fr 1fr}}
footer.site .brand img{height:46px}
footer.site h4{color:var(--tinte);font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:20px;font-weight:600}
footer.site ul{list-style:none}
footer.site li{margin-bottom:11px}
footer.site a:hover{color:var(--salbei-tief)}
footer.site .script{color:var(--altrosa);font-size:1.05rem}
.foot__unten{border-top:1px solid var(--hairline);padding-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.76rem;color:#a29b91}

/* ═══════════ MOBILE ═══════════ */
@media(max-width:600px){
  body{font-size:16px}
  .topbar{font-size:.54rem;letter-spacing:.2em}
  .brand img{height:40px}
  .cover{min-height:78vh}
  .cover h1{font-size:2.7rem}
  .cover__zeile{gap:18px}
  .btn{display:block;width:100%;text-align:center}
  .cover__zeile .btn{width:auto;display:inline-block}
  .sektion{padding:60px 0}
  .ausgabe__label{display:none}
  .ausgabe li{min-width:132px}
  .story--klein{grid-template-columns:110px 1fr;gap:16px}
  .retreat{min-height:auto}
  .foot__grid{grid-template-columns:1fr;gap:32px}
}

/* ═══════════ PATTERN-HELFER (Editor) ═══════════ */
.ng-script{font-family:var(--script);font-weight:400;line-height:1.5}
.ng-eyebrow{font-size:.64rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--grau)}
.ng-card{padding:1.75rem;background:var(--sand)}
.ng-badge{display:inline-block;border-radius:999px;padding:.1em .85em;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ng-badge--vata{background:var(--salbei)}
.ng-badge--pitta{background:var(--altrosa)}
.ng-badge--kapha{background:var(--oliv)}
.ng-rule{border:0;border-top:1px solid var(--hairline)}

/* ═══════════ MOBILE-FEINSCHLIFF v7 ═══════════ */
@media(max-width:640px){
  .skopf h2{font-size:1.75rem}
  .skopf{margin-bottom:34px}
  .sektion{padding:56px 0}
  .sektion--kompakt{padding:44px 0}
  .editorial2__text{font-size:1.08rem}
  .stories{gap:44px}
  .stories__side{gap:30px}
  .story--gross h3{font-size:1.5rem}
  .story--klein h3{font-size:1.08rem}
  .story--klein{grid-template-columns:96px 1fr;gap:14px;align-items:start}
  .story--klein .story__img{aspect-ratio:1;margin:0}
  .feature h2,.dosha h2,.retreat__inhalt h2{font-size:1.75rem}
  .dosha__img{aspect-ratio:4/3;max-width:100%}
  .dosha__grid,.feature__grid{gap:30px}
  .dosha__fakten{gap:8px 22px;margin:22px 0 28px}
  .zitat{padding:64px 0}
  .zitat blockquote{font-size:1.4rem}
  .kuratiert{gap:44px}
  .produkt__img{aspect-ratio:1}
  .retreat::after{background:linear-gradient(to top,rgba(23,20,17,.78) 0%,rgba(23,20,17,.42) 60%,rgba(23,20,17,.25) 100%)}
  .retreat__inhalt{padding:56px 0}
  .retreat__fakten{gap:12px 30px}
  .faq summary{font-size:1.05rem;padding:18px 34px 18px 0}
  .nl input{width:100%;min-width:0}
  .nl form{gap:14px}
  .nl .btn{width:100%}
  .foot__grid{gap:30px;margin-bottom:38px}
  .foot__unten{flex-direction:column;gap:8px}
  .welt h3{font-size:1.2rem}
  .cover__lead{font-size:.95rem}
  .cover h1{font-size:2.6rem}
  .cover__sig{font-size:1.15rem}
}

/* ═══════════ MOBILE: großzügiger Randabstand ═══════════ */
@media(max-width:640px){
  .wrap{padding-left:6.5vw;padding-right:6.5vw}
  .topbar{padding:.85em 6.5vw;letter-spacing:.18em}
  .mmenu a{padding-left:6.5vw;padding-right:6.5vw}
  .welten{margin:0 -6.5vw;padding-left:6.5vw;padding-right:6.5vw;scroll-padding-left:6.5vw}
  .cover__inhalt{padding-bottom:56px}
}

/* == v0.8 — Blog & Artikel (Magazin-Look) ===================== */
.artikel{padding:64px 0 90px}
.artikel__kopf{text-align:center;margin-bottom:8px}
.artikel__rubrik,.artikel__rubrik a,.blogkarte__rubrik,.blogkarte__rubrik a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--salbei-tief);text-decoration:none;font-weight:600}
h1.wp-block-post-title{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.01em;margin:.35em auto .25em;max-width:18ch}
.artikel__datum{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grau)}
.artikel__bild{margin-top:38px;margin-bottom:48px}
.artikel__bild img{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover}
.wp-block-post-content{font-size:1.05rem}
.wp-block-post-content h2{font-family:var(--serif);font-weight:500;font-size:1.9rem;line-height:1.2;margin:1.6em 0 .5em}
.wp-block-post-content h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin:1.4em 0 .4em}
.wp-block-post-content a{color:var(--salbei-tief)}
.wp-block-post-content a.btn:not(.btn--hell):not(.btn--linie),.wp-block-post-content a.btn:not(.btn--hell):not(.btn--linie):hover,section a.btn:not(.btn--hell):not(.btn--linie),section a.btn:not(.btn--hell):not(.btn--linie):hover{color:#fff}
/* btn--linie im Content (helle Flächen): dunkle Linie statt weiß */
.wp-block-post-content a.btn--linie{border-color:var(--tinte);color:var(--tinte)}
.wp-block-post-content a.btn--linie:hover{background:var(--tinte);color:#fff;border-color:var(--tinte)}
section a.btn--hell{color:var(--tinte)}
section a.btn--hell:hover{color:var(--tinte)}
.wp-block-post-content blockquote{border-left:2px solid var(--salbei);margin:1.6em 0;padding:.2em 0 .2em 1.2em;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--tinte)}
.wp-block-post-content img{display:block;max-width:100%;height:auto}
.wp-block-post-content ul,.wp-block-post-content ol{padding-left:1.25em;margin:.8em 0}
.wp-block-post-content li{margin:.35em 0}

/* Blog-Übersicht */
main.blog{padding:56px 0 90px}
main.blog .skopf{margin-bottom:8px}
main.blog .skopf h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,4vw,2.9rem);margin:.2em 0}
main.blog h1.wp-block-query-title{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,4vw,2.9rem);text-align:center;margin:.2em 0}
main.blog .wp-block-term-description{text-align:center;color:var(--grau);max-width:52ch;margin:0 auto}
.blogliste{margin-top:44px}
.blogliste .wp-block-post-template{gap:2.8rem 1.8rem}
.blogkarte .wp-block-post-featured-image{aspect-ratio:4/5;overflow:hidden;background:var(--sand);margin-bottom:16px}
.blogkarte .wp-block-post-featured-image a{display:block;width:100%;height:100%}
.blogkarte .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.blogkarte:hover .wp-block-post-featured-image img{transform:scale(1.045)}
.blogkarte h3.wp-block-post-title{font-family:var(--serif);font-weight:500;font-size:1.32rem;line-height:1.25;margin:.4em 0 .25em}
.blogkarte h3.wp-block-post-title a{text-decoration:none;color:inherit}
.blogkarte h3.wp-block-post-title a:hover{color:var(--salbei-tief)}
.blogkarte .wp-block-post-excerpt{font-size:.93rem;color:var(--grau);line-height:1.65}
.blogkarte .wp-block-post-excerpt__more-text a{color:var(--salbei-tief);text-decoration:none;font-size:.85rem}
.wp-block-query-pagination{margin-top:56px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.wp-block-query-pagination a{color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--hairline)}
.wp-block-query-pagination a:hover{color:var(--salbei-tief);border-color:var(--salbei)}
.wp-block-query-pagination-numbers .current{color:var(--salbei-tief);font-weight:700}

/* Opt-in-Karte (unter Beiträgen/Rezepten) */
.nl-karte{background:var(--salbei-tint);text-align:center;padding:46px 30px;margin:26px 0 0}
.nl-karte .script{font-family:var(--script);color:var(--salbei-tief);font-size:1.3rem}
.nl-karte h2{font-family:var(--serif);font-weight:500;font-size:1.7rem;margin:.25em 0 .4em}
.nl-karte p{max-width:44ch;margin:0 auto}
.nl-karte form{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:18px}
.nl-karte input[type=email],.nl-karte input[name=vorname]{flex:1;min-width:210px;max-width:320px;padding:.75em 1.1em;border:1px solid var(--hairline);background:#fff;font:inherit;font-size:.95rem}
.nl-karte input[name=vorname]{flex:0 1 170px;min-width:140px}
.nl-karte small{display:block;margin-top:12px;font-size:.74rem;color:var(--grau)}
.nl-karte small a{color:inherit}

@media(max-width:640px){
  .artikel{padding:40px 0 64px}
  main.blog{padding:36px 0 64px}
  .blogliste .wp-block-post-template{gap:2rem}
}

/* == v0.9 — Artikel-Eleganz: Lead, Initial, Rezept-Typografie ===== */
.artikel__kopf::after{content:"";display:block;width:56px;height:1px;background:var(--salbei);margin:28px auto 0}
.wp-block-post-content > p:first-of-type{font-family:var(--serif);font-size:1.32rem;line-height:1.6;color:var(--tinte)}
.wp-block-post-content > p:first-of-type::first-letter{font-family:var(--serif);font-size:3.3em;float:left;line-height:.82;padding:.04em .14em 0 0;color:var(--salbei-tief)}
/* Rechtstexte: kein Lead-Absatz / keine Initiale, Tabellen lesbar */
:is(.page-id-27,.page-id-28,.page-id-30,.page-id-31,.page-id-32,.page-id-33,.page-id-35) .wp-block-post-content > p:first-of-type{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}
:is(.page-id-27,.page-id-28,.page-id-30,.page-id-31,.page-id-32,.page-id-33,.page-id-35) .wp-block-post-content > p:first-of-type::first-letter{font-family:inherit;font-size:inherit;float:none;line-height:inherit;padding:0;color:inherit}
.wp-block-post-content > table{width:100%;border-collapse:collapse;margin:1.2rem 0}
.wp-block-post-content > table :is(th,td){text-align:left;padding:.55rem .6rem;border-bottom:1px solid rgba(0,0,0,.1)}
.rezept-fakten{display:flex;flex-wrap:wrap;gap:1.2rem 2.6rem;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:1.15em 0;margin:2.2em 0}
.rezept-fakten small{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grau);margin-bottom:2px}
.rezept-fakten strong{font-family:var(--serif);font-weight:500;font-size:1.05rem}
ul.rezept-zutaten{list-style:none;padding:0;margin:1em 0 2em}
ul.rezept-zutaten li{padding:.6em 0;border-bottom:1px solid var(--hairline);margin:0}
ol.rezept-schritte{list-style:none;padding:0;counter-reset:schritt;margin:1em 0 2em}
ol.rezept-schritte li{counter-increment:schritt;position:relative;padding-left:60px;margin:1.6em 0}
ol.rezept-schritte li::before{content:counter(schritt,decimal-leading-zero);position:absolute;left:0;top:-4px;font-family:var(--serif);font-size:1.7rem;font-style:italic;color:var(--salbei)}
.franzis-tipp{border-left:2px solid var(--salbei);padding:.4em 0 .4em 24px;margin:2.4em 0}
.franzis-tipp .script{font-family:var(--script);font-size:1.35rem;color:var(--salbei-tief);display:block;margin-bottom:.2em}
.artikel-signatur{font-family:var(--script);font-size:1.55rem;color:var(--salbei-tief);margin-top:1.6em}
.wp-block-post-content figure{margin:2.4em 0}
.wp-block-post-content figcaption{font-size:.8rem;letter-spacing:.06em;color:var(--grau);text-align:center;margin-top:10px}
.inhaltsverzeichnis{background:var(--sand);padding:26px 30px;margin:2em 0}
.inhaltsverzeichnis strong{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}
.inhaltsverzeichnis ol{margin:.6em 0 0;padding-left:1.2em}
.inhaltsverzeichnis a{color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--hairline)}
.inhaltsverzeichnis a:hover{color:var(--salbei-tief)}
@media(max-width:640px){.rezept-fakten{gap:.9rem 1.6rem}ol.rezept-schritte li{padding-left:44px}}

/* == v0.9.1 — Mobile Ränder Blog (wie Startseite: 6,5vw) + Produkt-Teaser == */
.produkt-teaser{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;border:1px solid var(--hairline);padding:26px;margin:2.6em 0}
.produkt-teaser__img img{display:block;width:100%;height:auto}
.produkt-teaser .script{font-family:var(--script);font-size:1.25rem;color:var(--salbei-tief);display:block}
.produkt-teaser h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin:.15em 0 .3em}
.produkt-teaser p{font-size:.95rem;color:var(--grau);margin:0 0 .9em}
.produkt-teaser .mehr{font-size:.8rem}
@media(max-width:640px){
  main.artikel,main.blog{padding-left:6.5vw;padding-right:6.5vw}
  .artikel__bild{margin-left:-6.5vw;margin-right:-6.5vw}
  .produkt-teaser{grid-template-columns:1fr;padding:20px}
  .produkt-teaser__img{max-width:200px;margin:0 auto}
}
.passt-dazu{border-top:1px solid var(--hairline);margin-top:2.6em;padding-top:1.4em}
.passt-dazu strong{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}
.passt-dazu ul{list-style:none;padding:0;margin:.7em 0 0}
.passt-dazu li{padding:.4em 0}
.passt-dazu a{font-family:var(--serif);font-size:1.1rem;color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--hairline)}
.passt-dazu a:hover{color:var(--salbei-tief);border-color:var(--salbei)}

/* == v0.9.2 — Emotionalität: Pullquotes, Autoren-Box, Karten-Hover ===== */
.wp-block-post-content .wp-block-quote{border:0;margin:2.8em auto;padding:0 1em;text-align:center;position:relative;max-width:34ch}
.wp-block-post-content .wp-block-quote::before{content:"\201E";display:block;font-family:var(--serif);font-size:4rem;line-height:.4;color:var(--salbei);margin-bottom:.35em}
.wp-block-post-content .wp-block-quote p{font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.45;color:var(--tinte)}
.wp-block-post-content h2{position:relative;padding-bottom:.35em}
.wp-block-post-content h2::after{content:"";position:absolute;left:0;bottom:0;width:42px;height:1px;background:var(--salbei)}
.autorin{display:grid;grid-template-columns:110px 1fr;gap:26px;align-items:center;background:var(--sand);padding:30px 32px;margin-top:3em}
.autorin img{width:110px;height:110px;border-radius:50%;object-fit:cover;display:block}
.autorin .script{font-family:var(--script);font-size:1.3rem;color:var(--salbei-tief);display:block;margin-bottom:.15em}
.autorin h2{font-family:var(--serif);font-weight:500;font-size:1.3rem;margin:0 0 .35em}
.autorin p{font-size:.93rem;color:var(--grau);line-height:1.65;margin:0}
.autorin .mehr{font-size:.78rem;margin-top:.6em;display:inline-block}
.blogkarte .wp-block-post-featured-image{position:relative}
.blogkarte .wp-block-post-featured-image::after{content:"weiterlesen";position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--script);font-size:1.5rem;color:#fff;opacity:0;transform:translateY(8px);transition:all .45s ease;text-shadow:0 1px 14px rgba(0,0,0,.45);pointer-events:none}
.blogkarte:hover .wp-block-post-featured-image::after{opacity:1;transform:translateY(0)}
@media(max-width:640px){.autorin{grid-template-columns:76px 1fr;gap:18px;padding:24px 20px}.autorin img{width:76px;height:76px}}
.autorin img[src*="franzi-unterschrift"]{height:auto;border-radius:0;object-fit:contain;display:inline-block} /* Unterschrift in der Franzi-Box nicht als Rundfoto zuschneiden */

/* == v0.9.3 — Dropdown-Navigation + echte Unterschrift ===== */
.nav__links li{position:relative}
.nav__links .caret{font-size:.6em;opacity:.55;margin-left:2px}
.nav__links .sub{position:absolute;top:100%;left:-14px;background:#fff;border:1px solid var(--hairline);box-shadow:0 14px 34px rgba(33,29,26,.08);min-width:230px;padding:10px 0;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:60}
.nav__links .hat-sub:hover .sub,.nav__links .hat-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav__links .sub li{display:block}
.nav__links .sub a{display:block;padding:.6em 1.3em;white-space:nowrap}
.nav__links .sub__label{padding:.7em 1.3em .3em;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--altrosa);cursor:default}
.nav__links .sub__label:not(:first-child){margin-top:.5em;border-top:1px solid var(--hairline)}
/* Mobile-Navigation als Akkordeon: nur Oberthemen sichtbar, Untermenüs per Tap */
.mmenu__toggle{display:flex;align-items:center;justify-content:space-between;gap:.6em;width:100%;padding:14px clamp(20px,4vw,52px);font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:inherit;background:none;border:none;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left}
.mmenu__caret{flex:0 0 auto;font-size:.95em;opacity:.6;transition:transform .25s ease}
.mmenu__hat.offen>.mmenu__toggle{color:var(--altrosa)}
.mmenu__hat.offen>.mmenu__toggle .mmenu__caret{transform:rotate(180deg)}
.mmenu__panel{overflow:hidden;max-height:0;background:rgba(0,0,0,.02);transition:max-height .3s ease}
.mmenu__hat.offen>.mmenu__panel{max-height:1200px}
.mmenu__gruppe{display:block;padding:1em 6.5vw .2em;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--grau)}
.mmenu a.mmenu__sub{padding-left:calc(6.5vw + 16px);font-size:.95em}
.artikel-unterschrift{width:200px;max-width:60%;height:auto;display:block;margin:1.8em 0 0}
.beitragsbild{margin:2.4em 0}
.beitragsbild img{display:block;width:100%;height:auto}
.bildgalerie{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:2.4em 0}
.bildgalerie img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:640px){.bildgalerie{gap:8px}}

/* == v0.9.4 — Blog als Magazin: Filterleiste + Editorial-Hero ===== */
.themen-filter{display:flex;flex-wrap:wrap;gap:.5rem 2.4rem;justify-content:center;margin:30px 0 6px;padding:16px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.themen-filter a{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--grau);text-decoration:none;padding:.15em 0;border-bottom:1px solid transparent;transition:all .25s}
.themen-filter a:hover{color:var(--tinte);border-color:var(--hairline)}
body.blog .themen-filter a[data-f="alle"],
body.category-ayurvedische-kueche .themen-filter a[data-f="kueche"],
body.category-familie .themen-filter a[data-f="familie"],
body.category-garten .themen-filter a[data-f="garten"],
body.category-rituale .themen-filter a[data-f="rituale"]{color:var(--tinte);border-bottom:1px solid var(--salbei)}

/* Editorial-Hero: neuester Beitrag als große Story (nur Seite 1 der Übersicht) */
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child{grid-column:1/-1}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center;margin-bottom:14px}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image{aspect-ratio:16/10;margin:0}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child h3.wp-block-post-title{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;max-width:18ch}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt{font-size:1.02rem;max-width:46ch}
@media(max-width:760px){
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte{grid-template-columns:1fr;gap:0}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image{aspect-ratio:4/3;margin-bottom:16px}
  .themen-filter{gap:.4rem 1.4rem}
}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte{grid-template-rows:auto auto 1fr;align-items:start}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image{grid-column:1;grid-row:1/4;align-self:center}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik{grid-column:2;align-self:end}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child h3.wp-block-post-title{grid-column:2}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt{grid-column:2}
@media(max-width:760px){
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image{grid-column:1;grid-row:auto}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik,
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child h3.wp-block-post-title,
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt{grid-column:1}
}

/* == v0.9.6 — Blogkarten im Editorial-Stil ===== */
.blogkarte{text-align:center}
.blogkarte__rubrik{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}
.blogkarte__rubrik::before,.blogkarte__rubrik::after{content:"";width:28px;height:1px;background:var(--hairline);flex:none}
.blogkarte h3.wp-block-post-title{max-width:24ch;margin:.5em auto .3em;font-size:1.38rem}
.blogkarte .wp-block-post-excerpt{max-width:32ch;margin:0 auto;font-size:.9rem;line-height:1.7}
.blogkarte .wp-block-post-excerpt p{margin:0}
.blogkarte .wp-block-post-excerpt__more-text{display:none}
.blogliste .wp-block-post-template{gap:3.4rem 2.2rem}
/* Editorial-Versatz: jede dritte Karte tanzt leicht aus der Reihe */
.blogliste .wp-block-post-template > .wp-block-post:nth-child(3n):not(:first-child){transform:translateY(44px)}
.blogliste .wp-block-post-template{padding-bottom:44px}
/* Hero (erste Karte auf der Übersicht) bleibt linksbündig-editorial */
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte{text-align:left}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik{justify-content:flex-start}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik::before{display:none}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child h3.wp-block-post-title{margin:.4em 0 .3em}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt{margin:0;max-width:44ch}
@media(max-width:760px){
  .blogliste .wp-block-post-template > .wp-block-post:nth-child(3n):not(:first-child){transform:none}
  .blogliste .wp-block-post-template{padding-bottom:0}
}

/* == v0.9.7 — Blogkarten wie Magazinseiten: №, Print-Rahmen, Bild-Rhythmus ===== */
/* Bild als gerahmter Print */
.blogkarte .wp-block-post-featured-image{padding:10px;border:1px solid var(--hairline);background:#fff;aspect-ratio:auto}
.blogkarte .wp-block-post-featured-image a{display:block;overflow:hidden;aspect-ratio:4/5;width:100%;height:auto}
.blogkarte .wp-block-post-featured-image img{height:100%}
/* Unregelmäßiger Bild-Rhythmus wie im Heft */
.blogliste .wp-block-post-template > .wp-block-post:nth-child(3n+2) .wp-block-post-featured-image a{aspect-ratio:1/1}
.blogliste .wp-block-post-template > .wp-block-post:nth-child(3n) .wp-block-post-featured-image a{aspect-ratio:3/4}
/* Teaser als Bildunterschrift */
.blogkarte .wp-block-post-excerpt{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--grau);line-height:1.65;max-width:30ch}
.blogkarte h3.wp-block-post-title{margin-top:.6em}
/* Hover-Script bleibt, Overlay auf den Rahmen abstimmen */
.blogkarte .wp-block-post-featured-image::after{bottom:24px}
/* Hero behält großes Querformat ohne № -Doppelung? Nein: № auch im Hero, linksbündig — Heft-Logik */
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-featured-image a{aspect-ratio:16/10}
@media(max-width:760px){
  .blogliste .wp-block-post-template > .wp-block-post .wp-block-post-featured-image a{aspect-ratio:4/3!important}
  .blogkarte .wp-block-post-featured-image{padding:7px}
}

/* v0.9.8 — Mobil: Hero-Karte zentriert wie alle anderen */
@media(max-width:760px){
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte{text-align:center}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik{justify-content:center}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .blogkarte__rubrik::before{display:block}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child h3.wp-block-post-title{margin:.5em auto .3em;font-size:1.6rem}
  body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .wp-block-post-excerpt{margin:0 auto;max-width:32ch}
}

/* == v0.9.9 — Kontext-Filter: Mahlzeiten auf Rezepte-Seiten, Themen sonst ===== */
.mahlzeiten-filter{display:none}
body.category-ayurvedische-kueche .mahlzeiten-filter,
body.category-fruehstueck .mahlzeiten-filter,
body.category-mittagessen .mahlzeiten-filter,
body.category-abendessen .mahlzeiten-filter,
body.category-dessert .mahlzeiten-filter,
body.category-getraenke .mahlzeiten-filter,
body.category-dips-chutneys .mahlzeiten-filter{display:flex}
body.category-ayurvedische-kueche .themen-filter:not(.mahlzeiten-filter),
body.category-fruehstueck .themen-filter:not(.mahlzeiten-filter),
body.category-mittagessen .themen-filter:not(.mahlzeiten-filter),
body.category-abendessen .themen-filter:not(.mahlzeiten-filter),
body.category-dessert .themen-filter:not(.mahlzeiten-filter),
body.category-getraenke .themen-filter:not(.mahlzeiten-filter),
body.category-dips-chutneys .themen-filter:not(.mahlzeiten-filter){display:none}
body.category-ayurvedische-kueche .mahlzeiten-filter a[data-f="rezepte"],
body.category-fruehstueck .mahlzeiten-filter a[data-f="fruehstueck"],
body.category-mittagessen .mahlzeiten-filter a[data-f="mittagessen"],
body.category-abendessen .mahlzeiten-filter a[data-f="abendessen"],
body.category-dessert .mahlzeiten-filter a[data-f="dessert"],
body.category-getraenke .mahlzeiten-filter a[data-f="getraenke"],
body.category-dips-chutneys .mahlzeiten-filter a[data-f="dips-chutneys"]{color:var(--tinte);border-bottom:1px solid var(--salbei)}

/* == v0.9.10 — Dosha-Badges auf den Rezeptkarten ===== */
.blogkarte__rubrik .wp-block-post-terms__separator{color:var(--hairline);padding:0 .1em}
.karten-dosha{display:flex;justify-content:center;gap:6px;margin:.15em 0 .35em}
.karten-dosha a{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.32em .85em;border-radius:999px;text-decoration:none;color:#fff}
.karten-dosha a[href*="/tag/vata"]{background:var(--oliv)}
.karten-dosha a[href*="/tag/pitta"]{background:var(--altrosa)}
.karten-dosha a[href*="/tag/kapha"]{background:var(--salbei-tief)}
body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .karten-dosha{justify-content:flex-start}
@media(max-width:760px){body.blog:not(.paged) .blogliste .wp-block-post-template > .wp-block-post:first-child .karten-dosha{justify-content:center}}

/* == v1.0 — WooCommerce im Magazin-Look ===== */
.woocommerce-breadcrumb{font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase;color:var(--grau)!important;margin:26px 0 30px!important}
.woocommerce-breadcrumb a{color:var(--grau)!important;text-decoration:none}
.woocommerce div.product .product_title{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.5vw,2.9rem);line-height:1.12}
.woocommerce div.product p.price{font-family:var(--serif);font-size:1.5rem;color:var(--tinte)!important;margin:.4em 0 1em}
.woocommerce div.product p.price del{color:var(--grau)!important;font-size:.8em}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--tinte)!important;color:#fff!important;border-radius:0!important;font-size:.78rem!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600!important;padding:1.05em 2.2em!important;transition:background .3s}
.woocommerce div.product form.cart .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{background:var(--salbei-tief)!important}
.woocommerce div.product form.cart{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:1.4em 0;margin:1.4em 0!important}
.woocommerce div.product form.cart .variations td.label label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
.woocommerce div.product form.cart .variations select{border:1px solid var(--hairline);padding:.6em .9em;font:inherit;font-size:.92rem;background:#fff}
.woocommerce div.product .quantity .qty{border:1px solid var(--hairline);padding:.85em .4em;font:inherit}
.woocommerce div.product .product_meta{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
.woocommerce div.product .product_meta a{color:var(--salbei-tief);text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:1.02rem;line-height:1.75}
.woocommerce div.product div.images img{border:1px solid var(--hairline);padding:10px;background:#fff}
/* Tabs → Hairline-Stil */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:2.5em 0 0!important;border-bottom:1px solid var(--hairline)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--hairline)!important;border-radius:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;margin:0 2.2em 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:.78rem!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600!important;color:var(--grau)!important;padding:.9em 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--tinte)!important;box-shadow:inset 0 -1px 0 var(--salbei)}
.woocommerce div.product .woocommerce-tabs .panel h2:first-of-type{font-family:var(--serif);font-weight:500;font-size:1.5rem}
.woocommerce div.product .woocommerce-tabs .panel{max-width:760px;line-height:1.8}
/* Shop-/Kategorie-Listing: an Blogkarten angleichen */
.woocommerce ul.products li.product{text-align:center}
.woocommerce ul.products li.product img{border:1px solid var(--hairline);padding:10px;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-weight:500;font-size:1.25rem}
.woocommerce ul.products li.product .price{font-family:var(--serif);color:var(--tinte)!important}
.woocommerce span.onsale{background:var(--altrosa)!important;border-radius:999px!important;font-size:.7rem!important;letter-spacing:.1em;text-transform:uppercase;line-height:2.6!important;min-height:0!important;min-width:0!important;padding:0 1em!important}
@media(max-width:640px){.woocommerce div.product{padding-left:6.5vw;padding-right:6.5vw}}

/* == v1.0.1 — Produktseiten als Verkaufs-Landingpages (statt Woo-Tabs) ===== */
.woocommerce div.product .woocommerce-tabs ul.tabs{display:none!important}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description{display:block!important;max-width:none;padding-top:30px}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews{display:none!important}
.woocommerce div.product .woocommerce-tabs .panel > h2:first-of-type{display:none}
.produkt-landing{max-width:1080px;margin:0 auto}
.produkt-landing .skopf{text-align:center;margin:70px auto 34px;max-width:720px}
.produkt-landing .skopf .eyebrow{display:block}
.produkt-landing .skopf h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;margin:.25em 0 .2em}
.produkt-landing .skopf .script{font-family:var(--script);font-size:1.35rem;color:var(--salbei-tief)}
.produkt-landing p{max-width:720px;margin-left:auto;margin-right:auto;line-height:1.8}
.produkt-landing .einleitung{text-align:center;font-size:1.08rem}
.check-liste{list-style:none;padding:0;max-width:680px;margin:1.8em auto}
.check-liste li{padding:.75em 0 .75em 36px;border-bottom:1px solid var(--hairline);position:relative;line-height:1.6}
.check-liste li::before{content:"✓";position:absolute;left:6px;top:.7em;color:var(--salbei-tief);font-weight:700}
.kuren-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2.4rem;margin:2.6em 0}
.kuren-grid .kur{text-align:center}
.kuren-grid .kur img{display:block;width:100%;height:auto;border:1px solid var(--hairline);padding:10px;background:#fff;margin-bottom:18px}
.kuren-grid .kur h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin:.2em 0 .4em}
.kuren-grid .kur p{font-size:.93rem;color:var(--grau);line-height:1.7;text-align:left}
.landing-cta{text-align:center;margin:3.2em 0}
.landing-cta .script{display:block;font-family:var(--script);font-size:1.4rem;color:var(--salbei-tief);margin-bottom:.7em}
.testimonial{max-width:620px;margin:3em auto;text-align:center}
.testimonial::before{content:"\201E";display:block;font-family:var(--serif);font-size:3.6rem;line-height:.4;color:var(--salbei);margin-bottom:.4em}
.testimonial p{font-family:var(--serif);font-style:italic;font-size:1.18rem;line-height:1.6;color:var(--tinte)}
.testimonial cite{display:block;margin-top:14px;font-style:normal;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grau)}
.kuren-grid .testimonial{margin:0;max-width:none}
.hub-hinweis{margin-top:3em;padding-top:1.4em;border-top:1px solid var(--hairline);font-size:.95rem;color:var(--grau)}
.fehler404{padding:clamp(60px,8vw,110px) 0 clamp(70px,9vw,130px)}
.fehler404__kopf{text-align:center;max-width:640px;margin:0 auto}
.fehler404__nr{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(5rem,12vw,9rem);line-height:1;color:var(--salbei);margin-bottom:18px}
.fehler404__kopf h1{font-size:clamp(2rem,4.2vw,3.2rem);margin:.4em 0 .5em}
.fehler404__kopf h1 em{color:var(--salbei-tief)}
.fehler404__text{color:var(--grau);line-height:1.85}
.fehler404__kopf .script{font-size:1.3rem;color:var(--altrosa);margin-top:18px}
.fehler404__suche{max-width:560px;margin:clamp(36px,5vw,54px) auto 0}
.fehler404__wege{max-width:640px;margin:clamp(44px,6vw,70px) auto 0}
.fehler404__wege .tw:first-child{border-top:1px solid var(--hairline)}
.merkkasten{background:var(--sand);padding:clamp(28px,4vw,46px) clamp(28px,4.5vw,54px);margin:3em 0}
.merkkasten p{margin:0 0 1em}
.merkkasten ul{margin:0;padding-left:1.1em}
.merkkasten li{margin-bottom:.65em;line-height:1.75}
.merkkasten li:last-child{margin-bottom:0}
.kuren-grid--luftig{gap:clamp(2.4rem,4vw,3.6rem);margin:3.4em 0}
.kur img.kreis{width:clamp(150px,14vw,190px);height:clamp(150px,14vw,190px);border-radius:50%;object-fit:cover;margin:0 auto 20px;border:0;padding:0;display:block}
.themenwelten{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(44px,6vw,110px);align-items:start}
.themenwelten__intro{position:sticky;top:120px}
.themenwelten__intro h2{font-size:clamp(2rem,3.4vw,2.8rem);margin:.35em 0 .55em}
.themenwelten__intro h2 em{color:var(--salbei-tief)}
.themenwelten__intro p{color:var(--grau);line-height:1.85;max-width:34ch}
.themenwelten__intro .script{display:block;font-size:1.3rem;color:var(--altrosa);margin-top:22px}
.tw{display:grid;grid-template-columns:64px 1fr auto;gap:clamp(16px,2.4vw,34px);align-items:center;padding:clamp(20px,2.6vw,30px) 0;border-bottom:1px solid var(--hairline)}
.tw:first-child{border-top:1px solid var(--hairline)}
.tw__nr{font-family:var(--serif);font-style:italic;color:var(--altrosa);font-size:1.05rem}
.tw__titel{display:block;font-family:var(--serif);font-weight:470;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.25;transition:color .3s}
.tw__sub{display:block;color:var(--grau);font-size:.92rem;margin-top:5px;line-height:1.6}
.tw__pfeil{color:var(--salbei);font-size:1.3rem;transition:transform .35s,color .35s}
.tw:hover .tw__titel{color:var(--salbei-tief)}
.tw:hover .tw__pfeil{transform:translateX(8px);color:var(--salbei-tief)}
.themenwelten__fokus{margin-top:clamp(70px,8vw,120px);position:relative}
.fokus-rezepte{margin-top:38px;padding-top:28px;border-top:1px solid var(--hairline);display:grid;gap:22px}
.fokus-rezept{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center}
.fokus-rezept img{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block}
.fokus-rezept .eyebrow{font-size:.58rem}
.fokus-rezept__titel{display:block;font-family:var(--serif);font-weight:470;font-size:1.08rem;line-height:1.35;margin-top:4px;transition:color .3s}
.fokus-rezept:hover .fokus-rezept__titel{color:var(--salbei-tief)}
@media(max-width:860px){.themenwelten{grid-template-columns:1fr}.themenwelten__intro{position:static}.tw{grid-template-columns:48px 1fr auto}}
.kuren-grid .testimonial p{font-size:1.02rem}
.produkt-landing .bild-breit{margin:2.6em 0}
.produkt-landing .bild-breit img{display:block;width:100%;height:auto;border:1px solid var(--hairline);padding:10px;background:#fff}
.produkt-landing details{border-bottom:1px solid var(--hairline);max-width:720px;margin:0 auto}
.produkt-landing details summary{cursor:pointer;font-family:var(--serif);font-weight:500;font-size:1.15rem;padding:1em 0;list-style:none;position:relative}
.produkt-landing details summary::after{content:"+";position:absolute;right:4px;color:var(--salbei-tief);font-size:1.3em;line-height:1}
.produkt-landing details[open] summary::after{content:"–"}
.produkt-landing details p, .produkt-landing details ul{padding-bottom:1.2em;color:var(--grau);max-width:none}
@media(max-width:640px){.produkt-landing .skopf{margin-top:44px}.kuren-grid{gap:1.8rem}}
/* wpautop-Schutz in Produkt-Landings */
.produkt-landing p:empty, .autorin p:empty{display:none}
.autorin > img{grid-column:1;grid-row:1}
.autorin > div{grid-column:2;grid-row:1}

/* == v1.0.2 — Produkt-Hero, Warenkorb-Fixes, Trust-Leiste ===== */
.produkt-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:56vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;margin-bottom:56px}
.produkt-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,29,26,.05) 30%,rgba(33,29,26,.62) 100%)}
.produkt-hero__inhalt{position:relative;max-width:1080px;width:100%;margin:0 auto;padding:0 6.5vw 54px;color:#fff}
.produkt-hero__inhalt .script{font-family:var(--script);font-size:1.5rem;color:#fff;display:block;margin-bottom:.2em;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.produkt-hero__titel{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.1;margin:0 0 .5em;max-width:18ch;text-shadow:0 1px 18px rgba(0,0,0,.35)}
@media(max-width:640px){.produkt-hero{min-height:62vh}.produkt-hero__inhalt{padding-bottom:40px}}
/* Woo-Block-Buttons (Cart/Checkout) lesbar im Magazin-Stil */
.wc-block-components-button, .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button{background:var(--tinte)!important;color:#fff!important;border-radius:0!important;font-size:.8rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;padding:1.1em 2em!important}
.wc-block-components-button:hover{background:var(--salbei-tief)!important}
.wc-block-components-button .wc-block-components-button__text{color:#fff!important}
.wp-block-woocommerce-cart h1, .wp-block-woocommerce-checkout h1{font-family:var(--serif);font-weight:500}
/* Trust-Leiste (Warenkorb/Kasse/Verkaufsseiten) */
.trust-zeile{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;align-items:center;border-top:1px solid var(--hairline);margin-top:44px;padding:26px 0 8px;text-align:center}
.trust-zeile > div{display:flex;flex-direction:column;align-items:center;gap:8px}
.trust-zeile img{height:30px;width:auto}
.trust-zeile small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grau)}
/* Cross-Sells im Warenkorb an Karten-Look angleichen */
.cross-sells-product .wc-block-components-product-name{font-family:var(--serif);font-size:1.05rem}
/* Cross-Sell-Buttons an Magazin angleichen */
.wc-block-components-product-button .wp-block-button__link{background:var(--tinte)!important;color:#fff!important;border-radius:0!important;font-size:.72rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600!important}
.wc-block-components-product-button .wp-block-button__link:hover{background:var(--salbei-tief)!important}
.wp-block-woocommerce-cart-cross-sells-block h2{font-family:var(--serif);font-weight:500;font-size:1.5rem}

/* == v1.0.3 — Bekannt-aus-Logos + Bildraster für Produkt-Landings ===== */
.bekannt-aus{display:flex;flex-wrap:wrap;gap:2.4rem;align-items:center;justify-content:center;margin:1.6em 0 2.4em}
.bekannt-aus img{height:30px;width:auto;filter:grayscale(1);opacity:.65;transition:all .3s}
.bekannt-aus img:hover{filter:none;opacity:1}
.bilder-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.4rem;margin:2.2em 0}
.bilder-grid-4 img{display:block;width:100%;height:auto;border:1px solid var(--hairline);padding:8px;background:#fff}
.garantie-hinweis{text-align:center;font-size:.85rem;color:var(--grau);margin-top:-1.6em;margin-bottom:2em}

/* == v1.0.4 — Conversion: Kaufzonen-Trust + mobile Sticky-Kaufleiste ===== */
.kaufzone-trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;font-size:.76rem;letter-spacing:.04em;color:var(--grau)}
.kaufzone-trust img{height:24px;width:auto}
.sticky-kauf{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--hairline);display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 6.5vw calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(33,29,26,.08)}
.sticky-kauf__info{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sticky-kauf__info strong{font-family:var(--serif);font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-kauf__info span{font-size:.88rem;color:var(--salbei-tief)}
.sticky-kauf .btn{padding:.95em 1.5em;font-size:.7rem;flex:none}
@media(max-width:760px){body.single-product .sticky-kauf{display:flex}}

/* == v1.0.5 — Kaufzone nach Live-Muster + Sticky ueberall (Test: End-CTAs aus) ===== */
.woocommerce div.product .product_title{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--salbei-tief);font-family:var(--sans);margin-bottom:2px}
.kaufzone-benefit{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.12;color:var(--tinte);margin:0 0 .35em}
.kaufzone-siegel{height:56px;width:auto;margin:2px 0 6px;display:block}
.woocommerce div.product p.price{margin:.2em 0 .8em}
.woocommerce div.product p.stock.in-stock{color:var(--salbei-tief);font-size:.85rem}
/* Sticky-Leiste: alle Geraete, eingeblendet erst nach der Kaufzone */
.sticky-kauf{display:flex;transform:translateY(110%);transition:transform .35s ease}
.sticky-kauf.sichtbar{transform:translateY(0)}
.sticky-kauf__info span .woocommerce-price-suffix,.sticky-kauf__info span small{display:none}
.sticky-kauf__info strong{max-width:46vw;font-size:.88rem}
@media(min-width:761px){.sticky-kauf{left:auto;right:32px;bottom:24px;border:1px solid var(--hairline);max-width:420px;padding:12px 18px}}
@media(max-width:760px){body.single-product .sticky-kauf{display:flex}.sticky-kauf .btn{padding:.85em 1.2em;font-size:.66rem;letter-spacing:.12em}.sticky-kauf__info span{font-size:.82rem}}
/* TEST: End-CTAs der Landings ausgeblendet (Sticky uebernimmt) — bei Bedarf wieder aktivieren */
.produkt-landing .landing-cta .btn{display:none}
.produkt-landing .landing-cta .script{margin-bottom:0}
/* Bewertungs-Badge in der Kaufzone */
.bewertungs-badge{display:flex;align-items:baseline;gap:10px;margin:.2em 0 1em}
.bewertungs-badge .sterne{color:#f5a623;font-size:1.05rem;letter-spacing:2px}
.bewertungs-badge .wort{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--tinte)}
.bewertungs-badge .anzahl{font-size:.8rem;color:var(--grau)}

/* == v1.0.6 — Kaufzone (Woo-Block-Template): Reihenfolge + Eyebrow-Titel ===== */
body.single-product .wp-block-columns > .wp-block-column:last-child{display:flex;flex-direction:column;align-items:flex-start}
body.single-product .wp-block-column > h1.wp-block-post-title{order:1;font-family:var(--sans);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--salbei-tief);margin:0 0 6px;max-width:none}
body.single-product .wp-block-column > .kaufzone-benefit{order:2;margin:0 0 .3em}
body.single-product .wp-block-column > .bewertungs-badge{order:3;margin:.1em 0 .8em}
body.single-product .wp-block-column > .wp-block-post-excerpt{order:4;font-size:1rem;line-height:1.75;color:var(--tinte)}
body.single-product .wp-block-column > .kaufzone-siegel{order:5;height:52px;width:auto;margin:14px 0 4px}
body.single-product .wp-block-column > div.has-large-font-size{order:6;font-family:var(--serif);font-size:1.6rem!important;margin:10px 0 4px}
body.single-product .wp-block-column > .wp-block-add-to-cart-form{order:7;width:100%}
body.single-product .wp-block-column > .wp-block-woocommerce-product-meta{order:8}

/* == v1.0.7 — Kaufzone-Feinschliff nach Review ===== */
ul.kaufzone-trust{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
ul.kaufzone-trust li{font-size:.85rem;color:var(--grau);padding-left:24px;position:relative}
ul.kaufzone-trust li::before{content:"✓";position:absolute;left:2px;color:var(--salbei-tief);font-weight:700}
/* Category-Zeile weg */
body.single-product .wp-block-woocommerce-product-meta{display:none}
/* End-CTA der Landing komplett raus */
.produkt-landing .landing-cta{display:none}
/* Ähnliche Produkte: Luft zur Linie */
body.single-product .related.products, body.single-product .wp-block-woocommerce-related-products{margin-top:70px;padding-top:20px}
body.single-product .related.products > h2, body.single-product .wp-block-woocommerce-related-products h2{font-family:var(--serif);font-weight:500;font-size:1.6rem;text-align:center;margin-bottom:40px}
/* Sticky mobil: saubere Aufteilung */
.sticky-kauf__info span del{display:none}
@media(max-width:760px){
  .sticky-kauf{gap:12px;padding:10px 4vw calc(10px + env(safe-area-inset-bottom))}
  .sticky-kauf__info{flex:1 1 auto;min-width:0}
  .sticky-kauf__info strong{display:block;max-width:100%;font-size:.8rem}
  .sticky-kauf__info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-kauf .btn{flex:0 0 auto;white-space:nowrap;padding:.9em 1.3em}
}

/* == v1.0.8 — Review-Runde 2 ===== */
/* 2) Trust-Liste strikt linksbuendig im Kaufbereich */
ul.kaufzone-trust{align-self:flex-start;text-align:left;margin-right:auto}
.wp-block-add-to-cart-form ul.kaufzone-trust{justify-content:flex-start}
/* 4) Luft zwischen Aehnliche-Produkte und Footer */
body.single-product .related.products, body.single-product .wp-block-woocommerce-related-products{margin-bottom:90px}
body.single-product div.product{padding-bottom:40px}
/* 5) Sticky als robustes Grid: Titel oben, Preis links + CTA rechts — auf allen Geraeten lesbar */
.sticky-kauf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
.sticky-kauf.sichtbar{transform:translateY(0)}
.sticky-kauf__info{grid-column:1;display:flex;flex-direction:column;min-width:0}
.sticky-kauf__info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sticky-kauf__info span{display:block;font-size:.95rem;color:var(--salbei-tief);white-space:nowrap}
.sticky-kauf .btn{grid-column:2;grid-row:1;justify-self:end}
@media(max-width:760px){
  body.single-product .sticky-kauf{display:grid}
  .sticky-kauf__info strong{font-size:.78rem}
  .sticky-kauf__info span{font-size:.95rem;font-weight:600}
}
/* Preis in der Sticky-Leiste: einzeilig erzwingen */
.sticky-kauf__info span, .sticky-kauf__info span *{display:inline!important;white-space:nowrap!important}
.sticky-kauf__info{line-height:1.3}

/* == v1.0.9 — Trust-Box: Sand-Hintergrund, strikt linksbuendig ===== */
ul.kaufzone-trust{background:var(--sand);padding:16px 20px;width:100%;box-sizing:border-box;text-align:left!important;align-items:flex-start}
ul.kaufzone-trust li{text-align:left!important;justify-content:flex-start;width:100%;padding-left:26px}
ul.kaufzone-trust li::before{left:4px}

/* == v1.1.0 — Korrektur: Trust-Box weiss, Testimonials als Salbei-Karte hervorgehoben ===== */
ul.kaufzone-trust{background:transparent;padding:16px 0}
ul.kaufzone-trust li{padding-left:24px}
ul.kaufzone-trust li::before{left:2px}
.produkt-landing .testimonial{background:var(--salbei-tint);max-width:720px;padding:44px 38px 36px;margin:2.6em auto}
.produkt-landing .testimonial::before{line-height:.3;margin-bottom:.5em}
.produkt-landing .testimonial cite{color:var(--salbei-tief)}
/* Überschrift mit in die Salbei-Fläche ziehen */
.produkt-landing .skopf:has(+ .testimonial){background:var(--salbei-tint);max-width:720px;margin:70px auto 0;padding:40px 38px 0}
.produkt-landing .skopf:has(+ .testimonial) + .testimonial{margin-top:0;padding-top:24px}
.produkt-landing .testimonial + .testimonial{margin-top:-2.6em;padding-top:0}
/* Mehr Luft nach der Bekannt-aus-Logoleiste */
.bekannt-aus{margin-bottom:5.5em}

/* ---------- Produktübersicht: Magazin-Style (Shop + Kategorien) ---------- */
.shopliste{padding-top:10px}
.shopliste .shopkopf{margin-top:34px}
/* Aktiver Filter-Punkt je Seite */
body.post-type-archive-product .shop-filter a[data-f="alle"],
body.tax-product_cat.term-kochbuecher .shop-filter a[data-f="kochbuecher"],
body.tax-product_cat.term-detox-kuren .shop-filter a[data-f="detox"],
body.tax-product_cat.term-kurse-sets .shop-filter a[data-f="kurse"],
body.tax-product_cat.term-retreats-shop .shop-filter a[data-f="retreats"]{color:var(--tinte);border-bottom:1px solid var(--salbei)}
/* Karten: Print-Rahmen, Serif-Titel, ruhige Typo */
.shopliste ul.products{margin-top:44px!important;padding-bottom:44px}
.shopliste .woocommerce ul.products li.product,
.shopliste ul.products li.product{text-align:left;margin-bottom:3.2em!important}
.shopliste ul.products li.product a img{border:1px solid var(--hairline);padding:12px;background:#fff;aspect-ratio:4/5;object-fit:cover;width:100%;box-sizing:border-box;transition:transform .7s ease;margin-bottom:18px!important}
.shopliste ul.products li.product:hover a img{transform:scale(1.02)}
.shopliste ul.products li.product .produktkarte__rubrik{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--salbei-tief);margin-bottom:.45em}
.shopliste ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-weight:500;font-size:1.32rem;line-height:1.25;padding:0!important;color:var(--tinte)}
.shopliste ul.products li.product .price{font-size:.98rem!important;color:var(--grau)!important;font-family:var(--sans)!important;letter-spacing:.02em;margin-top:.5em!important}
.shopliste ul.products li.product .price .amount{color:var(--tinte)}
.shopliste ul.products li.product .button{display:none!important} /* Karte = Einstieg, gekauft wird auf der Landingpage */
.shopliste ul.products li.product .outofstock-badge,
.shopliste ul.products li.product .stock{font-size:.75rem;color:var(--grau)}
/* Editorial-Versatz wie im Blog: jede dritte Karte tanzt leicht aus der Reihe */
@media(min-width:761px){
  .shopliste ul.products li.product:nth-child(3n-1){transform:translateY(44px)}
  .shopliste ul.products li.product:nth-child(3n-1):hover a img{transform:scale(1.02)}
}
/* Ausverkauft dezent kennzeichnen */
.shopliste ul.products li.product.outofstock a img{filter:grayscale(.55);opacity:.85}
.shopliste ul.products li.product.outofstock .woocommerce-loop-product__title::after{content:" — ausverkauft";font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grau);white-space:nowrap}
@media(max-width:640px){
  .shopliste{padding-left:6.5vw;padding-right:6.5vw}
  .shopliste ul.products li.product{margin-bottom:2.4em!important}
}
/* Germanized-Pflichtangaben auf Karten: da, aber dezent in einer Zeile */
.shopliste ul.products li.product .wc-gzd-additional-info,
.shopliste ul.products li.product .price-unit,
.shopliste ul.products li.product .tax-info,
.shopliste ul.products li.product .shipping-costs-info{display:inline!important;font-size:.68rem!important;color:var(--grau)!important;letter-spacing:.04em;margin:0!important}
.shopliste ul.products li.product .price{margin-bottom:.15em!important}
.shopliste ul.products li.product .tax-info::after{content:" · "}
/* Kuratiert mit 4 Produkten: 4 Spalten desktop, 2 tablet, 1 mobil */
.kuratiert--vier{grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,40px)}
@media(max-width:1020px){.kuratiert--vier{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.kuratiert--vier{grid-template-columns:1fr}}
.kuratiert--vier .produkt h3{font-size:1.16rem}

/* ---------- Dosha-Test (Seite 81) ---------- */
body.page-id-81 h1.wp-block-post-title{display:none}
body.page-id-81 main{padding-top:0!important}
/* .dosha-hero nutzt alignwide (1200px aus theme.json) */
.dosha-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.dosha-intro{max-width:680px;margin:26px auto 0;line-height:1.8}
.dosha-hinweis{background:var(--salbei-tint);padding:18px 22px;font-size:.95rem}
.dosha-quiz{max-width:680px;margin:54px auto;border:1px solid var(--hairline);background:#fff;padding:clamp(24px,4vw,48px)}
.dq-fortschritt{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.dq-fortschritt span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grau);white-space:nowrap}
.dq-balken{flex:1;height:2px;background:var(--hairline)}
.dq-balken i{display:block;height:100%;background:var(--salbei-tief);transition:width .4s ease}
.dq-frage{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.3;margin:0 0 22px}
.dq-antworten{display:grid;gap:12px}
.dq-antwort{text-align:left;font:inherit;font-size:.97rem;line-height:1.5;padding:16px 20px;background:#fff;border:1px solid var(--hairline);cursor:pointer;transition:all .25s}
.dq-antwort:hover{border-color:var(--salbei-tief);background:var(--salbei-tint)}
#dq-formular label{display:block;margin:0 0 16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
#dq-formular input[type=text],#dq-formular input[type=email]{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:.85em 1em;font:inherit;font-size:1rem;letter-spacing:normal;text-transform:none;border:1px solid var(--hairline);background:#fff}
#dq-formular .dq-optin{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;letter-spacing:normal;text-transform:none;line-height:1.55;color:var(--grau)}
#dq-formular .dq-optin input{margin-top:3px}
.dq-btn{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;background:var(--tinte);color:#fff;border:0;padding:1.05em 2.2em;cursor:pointer;transition:background .3s;margin-top:6px}
.dq-btn:hover{background:var(--salbei-tief)}
.dq-dosha{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;margin-bottom:12px}
.dq-dosha span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.dq-dosha em{font-style:normal;font-size:.8rem;color:var(--grau);white-space:nowrap}
.dq-dbalken{height:6px;background:var(--sand)}
.dq-dbalken i{display:block;height:100%;background:var(--salbei-tief);transition:width .8s ease}
.dosha-guide-teaser{max-width:1000px;margin:70px auto 30px;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:center}
.dosha-guide-teaser .dgt-bild img{width:100%;border:1px solid var(--hairline);padding:10px;background:#fff;box-sizing:border-box}
.dosha-guide-teaser h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;margin:.35em 0 .5em}
.dosha-guide-teaser p{line-height:1.75}
.dgt-preis{font-family:var(--serif);font-size:1.35rem;margin:0 0 1.2em}
.dgt-preis small{font-family:var(--sans);font-size:.78rem;color:var(--grau);margin-left:8px}
@media(max-width:760px){
  .dosha-guide-teaser{grid-template-columns:1fr}
  .dosha-quiz{margin-left:6.5vw;margin-right:6.5vw}
  .dosha-intro,.dq-fortschritt{padding-left:0;padding-right:0}
  .dosha-intro{padding-left:6.5vw;padding-right:6.5vw}
  .dosha-guide-teaser{padding-left:6.5vw;padding-right:6.5vw}
}
/* Dosha-Hero aus der Content-Spalte ausbrechen lassen */
.dosha-hero{margin-top:0}

/* ---------- Über-Franzi-Seite (82) ---------- */
body.page-id-82 h1.wp-block-post-title:not(.themen-split__titel){display:none}
body.page-id-82 main{padding-top:0!important}
.seiten-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.franzi-text{max-width:680px;margin:26px auto;line-height:1.8}
.franzi-text h2{font-family:var(--serif);font-weight:500;font-size:1.6rem;margin:1.8em 0 .6em}
.franzi-text blockquote{border-left:2px solid var(--salbei);margin:1.6em 0;padding:.2em 0 .2em 1.2em;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--tinte)}
.franzi-bild{margin:54px auto}
.franzi-bild img{width:100%;aspect-ratio:21/10;object-fit:cover;display:block}
.franzi-text .check-liste li{margin-bottom:.8em}
body.page-id-82 .zitat{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important}
@media(max-width:640px){.franzi-text{padding-left:6.5vw;padding-right:6.5vw}}
/* Zitat-Band im Seiteninhalt: zentriert, ohne Artikel-Blockquote-Rahmen */
.wp-block-post-content .zitat blockquote{border:0;padding:0;margin:0 auto;max-width:26ch;font-size:clamp(1.6rem,3.4vw,2.7rem);line-height:1.45;font-weight:430;color:var(--tinte)}
/* Über-Franzi: Bilder unbeschnitten zeigen — kein Format-Crop, Gesichter bleiben im Bild */
.seiten-hero img,.franzi-bild img{aspect-ratio:auto;height:auto;object-fit:unset}
/* Hochformat-Bilder auf der Franzi-Seite: als Editorial-Portrait statt Breitband */
.franzi-bild{max-width:560px!important;margin:54px auto}
.franzi-bild img{border:1px solid var(--hairline);padding:12px;background:#fff;box-sizing:border-box}
/* Dosha-Quiz farblich hervorheben: Salbei-Fläche, Antworten als weiße Karten */
.dosha-quiz{background:var(--salbei-tint);border:0;padding:clamp(28px,4vw,52px)}
.dq-fortschritt span{color:var(--salbei-tief);font-weight:600}
.dq-balken{background:rgba(255,255,255,.9);height:3px}
.dq-frage{font-size:clamp(1.4rem,2.4vw,1.7rem)}
.dq-antwort{background:#fff;border:1px solid transparent;box-shadow:0 1px 4px rgba(33,29,26,.05);padding:18px 22px}
.dq-antwort:hover{border-color:var(--salbei-tief);background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(33,29,26,.08)}
#dq-formular input[type=text],#dq-formular input[type=email]{border-color:transparent;box-shadow:0 1px 4px rgba(33,29,26,.05)}
.dq-dbalken{background:rgba(255,255,255,.9)}

/* Dosha-Badges: gleicher Abstand über und unter dem Text (optisch zentriert) */
.karten-dosha a, .badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 .85em;height:1.95em;padding-top:.12em}
/* Runde Grafiken (Kreis-Freisteller): kein Print-Rahmen */
.produkt-landing img.rund, .kuren-grid .kur img.rund{border:0;padding:0;background:transparent}

/* Newsletter-Statusmeldung */
.ng-nl-meldung{font-size:.9rem;color:var(--salbei-tief);margin-top:10px}


/* ===== v1.3.0 — Kontakt-Formular, Presse-Grid, Partner, Galerie-Band ===== */
.ng-kform{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:640px;margin:0 auto;text-align:left}
.ng-kform input,.ng-kform textarea{width:100%;padding:.8em 1.1em;border:1px solid var(--hairline);background:#fff;font:inherit;font-size:.95rem;color:var(--tinte);outline:none}
.ng-kform input:focus,.ng-kform textarea:focus{border-color:var(--salbei)}
.ng-kform textarea{grid-column:1/-1;min-height:160px;resize:vertical}
.ng-kform .ng-kform-senden{grid-column:1/-1;justify-self:center}
.ng-kform .ng-kform-meldung{grid-column:1/-1;text-align:center;font-style:italic;color:var(--salbei-tief)}
@media (max-width:640px){.ng-kform{grid-template-columns:1fr}}

.galerie-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:clamp(30px,4vw,50px) 0}
.galerie-band figure{margin:0}
.galerie-band img{width:100%;aspect-ratio:1;object-fit:cover;display:block}

.presse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(24px,3vw,40px);margin-top:clamp(30px,4vw,50px)}
.presse-karte{background:#fff;border:1px solid var(--hairline);padding:26px;display:flex;flex-direction:column;gap:16px}
.presse-karte .presse-logo{height:44px;width:auto;max-width:180px;object-fit:contain;align-self:flex-start}
.presse-karte img.presse-bild{width:100%;aspect-ratio:4/3;object-fit:cover}
.presse-karte p{font-size:.92rem;margin:0}
.presse-karte .presse-quelle{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
.presse-karte a.mehr{margin-top:auto}

.partner-reihe{display:grid;grid-template-columns:200px 1fr;gap:clamp(28px,4vw,56px);align-items:start;padding:clamp(30px,4vw,50px) 0;border-bottom:1px solid var(--hairline)}
.partner-reihe:last-of-type{border-bottom:none}
.partner-reihe .partner-logo{width:100%;max-width:200px;height:auto;object-fit:contain}
@media (max-width:640px){.partner-reihe{grid-template-columns:1fr}.partner-reihe .partner-logo{max-width:150px}}


/* ===== v1.3.2 — Sterne-Rating, Presse-Karten-Links ===== */
.sterne{color:var(--oliv);letter-spacing:.18em;font-size:1.05rem}
.pe-zeile{text-align:center;margin:1.2em auto 2.4em;max-width:36em}
.pe-zeile .wert{font-family:var(--serif);font-size:1.35rem;color:var(--tinte)}
.pe-zeile .quelle{display:block;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);margin-top:.5em}
.presse-karte .mehr{margin-top:auto;align-self:flex-start}

/* v1.3.3 */
.sektion--sand{background:var(--sand)}
.wp-block-post-content section.sektion{margin-top:0}

.kuren-grid--2x2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-left:auto;margin-right:auto}
@media (max-width:640px){.kuren-grid--2x2{grid-template-columns:1fr}}

/* Full-Bleed-Sektionen in Seiten-Content (alignfull greift bei Raw-HTML nicht) */
.wp-block-post-content section.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* == v1.3.4 — Produktseiten-Standard: Up-Sells & Ähnliche Produkte immer nebeneinander ===== */
body.single-product section.up-sells ul.products,
body.single-product section.related ul.products,
body.single-product .cross-sells ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,260px));
  gap:44px 32px;
  justify-content:center;
  list-style:none;
  margin:0;
  padding:0;
}
body.single-product section.up-sells ul.products li.product,
body.single-product section.related ul.products li.product,
body.single-product .cross-sells ul.products li.product{margin:0;width:auto}
/* Block-Variante (Product Collection „Ähnliche Produkte") — auch ohne is-flex-container als Grid */
body.single-product .wp-block-woocommerce-product-collection .wc-block-product-template{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,260px));
  gap:44px 32px;
  justify-content:center;
}
/* Überschrift der Up-Sells im Magazin-Stil (analog Related) */
body.single-product section.up-sells > h2{
  font-family:var(--serif);font-weight:500;font-size:1.6rem;text-align:center;margin:70px 0 40px;
}
body.single-product section.up-sells{margin-bottom:40px}
@media(max-width:600px){
  body.single-product section.up-sells ul.products,
  body.single-product section.related ul.products,
  body.single-product .cross-sells ul.products,
  body.single-product .wp-block-woocommerce-product-collection .wc-block-product-template{
    grid-template-columns:repeat(2,1fr);gap:28px 16px;
  }
}
/* Woo setzt li.product-Breiten in % — im Grid auf volle Zellbreite ziehen */
body.single-product .wp-block-woocommerce-product-collection .wc-block-product-template > li,
body.single-product section.up-sells ul.products li.product,
body.single-product section.related ul.products li.product,
body.single-product .cross-sells ul.products li.product{width:100%!important;margin:0!important;float:none!important}

/* == v1.3.6 — Galerie-Mosaik: Masonry-Spalten, ueberall gleiche Abstaende ===== */
.galerie-band--mosaik{display:block;columns:3;column-gap:20px;margin:clamp(30px,4vw,50px) 0}
.galerie-band--mosaik figure{margin:0 0 20px;break-inside:avoid}
.galerie-band--mosaik img{width:100%;display:block;object-fit:cover;aspect-ratio:3/4}
.galerie-band--mosaik figure:nth-child(2) img,
.galerie-band--mosaik figure:nth-child(8) img{aspect-ratio:1/1}
.galerie-band--mosaik figure:nth-child(4) img,
.galerie-band--mosaik figure:nth-child(6) img{aspect-ratio:4/5}
@media(max-width:640px){
  .galerie-band--mosaik{columns:2;column-gap:12px}
  .galerie-band--mosaik figure{margin-bottom:12px}
}

/* == v1.3.7 — Kreis-Karten (img.rund): Text mittig fuer aufgeraeumten Look ===== */
.kuren-grid .kur:has(img.rund) p{text-align:center}

/* == v1.3.8 — Retreat: farbiges Sand-Band fuers Wochenend-Programm (Kontrast nach Bildern) ===== */
.produkt-landing .ueberblick-band{background:var(--salbei-tint);width:100vw;margin-left:calc(50% - 50vw);padding:clamp(44px,6vw,76px) 6vw;margin-top:clamp(30px,4vw,48px);margin-bottom:clamp(30px,4vw,48px)}
.produkt-landing .ueberblick-band > *{max-width:760px;margin-left:auto;margin-right:auto}
.produkt-landing .ueberblick-band > .skopf{margin-bottom:8px}

/* == v1.3.9 — Bewertungen: „weiterlesen"-Aufklappen (CSS-only, für lange Testimonials) ===== */
.testimonial--klapp{position:relative}
.testimonial--klapp .tm-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.testimonial--klapp .tm-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.testimonial--klapp .tm-toggle:checked ~ .tm-text{-webkit-line-clamp:unset;display:block;overflow:visible}
.testimonial--klapp .tm-mehr{display:inline-block;cursor:pointer;margin-top:.9em;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--salbei-tief);border-bottom:1px solid var(--salbei);padding-bottom:3px;transition:color .2s}
.testimonial--klapp .tm-mehr:hover{color:var(--tinte)}
.testimonial--klapp .tm-mehr .tm-mehr__zu{display:none}
.testimonial--klapp .tm-toggle:checked ~ .tm-mehr .tm-mehr__auf{display:none}
.testimonial--klapp .tm-toggle:checked ~ .tm-mehr .tm-mehr__zu{display:inline}

/* == Themenseiten: Hero-Bild volle Breite über Headline (Template "themenseite") ===== */
.wp-block-post-featured-image.themen-hero{margin:0 0 clamp(28px,4vw,48px)}
.wp-block-post-featured-image.themen-hero img{width:100%;height:clamp(360px,70vh,760px);object-fit:cover;display:block}
@media(max-width:640px){.wp-block-post-featured-image.themen-hero img{height:clamp(300px,58vh,520px)}}
/* Themenseiten-Headline: ab Tablet einzeilig, zentriert, Schrift skaliert mit (laengster Titel ~21 em) */
.wp-block-post-title.themen-titel{text-align:center;text-wrap:balance}
@media(min-width:782px){.wp-block-post-title.themen-titel{white-space:nowrap;font-size:min(3.4rem,calc((100vw - 5rem)/21))}}
/* == Themenseite ENTWURF: zweispaltiger Magazin-Hero (Template "themenseite-split") ===== */
.themen-split{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);min-height:clamp(440px,74vh,780px);background:var(--sand);margin-top:0;margin-bottom:clamp(36px,5vw,64px)}
.themen-split .wp-block-post-featured-image.themen-split__bild{margin:0;height:100%}
.themen-split .wp-block-post-featured-image.themen-split__bild img{width:100%;height:clamp(440px,74vh,780px);object-fit:cover;display:block}
.themen-split__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,72px) clamp(24px,4vw,64px);margin:0!important}
.themen-split__text .eyebrow{margin:0 0 1.1em;color:var(--altrosa)}
.wp-block-post-title.themen-split__titel{font-size:clamp(2.1rem,3.4vw,3.6rem);line-height:1.08;margin:0;text-wrap:balance}
.wp-block-post-title.themen-split__titel::after{content:"";display:block;width:42px;height:1px;background:var(--salbei);margin-top:.55em}
@media(max-width:781px){.themen-split{grid-template-columns:1fr;min-height:0}.themen-split .wp-block-post-featured-image.themen-split__bild img{min-height:0;height:clamp(300px,56vh,480px)}.themen-split__text{padding:28px 6.5vw 34px}}
.themen-split__text .script.themen-split__script{font-family:var(--script);font-size:1.35rem;color:var(--grau);margin:.9em 0 0;line-height:1.35}
.themen-split__text>p:empty{display:none}
/* Instagram-Linkseite (1194): Headline mittig zur Linkliste */
body.page-id-1194 h1.wp-block-post-title{text-align:center}

/* Fix 27.10.2026: Full-Bleed-Elemente (100vw) erzeugten 8px waagrechten Scrollbalken (Breite inkl. Scrollbar). clip statt hidden: kein Scroll-Container, sticky bleibt intakt. */
html{overflow-x:clip}

/* EU-Gewährleistungslabel (Germanized) in Warenkorb/Kasse: ruhig und kompakt, aber lesbar */
.wc-gzd-legal-guarantee-label-full { max-width: 450px; }
.wc-gzd-legal-guarantee-label-full img { width: 100%; height: auto; display: block; border: 1px solid var(--sand, #f8f5f0); }

/* EU-Gewährleistungslabel: kompakte Vorschau (Germanized-Variante „Vorschau“), Klick öffnet das große Label */
.wc-gzd-popover-wrapper .wc-gzd-popover-trigger img.wc-gzd-legal-guarantee-image-preview { width: 160px !important; max-width: 160px !important; min-width: 0 !important; height: auto; display: block; border: 1px solid var(--sand, #f8f5f0); cursor: zoom-in; }
@media (max-width: 640px) { .wc-gzd-popover-wrapper .wc-gzd-popover-trigger img.wc-gzd-legal-guarantee-image-preview { width: 130px !important; max-width: 130px !important; } }
.wc-gzd-legal-guarantee-popover-image { max-width: min(520px, 90vw); height: auto; }

/* Mobil: Seiten nicht bis an den Rand (Seiten-Templates „page“ und „themenseite-split“, inkl. Warenkorb, Kasse, Mein Konto).
   5vw je Seite = 90 % Nutzbreite. Vollbreite Blöcke (alignfull) bleiben randlos. */
@media (max-width: 782px) {
	main.wp-block-group:not(.artikel) > .wp-block-post-title,
	main.wp-block-group:not(.artikel) > .wp-block-post-content,
	main.wp-block-group:not(.artikel) > .wc-block-store-notices {
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing: border-box;
	}
	main.wp-block-group:not(.artikel) > .wp-block-post-content > .alignfull {
		margin-left: -5vw !important;
		margin-right: -5vw !important;
		width: auto;
		max-width: none;
	}
}

/* 404-Seite v2: Bild-Split, Wege, neueste Rezepte, Newsletter */
.fehler404__hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:center;max-width:1200px;margin:0 auto}
.fehler404__hero .fehler404__kopf{text-align:left;max-width:none;margin:0}
.fehler404__hero .fehler404__suche{max-width:none;margin:clamp(26px,3.5vw,40px) 0 0}
.fehler404__bild{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.fehler404__bild img{display:block;width:100%;height:100%;object-fit:cover}
.fehler404__wege .eyebrow,.fehler404__rezepte-kopf .eyebrow{display:block;text-align:center;margin-bottom:14px}
.fehler404__rezepte-kopf{text-align:center;max-width:640px;margin:clamp(64px,8vw,110px) auto clamp(28px,3.5vw,44px)}
.fehler404__rezepte-kopf h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0}
.fehler404__rezepte-kopf h2 em{color:var(--salbei-tief)}
.fehler404__rezepte{max-width:1200px;margin:0 auto}
.fehler404__nl{max-width:760px;margin:clamp(64px,8vw,110px) auto 0}
@media (max-width:860px){
	.fehler404__hero{grid-template-columns:1fr}
	.fehler404__hero .fehler404__kopf{text-align:center}
	.fehler404__bild{aspect-ratio:4/3;order:-1;width:100%}
	.fehler404__rezepte .wp-block-post-template{grid-template-columns:1fr !important}
}
@media (max-width:782px){
	.fehler404{padding-left:5vw;padding-right:5vw}
}

/* == Warenkorb-Overlay (ersetzt den Banner „…wurde deinem Warenkorb hinzugefügt“) == */
html.ng-korb-offen{overflow:hidden}
.ng-korb{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:5vw}
.ng-korb[hidden]{display:none}
.ng-korb__bg{position:absolute;inset:0;background:rgba(33,29,26,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease}
.ng-korb__karte{position:relative;width:min(440px,100%);background:var(--bg);border-top:3px solid var(--salbei);box-shadow:0 30px 70px rgba(33,29,26,.22);padding:clamp(34px,5vw,48px) clamp(26px,4.5vw,44px) clamp(28px,4vw,38px);text-align:center;opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .3s ease;outline:none}
.ng-korb.offen .ng-korb__bg,.ng-korb.offen .ng-korb__karte{opacity:1}
.ng-korb.offen .ng-korb__karte{transform:none}
.ng-korb__x{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.7rem;line-height:1;color:var(--grau);cursor:pointer;padding:6px}
.ng-korb__x:hover{color:var(--tinte)}
.ng-korb__haken{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--salbei-tint);color:var(--salbei-tief);margin-bottom:16px}
.ng-korb__eyebrow{color:var(--altrosa);margin-bottom:10px}
.ng-korb__titel{font-family:var(--serif);font-size:clamp(1.35rem,3.6vw,1.65rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 .35em}
.ng-korb__text{color:var(--grau);font-size:.95rem;margin:0 0 26px}
.ng-korb__aktionen{display:flex;flex-direction:column;align-items:center;gap:14px}
.ng-korb__aktionen .btn{width:100%;text-align:center}
.ng-korb__link{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid var(--salbei);padding-bottom:3px}
.ng-korb__link:hover{color:var(--salbei-tief)}
.ng-korb__weiter{background:none;border:none;font-family:var(--sans);font-size:.92rem;color:var(--grau);cursor:pointer;padding:4px}
.ng-korb__weiter:hover{color:var(--tinte)}
@media (prefers-reduced-motion:reduce){.ng-korb__bg,.ng-korb__karte{transition:none}}

/* Burger-Icon mobil in CI-Grün */
.burger{color:var(--salbei-tief)}
.burger:hover,.burger:focus-visible{color:var(--salbei)}

/* == Instagram-Verteilerseite (Seite 1194, /instagram/) ===== */
.page-id-1194 .wp-block-post-title{display:none}
.linkbio{max-width:520px;margin:0 auto;padding:clamp(28px,6vw,56px) 0 40px}
.linkbio__kopf{text-align:center;margin-bottom:30px}
.linkbio__foto{width:120px;height:120px!important;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 18%;margin:0 auto 16px;box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--salbei)}
.linkbio__name{font-family:var(--serif);font-size:1.9rem;line-height:1.1;margin:0}
.linkbio__claim{font-family:var(--script);font-size:1.15rem;color:var(--salbei-tief);margin:.35em 0 0}
.linkbio .eyebrow{display:block;color:var(--altrosa)}
.linkbio__gruppe{margin:34px 0 12px;text-align:center}
.linkbio__liste{display:flex;flex-direction:column;gap:10px}
.linkbio__zeile{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;background:#fff;border:1px solid var(--hairline);text-decoration:none;color:var(--tinte);transition:border-color .25s,transform .25s,box-shadow .25s}
.linkbio__zeile:hover,.linkbio__zeile:focus-visible{border-color:var(--salbei);transform:translateY(-1px);box-shadow:0 8px 22px rgba(33,29,26,.06)}
.linkbio__zeile img{width:52px;height:52px;object-fit:cover;flex:0 0 52px}
.linkbio__icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;background:var(--salbei-tint);color:var(--salbei-tief);font-size:1.25rem;border-radius:50%}
.linkbio__txt{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}
.linkbio__txt strong{font-weight:600;font-size:.98rem}
.linkbio__txt small{font-size:.84rem;color:var(--grau)}
.linkbio__pfeil{color:var(--salbei-tief);font-size:1.1rem;flex:0 0 auto}
.linkbio__highlight{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin:26px 0 0;padding:14px;background:var(--salbei-tint);text-decoration:none;color:var(--tinte);transition:transform .25s,box-shadow .25s}
.linkbio__highlight--rosa{background:var(--rosa-tint)}
.linkbio__highlight:hover,.linkbio__highlight:focus-visible{transform:translateY(-1px);box-shadow:0 10px 26px rgba(33,29,26,.08)}
.linkbio__highlight img{width:110px;height:138px;object-fit:cover}
.linkbio__hl-text{display:flex;flex-direction:column;gap:4px}
.linkbio__hl-text strong{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.2}
.linkbio__hl-text small{font-size:.86rem;color:var(--grau);line-height:1.4}
.linkbio__mehr{margin-top:8px;font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--salbei-tief);border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:2px}
.linkbio__highlight--rosa .linkbio__mehr{color:#8f4f5c}
.linkbio__fuss{text-align:center;margin:36px 0 0;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.linkbio__fuss a{border-bottom:1px solid var(--salbei);padding-bottom:3px}
@media (max-width:420px){.linkbio__highlight{grid-template-columns:92px 1fr;gap:14px}.linkbio__highlight img{width:92px;height:116px}}
@media (prefers-reduced-motion:reduce){.linkbio__zeile,.linkbio__highlight{transition:none}}

/* == Kasse: eigener Kopf mit Logo (Template-Part woocommerce//checkout-header, in der DB angepasst) == */
.ng-checkout-kopf{border-bottom:1px solid var(--hairline);padding-left:clamp(20px,4vw,52px);padding-right:clamp(20px,4vw,52px)}
.ng-checkout-kopf > .alignwide{max-width:1240px;margin-left:auto;margin-right:auto}
.ng-checkout-logo{display:block;line-height:0}
.ng-checkout-logo img{width:150px;height:auto;display:block}
.ng-checkout-kopf .wc-block-cart-link{color:var(--tinte)}
@media (max-width:782px){.ng-checkout-logo img{width:130px}}

/* == Shop-Seiten mobil: mindestens 5vw Rand je Seite (Kasse, Bestellbestätigung, Warenkorb, Mein Konto) == */
@media (max-width:782px){
	body:is(.woocommerce-checkout,.woocommerce-cart,.woocommerce-account) main.wp-block-group:not(.artikel) > :not(.wp-block-post-title):not(.wp-block-post-content):not(.wc-block-store-notices):not(.alignfull){
		padding-left:5vw;
		padding-right:5vw;
		box-sizing:border-box;
	}
}

/* == Tablet/iPad (641–1320px): mindestens 5vw Rand je Seite ==
   Zwischen Handy (≤640, 6,5vw) und Desktop (Inhalt zentriert, max. 1200px) lief der Inhalt bisher bis an den Rand. */
@media (min-width:641px){
	header.site .wrap.nav{padding-left:clamp(20px,4vw,52px);padding-right:clamp(20px,4vw,52px)} /* .nav{padding:20px 0} hatte das .wrap-Padding überschrieben */
}
@media (min-width:641px) and (max-width:1320px){
	body:not(.home) main.wp-block-group{padding-left:5vw!important;padding-right:5vw!important;box-sizing:border-box}
	body:not(.home) main.wp-block-group > *:not(.alignfull){padding-left:0;padding-right:0}
	body:not(.home) main.wp-block-group > .alignfull,
	body:not(.home) main.wp-block-group > .wp-block-post-content > .alignfull{margin-left:-5vw!important;margin-right:-5vw!important;width:auto!important;max-width:none!important}
}
/* Letztes Untermenü („Franzi“) rechtsbündig öffnen – sonst ragt es auf iPad quer über den Rand (seitliches Scrollen) */
.nav__links > li:last-child .sub{left:auto;right:-14px}
/* Variantenauswahl (Retreat-Termine, Tee): lange Optionen umbrechen statt die Seite zu verbreitern */
.woocommerce div.product form.cart table.variations{table-layout:fixed;width:100%}
.woocommerce div.product form.cart .variations select{width:100%;max-width:100%;min-width:0}
/* Produktseite auf iPad: Bild und Kaufbereich 50/50 statt schmaler Kaufspalte */
@media (min-width:641px) and (max-width:1100px){
	body.single-product main .wp-block-columns.alignwide{gap:4vw}
	body.single-product main .wp-block-columns.alignwide > .wp-block-column{flex-basis:50%!important;flex-grow:1}
}