/* CannaKochbuch Navigation v2: eine Komponentenfamilie fuer Desktop-Dropdowns und Mobile-Akkordeons */
:root{--nv-radius:16px;--nv-row:56px;--nv-link:44px;--nv-ink:#1b1b18;--nv-mute:#6b6b66;--nv-line:rgba(0,0,0,.08);--nv-hover:#f1f5f2;--nv-forest:#123C2B;--nv-green:#276746;--nv-focus:#D4570A}

/* ---------- Desktop: Leiste ---------- */
.site-header{z-index:1000}
.site-nav{display:flex;align-items:center;gap:2px;flex:1}
.nv-item{position:relative;display:flex;align-items:center}
.site-nav .nav-link,.site-nav .nv-toggle--text{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border:0;background:none;border-radius:100px;font:inherit;font-size:13px;font-weight:500;color:var(--text2,#555);cursor:pointer;text-decoration:none;position:relative}
.site-nav .nav-link:hover,.site-nav .nv-toggle--text:hover,.nv-item.open>.nav-link,.nv-item.open>.nv-toggle--text{color:var(--nv-ink);background:var(--bg2,#f7f7f5)}
.site-nav .nav-link.is-active{color:var(--nv-green);background:rgba(26,61,43,.06);font-weight:600}
.site-nav .nav-link.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:2px;border-radius:2px;background:var(--nv-green)}
.nv-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:36px;margin-left:-4px;border:0;background:none;border-radius:100px;color:var(--text2,#555);cursor:pointer}
.nv-toggle:hover{color:var(--nv-ink);background:var(--bg2,#f7f7f5)}
.nv-chev{transition:transform .15s;flex-shrink:0}
.nv-item.open .nv-chev{transform:rotate(180deg)}
.site-nav a:focus-visible,.nv-toggle:focus-visible,.nv-panel a:focus-visible{outline:3px solid var(--nv-focus);outline-offset:2px}

/* ---------- Dropdown-Komponente (Desktop) ---------- */
.nv-panel{display:none;position:absolute;top:100%;left:0;margin-top:0;padding:8px 0;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);box-shadow:0 12px 36px rgba(0,0,0,.12);z-index:1001;max-height:calc(100vh - 110px);overflow:visible}
.nv-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nv-item.open>.nv-panel{display:block;animation:nvIn .15s ease}
@keyframes nvIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.nv-panel--compact{width:300px}
.nv-panel--mega{width:min(740px,calc(100vw - 48px));padding:16px 18px 0}
.nv-label{padding:10px 16px 4px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nv-mute)}
.nv-panel--mega .nv-label{padding:0 0 6px}
.nv-row{display:flex;align-items:center;gap:12px;min-height:var(--nv-row);padding:8px 16px;margin:0 6px;border-radius:10px;color:var(--nv-ink);text-decoration:none;border:0}
.nv-row:hover,.nv-link:hover,.nv-tile:hover{background:var(--nv-hover)}
.nv-row[aria-current="page"],.nv-link[aria-current="page"]{background:var(--nv-hover);font-weight:700}
.nv-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:rgba(26,61,43,.07);color:var(--nv-forest)}
.nv-tx{display:flex;flex-direction:column;min-width:0}
.nv-t{font-size:13px;font-weight:600;line-height:1.3}
.nv-s{font-size:11px;color:var(--nv-mute);line-height:1.35;margin-top:1px}
.nv-link{display:flex;align-items:center;min-height:var(--nv-link);padding:0 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--nv-ink);text-decoration:none}
.nv-link--all{font-weight:800;color:var(--nv-forest)}
.nv-start{display:block;margin:6px 10px 4px;padding:12px 14px;border-radius:12px;background:var(--nv-forest);color:#fff;text-decoration:none}
.nv-start strong{display:block;font-size:13px;color:#fff}
.nv-start span{display:block;font-size:11px;margin-top:2px;color:rgba(255,255,255,.85)}
.nv-start:hover{background:#0c2b1f}
.nv-foot{display:block;margin:8px 10px 10px;padding:12px 16px;border:1px solid var(--nv-green);border-radius:100px;text-align:center;font-size:12px;font-weight:700;color:var(--nv-green);text-decoration:none}
.nv-foot:hover{background:var(--nv-green);color:#fff}
.nv-panel--mega .nv-foot{margin:14px -18px 0;border:0;border-top:1px solid var(--nv-line);border-radius:0 0 var(--nv-radius) var(--nv-radius);background:#fafaf7;padding:14px 18px;font-size:13px}
.nv-panel--mega .nv-foot:hover{background:var(--nv-hover);color:var(--nv-green)}
.nv-mega{display:flex;gap:18px}
.nv-tiles{flex:0 0 430px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nv-tile{display:flex;flex-direction:column;border:1px solid var(--nv-line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--nv-ink);background:#fff}
.nv-tile:hover,.nv-tile:focus-visible{border-color:var(--nv-green);box-shadow:0 0 0 2px rgba(39,103,70,.22)}
.nv-tile-img{display:block;aspect-ratio:16/10;overflow:hidden}
.nv-tile-img img{width:100%;height:100%;object-fit:cover;display:block}
.nv-tile-name{display:block;padding:8px 10px;font-size:12px;font-weight:700}
.nv-side{flex:1;border-left:1px solid var(--nv-line);padding-left:16px}
.nv-side .nv-links{display:grid;grid-template-columns:1fr 1fr;gap:0 4px;margin-bottom:12px}
@media(max-width:1024px){.nv-tiles{flex-basis:360px}.nv-panel--mega{width:min(640px,calc(100vw - 32px))}}
@media(max-width:900px){.nv-side{display:none}.nv-tiles{flex:1}}
@media(max-width:700px){.site-nav{display:none}}
.nv-svg{display:block}

/* ---------- Mobile: ein Panel, genau ein Scrollbereich ---------- */
.nvm{position:fixed;top:0;right:0;width:min(390px,100vw);height:100vh;height:100dvh;background:#fff;z-index:9998;display:flex;flex-direction:column;box-shadow:-4px 0 32px rgba(0,0,0,.16);transform:translateX(105%);visibility:hidden;transition:transform .26s cubic-bezier(.4,0,.2,1),visibility 0s .26s;overflow:hidden}
.nvm.open{transform:none;visibility:visible;transition:transform .26s cubic-bezier(.4,0,.2,1)}
.nvm-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 12px 0 18px;border-bottom:1px solid var(--nv-line)}
.nvm-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;color:var(--nv-ink);text-decoration:none}
.nvm-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;border-radius:50%;color:var(--nv-ink);cursor:pointer}
.nvm-close:hover{background:var(--bg2,#f7f7f5)}
.nvm-search{flex:0 0 auto;padding:10px 16px;border-bottom:1px solid var(--nv-line)}
.nvm-search form{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;background:var(--bg2,#f7f7f5);border:1.5px solid var(--nv-line);border-radius:100px;color:var(--nv-mute)}
.nvm-search form:focus-within{border-color:var(--nv-green);background:#fff}
.nvm-search input{flex:1;min-width:0;border:0;background:none;font-size:16px;color:var(--nv-ink);outline:none}
.nvm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.nvm-acc-btn{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:52px;padding:0 20px;background:none;border:0;border-bottom:1px solid var(--nv-line);font:inherit;font-size:16px;font-weight:700;color:var(--nv-ink);cursor:pointer;text-align:left}
.nvm-acc-btn[aria-expanded="true"]{background:#f7f8f6;color:var(--nv-forest)}
.nvm-acc-btn[aria-expanded="true"] .nv-chev{transform:rotate(180deg)}
.nvm-acc-panel{background:#fafaf7;border-bottom:1px solid var(--nv-line);padding:4px 0}
.nvm-acc-panel .nv-link{padding:0 20px 0 28px;border-radius:0}
.nvm-acc-panel .nv-row{margin:0;border-radius:0;padding:8px 20px 8px 20px}
.nvm-acc--nested .nvm-acc-btn{font-size:15px;font-weight:600;min-height:46px;padding-left:28px}
.nvm-acc--nested .nvm-acc-panel .nv-link{padding-left:40px}
.nvm-direct{display:flex;align-items:center;min-height:52px;padding:0 20px;border-bottom:1px solid var(--nv-line);font-size:16px;font-weight:700;color:var(--nv-ink);text-decoration:none}
.nvm-direct:hover,.nvm-acc-btn:hover{background:var(--nv-hover)}
.nvm-direct.is-active{color:var(--nv-green)}
.nvm-account{display:flex;flex-direction:column;gap:10px;padding:20px}
.nvm-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:100px;font-size:15px;font-weight:700;text-decoration:none}
.nvm-btn--outline{border:1.5px solid var(--nv-forest);color:var(--nv-forest)}
.nvm-btn--fill{background:var(--nv-forest);color:#fff}
.nvm-acc-btn:focus-visible,.nvm-direct:focus-visible,.nvm-close:focus-visible,.nvm-btn:focus-visible,.nvm a:focus-visible{outline:3px solid var(--nv-focus);outline-offset:-3px}
.nvm a,.nvm button{-webkit-tap-highlight-color:transparent}
@media(min-width:701px){.nvm,.mnav-overlay{display:none}}

/* Spezifitaets-Korrekturen: .site-nav a (Leistenstil) darf Dropdown-Elemente nicht ueberschreiben */
.nv-toggle--text{width:auto!important;margin-left:0!important}
.nv-item{margin-right:2px}
.site-nav .nv-panel a{font-size:13px;font-weight:500;color:var(--nv-ink);background:none}
.site-nav .nv-panel a:hover{background:var(--nv-hover);color:var(--nv-ink)}
.site-nav .nv-panel .nv-tile{padding:0;border-radius:10px;background:#fff}
.site-nav .nv-panel .nv-tile:hover{background:#fff}
.site-nav .nv-panel .nv-row{padding:8px 16px;border-radius:10px;font-weight:500}
.site-nav .nv-panel .nv-link{padding:0 12px;border-radius:8px}
.site-nav .nv-panel .nv-start{padding:12px 14px;border-radius:12px;background:var(--nv-forest);color:#fff}
.site-nav .nv-panel .nv-start:hover{background:#0c2b1f;color:#fff}
.site-nav .nv-panel .nv-foot{padding:12px 16px;border-radius:100px;font-size:12px;font-weight:700;color:var(--nv-green);background:none}
.site-nav .nv-panel .nv-foot:hover{background:var(--nv-green);color:#fff}
.site-nav .nv-panel--mega .nv-foot{margin:14px -18px 0;padding:14px 18px;border-radius:0 0 var(--nv-radius) var(--nv-radius);font-size:13px;background:#fafaf7}
.site-nav .nv-panel--mega .nv-foot:hover{background:var(--nv-hover);color:var(--nv-green)}
.site-nav .nv-panel .nv-tile-name{font-size:12px;font-weight:700}
.site-nav .nv-panel .nv-link--all{font-weight:800}
.nv-panel--mega{width:min(790px,calc(100vw - 48px))}
.nv-side .nv-links .nv-link{padding:0 8px;white-space:nowrap}

/* ===== Navigation v3: Mockup "Navigationsdesign im Ueberblick" ===== */
/* Kopfzeile mit Suche (Desktop) */
.site-header{height:auto;min-height:60px}
.header-inner{gap:18px;min-height:60px}
.site-nav{flex:0 0 auto}
.gsearch-wrap{background:none!important;border:0!important;padding:0!important;flex:1 1 280px;max-width:340px;margin-left:auto;position:static!important}
.gsearch-outer{max-width:none;margin:0}
.gsearch{padding:0 16px!important;min-height:40px;border:1px solid var(--nv-line)!important;background:var(--bg2,#f7f7f5)!important;gap:8px}
.gsearch:focus-within{border-color:var(--nv-green)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(39,103,70,.12)}
.gsearch-input{font-size:14px!important;min-width:0}
.gsearch.has-drop{border-radius:20px 20px 0 0!important}
#gsearch-drop{min-width:340px;right:0;left:auto}
.header-actions{margin-left:0}
/* aktive Pille inkl. Chevron + Unterstreichung */
.nv-item.is-cur{background:rgba(26,61,43,.07);border-radius:100px}
.site-nav .nav-link.is-active{background:none}
.nv-item.is-cur .nv-toggle:hover{background:none}
/* Dropdown-Zeilen: Icons ohne Kachel, Chevron rechts */
.nv-ic{background:none!important;width:28px;height:28px;color:var(--nv-forest)}
.nv-go{margin-left:auto;font-size:20px;line-height:1;color:var(--nv-mute);padding-left:10px}
.nv-row{padding:8px 14px}
.nv-label--top{padding:0 0 10px}
.nv-links--one{display:flex!important;flex-direction:column}
.nv-side .nv-links--one .nv-link{font-size:15px;font-weight:600;min-height:40px}
.nv-mainwrap{flex:0 0 430px}
.nv-mainwrap .nv-tiles{flex:none;width:100%}
.nv-panel--right{left:auto;right:0}
/* ZenKitchen-Zeilen mit Vorschaubild */
.nv-th{position:relative;display:block;width:56px;height:42px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg2,#f7f7f5)}
.nv-th img{width:100%;height:100%;object-fit:cover;display:block}
.nv-thplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18)}
.nv-th--sq{width:40px;height:40px;border-radius:8px}
.nav-link--zk .nv-yt{flex-shrink:0}
/* Mobile: Header (Logo, Herz, Menue) und Akkordeons */
@media(max-width:700px){
  .site-header{height:auto}
  .header-inner{flex-wrap:wrap;gap:0 10px;padding:0 16px}
  .site-logo{min-height:60px}
  .header-actions{margin-left:auto;min-height:60px}
  #user-drop-btn,.header-actions .btn-konto{display:none!important}
  .gsearch-wrap{order:10;flex:0 0 100%;max-width:none;margin:0!important;padding:0 0 10px!important}
  .gsearch{min-height:44px}
  #gsearch-drop{min-width:0;left:0;right:0}
}
.nvm-acc-btn{gap:12px}
.nvm-acc-ic{display:inline-flex;width:24px;justify-content:center;color:var(--nv-forest)}
.nvm-acc-t{flex:1;text-align:left}
.nvm-direct{gap:12px}
.nvm-direct .nv-go{margin-left:auto}
.nvm-acc-panel .nv-row--all{background:#eaf4ee;margin:6px 12px;border-radius:12px}
.nvm-acc-panel .nv-row--img{padding:6px 20px;min-height:52px}
.nvm-acc-panel .nv-row--thumb{padding:8px 20px}
.nvm-acc-panel .nv-row{gap:12px}
.nvm-acc--nested .nvm-acc-btn{padding-left:28px}
.nvm:focus{outline:none}
.nv-side .nv-links--one .nv-link{font-weight:500!important}

/* exakt nach Mockup */
.site-nav .nv-panel .nv-start{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nv-start-tx{display:flex;flex-direction:column}
.nv-go--w{color:#fff!important}
#nv-p-tools .nv-go{display:none}
#nvm-tools .nv-go{display:none}
.site-nav .nv-panel--right .nv-foot{border:0;background:none;border-radius:0;margin:6px 10px 8px;padding:10px 6px;font-size:13px;font-weight:700;color:var(--nv-green)}
.site-nav .nv-panel--right .nv-foot:hover{background:none;color:var(--nv-forest);text-decoration:underline}
.nv-row{align-items:center}

/* ===== Feinabgleich mit Mockup (Typografie, Icon-Kacheln, Notch, Trenner) ===== */
.header-inner{min-height:66px}
.site-nav .nav-link,.site-nav .nv-toggle--text{font-size:15px;font-weight:600;color:#1b1b18;min-height:40px;padding:0 14px}
.nv-toggle{color:#1b1b18;height:40px}
.site-nav .nav-link.is-active{color:var(--nv-green)}
.site-nav .nav-link.is-active::after{left:14px;right:14px;bottom:2px;height:2px}
.nv-item.is-cur{background:#eaeeea}
.nav-link--zk{gap:8px}
.nav-link--zk .nv-yt{width:20px;height:20px;padding:3px;border-radius:6px;background:#e8453c;fill:#fff}
.gsearch-wrap{flex-basis:320px;max-width:360px}
.gsearch{background:#f4f4f1!important;min-height:42px}
.site-logo{font-size:16px}
/* Icon-Kacheln (neutral, einheitlich) */
.nv-ic{background:#f1f3f1!important;border-radius:9px!important;width:34px!important;height:34px!important}
.nv-row{gap:14px}
.nv-t{font-size:14px;font-weight:700}
.nv-s{font-size:12px}
/* Gruppen-Trenner */
.nv-label:not(.nv-label--top){border-top:0}
.nv-panel--compact .nv-label{margin-top:6px;padding-top:12px;border-top:1px solid var(--nv-line)}
.nv-panel--compact .nv-start+.nv-label{border-top:0;margin-top:0}
.nv-side .nv-label:nth-of-type(2){border-top:1px solid var(--nv-line);margin-top:6px;padding-top:16px}
/* Kacheln */
.nv-tile{border-radius:12px}
.nv-tile-name{padding:12px 12px;font-size:13px}
.site-nav .nv-panel .nv-tile-name{font-size:13px}
/* Notch */
.nv-panel::after{content:"";position:absolute;top:-7px;left:34px;width:14px;height:14px;background:#fff;border-left:1px solid var(--nv-line);border-top:1px solid var(--nv-line);transform:rotate(45deg);border-radius:3px 0 0 0}
.nv-panel--right::after{left:auto;right:30px}
/* ZenKitchen: Vorschau mit weissem Play-Kreis, Trennlinien */
.nv-th{width:60px;height:44px}
.nv-thplay{background:rgba(0,0,0,.06)}
.nv-thplay::before{content:"";width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.nv-thplay svg{position:absolute;fill:#111;margin-left:2px}
.nv-row--thumb{border-bottom:1px solid var(--nv-line);border-radius:0;margin:0 14px;padding:10px 0}
.nv-row--thumb:hover{background:none}
.nv-row--thumb .nv-go{padding-right:0}
/* Mobile: Typografie */
.nvm-acc-btn,.nvm-direct{font-size:15px;font-weight:700}
.nvm-acc-ic{color:var(--nv-forest)}
.nvm-acc-ic .nv-svg{width:20px;height:20px}
#nv-p-guides{width:340px}
#nv-p-tools{width:330px}
#nv-p-zk{width:330px}
.nv-row{gap:12px;padding-left:12px;padding-right:12px}
.site-nav .nv-panel .nv-tile-name{padding:10px 10px;font-size:12.5px;white-space:nowrap}
.nv-mainwrap{flex-basis:450px}
.nv-panel--mega{width:min(800px,calc(100vw - 48px))}

/* ===== Navigation v4 (19.10.2026): Mockup "Menue-UI mit Dropdowns", Zaehler, Bildzeilen, Beliebt-Spalten ===== */
.nv-panel--mega{width:min(960px,calc(100vw - 32px))}
.nv-panel::after{left:calc(34px + var(--nshift,0px))}
.nv-panel--right::after{left:auto;right:30px}
.nv-mainwrap{flex:0 0 510px}
.nv-tile-img{aspect-ratio:16/9;background:#f1f3f1}
.nv-tile-tx{display:flex;flex-direction:column;gap:2px;padding:9px 12px 11px}
.site-nav .nv-panel .nv-tile-name{padding:0;font-size:13px;font-weight:700;white-space:nowrap;color:var(--nv-ink)}
.nv-tile-n{font-size:12px;font-weight:500;color:var(--nv-mute)}
.nv-side{padding-left:20px}
.nv-label--top{padding:2px 0 10px}
.nv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-bottom:12px}
.nv-mrow{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 8px;border-radius:10px;color:var(--nv-ink);text-decoration:none}
.site-nav .nv-panel a.nv-mrow:hover{background:var(--nv-hover)}
.nv-mic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:#f1f3f1;color:var(--nv-forest)}
.nv-mrow .nv-t{font-size:14px;font-weight:700;white-space:nowrap}
.nv-mrow{padding-right:4px}
.nv-mrow .nv-s{font-size:12px}
.nv-side .nv-label:not(.nv-label--top){margin-top:4px;padding-top:14px;border-top:1px solid var(--nv-line)}
.nv-panel--mega .nv-foot,.nv-panel--wide .nv-foot{margin:6px -18px 0;border:0;border-radius:0 0 var(--nv-radius) var(--nv-radius);background:#eef4ef;padding:14px 18px;font-size:13px}
.site-nav .nv-panel--wide .nv-foot{margin:6px -18px 0;padding:14px 18px;border-radius:0 0 var(--nv-radius) var(--nv-radius);background:#eef4ef;color:var(--nv-green)}
.site-nav .nv-panel--wide .nv-foot:hover,.site-nav .nv-panel--mega .nv-foot:hover{background:#e0ece3;color:var(--nv-forest)}
.site-nav .nv-panel--mega .nv-foot{background:#eef4ef}
/* breite Panels: Liste links, Beliebt rechts */
.nv-panel--wide#nv-p-guides,.nv-panel--wide#nv-p-tools{width:min(790px,calc(100vw - 32px));padding:16px 18px 0}
.nv-cols{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}
.nv-col--list{padding-right:16px;border-right:1px solid var(--nv-line)}
.nv-col--pop{padding-left:20px}
.nv-row--pic{gap:14px;margin:0;padding:7px 8px;min-height:60px}
.nv-row--pic .nv-t{font-size:14px;font-weight:700}
.nv-row--pic .nv-s{font-size:12px}
.nv-th--pic{width:56px;height:44px;border-radius:8px;background:#f1f3f1}
.nv-row--pop .nv-th--pic{width:58px;height:46px}
.nv-row--toolpic .nv-th--pic{width:78px;height:58px}
.nv-panel--tools .nv-col--list .nv-row{margin:0;min-height:56px;padding:6px 8px}
.nv-panel--tools .nv-col--list .nv-ic{width:40px!important;height:40px!important;border-radius:10px!important}
.nv-panel--tools .nv-col--list .nv-svg{width:22px;height:22px}
.nv-row--pic:hover,.site-nav .nv-panel a.nv-row--pic:hover{background:var(--nv-hover)}
/* Mobile: Rezepte-Liste mit Bildern und Icon-Zeilen */
.nvm-sep{height:1px;margin:6px 20px;background:var(--nv-line)}
.nv-th--ic{display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--nv-forest)}
.nvm-acc-panel .nv-row--pic{padding:6px 20px;gap:12px;min-height:54px;margin:0;border-radius:0}
.nvm-acc-panel .nv-th--pic{width:48px;height:38px}
@media(max-width:1180px){.nv-mainwrap{flex-basis:440px}.nv-panel--mega{width:min(800px,calc(100vw - 32px))}}
@media(max-width:1024px){.nv-mainwrap{flex-basis:380px}.nv-grid2{grid-template-columns:1fr}}

/* Mobiles Menue liegt ueber der schwarzen CannaZen-Leiste (z-index 2147483000), Leiste solange ausblenden */
body:has(.nvm.open) .zen-ph-bar{display:none}

/* ---------- Menüpunkt "Cannabis Rezept" (Pill mit Stethoskop, Badge "Einfach & sicher") ---------- */
:root{--nv-rx-bg:#e8f5ee;--nv-rx-bg-h:#d9eee3;--nv-rx-ink:#0f7a45;--nv-rx-badge:#0a8a3e}
.site-nav .nv-rx,.nvm-rx{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:42px;margin-left:12px;padding:0 20px 0 15px;border-radius:16px;background:var(--nv-rx-bg);color:var(--nv-rx-ink);font-size:15px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s}
.site-nav .nv-rx:hover,.nvm-rx:hover{background:var(--nv-rx-bg-h);color:var(--nv-rx-ink)}
.site-nav .nv-rx .nv-svg,.nvm-rx .nv-svg{width:20px;height:20px;stroke-width:2.1}
.nv-rx-badge{position:absolute;top:-9px;left:14px;padding:3px 9px;border-radius:100px;background:var(--nv-rx-badge);color:#fff;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.01em;white-space:nowrap;pointer-events:none}
.site-nav .nv-rx:focus-visible,.nvm-rx:focus-visible{outline:3px solid var(--nv-focus);outline-offset:3px}
@media(max-width:1180px){.site-nav .nv-rx{margin-left:6px;padding:0 14px 0 11px;font-size:13.5px}.nv-rx-badge{display:none}}
.nvm-rx{display:flex;width:auto;margin:14px 20px 4px;justify-content:center;min-height:52px;font-size:16px}
.nvm-rx .nv-rx-badge{top:-10px;left:18px}
@media(prefers-reduced-motion:reduce){.site-nav .nv-rx,.nvm-rx{transition:none}}