:root{
  --ink:#123046;
  --text:#334a55;
  --green:#4f7f36;
  --green-dark:#315e25;
  --green-pale:#eef4ec;
  --line:#dfe6df;
  --paper:#ffffff;
  --soft:#f7f9f7;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(18,48,70,.08)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:78px;height:78px;object-fit:contain}
.menu{display:flex;align-items:center;gap:30px;font-size:15px;color:#17374a}
.menu>a,.drop>a{padding:29px 0 23px;border-bottom:2px solid transparent}
.menu>a:hover,.menu>a.active,.drop:hover>a{border-color:var(--green);color:var(--green-dark)}
.drop{position:relative}
.dropmenu{display:none;position:absolute;top:70px;left:-18px;min-width:250px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(30,50,45,.1);padding:10px}
.drop:hover .dropmenu{display:block}
.dropmenu a{display:block;padding:10px 12px;border-radius:4px;font-size:14px}
.dropmenu a:hover{background:var(--green-pale);color:var(--green-dark)}
.mobile-toggle{display:none;border:0;background:none;font-size:28px;color:var(--ink)}
.hero{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(105deg,#f8faf8 0%,#f8faf8 42%,#eef4ec 100%)}
.hero-inner{position:relative;min-height:500px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center}
.hero-copy{position:relative;z-index:3;padding:70px 0}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--ink);font-size:clamp(52px,6vw,86px);line-height:1.02;margin:0 0 24px}
.hero-logo{width:118px;margin-bottom:28px}
.hero-plants{position:absolute;right:-4%;bottom:-8px;width:58%;height:95%;pointer-events:none}
.plant{position:absolute;bottom:0;height:82%;background-image:url('assets/naturstoffe.jpg');background-repeat:no-repeat;background-size:620% auto;transform-origin:50% 100%;filter:saturate(.92)}
.p1{left:0;width:16%;background-position:2% 62%;animation:sway1 7.8s ease-in-out infinite}
.p2{left:18%;width:16%;background-position:39% 62%;animation:sway2 8.6s ease-in-out infinite .8s}
.p3{left:39%;width:16%;background-position:58% 62%;animation:sway1 9.1s ease-in-out infinite 1.1s}
.p4{left:60%;width:16%;background-position:77% 62%;animation:sway2 7.5s ease-in-out infinite .3s}
.p5{left:80%;width:16%;background-position:98% 62%;animation:sway1 8.2s ease-in-out infinite 1.6s}
@keyframes sway1{0%,100%{transform:rotate(-.8deg) translateX(0)}50%{transform:rotate(1.2deg) translateX(4px)}}
@keyframes sway2{0%,100%{transform:rotate(.7deg) translateX(0)}50%{transform:rotate(-1.1deg) translateX(-4px)}}
@media (prefers-reduced-motion:reduce){.plant{animation:none!important}}
.hero-note{font-size:16px;max-width:600px;color:#49616d}
.section{padding:72px 0}
.section.soft{background:var(--soft)}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);font-weight:bold;margin-bottom:10px}
h2{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-weight:400;font-size:42px;line-height:1.14;margin:0 0 26px}
h3{color:var(--ink);font-size:20px;margin:0 0 12px}
p{margin:0 0 18px}
.lead{font-size:18px;max-width:780px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.product-card{background:#fff;padding:28px;min-height:190px;display:flex;flex-direction:column}
.product-card h3{font-size:18px}
.product-card a{margin-top:auto;color:var(--green-dark);font-weight:bold;font-size:14px}
.product-card a:hover{text-decoration:underline}
.photo{border-radius:2px;overflow:hidden;background:#eef1ef}
.photo img{width:100%;height:100%;object-fit:cover}
.photo.lab img{aspect-ratio:16/10}
.rule{width:42px;height:2px;background:var(--green);margin:0 0 24px}
.button{display:inline-block;padding:12px 18px;border:1px solid var(--green);color:var(--green-dark);font-weight:bold;font-size:14px}
.button:hover{background:var(--green);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px}
.contact-box{padding:26px;background:var(--soft);border:1px solid var(--line)}
.legal{max-width:900px}
.legal h2{font-size:34px;margin-top:40px}.legal h3{margin-top:28px}.legal ul{padding-left:22px}
.notice{padding:16px 18px;border-left:3px solid var(--green);background:#f4f7f2;margin:20px 0}
footer{border-top:1px solid var(--line);padding:34px 0 28px;background:#fafbfa}
.footer-grid{display:grid;grid-template-columns:110px 1fr 1fr;gap:34px;align-items:start;font-size:14px}
.footer-logo{width:82px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}
.copy{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#73838b}
.page-hero{padding:72px 0 54px;background:linear-gradient(120deg,#f8faf8,#edf4eb)}
.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:54px;color:var(--ink);font-weight:400;margin:0}
.prose{max-width:900px}.prose p{font-size:17px}.prose h2{margin-top:48px}
table{width:100%;border-collapse:collapse;margin:24px 0}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
@media (max-width:900px){
  .menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:14px 24px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);gap:2px}.menu.open{display:flex}.menu>a,.drop>a{padding:10px 0;border:0}.drop{width:100%}.dropmenu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px}.mobile-toggle{display:block}.hero-inner{grid-template-columns:1fr;min-height:560px}.hero-plants{opacity:.33;width:100%;right:-15%;height:72%}.hero-copy{padding-top:50px}.grid2,.contact-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:90px 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.nav{height:72px}.brand img{width:64px;height:64px}.menu{top:72px}.hero h1{font-size:50px}.hero{min-height:520px}.hero-inner{min-height:520px}.product-grid{grid-template-columns:1fr}.section{padding:54px 0}.page-hero{padding:54px 0 38px}.page-hero h1{font-size:42px}.footer-grid{grid-template-columns:1fr}.footer-logo{width:72px}}