/* Eigenständig geschriebene NatuGena-Gestaltung. */
.natuauftakt{padding:28px 0 65px;background:linear-gradient(120deg,#fff,#eff7f8)}.pfad{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:42px}.pfad a{text-decoration:none}.natugitter{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.natugitter>div{min-width:0}.natugitter>div:first-child>img{width:350px;margin-bottom:28px;mix-blend-mode:multiply}.natugitter h1{font-size:clamp(40px,4vw,56px);letter-spacing:-1.7px;overflow-wrap:anywhere}.natugitter h1 span{color:var(--tuerkis-dunkel)}.natugitter .einleitung{font-size:23px}.natugitter .knopf{font-size:17px;padding-inline:22px}.herobilder>img,.gutschein img{width:100%;border-radius:23px;box-shadow:var(--schatten)}.gutschein{display:block;margin-top:22px}.klein{font-size:14px;color:#53646b;margin-top:17px}.seitenmenue{padding:22px 0;border-bottom:1px solid var(--linie)}.seitenmenue .breite{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center}.seitenmenue a{font-size:15px;font-weight:700;text-decoration:none}.seitenmenue a:hover{text-decoration:underline}.qualitaet,.orientierung,.produkt{align-items:center;gap:48px}.qualitaet figure,.produkt figure{margin:0}.qualitaet img{width:100%;border-radius:28px}.auswahlkarten{margin-top:38px}.natugenaseite .karte p:last-child{margin-bottom:0}.produkt figure{background:#f7fafb;border-radius:30px;padding:20px}.produkt img{max-height:490px;width:100%;object-fit:contain;border-radius:20px}.natugenaseite .abschnittskopf{max-width:1000px}.partnerhinweis{text-align:center;font-size:14px;color:#53646b;max-width:760px;margin:22px auto 0}.natugenaseite .direktkontakt span{text-align:center}
@media(max-width:1000px){.natugitter{gap:30px}.natugitter h1{font-size:45px}.qualitaet,.orientierung,.produkt{gap:28px}.natugitter .aktionen{flex-direction:column;align-items:flex-start}}
@media(max-width:800px){.natugitter{grid-template-columns:1fr}.natugitter h1{max-width:650px}.herobilder{max-width:620px}.natugitter .aktionen{flex-direction:row}.pfad{margin-bottom:30px}}
@media(max-width:600px){.natuauftakt{padding-bottom:42px}.natugitter h1{font-size:40px;letter-spacing:-1.4px;hyphens:auto}.natugitter>div:first-child>img{width:290px}.natugitter .einleitung{font-size:21px}.natugitter .aktionen{flex-direction:column;align-items:stretch}.qualitaet,.orientierung,.produkt{grid-template-columns:minmax(0,1fr)}.seitenmenue .breite{justify-content:flex-start;gap:12px 20px}.seitenmenue a{font-size:14px}.pfad{font-size:13px;gap:9px}.produkt .knopf{width:100%}}
@media(max-width:360px){.natugitter h1{font-size:34px}.natugitter .knopf{font-size:16px}}

/* Überschrift kleiner, damit „Nahrungsergänzung.“ nicht umbricht (Kalle, 20.09.2026).
   !important nötig, weil gestaltung.css die H1-Größe global mit !important setzt. */
.natugitter h1{font-size:clamp(32px,3.1vw,44px)!important;line-height:1.12!important;letter-spacing:-1.2px}
@media(max-width:1100px){.natugitter h1{font-size:36px!important}}
@media(max-width:600px){.natugitter h1{font-size:31px!important;letter-spacing:-1px}}
@media(max-width:360px){.natugitter h1{font-size:27px!important}}