[hidden]{display:none!important}
:root{
  --v100-bg:#FBFAF6;--v100-green:#3B9142;--v100-green-dark:#2c7a33;
  --v100-ink:#222922;--v100-muted:#6B7280;--v100-line:rgba(31,41,55,.08);
  --v100-card:rgba(255,255,255,.92);--v100-radius:26px;

  --kw-wald:#3B9142;--kw-salbei:#9FCB93;--kw-creme:#FBFAF6;--kw-sand:#F3E9D6;--kw-gold:#C9A96A;--kw-anthrazit:#222922;

  --k-ink:var(--v100-ink);--k-mute:var(--v100-muted);--k-line:var(--v100-line);--k-card:var(--v100-card);--k-ph:var(--v100-muted);
  --k-soft:rgba(59,145,66,.08);--k-green:var(--v100-green);--k-green-d:var(--v100-green-dark);--k-on-green:#fff;--k-focus:var(--v100-green);
  --k-ok-bg:#dcefda;--k-ok-fg:#2b6a30;--k-ok-bar:#3B9142;
  --k-warn-bg:#fbe7c4;--k-warn-fg:#8a5a12;--k-warn-bar:#c9862d;
  --k-bad-bg:#f7d8d2;--k-bad-fg:#a63d2e;--k-bad-bar:#a63d2e;
  --k-none-bg:rgba(0,0,0,.06);--k-none-fg:var(--v100-muted);--k-none-bar:rgba(0,0,0,.15);
}
html{background:var(--v100-bg)}
.dark{--v100-bg:#161914;--v100-ink:#eef0ea;--v100-muted:#aeb4a5;--v100-card:rgba(40,44,36,.72);--v100-line:rgba(255,255,255,.1);
  --k-soft:rgba(95,178,102,.12);
  --k-ok-bg:#274a2c;--k-ok-fg:#a6d18f;
  --k-warn-bg:#5a4415;--k-warn-fg:#f3cf8e;
  --k-bad-bg:#5a2c24;--k-bad-fg:#f0a698;
  --k-none-bg:rgba(255,255,255,.08);--k-none-bar:rgba(255,255,255,.15);
}
body{
  background:
    radial-gradient(circle at 9% 12%,rgba(159,203,147,.20),transparent 26%),
    radial-gradient(circle at 94% 30%,rgba(255,246,224,.55),transparent 30%),
    linear-gradient(180deg,#fdfcf8 0%,#f8f7f1 100%);
  color:var(--v100-ink);
}
.dark body{
  background:
    radial-gradient(circle at 80% 5%,rgba(38,51,31,.55),transparent 32%),
    radial-gradient(circle at 5% 80%,rgba(46,42,34,.55),transparent 34%),
    linear-gradient(180deg,#181c15 0%,#141712 100%);
}
body:before{background:
  radial-gradient(circle at 18% 70%,rgba(159,203,147,.10),transparent 28%),
  radial-gradient(circle at 82% 90%,rgba(255,246,224,.20),transparent 25%);
}
.app{max-width:1220px;padding:16px 22px 32px}
.glass{background:var(--v100-card);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(120,110,80,.07),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#kwHeader{
  min-height:62px;padding:8px 12px 8px 22px;gap:16px;border-radius:22px;
  top:10px;background:#fdfcf9;box-shadow:0 8px 24px rgba(120,110,80,.07),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:none;-webkit-backdrop-filter:none
}
.dark #kwHeader{background:#1e2117!important;box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:calc(80px + env(safe-area-inset-top,0px));background:#fdfcf9;z-index:40;pointer-events:none}
.dark body::before{background:#1e2117}
#kwHeader .kwh-brand b{font-size:16px;letter-spacing:.16em}
#kwHeader .kwh-brand small{font-size:9px}
#kwHeader .kwh-links{gap:2px}
.kwh-icon{width:38px;height:38px;background:rgba(255,255,255,.5)}
.kwh-cta{background:var(--v100-green);padding:11px 18px}
.hero.kwh-hero{
  grid-template-columns:.92fr 1.08fr;gap:0;min-height:560px;padding:48px 0 24px;
}
.kwh-hero .kwh-copy{padding:12px 30px 12px 30px}
.kwh-hero h1{font-size:clamp(54px,6.3vw,82px);max-width:500px;margin:18px 0 12px}
.kwh-hero .lead{font-size:19px;max-width:430px}
.kwh-benefits{margin:28px 0 26px;max-width:475px}
.kwh-benefits div{font-size:11px;padding:0 13px}
.kwh-btn{background:var(--v100-green);box-shadow:0 12px 28px rgba(91,122,77,.28);padding:14px 26px}
.kwh-script{font-size:28px;margin-top:25px}
.kwh-visual{min-height:540px}
.kwh-fridge{
  inset:2% 0 2% 2%;border-radius:30px;
  background:#dfe6da;box-shadow:0 30px 70px rgba(44,52,40,.18);
}
.kwh-fridge.mit-foto>svg{display:none}
.kwh-hero-photo{
  width:100%;height:100%;object-fit:cover;display:block;
  object-position:center center;filter:saturate(.94) contrast(.98);
}
.kwh-feature{
  right:-2%;top:11%;width:min(270px,42%);padding:18px 20px;border-radius:24px;
  background:rgba(255,255,255,.62);box-shadow:0 20px 45px rgba(48,44,36,.13)
}
.kwh-feature div{font-size:12px;padding:1px 0}
.kwh-card{padding:22px 24px;margin:20px 0;border-radius:24px}
.kwh-head h2{font-size:25px}
.kwh-count{background:#ebe8e0}
.kwh-tiles{gap:10px}
.kwh-tile{border-radius:17px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.8);padding:8px}
.kwh-tile .kwh-img{border-radius:13px}
.kwh-scan{background:var(--v100-green)!important;color:#fff!important;border-color:var(--v100-green)!important}
.kwh-recipes{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kwh-recipe{border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 14px 35px rgba(58,51,40,.08)}
.kwh-recipe img{height:175px}
.kwh-values{gap:12px;margin:24px 0 36px}
.kwh-values>div{background:rgba(255,255,255,.4);border-radius:20px;padding:18px 12px}
.kwh-values b{font-size:12px}.kwh-values span{font-size:10px}
.kwh-insp{grid-template-columns:repeat(3,1fr);gap:14px}
.kwh-insp>article,.kwh-insp>div{border-radius:20px;overflow:hidden}
.kwh-divider{margin:25px 0}
.kwh-divider .kw-schnell a{border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85)}
#fridge,#rezepte-de,#recipes,#scanner,#shopping{scroll-margin-top:90px}
#v91Family{scroll-margin-top:90px}
#v91Family,#v72v80,#v81v90{border-radius:24px}
footer{padding:28px 8px 8px}
@media(max-width:1100px){
  .hero.kwh-hero{grid-template-columns:1fr 1fr}
  .kwh-feature{width:44%}
}
@media(max-width:820px){
  .app{padding:10px 12px}
  .hero.kwh-hero{grid-template-columns:1fr;padding-top:28px}
  .kwh-hero .kwh-copy{padding:10px 12px}
  .kwh-visual{min-height:430px;margin-top:8px}
  .kwh-fridge{inset:0 8% 0 0}
  .kwh-feature{right:0;width:48%;top:8%}
  .kwh-recipes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  #kwHeader{padding-left:14px}
  #kwHeader .kwh-brand b{font-size:13px}
  .kwh-cta{font-size:11px;padding:10px 12px}
  .hero.kwh-hero h1{font-size:54px}
  .kwh-benefits{max-width:none}
  .kwh-visual{min-height:370px}
  .kwh-feature{width:53%;font-size:10px;padding:13px}
  .kwh-feature .kwh-script{font-size:19px}
  .kwh-recipes{grid-template-columns:1fr}
  .kwh-insp{grid-template-columns:1fr}
}

@media(min-width:821px){#kwHeader .kwh-links a{font-size:12px;padding:8px 11px}}

@media(max-width:600px){.hero.kwh-hero{min-height:0;padding-bottom:8px}}

.dark{--v100-card:rgba(40,44,36,.62);--v100-ink:#eef0ea;--v100-muted:#b4bbad}
.dark .glass{border-color:rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.35)}
html.kw-js .dark,body.dark{background:#161914}
.dark .kwh-tile,.dark .kwh-values>div,.dark .kwh-divider .kw-schnell a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.dark .kwh-recipe{background:rgba(40,44,36,.8)}
.dark .kwh-count{background:rgba(255,255,255,.1)}

.kwh-fridge.mit-foto{inset:0 auto 0 8%;width:min(54%,340px);background:#e6ebe2}
.kwh-fridge.mit-foto .kwh-hero-photo{object-fit:cover;object-position:center top}
@media(max-width:1100px) and (min-width:601px){.kwh-fridge.mit-foto{inset:0 auto 0 0;width:58%}}

@media(min-width:821px){.kwh-recipes{grid-template-columns:repeat(3,minmax(0,1fr))}}




h1,h2,h3,.kwh-brand-txt b,.kw-nav-l,.kbn-tab,.kwh-cta,.kwh-btn,button,.btn,.pill{font-family:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.7);border-radius:999px;padding:10px 15px;font-size:13px;cursor:pointer;color:var(--kwh-ink,#1F2937)}
.btn,.pill,.kwk-btn{min-height:48px}
.btn,.pill{border-radius:999px;padding:10px 16px;font-size:14px}
button:active,.btn:active,.pill:active,.kwk-btn:active,a.v59-gericht:active{transform:scale(.97);transition:transform .06s ease}
@media (prefers-reduced-motion: reduce){button:active,.btn:active,.pill:active,.kwk-btn:active,a.v59-gericht:active{transform:none}}
.btn:hover{background:rgba(255,255,255,.95)}
.dark .btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#eee}
.dark .btn:hover{background:rgba(255,255,255,.14)}
.btn.primary,.btn-primary{background:#2E7D32!important;border-color:#2E7D32!important;color:#fff!important}
.btn.primary:hover,.btn-primary:hover{background:#256428!important}
body,button,input,select,textarea{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.kwh-hero h1{letter-spacing:-.025em}
.kwh-hero h1{font-weight:700;line-height:1.02}
.kwh-card h2,.kwh-head h2,.kwh-sec h2{font-weight:700}

@media(min-width:821px){
  #kwHeader{min-height:78px;padding:10px 14px 10px 26px}
  #kwHeader .kwh-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
  #kwHeader .kwh-brand b{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:17px;letter-spacing:.2em;font-weight:600}
  #kwHeader .kwh-brand b svg{color:#256428}
  #kwHeader .kwh-brand small{font-size:10px;letter-spacing:.02em}
  #kwHeader .kwh-links a{font-size:13px;padding:9px 14px}
  .kwh-cta{padding:12px 20px;font-size:14px}
}

.hero.kwh-hero.kw-hero-foto{position:relative;isolation:isolate}
@media(min-width:821px){
  .app:has(.kw-hero-foto){overflow:visible}
  .hero.kwh-hero.kw-hero-foto{margin-top:-96px;padding-top:120px;min-height:600px}
  .kw-hero-foto::before{content:"";position:absolute;z-index:-2;top:0;bottom:-40px;left:32%;right:calc(50% - 50vw);
    background:var(--kw-hero-foto) center 40%/cover no-repeat;filter:blur(26px) saturate(1.05);opacity:.55;transform:scale(1.08);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 85%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);mask-composite:intersect}
  .kw-hero-foto::after{content:"";position:absolute;z-index:-1;top:40px;bottom:-10px;left:42%;width:min(34%,400px);
    background:var(--kw-hero-foto) center top/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,#000 78%,transparent 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,#000 78%,transparent 100%);mask-composite:intersect}
  .kw-hero-foto .kwh-fridge{visibility:hidden}
  .kw-hero-foto .kwh-feature{right:0;top:22%;width:min(270px,26%)}
}

@media(max-width:820px){
  .kw-hero-foto .kwh-visual{display:block!important;min-height:0;height:250px;margin:6px 0 0;position:relative}
  .kw-hero-foto .kwh-fridge{position:absolute;inset:0;width:auto!important;border-radius:24px;overflow:hidden}
  .kw-hero-foto .kwh-hero-photo{object-position:center 30%}
  .kw-hero-foto .kwh-feature{display:none}
  .kw-hero-foto .kwh-copy .kwh-script{display:none}
  .kw-hero-foto .kwh-visual::after{content:"Gutes Essen.\A Bessere Tage. ♥";white-space:pre;position:absolute;left:14px;bottom:14px;z-index:2;
    font-family:"Caveat","Segoe Script","Bradley Hand",cursive;font-size:19px;line-height:1.15;color:#1e3a1a;
    background:rgba(255,255,255,.82);padding:8px 12px;border-radius:12px;transform:rotate(-3deg);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
}

@media(min-width:821px){ .kwh-tiles{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))} .kwh-tile span.kwh-n{font-size:13px} }

.kwh-recipe .kwh-photo{aspect-ratio:1.45}
.kwh-recipe .kwh-body{margin-top:-22px;position:relative;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px 18px 0 0}
.dark .kwh-recipe .kwh-body{background:rgba(34,38,31,.88)}

.kwh-values{margin:30px 0 34px!important;gap:14px!important}
.kwh-values>div{background:none!important;border:0!important;box-shadow:none!important;padding:6px 8px!important}
.kwh-values i{width:44px;height:44px;border-radius:50%;background:#5f7f52;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.kwh-values i svg{width:22px;height:22px}
.kwh-values b{font-size:14px!important}.kwh-values span{font-size:12.5px!important;color:#6b6d65}
@media(max-width:600px){ .kwh-values{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px 10px!important;margin:18px 0 22px!important} .kwh-values b{font-size:13px!important} .kwh-values span{font-size:12px!important} }

@media(min-width:821px){ #kwWerkzeuge{display:none} }

body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
   radial-gradient(ellipse 120px 220px at 0% 48%,rgba(88,128,66,.30),transparent 70%),
   radial-gradient(ellipse 90px 160px at 1% 88%,rgba(88,128,66,.26),transparent 70%),
   radial-gradient(ellipse 110px 200px at 100% 30%,rgba(88,128,66,.24),transparent 70%),
   radial-gradient(ellipse 80px 140px at 99% 75%,rgba(88,128,66,.2),transparent 70%);
  }
@media(max-width:820px){body::after{display:none!important}}
.dark body::after,body.dark::after{opacity:.35}

.kwh-banner .kwh-bb::before{content:"";display:block;width:26px;height:26px;margin:0 0 6px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V11'/%3E%3Cpath d='M12 13c-4 0-7-3-7-8 5 0 7 3 7 8z'/%3E%3Cpath d='M12 11c0-5 3-8 8-8 0 5-3 8-8 8z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V11'/%3E%3Cpath d='M12 13c-4 0-7-3-7-8 5 0 7 3 7 8z'/%3E%3Cpath d='M12 11c0-5 3-8 8-8 0 5-3 8-8 8z'/%3E%3C/svg%3E") center/contain no-repeat}
.kwh-banner .kwh-bb{letter-spacing:.2em}
.kwh-banner .kwh-script::after{content:" ♥";color:#3f5a33}
.kwh-footer .kwh-fb{letter-spacing:.2em}
.kwh-footer .kwh-fb small{letter-spacing:.02em}
.kwh-footer .kwh-fb small::after{content:" 🇩🇪"}
@media(min-width:821px){
  .kw-hero-foto .kwh-feature{width:280px;right:-8px;top:18%}
  .kw-hero-foto::before{opacity:.38;filter:blur(30px) saturate(1)}
}
@media(min-width:821px){ .kw-hero-foto::before{filter:blur(32px) saturate(.55) brightness(1.06) hue-rotate(20deg);opacity:.42} }

.kwh-banner{background:linear-gradient(100deg,rgba(176,196,158,.62),rgba(206,219,192,.55) 55%,rgba(170,192,152,.6))!important;color:#1f2a1b!important;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.kwh-banner .kwh-bb,.kwh-banner .kwh-bb small,.kwh-banner .kwh-bc b,.kwh-banner .kwh-script{color:#1f2a1b!important}
.kwh-banner .kwh-bb small{opacity:.8}
.kwh-banner .kwh-btn{background:#55704a!important;color:#fff!important;box-shadow:0 10px 24px rgba(60,85,50,.25)}
.dark .kwh-banner{background:linear-gradient(100deg,rgba(70,90,60,.7),rgba(55,72,48,.7))!important;color:#eef0ea!important}
.dark .kwh-banner .kwh-bb,.dark .kwh-banner .kwh-bb small,.dark .kwh-banner .kwh-bc b,.dark .kwh-banner .kwh-script{color:#eef0ea!important}

@media(min-width:821px){ .kwh-values i{width:50px;height:50px} .kwh-values i svg{width:24px;height:24px} .kwh-values b{font-size:15px!important} .kwh-values span{font-size:13.5px!important} }

@media(min-width:821px){
  #kwHeader{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 32px!important;height:68px!important;display:flex;align-items:center;gap:0}
  #kwHeader .kwh-brand{flex-direction:row!important;align-items:center!important;text-align:left!important;gap:8px!important;padding-right:36px!important}
  #kwHeader .kwh-brand b{flex-direction:row!important;font-size:18px!important;letter-spacing:.16em!important;gap:6px!important}
  #kwHeader .kwh-links{flex:1;justify-content:center;gap:2px!important}
  #kwHeader .kwh-links a{font-size:13.5px!important;padding:8px 14px!important;border-radius:8px!important}
  #kwHeader .kwh-links a.active{background:rgba(0,0,0,.06)!important;font-weight:600!important;color:#151713!important}
  .dark #kwHeader .kwh-links a.active{background:rgba(255,255,255,.12)!important;color:#eee!important}
}

@media(min-width:821px){
  .hero.kwh-hero.kw-hero-foto{padding-top:90px!important;padding-bottom:60px!important;min-height:580px!important}
  .kw-hero-foto::after{
    top:0!important;bottom:-20px!important;
    left:38%!important;width:min(40%,520px)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(180deg,#000 75%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(180deg,#000 75%,transparent 100%)!important;
    -webkit-mask-composite:source-in!important; mask-composite:intersect!important
  }
  .kw-hero-foto::before{
    left:30%!important;right:calc(50% - 50vw)!important;
    opacity:.5!important
  }
  .kw-hero-foto .kwh-feature{width:min(260px,24%)!important;right:2%!important;top:25%!important}
}

.kwh-tile .kwh-img{aspect-ratio:1/1!important;border-radius:20px!important;background:rgba(255,255,255,.85)!important;box-shadow:0 2px 10px rgba(0,0,0,.07),inset 0 0 0 1px rgba(0,0,0,.05)!important}
.kwh-tile span.kwh-n{font-size:12px!important;text-align:center!important;font-weight:500!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  width:100%;line-height:1.2;word-break:break-word}
@media(min-width:821px){
  .kwh-tiles{gap:14px!important}
  .kwh-tile .kwh-img{min-height:80px!important}
}

.kwh-recipe .kwh-photo{aspect-ratio:1.55!important}

.kwh-recipe .kwh-body{margin-top:0!important;background:var(--kwh-glass)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;border-top:1px solid var(--v100-line,rgba(0,0,0,.07))!important;padding:14px 54px 16px 16px!important}
.dark .kwh-recipe .kwh-body{background:var(--kwh-glass)!important;border-top-color:rgba(255,255,255,.1)!important}

.kwh-recipe .kwh-photo .kwh-meta{position:absolute!important;left:12px!important;bottom:12px!important;display:flex!important;gap:6px!important;top:auto!important}
.kwh-recipe .kwh-photo .kwh-meta span{background:rgba(255,255,255,.92)!important;border-radius:999px!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important;color:#1a1f17!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
.kwh-recipe .kwh-photo .kwh-meta .kwh-meta-all{background:rgba(111,143,95,.9)!important;color:#fff!important}
.kwh-recipe h3{font-size:16px!important;letter-spacing:-.02em!important;margin:0 0 4px!important;font-weight:700!important}
.kwh-recipe p{font-size:12.5px!important;color:var(--kwh-muted)!important;margin:0!important}

.kwh-insp .kwh-ph{aspect-ratio:1.7!important}
.kwh-insp .kwh-tag{font-size:11.5px!important;font-weight:600!important;letter-spacing:.01em!important}
.kwh-insp b{font-size:16px!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:3px!important}
.kwh-insp small{font-size:13px!important;color:var(--kwh-muted)!important;display:block!important;line-height:1.4!important}

.kwh-use .kwh-useimg{width:160px!important;height:140px!important;border-radius:18px!important}
@media(min-width:821px){.kwh-use .kwh-useimg{width:200px!important;height:180px!important}}

@media(max-width:820px){
  .kwh-recipes{grid-template-columns:repeat(3,minmax(280px,1fr))!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:10px!important}
  .kwh-recipe{scroll-snap-align:start!important}
}

@media(min-width:821px){
  .kw-hero-foto .kwh-feature{width:min(290px,28%)!important;right:1%!important;top:16%!important;padding:18px 20px!important;gap:10px!important}
  .kw-hero-foto .kwh-feature .kwh-script{font-size:21px!important;margin-bottom:10px!important}
  .kw-hero-foto .kwh-feature li{font-size:13px!important;gap:8px!important}

  .kw-hero-foto::after{top:-8px!important}
}

.kwh-block{padding:36px 0!important}
.kwh-block:first-child{padding-top:28px!important}

.kwh-recipe .kwh-body{padding:14px 48px 14px 16px!important;gap:3px!important}
.kwh-arrow{position:absolute!important;bottom:14px!important;right:14px!important;width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;color:#256428!important;background:rgba(255,255,255,.8)!important}

.kwh-tile{align-items:center!important}

.kwh-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;text-align:left!important}
.kwh-brand-txt{display:flex;flex-direction:column;gap:1px}
.kwh-brand-txt b{font-size:16px!important;letter-spacing:.06em!important;font-weight:700!important;display:block!important;flex-direction:unset!important;align-items:unset!important}
.kwh-werk{color:#1b4d1b;letter-spacing:.06em}
.kwh-24{color:#b8976b;letter-spacing:.06em}
.kwh-brand-txt small{font-size:10px!important;letter-spacing:.01em!important;opacity:.72}
.kwh-logo-svg{flex-shrink:0}

.kwh-mob{display:none!important}
.kwh-desk{display:flex!important}
@media(max-width:820px){
  .kwh-mob{display:flex!important}
  .kwh-desk{display:none!important}
}

.kwh-icon-rnd{width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.85)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dark .kwh-icon-rnd{background:rgba(50,54,44,.8)!important;border-color:rgba(255,255,255,.12)!important}

@media(max-width:820px){
  #kwHeader{min-height:60px!important;height:auto!important;padding:8px 14px!important}
  #kwHeader .kwh-links{display:none!important}
  #kwHeader .kwh-brand b{font-size:15px!important}
  #kwHeader .kwh-actions{gap:8px!important}
}

@media(max-width:820px){
  .kwh-benefits{grid-template-columns:repeat(2,1fr)!important;gap:10px 20px!important}
  .kwh-hero h1{font-size:clamp(34px,9vw,52px)!important}
}

.kwh-alle-btn{font-size:13px!important;padding:7px 14px!important;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
@media(max-width:820px){
  #kwFridge .kwh-head{flex-wrap:nowrap!important;gap:8px!important}
  #kwFridge .kwh-head h2{font-size:17px!important}
}

#kwHeute .kwh-head{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:8px!important}
.kwh-alle-link{font-size:13px!important;font-weight:600!important;color:#256428!important;text-decoration:none!important;white-space:nowrap!important;padding:4px 0!important}
.kwh-alle-link:hover{text-decoration:underline}

.kw-sz-wrap{padding:0!important;background:none!important}
.kw-sz-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.kw-sz-hd h2{font-size:20px;font-weight:700;margin:0}
.kwh-link-btn{background:none;border:0;color:#256428;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:0}
.kw-sz-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kw-sz-tiles a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 14px rgba(50,45,35,.07);text-decoration:none;color:#151713;font-size:12px;font-weight:600;text-align:center;line-height:1.3;min-width:0;box-sizing:border-box}
.kw-sz-tiles a b,.kw-sz-tiles a span{display:block;width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.ksi{width:46px;height:46px;border-radius:14px;background:rgba(94,135,76,.12);display:flex;align-items:center;justify-content:center;color:#3d6b30}
.ksi svg{flex-shrink:0}
.dark .kw-sz-tiles a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#eee}
.dark .ksi{background:rgba(94,135,76,.2);color:#8fba72}
@media(max-width:400px){.kw-sz-tiles{grid-template-columns:repeat(2,1fr)}}

@media(min-width:821px){.kw-sz-wrap{display:none!important}}

.kw-ansicht-intro{padding:18px 4px 4px}
.kw-ansicht-intro h2{margin:0 0 6px;font-size:26px}
.kw-ansicht-intro p{margin:0;color:#5f655b;font-size:14px}
.dark .kw-ansicht-intro p{color:#b4bbad}
.kw-bottom-nav{display:none}
@media(max-width:820px){
  .kw-bottom-nav{
    display:grid;grid-template-columns:repeat(6,1fr);
    position:fixed;left:8px;right:8px;bottom:8px;z-index:500;
    background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);
    border-radius:23px;
    padding:7px 4px calc(7px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
    box-shadow:0 14px 40px rgba(40,38,30,.16)
  }
  .dark .kw-bottom-nav{background:rgba(35,38,31,.92);border-color:rgba(255,255,255,.1)}
  .kbn-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:15px;min-height:54px;justify-content:center;font-size:10px;font-weight:600;color:#4d554c;text-decoration:none;letter-spacing:0;min-width:0;width:100%;box-sizing:border-box}
  .kbn-tab span:last-child{display:block;white-space:normal;line-height:1.15;text-align:center;width:100%;min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:manual}
  .kbn-tab .kbn-i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}
  .kbn-tab .kbn-i svg{width:20px;height:20px}
  .kbn-tab.active,.kbn-tab[aria-current="page"]{color:#3e6436;font-weight:700}
  .kbn-tab.active .kbn-i,.kbn-tab[aria-current="page"] .kbn-i{background:#e6efdf}
  .dark .kbn-tab{color:#dfe5da}
  .dark .kbn-tab.active{color:#8fba72}
  .dark .kbn-tab.active .kbn-i{background:rgba(111,149,90,.22)}

  html{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}

  .kw-ansicht{padding-bottom:16px!important}
}

@media(min-width:821px){.kw-bottom-nav{display:none!important}}

@media(max-width:820px){
  #kwHeader .kwh-brand{gap:8px!important}
  #kwHeader .kwh-logo-svg{width:32px!important;height:32px!important}
  #kwHeader .kwh-brand-txt small{display:none!important}

  .kwh-benefits{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px 18px!important;margin:14px 0 18px!important}

  #kwHeute .kwh-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important}
  #kwHeute .kwh-head>div{flex:1;min-width:0}
  #kwHeute .kwh-head h2{font-size:20px!important;margin:0!important}
  #kwHeute .kwh-head p{display:none!important}
  .kwh-alle-link{flex-shrink:0}

  #kwHeute .kwh-filters{display:none!important}

  #kwFridge .kwh-tiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(46px,1fr))!important;gap:8px!important;overflow:visible!important}
  #kwFridge .kwh-tile{min-width:0}
  #kwFridge .kwh-tile .kwh-img{min-height:0!important;width:100%!important;aspect-ratio:1/1!important;border-radius:12px!important}
  #kwFridge .kwh-tile .kwh-n{font-size:10.5px!important;line-height:1.15}
  #kwFridge .kwh-tile .kwh-frist{display:none!important}
}

.kwh-logo-svg{display:block}
#kwHeader .kwh-brand-txt b{display:block!important;flex-direction:unset!important;gap:0!important}
.kwh-werk{color:#1b4d1b;font-weight:800}
.kwh-24{color:#b8976b;font-weight:800}

@media(max-width:820px){
  .kwh-benefits{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px 10px!important;max-width:none!important}
  .kwh-benefits > div{background:none!important;border:0!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:8px!important}
  .kwh-benefits > div svg{width:22px!important;height:22px!important;flex-shrink:0;color:#2f3a2b}
  .kwh-benefits > div span{font-size:12px!important;line-height:1.25}
  .dark .kwh-benefits > div svg{color:#d7ddd2}

  #kwFridge .kwh-head{align-items:center!important}
  #kwFridge .kwh-head h2{font-size:18px!important;white-space:nowrap}
  #kwFridge .kwh-row{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px}
  #kwFridge .kwh-row::-webkit-scrollbar{display:none}
  #kwFridge .kwh-row .kwh-alle-btn{white-space:nowrap;font-size:12px!important;padding:6px 10px!important;flex-shrink:0}
  #kwFridge .kwh-row .kwh-pill{font-size:12px!important;padding:6px 10px!important;flex-shrink:0;white-space:nowrap}
}

@media(max-width:820px){
  .kw-sz-tiles{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .kw-sz-tiles a{padding:14px 12px!important;font-size:13px!important;gap:8px!important;border-radius:18px!important}
  .ksi{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:#2c7a33}
  .ksi svg{width:28px!important;height:28px!important}
  .dark .ksi{color:#a6d18f}
}

.kwh-brand-full{align-items:center!important;gap:10px!important}
.kwh-logo-horizontal{display:block;height:40px;width:auto}
.dark .kwh-logo-horizontal{filter:brightness(1.85) saturate(.9)}
.kwh-tagline-full{font-size:11px;color:#6B7280;white-space:nowrap;font-weight:500}
.dark .kwh-tagline-full{color:#b4bbad}
@media(max-width:820px){
  .kwh-logo-horizontal{height:30px}
  .kwh-tagline-full{display:none}
}

.v59-woche{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0}
.v59-tag{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:14px}
.dark .v59-tag{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.v59-tag.v59-heute{border-color:#2E7D32;box-shadow:0 0 0 1px #2E7D32 inset}
.v59-tag-kopf{font-weight:700;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.v59-heute-pill{background:#2E7D32;color:#fff;font-size:10px;font-weight:700;padding:2px 9px;border-radius:999px}
.v59-gericht{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px}
.v59-foto{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}
.v59-foto-platzhalter{display:flex;align-items:center;justify-content:center;background:rgba(46,125,50,.1);font-size:18px}

.v91-haushalt{background:rgba(46,125,50,.06);border:1px solid rgba(46,125,50,.15);border-radius:16px;padding:16px}
.v91-haushalt-kopf{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.v91-haushalt-kopf b{display:block;font-size:15px}
.v91-haushalt-kopf small{color:var(--kwh-muted,#6B7280);font-size:12px}
.v91-avatare{display:flex}
.v91-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;border:2px solid #F8F5EE;margin-left:-8px}
.v91-avatar:first-child{margin-left:0}
.v91-teilen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.v91-teilen-kachel{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit;font-size:13px;border:1px solid rgba(0,0,0,.06)}
.v91-teilen-kachel b{font-size:12.5px;color:#2E7D32;font-weight:700}
.dark .v91-teilen-kachel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}

.kwh-tile span.kwh-frist{display:block;font-size:10.5px;color:var(--kwh-muted,#6B7280);margin-top:1px}
.kwh-tile span.kwh-frist.r{color:#c0392b;font-weight:600}
.kwh-tile span.kwh-frist.a{color:#AF8446;font-weight:600}

@media(min-width:1000px){
  .kwh-hero-zeile{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
  .kwh-hero-zeile .kwh-hero{margin:0}
  .kwh-hero-zeile #kwFridge{margin:0}
  .kwh-hero-zeile .kwh-tiles{grid-template-columns:repeat(2,1fr)}
}

#kwGlocke{position:relative}
.kwh-punkt{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#c0392b;border:2px solid var(--kwh-bg,#fff)}
.kwh-avatar-txt{width:26px;height:26px;border-radius:50%;background:#2E7D32;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#kwProfil.kwh-eingeloggt{width:auto;padding:4px 12px 4px 4px;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--kwh-ink)}

.kwh-fridge-warn{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;background:rgba(201,169,106,.16);border:1px solid rgba(201,169,106,.35);border-radius:12px;font-size:13px;font-weight:600;color:#8a6d2f;text-decoration:none}
.kwh-fridge-warn span{font-weight:700;color:#2E7D32}
.dark .kwh-fridge-warn{background:rgba(201,169,106,.12);color:#e0c78a}

@media(max-width:820px){
  .kwh-recipe .kwh-photo .kwh-meta{display:none!important}
  .kwh-recipe .kwh-meta2{display:flex!important;order:-1;gap:12px;font-size:12px;color:var(--kwh-muted);margin:0 0 2px}
  .kwh-recipe .kwh-meta2 span{display:inline-flex;align-items:center;gap:4px}
  .kwh-recipe h3{margin-top:0!important}
}

@media(max-width:820px){
  #kwHeader .kwh-icon{border-radius:14px!important}
}

@media(max-width:820px){
  #kwFridge .kwh-row [data-kwh="fridge-search"]{display:none!important}
}

@media(min-width:821px) and (max-width:1099px){
  #kwHeader .kwh-cta{display:none!important}
  #kwHeader .kwh-links{overflow-x:auto!important;flex:0 1 auto!important;justify-content:flex-start!important;scrollbar-width:none!important;mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
  #kwHeader .kwh-links::-webkit-scrollbar{display:none}
  #kwHeader{flex-wrap:nowrap!important}
  .kw-bottom-nav{
    display:grid!important;grid-template-columns:repeat(6,1fr);
    position:fixed;left:8px;right:8px;bottom:8px;z-index:500;
    background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);
    border-radius:23px;padding:7px 4px calc(7px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
    box-shadow:0 14px 40px rgba(40,38,30,.16)
  }
  .dark .kw-bottom-nav{background:rgba(35,38,31,.92);border-color:rgba(255,255,255,.1)}
  .kbn-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:15px;min-height:54px;justify-content:center;font-size:9px;font-weight:500;color:#4d554c;text-decoration:none}
  .kbn-tab .kbn-i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}
  .kbn-tab .kbn-i svg{width:20px;height:20px}
  .kbn-tab.active .kbn-i{background:#e6efdf;color:#3e6436}
  html{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}

  .hero.kwh-hero{display:block!important}
  .kw-hero-foto::before,.kw-hero-foto::after{display:none!important}
  .kw-hero-foto .kwh-fridge{visibility:visible!important;position:relative!important;inset:auto!important;height:300px;border-radius:24px;overflow:hidden}
  .kw-hero-foto .kwh-visual{display:block!important;min-height:0;margin-top:16px}
  .kw-hero-foto .kwh-feature{position:relative!important;right:auto!important;top:auto!important;width:auto!important;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:16px}
  .kw-hero-foto .kwh-feature .kwh-script{grid-column:1/-1}
}

.kw-consent{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(20,24,17,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kw-consent[hidden]{display:none!important}
.kw-consent-box{max-width:460px;width:100%;background:#fff;border-radius:24px;padding:28px 26px 24px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:left}
.dark .kw-consent-box{background:#1c201a;color:#eef0ea}
.kw-consent-icon{width:52px;height:52px;border-radius:16px;background:rgba(61,107,48,.12);color:#2c7a33;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.dark .kw-consent-icon{background:rgba(94,135,76,.2);color:#8fba72}
.kw-consent-box h2{font-size:21px;margin:0 0 14px;letter-spacing:-.01em}
.kw-consent-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}
.kw-consent-list li{font-size:13.5px;line-height:1.5;color:#4a5044;padding-left:22px;position:relative}
.dark .kw-consent-list li{color:#c9d1c2}
.kw-consent-list li::before{content:"✓";position:absolute;left:0;top:0;color:#3d6b30;font-weight:700}
.dark .kw-consent-list li::before{color:#8fba72}
.kw-consent-list strong{color:#151713;font-weight:600}
.dark .kw-consent-list strong{color:#eef0ea}
.kw-consent-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.kw-consent-actions .kwh-btn{width:100%;text-align:center;justify-content:center}
.kw-consent-link{text-align:center;font-size:12.5px;color:#5b7a4d;text-decoration:underline;text-underline-offset:2px}
.dark .kw-consent-link{color:#a6d18f}
@media(max-width:480px){
  .kw-consent-box{padding:24px 20px 20px;border-radius:20px}
  .kw-consent-box h2{font-size:19px}
}

#voiceAdd.active{background:#c62828!important;color:#fff!important;animation:kw-voice-pulse 1.2s ease-in-out infinite}
@keyframes kw-voice-pulse{0%,100%{opacity:1}50%{opacity:.65}}

#fridge .food-actions{display:flex;gap:6px;margin-top:2px}
#fridge .food-actions > button{
  border:0;background:rgba(0,0,0,.04);color:#6b7268;font-size:11px;font-weight:500;
  padding:5px 10px;border-radius:100px;cursor:pointer
}
#fridge .food-actions > button:hover{background:rgba(0,0,0,.08);color:#2f342a}
.dark #fridge .food-actions > button{background:rgba(255,255,255,.08);color:#c7cdc0}
.dark #fridge .food-actions > button:hover{background:rgba(255,255,255,.14);color:#eef0ea}

@media(max-width:820px){
  #fridge #foodFilter{width:auto!important;flex:1 1 0%;min-width:0}
  #fridge #sortExpiry{flex:0 0 auto;white-space:nowrap}
}
#fridge .head h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
#storageHint{white-space:nowrap;font-size:12px!important;font-weight:400}

#fridge #clear{background:none!important;border:1px solid rgba(0,0,0,.1)!important;color:#8a8f83!important;font-weight:400!important}
#fridge #clear:hover{color:#b3403a!important;border-color:rgba(179,64,58,.3)!important}
.dark #fridge #clear{border-color:rgba(255,255,255,.14)!important;color:#9aa093!important}

.kwh-fridge-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.icon-sq{width:38px;height:38px;flex:0 0 auto;border-radius:12px;border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;
  font-size:16px;cursor:pointer;padding:0;line-height:1}
.icon-sq:hover{background:rgba(0,0,0,.05)}
.dark .icon-sq{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#eee}
.dark .icon-sq:hover{background:rgba(255,255,255,.12)}
.kwh-fridge-foot{justify-content:center;margin-top:18px;flex-wrap:wrap;gap:8px}
.kwh-fridge-foot .pill{font-size:12px;padding:7px 14px}
.kwh-fridge-foot #clear{background:none;border:1px solid rgba(0,0,0,.1);color:#8a8f83;font-weight:400}
.kwh-fridge-foot #clear:hover{color:#b3403a;border-color:rgba(179,64,58,.3)}
.dark .kwh-fridge-foot #clear{border-color:rgba(255,255,255,.14);color:#9aa093}

.row[hidden]{display:none!important}

.dark #kwHeader .kwh-icon{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#eef0ea!important}

.dark .kwh-alle-link{color:#a6d18f!important}
.dark .kwh-values .kwh-vt span{color:#d3d9cb!important}

.kwh-alle-link{display:inline-flex!important;align-items:center;min-height:40px;padding:4px 6px!important}

#toast{position:fixed;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:600;padding:12px 16px;border-radius:16px;font-size:14px;font-weight:600;align-items:center;justify-content:space-between;gap:12px;background:#1f2a1c!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:560px;margin:0 auto}
.kw-toast-akt{flex:0 0 auto;border:0;background:transparent;color:#a6d18f;font-weight:800;font-size:14px;padding:6px 4px;cursor:pointer;text-decoration:underline}
@media(min-width:821px){#toast{bottom:24px}}

.kw-bottom-nav{gap:0!important}

.kw-skip{position:absolute;left:12px;top:-60px;z-index:1000;padding:10px 16px;border-radius:12px;background:#1f2a1c;color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.kw-skip:focus{top:12px}
#home:focus{outline:none}

.kwh-values .kwh-vt,.kwh-values .kwh-vt b,.kwh-values .kwh-vt span{text-align:left!important}
@media(max-width:820px){
  .kwh-highlights-liste{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;width:100%}
  .kwh-highlight-item:last-child{grid-column:1/-1}
  .kwh-highlight-item{font-size:13px;align-items:flex-start}
  .kwh-use{grid-template-columns:1fr!important;gap:14px!important}
  .kwh-use .kwh-useimg{width:100%!important;height:120px!important;object-fit:cover}
}
@media(max-width:820px){.kwh-use .kwh-useimg{object-position:center 30%}}

.kwh-glocke-panel{position:fixed;z-index:900;width:300px;max-width:calc(100vw - 24px);background:var(--v100-bg,#fff);border:1px solid var(--v100-line,#c9d2c1);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.28);padding:14px;animation:kwhGlockeIn .12s ease;color:var(--v100-ink,#222922)}
@keyframes kwhGlockeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.kwh-glocke-panel h4{margin:0 0 8px;font:700 15px "Poppins","Inter",sans-serif}
.kwh-glocke-zeile{display:flex;align-items:center;gap:10px;padding:9px 4px;text-decoration:none;color:inherit;border-top:1px solid var(--k-line,#eee)}
.kwh-glocke-zeile:first-of-type{border-top:0}
.kwh-glocke-zeile{border-top-color:var(--v100-line,#eee)}
.kwh-glocke-zeile span:nth-child(2){flex:1;min-width:0;font:600 14px "Inter",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kwh-glocke-zeile .kwh-due{font:700 12px "Inter",sans-serif;padding:2px 8px;border-radius:999px}
.kwh-glocke-zeile .kwh-due.r{background:#f7d8d2;color:#a63d2e}
.kwh-glocke-zeile .kwh-due.a{background:#fbe7c4;color:#8a5a12}
.kwh-glocke-zeile .kwh-due.g{background:#dcefda;color:#2b6a30}
.dark .kwh-glocke-zeile .kwh-due.r{background:#5a2c24;color:#f0a698}
.dark .kwh-glocke-zeile .kwh-due.a{background:#5a4415;color:#f3cf8e}
.dark .kwh-glocke-zeile .kwh-due.g{background:#274a2c;color:#a6d18f}
.kwh-glocke-leer{margin:4px 0 8px;font:500 14px "Inter",sans-serif;color:var(--v100-muted,#485744)}
.kwh-glocke-alle{display:block;margin-top:8px;padding-top:10px;border-top:1px solid var(--v100-line,#eee);font:700 14px "Inter",sans-serif;color:var(--v100-green,#2b6a30);text-decoration:none}
@media(max-width:420px){.kwh-glocke-panel{right:12px!important}}

a.v59-gericht{color:inherit;text-decoration:none;min-height:44px;padding:4px 6px;margin-left:-6px;border-radius:10px;cursor:pointer}
a.v59-gericht:active{background:rgba(43,106,48,.08)}
a.v59-gericht .v59-such-i{margin-left:auto;opacity:.4;font-weight:700}

html.kw-gross{font-size:118%}
html.kw-gross .kw-bottom-nav .kbn-tab span:last-child{font-size:11px}

.v6-zutaten{list-style:none;padding:0;margin:0}
.v6-zutaten li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--v100-line,#eee)}
.v6-tag{flex:0 0 auto;font:700 11px "Inter",sans-serif;padding:2px 10px;border-radius:999px;text-transform:uppercase}
.v6-tag.v6-da{background:#dcefda;color:#2b6a30}
.v6-tag.v6-fehlt{background:rgba(0,0,0,.06);color:var(--v100-muted,#6B7280)}
.dark .v6-tag.v6-da{background:#274a2c;color:#a6d18f}
.dark .v6-tag.v6-fehlt{background:rgba(255,255,255,.08);color:#c9d2c1}

.kw-nach-oben{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:850;width:46px;height:46px;border-radius:50%;border:1px solid var(--v100-line,#c9d2c1);background:var(--v100-card,#fff);color:var(--v100-ink,#222922);box-shadow:0 6px 18px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;cursor:pointer}
.kw-nach-oben:active{transform:scale(.94)}
@media print{.kw-nach-oben{display:none!important}}

.kwkc-fab{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:860;width:56px;height:56px;border-radius:50%;border:0;background:var(--v100-green,#3B9142);color:#fff;font-size:26px;box-shadow:0 8px 22px rgba(0,0,0,.25);cursor:pointer;display:flex;align-items:center;justify-content:center}
.kwkc-fab:active{transform:scale(.94)}
.kw-nach-oben ~ .kwkc-fab{bottom:calc(154px + env(safe-area-inset-bottom,0px))}
.kwkc-panel{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:1200;max-width:420px;margin:0 auto;max-height:min(72vh,560px);display:flex;flex-direction:column;background:var(--v100-card,#fff);border:1px solid var(--v100-line,#c9d2c1);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}
.kwkc-kopf{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font:800 16px "Poppins",sans-serif;border-bottom:1px solid var(--v100-line,#c9d2c1)}
.kwkc-kopf-btns{display:flex;gap:6px}
.kwkc-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--v100-line,#c9d2c1);background:transparent;color:inherit;font-size:15px;cursor:pointer}
.kwkc-verlauf{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.kwkc-leer{margin:0;font-size:13px;color:var(--v100-muted,#6B7280)}
.kwkc-blase{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-line}
.kwkc-blase.kwkc-ich{align-self:flex-end;background:var(--v100-green,#3B9142);color:#fff;border-bottom-right-radius:4px}
.kwkc-blase.kwkc-ki{align-self:flex-start;background:rgba(0,0,0,.06);border-bottom-left-radius:4px}
.dark .kwkc-blase.kwkc-ki{background:rgba(255,255,255,.08)}
.kwkc-hinweis{margin:0;padding:8px 16px;font-size:11px;color:var(--v100-muted,#6B7280);border-top:1px solid var(--v100-line,#c9d2c1)}
.kwkc-eingabe{display:grid;grid-template-columns:46px minmax(0,1fr) 52px;align-items:center;gap:8px;padding:10px 12px 12px}
.kwkc-eingabe-mit-mik{grid-template-columns:46px minmax(0,1fr) 46px 52px}
#kwKiMik.an{background:var(--v100-green,#3B9142);color:#fff;border-color:var(--v100-green,#3B9142)}
.kwkc-x.an{background:var(--v100-green,#3B9142);color:#fff;border-color:var(--v100-green,#3B9142)}
.kwkc-eingabe input{min-height:46px;font-size:16px;line-height:1.3;width:100%;min-width:0;box-sizing:border-box}
.kwkc-panel{background:#fff;color:#1c2119;-webkit-backdrop-filter:none;backdrop-filter:none;width:calc(100% - 24px);box-sizing:border-box;overscroll-behavior:contain}
.dark .kwkc-panel{background:#20241c;color:#eef0ea;border-color:rgba(255,255,255,.14)}
.kwkc-panel *{max-width:100%;box-sizing:border-box}
.kwkc-verlauf{-webkit-overflow-scrolling:touch;min-height:0}
.kwkc-blase{overflow-wrap:anywhere}
.kwkc-kopf{flex:0 0 auto}.kwkc-hinweis,.kwkc-eingabe{flex:0 0 auto}
body.kwkc-offen .kwkc-fab{display:none}
@media(max-width:480px){.kwkc-hinweis{font-size:11px;padding:6px 14px}.kwkc-blase{font-size:15px}}
.kwkc-eingabe .pill{min-height:46px;padding:0;font-size:18px}
@media print{.kwkc-fab,.kwkc-panel{display:none!important}}

.kwkc-vorschlaege{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.kwkc-vorschlag{min-height:34px;padding:5px 12px;border-radius:999px;border:1.5px solid var(--v100-green,#3B9142);background:transparent;color:var(--v100-green,#3B9142);font:700 12px "Inter",sans-serif;cursor:pointer}
.kwkc-vorschlag:disabled{opacity:.6}

.kwkc-foto{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;border:1.5px solid var(--v100-line,#c9d2c1);font-size:19px;cursor:pointer}
.kwkc-bildvorschau{position:relative;margin:0 12px 8px;display:inline-block}
.kwkc-bildvorschau img{max-height:80px;border-radius:12px;display:block}
.kwkc-bildvorschau button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#a63d2e;color:#fff;font-size:13px;cursor:pointer}
.kwkc-bild{display:block;max-width:100%;border-radius:12px;margin-bottom:6px}

.kwkc-punkte{display:inline-flex;gap:4px}
.kwkc-punkte span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4;animation:kwkcPunkt 1s ease-in-out infinite}
.kwkc-punkte span:nth-child(2){animation-delay:.15s}
.kwkc-punkte span:nth-child(3){animation-delay:.3s}
@keyframes kwkcPunkt{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.kwkc-punkte span{animation:none;opacity:.7}}

.kwkc-gemerkt{margin:4px 0 0;font-size:12px;color:var(--v100-muted,#6B7280)}
.kwkc-gemerkt a{color:inherit;text-decoration:underline}

.kwkc-quelle{margin:4px 0 0;font-size:12px;color:var(--v100-muted,#6B7280)}
.kwkc-bewertung{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}

@media(max-width:820px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)}}

.kwkc-status{margin:0;padding:8px 16px;font-size:13px;line-height:1.35;color:#fff;background:#1f2d24;flex:0 0 auto}
.kwkc-status[hidden]{display:none}
.kwkc-x.an{background:var(--v100-accent,#2f8f46);color:#fff}
#kwKiMik.an{animation:kwkcPuls 1s ease-in-out infinite}
@keyframes kwkcPuls{50%{opacity:.55}}
.kwkc-vorlesen{min-height:36px}
.kwkc-vorlesen.an{background:var(--v100-accent,#2f8f46);color:#fff}

/* Chat-Fenster gleitet sanft mit der Tastatur nach oben bzw. unten (statt zu springen) */
.kwkc-panel{transition:bottom .2s ease-out,max-height .2s ease-out}
@media (prefers-reduced-motion:reduce){.kwkc-panel{transition:none}}

/* ===== Mindestbestand ===== */
.kwmb{margin:0 0 14px}
.kwmb-d{background:var(--v100-card,#fff);border:1px solid var(--v100-line,#d9e0d1);border-radius:16px;overflow:hidden}
.kwmb-d>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:800;min-height:48px}
.kwmb-d>summary::-webkit-details-marker{display:none}
.kwmb-d>summary::after{content:"▾";margin-left:auto;color:#667063;font-size:14px}
.kwmb-d[open]>summary::after{content:"▴"}
.kwmb-t{font-size:16px;white-space:nowrap}
.kwmb-pill{font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px;background:#eef1ea;color:#4d5a48;white-space:nowrap}
.kwmb-warn{background:#fbe3dc;color:#a63d2e}.kwmb-ok{background:#e1f1e3;color:#1f5a2a}
.kwmb-body{padding:0 16px 16px}.kwmb-hinweis,.kwmb-klein{color:#667063;font-size:14px;margin:4px 0 12px}.kwmb-klein{font-size:13px;margin:12px 0 0}
.kwmb-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kwmb-zeile{border:1px solid #e3e8dc;border-radius:14px;padding:12px;background:#fbfcf9}
.kwmb-unter{border-color:#f0b8aa;background:#fff6f3}
.kwmb-kopf{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.kwmb-name{font-weight:800}.kwmb-zahl{font-size:14px;color:#4d5a48}.kwmb-unter .kwmb-zahl b{color:#a63d2e}
.kwmb-balken{height:8px;background:#e6ebdf;border-radius:6px;margin:8px 0;overflow:hidden}.kwmb-balken i{display:block;height:100%;background:#2b6a30;border-radius:6px}.kwmb-unter .kwmb-balken i{background:#d0553f}
.kwmb-steuer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kwmb-knopf{width:44px;height:44px;border-radius:12px;border:1px solid #c9d2c1;background:#fff;font-size:20px;font-weight:700;cursor:pointer;color:#1c2119}
.kwmb-min{min-width:58px;text-align:center;font-weight:700;font-size:15px}
.kwmb-link{margin-left:auto;background:none;border:0;color:#a63d2e;font-weight:700;padding:10px 4px;cursor:pointer;min-height:44px;font-size:14px}
.kwmb-angebote{display:grid;gap:4px;margin-top:6px}.kwmb-ang{font-size:13.5px;border-radius:10px;padding:6px 10px}
.kwmb-ang-live{background:#e1f1e3;color:#1f5a2a}.kwmb-ang-comm{background:#eef1ea;color:#4d5a48}
.kwmb-aktion{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.kwmb-btn{min-height:46px;border-radius:12px;border:1.5px solid #2b6a30;background:#fff;color:#2b6a30;font-weight:800;padding:0 14px;cursor:pointer;font-size:15px}
.kwmb-btn[disabled]{opacity:.5;cursor:default}.kwmb-primaer{background:#2b6a30;color:#fff}
.kwmb-angstatus{font-size:13px;color:#667063;margin:4px 0 0;min-height:1em}
.kwmb-neu{display:flex;gap:8px;margin-top:14px}.kwmb-neu input{min-height:46px;border:1px solid #c9d2c1;border-radius:12px;padding:0 12px;font-size:16px;background:#fff;color:inherit;min-width:0}
#kwMbName{flex:1}#kwMbMin{width:64px;text-align:center}
.kwmb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.kwmb-chip{min-height:40px;border-radius:999px;border:1px solid #c9d2c1;background:#fff;padding:0 14px;font-weight:700;color:#2b6a30;cursor:pointer}
.dark .kwmb-d{background:#20241c;border-color:rgba(255,255,255,.14)}.dark .kwmb-zeile{background:#262b21;border-color:rgba(255,255,255,.12)}.dark .kwmb-unter{background:#3a2824;border-color:#7a3f33}
.dark .kwmb-knopf,.dark .kwmb-btn,.dark .kwmb-chip,.dark .kwmb-neu input{background:#20241c;color:#eef0ea;border-color:rgba(255,255,255,.25)}.dark .kwmb-primaer{background:#2b6a30;color:#fff}
.dark .kwmb-hinweis,.dark .kwmb-klein,.dark .kwmb-zahl,.dark .kwmb-angstatus{color:#b8c0b2}.dark .kwmb-ang-live{background:#27402b;color:#cfe9d2}.dark .kwmb-ang-comm{background:#2d3328;color:#c8d0c2}

.kwmb-start:empty{display:none}.kwmb-start{margin:0 0 12px}
.kwmb-startlink{display:flex;align-items:center;gap:12px;background:#fff6f3;border:1px solid #f0b8aa;border-radius:16px;padding:12px 14px;text-decoration:none;color:#7a2f22;min-height:52px}
.kwmb-startlink small{color:#a05a4d;font-size:13px}.kwmb-pfeil{margin-left:auto;font-size:22px;color:#a63d2e}
.dark .kwmb-startlink{background:#3a2824;border-color:#7a3f33;color:#f2c9bf}.dark .kwmb-startlink small{color:#d9a99d}

/* Mindestbestand: Automatik-Schalter */
.kwmb-auto{display:flex;gap:12px;align-items:flex-start;background:#f3f6ef;border:1px solid #dfe6d8;border-radius:14px;padding:12px;margin:0 0 12px;cursor:pointer}
.kwmb-auto input{width:22px;height:22px;margin-top:2px;accent-color:#2b6a30;flex:none}
.kwmb-auto small{display:block;color:#667063;font-size:13px;margin-top:2px;font-weight:400}
.dark .kwmb-auto{background:#262b21;border-color:rgba(255,255,255,.12)}.dark .kwmb-auto small{color:#b8c0b2}
/* Preiszeile über der Einkaufsliste */
.kwpz:empty{display:none}
.kwpz{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f3f6ef;border:1px solid #dfe6d8;border-radius:14px;padding:10px 12px;margin:0 0 12px;font-size:14.5px;line-height:1.4}
.kwpz-spar{color:#1f5a2a;font-weight:700}.kwpz-leer{color:#667063}
.kwpz>span{flex:1 1 200px}.kwpz-mehr{margin-left:auto;font-weight:800;color:#2b6a30;text-decoration:none;min-height:36px;display:inline-flex;align-items:center;padding:0 4px}
.dark .kwpz{background:#262b21;border-color:rgba(255,255,255,.12)}.dark .kwpz-spar{color:#9fd4a3}.dark .kwpz-mehr{color:#9fd4a3}.dark .kwpz-leer{color:#b8c0b2}

/* Liste einfügen (z. B. aus Cookidoo) */
.kwle{background:#f3f6ef;border:1px solid #dfe6d8;border-radius:16px;padding:14px;margin:0 0 12px}
.kwle label small{display:block;color:#667063;font-size:13px;font-weight:400;margin:2px 0 8px}
.kwle textarea{width:100%;min-height:120px;font-size:16px;resize:vertical}
.kwle-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.kwle-status{margin:8px 0 0;font-size:14px;color:#1f5a2a;min-height:1em}
.dark .kwle{background:#262b21;border-color:rgba(255,255,255,.12)}.dark .kwle label small{color:#b8c0b2}.dark .kwle-status{color:#9fd4a3}
/* Rezept: Für Thermomix kopieren */
.rde-tm-hinweis{margin:10px 0 0;font-size:14px;line-height:1.45;background:#f3f6ef;border-radius:12px;padding:10px 12px}
.rde-tm-hinweis a{font-weight:800;color:#2b6a30}.rde-tm-text{width:100%;margin-top:8px;font-size:13px}
.dark .rde-tm-hinweis{background:#262b21}.dark .rde-tm-hinweis a{color:#9fd4a3}

.rde-tmbadge{display:inline-block;background:#e1f1e3;color:#1f5a2a;border-radius:999px;padding:0 8px;font-weight:700}
.rde-tmfilter{margin-top:4px}.rde-src-eigen{background:#f3f6ef;border-radius:12px;padding:10px 12px}
.dark .rde-tmbadge{background:#27402b;color:#cfe9d2}.dark .rde-src-eigen{background:#262b21}

/* Barrierefreiheit (WCAG 2.1 AA): weiße Schrift auf Grün braucht mind. 4,5:1 Kontrast – #3B9142 hatte nur 3,95:1 */
.kwh-btn,.kwh-cta{background:#2e7a35}

/* MHD vs. Verbrauchsdatum */
.kwk-chip.pruefen{background:#fff1d6;color:#7a4a00;border-color:#f0c46a}
.kwk-item.st-pruefen{border-left:4px solid #e0a32e}
.kwk-datumart{border:1px solid #dfe6d8;border-radius:14px;padding:10px 12px;margin:4px 0 10px}
.kwk-datumart legend{font-weight:700;padding:0 4px;font-size:14px}
.kwk-datumart label{display:flex!important;gap:10px;align-items:flex-start;margin:6px 0;cursor:pointer}
.kwk-datumart input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#2b6a30}
.kwk-datumart small{display:block;color:#667063;font-weight:400;font-size:13px}
.dark .kwk-chip.pruefen{background:#4a3a14;color:#ffd98a;border-color:#8a6a1e}.dark .kwk-datumart{border-color:rgba(255,255,255,.18)}.dark .kwk-datumart small{color:#b8c0b2}

/* Tageszeit-Idee auf der Startseite */
.kwtz{border-radius:20px;padding:16px 18px;margin:0 0 14px;background:linear-gradient(135deg,#f3f8ef,#fffaf0)}
.kwtz[hidden]{display:none}.kwtz:empty{display:none}
.kwtz-eyebrow{margin:0 0 4px;font-size:12.5px;font-weight:800;letter-spacing:.08em;color:#2e7a35}
.kwtz h3{margin:0 0 6px;font-size:20px;line-height:1.25}.kwtz-info{margin:0 0 4px;color:#4d5a48}.kwtz-spar{margin:0 0 8px;color:#1f5a2a;font-weight:700}
.kwtz-leer{margin:0;color:#4d5a48}.kwtz-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.kwtz-btn{min-height:46px;border-radius:12px;border:1.5px solid #2e7a35;background:#fff;color:#2e7a35;font-weight:800;padding:0 16px;font-size:15px;cursor:pointer}
.kwtz-p{background:#2e7a35;color:#fff}
.dark .kwtz{background:linear-gradient(135deg,#232a1f,#2a261c)}.dark .kwtz-eyebrow{color:#9fd4a3}.dark .kwtz-info,.dark .kwtz-leer{color:#c8d0c2}.dark .kwtz-spar{color:#9fd4a3}
.dark .kwtz-btn{background:transparent;color:#9fd4a3;border-color:#9fd4a3}.dark .kwtz-p{background:#2e7a35;color:#fff;border-color:#2e7a35}

/* Push-Einstellungen */
.kwp-wahl{border:1px solid #dfe6d8;border-radius:14px;padding:10px 12px;margin:10px 0}
.kwp-wahl legend{font-weight:700;padding:0 4px;font-size:14px}
.kwp-wahlzeile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #eef1ea}
.kwp-wahlzeile:first-of-type{border-top:0}
.kwp-wahlzeile label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;flex:1}
.kwp-wahlzeile input[type=checkbox]{width:22px;height:22px;margin-top:2px;accent-color:#2b6a30;flex:none}
.kwp-wahlzeile small,.kwp-klein{display:block;color:#667063;font-size:13px;font-weight:400}
.kwp-wahlzeile input[type=time]{min-height:44px;border:1px solid #c9d2c1;border-radius:10px;padding:0 8px;font-size:16px;background:#fff;color:inherit}
.dark .kwp-wahl{border-color:rgba(255,255,255,.18)}.dark .kwp-wahlzeile{border-color:rgba(255,255,255,.1)}.dark .kwp-wahlzeile small,.dark .kwp-klein{color:#b8c0b2}.dark .kwp-wahlzeile input[type=time]{background:#20241c;border-color:rgba(255,255,255,.25)}

/* Schmale Handys (viele Android-Geräte haben 360 px): Kopfzeile in EINER Zeile statt zwei (spart ~44 px Höhe) */
@media (max-width: 380px){
  #kwHeader{flex-wrap:nowrap;column-gap:8px;padding-left:12px;padding-right:12px}
  #kwHeader .kwh-brand{flex:0 1 auto;min-width:0}
  #kwHeader .kwh-actions{gap:6px;flex:none;margin-left:auto}
}
@media (max-width: 340px){
  #kwHeader .kwh-logo-horizontal{width:96px;height:auto}
  #kwHeader .kwh-actions{gap:4px}
  #kwHeader .kwh-icon{min-width:36px;width:36px;padding-left:4px;padding-right:4px}
}

.rde-offline{background:#fff4dc;border:1px solid #f0d59a;color:#6b4a00;border-radius:12px;padding:10px 12px;font-size:14px;margin:8px 0}
.dark .rde-offline{background:#3a3016;border-color:#7a6224;color:#ffe2a3}

/* iPhone/Safari: Datumsfelder haben dort eine feste Mindestbreite und ignorieren width/min-width – zwei Felder nebeneinander
   ragten deshalb aus der Karte (z. B. Reisemodus „Von/Bis“). Mit appearance:none halten sie sich an die Breite. */
input[type=date]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;box-sizing:border-box}
input[type=date]::-webkit-date-and-time-value{text-align:left}
.kwr-eingabe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:10px 0}
.kwr-eingabe label{min-width:0}
.kwr-eingabe input[type=date]{display:block;width:100%;min-height:48px;padding:0 12px;border:1px solid #c9d2c1;border-radius:12px;background:#fff;color:inherit;font-size:16px;line-height:46px}
.dark .kwr-eingabe input[type=date]{background:#20241c;border-color:rgba(255,255,255,.25)}
@media (max-width:340px){.kwr-eingabe{grid-template-columns:1fr}}

/* ===== Kühlschrank: kompakte Liste (statt großer Karten) – Lebensmittel sofort sichtbar ===== */
#fridge .kwk-item.kwk-zeile{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;margin:0 0 6px;min-height:60px;border-radius:14px;position:relative}
#fridge .kwk-zeile:has(.kwk-portion-btn){grid-template-columns:40px minmax(0,1fr) auto auto auto}
#fridge .kwk-zeile .kwk-ico{width:40px;height:40px;font-size:22px;margin:0}
#fridge .kwk-zeile .kwk-main{min-width:0}
#fridge .kwk-zeile h3{margin:0;font-size:16px;line-height:1.25}
#fridge .kwk-zeile .kwk-name{all:unset;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:700}   /* lange Wörter mit Trennstrich umbrechen (Rinder-hackfleisch), nicht mitten im Wort */   /* Knöpfe sind sonst nur so breit wie ihr Text */
#fridge .kwk-zeile .kwk-name::after{content:"";position:absolute;inset:0;border-radius:14px}   /* ganze Zeile antippbar -> Bearbeiten */
#fridge .kwk-zeile .kwk-name:focus-visible::after{outline:3px solid #2e7a35;outline-offset:2px}
#fridge .kwk-zeile .kwk-meta{margin:2px 0 0;font-size:13px;color:#667063;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fridge .kwk-zeile .kwk-badges{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#fridge .kwk-zeile .kwk-chip{font-size:12.5px;padding:4px 9px;white-space:nowrap}
#fridge .kwk-zeile .kwk-rund{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;border:1.5px solid #cfd8c8;background:#fff;color:#2e7a35;font-size:18px;font-weight:800;cursor:pointer;display:grid;place-items:center;padding:0}
#fridge .kwk-zeile .kwk-use:hover,#fridge .kwk-zeile .kwk-use:focus-visible{background:#2e7a35;color:#fff;border-color:#2e7a35}
#fridge .kwk-zeile .kwk-portion-btn{font-size:14px;color:#245b8f;border-color:#bcd0e6}
.kwk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#fridge .kwk-group{margin:14px 2px 6px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4d5a48;display:flex;gap:6px;align-items:center}
#fridge .kwk-group-dringend{color:#8a3b12}
.dark #fridge .kwk-zeile .kwk-rund{background:transparent;border-color:rgba(255,255,255,.25);color:#9fd4a3}
.dark #fridge .kwk-zeile .kwk-meta{color:#b8c0b2}.dark #fridge .kwk-group{color:#c8d0c2}.dark #fridge .kwk-group-dringend{color:#ffb38a}
/* Zusatzfunktionen unter der Liste */
.kwk-mehr{margin-top:22px;padding-top:14px;border-top:1px solid #e3e8dd}
.kwk-mehr-titel{margin:0 0 10px;font-size:15px;color:#4d5a48}
.kwk-mehr > *{margin-bottom:10px}
.dark .kwk-mehr{border-color:rgba(255,255,255,.12)}.dark .kwk-mehr-titel{color:#c8d0c2}

/* Karten-Regeln aus kuehlschrank.css für die kompakte Zeile aufheben (dort: Symbol über 2 Zeilen, Hinweise in eigener Zeile, Knopf vollflächig grün) */
#fridge .kwk-item.kwk-zeile > *{grid-row:auto!important;grid-column:auto!important}
#fridge .kwk-item.kwk-zeile .kwk-badges{margin-top:0!important;flex-wrap:nowrap}
#fridge .kwk-zeile .kwk-use{background:#fff!important;border-color:#cfd8c8!important;color:#2e7a35!important}
#fridge .kwk-zeile .kwk-use:hover,#fridge .kwk-zeile .kwk-use:focus-visible{background:#2e7a35!important;border-color:#2e7a35!important;color:#fff!important}
.dark #fridge .kwk-zeile .kwk-use{background:transparent!important;border-color:rgba(255,255,255,.25)!important;color:#9fd4a3!important}
@media (max-width:360px){#fridge .kwk-item.kwk-zeile{grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px}#fridge .kwk-zeile .kwk-ico{width:34px;height:34px;font-size:19px}#fridge .kwk-zeile .kwk-rund{width:40px;height:40px}}

#fridge .kwk-zeile h3{font-size:15px}   /* lange Einzelwörter (Rinderhackfleisch) passen meist ohne Trennung */
#fridge .kwk-sym{font-style:normal}
@media (max-width:380px){#fridge .kwk-sym{display:none}#fridge .kwk-zeile .kwk-chip{padding:4px 7px}}   /* schmale Handys: mehr Platz für den Namen */
/* Schmale Handys (≤ 380 px): Hinweis unter den Namen statt daneben – der Name bekommt die volle Breite */
@media (max-width:400px){   /* gilt auch für die verbreiteten iPhones mit 390/393 px */
  #fridge .kwk-item.kwk-zeile{grid-template-columns:34px minmax(0,1fr) auto!important;row-gap:4px}
  #fridge .kwk-item.kwk-zeile .kwk-ico{grid-column:1!important;grid-row:1 / span 2!important}
  #fridge .kwk-item.kwk-zeile .kwk-main{grid-column:2!important;grid-row:1!important}
  #fridge .kwk-item.kwk-zeile .kwk-badges{grid-column:2!important;grid-row:2!important;flex-direction:row;justify-self:start}
  #fridge .kwk-item.kwk-zeile .kwk-portion-btn{grid-column:3!important;grid-row:1!important}
  #fridge .kwk-item.kwk-zeile .kwk-use{grid-column:3!important;grid-row:1 / span 2!important}
  #fridge .kwk-item.kwk-zeile:has(.kwk-portion-btn) .kwk-use{grid-row:2!important}
  #fridge .kwk-sym{display:inline}
}

/* ===== Startseite im Alltag (Kühlschrank nicht leer): Begrüßung, „Zuerst verbrauchen“ oben, Werbung aus ===== */
#ansicht-start.kw-alltag{display:flex;flex-direction:column}
#ansicht-start.kw-alltag > *{order:5}
#ansicht-start.kw-alltag > #kwGruss{order:0}
#ansicht-start.kw-alltag > #kwVerbrauchen{order:1}
#ansicht-start.kw-alltag > .kwh-zeile2{order:2}
#ansicht-start.kw-alltag .kwh-hero-zeile,#ansicht-start.kw-alltag #kwUeber,#ansicht-start.kw-alltag #kwHighlights{display:none!important}
#ansicht-start.kw-alltag #kwVerbrauchen .kwh-useimg{display:none}   /* großes Platzhalter-Bild im Alltag unnötig */
.kwh-gruss{padding:6px 4px 4px;margin:0 0 6px}
.kwh-gruss[hidden]{display:none}
.kwh-gruss h2{margin:0;font:800 28px/1.15 "Poppins","Inter",sans-serif;color:#1c2b1d}
.kwh-gruss-stand{margin:6px 0 0;font-size:15px;color:#4d5a48}
.kwh-gruss-stand a{color:#2e7a35;font-weight:700;text-decoration:none}
.kwh-gruss-stand a.kwh-gruss-bald{color:#9a3d12}
.dark .kwh-gruss h2{color:#eef0ea}.dark .kwh-gruss-stand{color:#c8d0c2}.dark .kwh-gruss-stand a{color:#9fd4a3}.dark .kwh-gruss-stand a.kwh-gruss-bald{color:#ffb38a}

/* Tarifauswahl im Konto */
.v12-planrow{align-items:center;gap:12px}.v12-klein{font-size:13px;margin-top:4px}.v12-knoepfe{display:flex;gap:8px;flex-wrap:wrap;flex:none}
@media (max-width:520px){.v12-planrow{flex-direction:column;align-items:stretch}.v12-knoepfe .btn{flex:1}}

/* Store-Apps (App Store / Google Play): keine Preise, keine Kauf-Knöpfe – Abos nur über das Bezahlsystem von Apple/Google erlaubt */
.kw-store-app #v8Modal .v8-modal-grid,.kw-store-app #v8ModalTarif,.kw-store-app #v12Bezahl,.kw-store-app .kw-nur-web,.kw-store-app [data-v12-plan],.kw-store-app #v12Dauerhaft{display:none!important}

/* Verkauf: Zustimmung vor dem Kauf; AGB/Widerruf-Links nur, wenn Tarife verkauft werden */
.v12-zustimmung{display:flex;gap:10px;align-items:flex-start;background:#f6f8f3;border:1px solid #dfe6d8;border-radius:12px;padding:10px 12px;margin:6px 0 12px;font-size:13.5px;line-height:1.45;cursor:pointer}
.v12-zustimmung input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#2e7a35}
.kw-nur-verkauf{display:none!important}
.kw-verkauf .kw-nur-verkauf{display:inline!important}
.dark .v12-zustimmung{background:#20241c;border-color:rgba(255,255,255,.15)}
.v12-vorgemerkt{outline:3px solid #e0a32e;outline-offset:2px}

/* KI-Knopf weicht beim Herunterscrollen aus */
.kwkc-fab{transition:transform .22s ease,opacity .22s ease}
.kwkc-fab.kwkc-fab-weg{transform:translateY(140px);opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.kwkc-fab{transition:none}}

/* Startseite: Rezeptkarte – Name ist der Knopf und deckt die ganze Karte ab; der Merken-Knopf liegt darüber (keine verschachtelten Bedienelemente) */
.kwh-recipe{position:relative}
.kwh-recipe .kwh-recipe-open{all:unset;cursor:pointer;font:inherit;color:inherit}
.kwh-recipe .kwh-recipe-open::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.kwh-recipe .kwh-recipe-open:focus-visible::after{outline:3px solid #2e7a35;outline-offset:2px}
.kwh-recipe .kwh-heart{z-index:2}

/* Anzahl im aktiven Lagerort-Reiter: weiß auf aufgehelltem Grün hatte nur 3,7:1 – jetzt abgedunkelt (WCAG AA) */
#fridge .kwk-tab[aria-pressed="true"] b{background:rgba(0,0,0,.28);color:#fff}

/* Fastenzeiten: schmale Hinweiszeile über den Rezepten (nur kurz vor / während einer Fastenzeit) */
#kwErnaehrungskalender{margin:4px 0 10px}
.kwek-zeile{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px;padding:8px 10px;border-radius:12px;background:#f3f6ef;border:1px solid #dfe6d8;font-size:14px;line-height:1.4;color:#33402f}
.kwek-zeile small{color:#5c6658}
.kwek-zeile > span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.kwek-zu{flex:none;width:32px;height:32px;margin:-4px -4px -4px 0;border:0;background:transparent;font-size:20px;line-height:1;color:#5c6658;cursor:pointer;border-radius:8px}
.kwek-zu:focus-visible{outline:3px solid #2e7a35}
.dark .kwek-zeile{background:#20241c;border-color:rgba(255,255,255,.15);color:#e6e9e2}.dark .kwek-zeile small,.dark .kwek-zu{color:#b8c0b2}

/* Wochenplan mit echten Rezepten */
.v59-gericht.v59-echt{display:flex;align-items:center;gap:10px}
.v59-gericht .v59-name{flex:1;min-width:0;display:flex;flex-direction:column}
.v59-gericht .v59-name b{font-weight:600;overflow-wrap:anywhere}
.v59-gericht .v59-name small{font-size:12.5px;color:#5c6658;margin-top:2px}
.dark .v59-gericht .v59-name small{color:#b8c0b2}

/* Kopfzeile: Logo oben, darunter ein breites Suchfeld (ersetzt den kleinen Such-Knopf) */
#kwHeader{flex-wrap:wrap;row-gap:8px}
#kwHeader .kwh-suche{order:20;flex:1 1 100%;position:relative;display:flex;align-items:center;margin:0 0 2px}
#kwHeader .kwh-suche-lupe{position:absolute;left:14px;color:#6b7563;pointer-events:none}
#kwHeader .kwh-suche input{width:100%;min-height:44px;padding:0 14px 0 42px;border:1px solid #dfe6d8;border-radius:14px;background:#fff;font:inherit;font-size:16px;color:inherit;box-sizing:border-box}
#kwHeader .kwh-suche input:focus{outline:3px solid rgba(46,122,53,.35);border-color:#2e7a35}
.dark #kwHeader .kwh-suche input{background:#2a2e24;border-color:rgba(255,255,255,.15);color:#eef0ea}
.dark #kwHeader .kwh-suche-lupe{color:#b8c0b2}
html[data-ansicht="rezepte"] #kwHeader .kwh-suche{display:none}   /* dort gibt es schon die Rezeptsuche */

/* Schmale Bildschirme: Konto-Knopf nur mit Initiale (Name ausblenden), damit Logo und Knöpfe in EINE Zeile passen */
@media (max-width:700px){
  #kwHeader #kwProfil.kwh-eingeloggt span:not(.kwh-avatar-txt){display:none}
  #kwHeader #kwProfil.kwh-eingeloggt{width:auto;padding:0 6px;min-width:38px}
  #kwHeader > .kwh-brand{flex:1 1 auto;min-width:0}
  #kwHeader > .kwh-actions{flex:0 0 auto;margin-left:auto}
}
/* Breite Bildschirme: Suchfeld in der Kopfzeile zwischen Navigation und Knöpfen */
@media (min-width:1000px){
  #kwHeader{flex-wrap:nowrap}
  #kwHeader .kwh-suche{order:0;flex:0 1 300px;margin:0}
}

/* Vorschläge unter dem Kopf-Suchfeld */
#kwHeader .kwh-vorschlaege{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:900;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid #dfe6d8;border-radius:14px;box-shadow:0 12px 32px rgba(40,50,30,.16);padding:6px}
#kwHeader .kwh-vz-kopf{margin:8px 10px 4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5c6658}
#kwHeader .kwh-vz{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:15px;color:inherit;text-align:left;cursor:pointer}
#kwHeader .kwh-vz:hover,#kwHeader .kwh-vz:focus-visible{background:#f0f4ec}
#kwHeader .kwh-vz small{color:#5c6658;font-size:12.5px;white-space:nowrap}
.dark #kwHeader .kwh-vorschlaege{background:#23271e;border-color:rgba(255,255,255,.15)}
.dark #kwHeader .kwh-vz-kopf,.dark #kwHeader .kwh-vz small{color:#b8c0b2}
.dark #kwHeader .kwh-vz:hover,.dark #kwHeader .kwh-vz:focus-visible{background:#2f3528}

/* Altbereiche ausgeblendet (aufgeräumter):
   – „Internationale Rezepte“: zeigte eigene deutsche Rezepte als „Englischsprachig, Quelle: TheMealDB“ (falsche Quellenangabe)
   – „PRO – Was kannst du jetzt kochen?“: funktionierte, war aber eine schwächere Doppelung der Rezeptsuche „Was kochst du heute?“
   – „PRO – Deine Küche“ (v6-app): zweite Oberfläche für denselben Kühlschrank; Sicherung/Import gibt es im Konto unter „kochWERK24 sichern“
   – „Rezept-Kompass“, „Lebenswelten & Ernährungsfilter“, „Lokale Rezept-KI“: liefen über denselben Ersatz; der Kompass gab ebenfalls
     „TheMealDB“ als Quelle an, und der Allergen-Ausschluss („harte Ausschlüsse“) versagte bei deutschen Rezepten (z. B. Käse trotz
     „Milchprodukte vermeiden“). Sicher: die Rezeptsuche mit „ohne Milchprodukte“ / „vegan“. */
#recipes,#v7-matching,#v6-app,#recipeCompassV40,#lifeFoodV45,#v47AI{display:none!important}

/* Rezeptsuche: Allergene ausschließen */
.rde-allergene{margin:8px 0 6px;border:1px solid #e6d2b8;border-radius:12px;background:#fffaf2;padding:8px 12px}
.rde-allergene summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center;gap:6px}
.rde-allerg-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;margin:8px 0}
.rde-allerg-liste label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:15px}
.rde-allerg-liste input{width:20px;height:20px;accent-color:#2e7a35}
.rde-allerg-hinweis{font-size:12.5px;color:#5c4a2e;margin:4px 0 2px;line-height:1.45}
.rde-allerg-info{margin:4px 0 8px;font-size:14px;background:#fff4dc;border-radius:8px;padding:6px 10px;color:#5c4100}
.rde-allerg-info small{color:#6b5a3a}
.dark .rde-allergene{background:#2a2618;border-color:rgba(255,220,150,.25)}.dark .rde-allerg-hinweis{color:#e8d8b8}
.dark .rde-allerg-info{background:#3a3218;color:#f5e2b5}.dark .rde-allerg-info small{color:#e0cfa5}

/* WERK24-Austausch: Code, Verbindungen, Kellervorrat */
.w24-code{margin:6px 0 10px;padding:12px 14px;border-radius:14px;background:#f3f6ef;border:1px solid #dfe6d8}
.w24-code-zahl{font:800 34px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;margin:6px 0;color:#1f4d24}
.w24-liste{list-style:none;margin:6px 0;padding:0}
.w24-liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #e6e9e2}
.w24-liste li span{min-width:0;overflow-wrap:anywhere}
.w24-keller summary{cursor:pointer;font-weight:700;font-size:17px;min-height:36px;display:flex;align-items:center;gap:6px}
.w24-bald{color:#a63d2e;font-weight:600;white-space:nowrap}
.dark .w24-code{background:#20241c;border-color:rgba(255,255,255,.15)}.dark .w24-code-zahl{color:#cfe8c8}
.dark .w24-liste li{border-color:rgba(255,255,255,.1)}.dark .w24-bald{color:#ffb4a6}