/* Schaufenster /naehrwerte/ im Look der Nahrungsmittel-Seite */
:root{--pink:#e4006d;--cyan:#00b8ea;--lime:#c8f31d;--schwarz:#111;--grau:#5b5b5b;--linie:#e7e7e7;--hell:#f7f7f5}
body{margin:0;background:#fff;color:var(--schwarz);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55}
.nw *{box-sizing:border-box}
.nw-wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.nw a{color:inherit}
.nw-kopf{padding:2.5rem 0 1.5rem;border-bottom:3px solid var(--pink)}
.nw-kicker{display:inline-block;background:var(--cyan);color:#fff;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;padding:.3rem .65rem;transform:skewX(-8deg)}
.nw h1{font-family:'Oswald','Poppins',sans-serif;font-weight:700;text-transform:uppercase;line-height:1;font-size:clamp(2.2rem,6vw,4.4rem);margin:.6rem 0 .5rem}
.nw h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.5rem;margin:2rem 0 .7rem}
.nw-lead{font-size:1.1rem;color:#2b2b2b;max-width:760px;margin:0}
.nw-krumen{font-size:.85rem;color:var(--grau);margin-bottom:.4rem}
.nw-krumen a{text-decoration:none;border-bottom:1px solid #ccc}
.nw-haupt{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;margin:1.5rem 0}
.nw-kachel{background:var(--hell);border-radius:14px;padding:.9rem 1rem}
.nw-kachel b{display:block;font-family:'Oswald',sans-serif;font-size:2rem;line-height:1;color:var(--pink)}
.nw-kachel span{font-size:.85rem;color:var(--grau)}
.nw-tabelle{width:100%;border-collapse:collapse;font-size:.95rem}
.nw-tabelle td{padding:.4rem .2rem;border-bottom:1px solid var(--linie)}
.nw-tabelle td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.nw-tabelle tr.gruppe td{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;color:var(--grau);padding-top:1.1rem;border-bottom:2px solid var(--pink)}
.nw-spalten{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}
.nw-teaser{background:var(--pink);color:#fff;border-radius:16px;padding:1.3rem 1.4rem;position:sticky;top:1rem}
.nw-teaser h2{margin-top:0;color:#fff}
.nw-teaser ul{margin:.4rem 0 1rem;padding-left:1.1rem}
.nw-knopf{display:inline-block;background:#fff;color:var(--pink)!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;text-decoration:none;border-radius:999px;padding:.75rem 1.2rem}
.nw-aehnlich{display:flex;flex-wrap:wrap;gap:.4rem}
.nw-aehnlich a{text-decoration:none;border:1.5px solid #d6d6d6;border-radius:999px;padding:.3rem .8rem;font-size:.9rem}
.nw-aehnlich a:hover{border-color:var(--pink)}
.nw-suche{width:100%;max-width:520px;font:inherit;font-size:1.05rem;padding:.8rem 1rem;border:2px solid var(--schwarz);border-radius:999px;margin:1.2rem 0 .4rem}
.nw-gruppe{margin:1.6rem 0}
.nw-gruppe ul{list-style:none;margin:0;padding:0;columns:3 240px;column-gap:1.5rem}
.nw-gruppe li{padding:.18rem 0;break-inside:avoid}
.nw-gruppe li a{text-decoration:none;border-bottom:1px solid transparent}
.nw-gruppe li a:hover{border-bottom-color:var(--pink)}
.nw-fuss{margin-top:3rem;padding:1.5rem 0 3rem;border-top:1px solid var(--linie);font-size:.85rem;color:var(--grau)}
@media (max-width:860px){.nw-spalten{grid-template-columns:1fr}.nw-teaser{position:static}}