:root{--bg:#ffffff;--text:#1b1b1b;--muted:#6b6b6b;--card:#f6f6f7;--border:#e8e8ea;--accent:#2f6f4e;--accent2:#9b6a2f;--radius:18px;--shadow: 0 10px 30px rgba(0,0,0,.08);--max: 1100px;--font: "DM Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--font-heading: "DM Serif Display", Georgia, "Times New Roman", serif;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(47,111,78,.1),transparent 60%),radial-gradient(1000px 600px at 90% 0%,rgba(155,106,47,.1),transparent 55%),var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:var(--max);margin:0 auto;padding:0 18px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400}.topbar{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;font-family:var(--font-heading)}.logo-img{width:34px;height:34px;border-radius:12px;box-shadow:0 8px 18px #0000001f;object-fit:cover}.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#2f6f4ef2,#9b6a2ff2);box-shadow:0 8px 18px #0000001f;position:relative}.logo:after{content:"";position:absolute;inset:10px 9px 9px 10px;border:2px solid rgba(255,255,255,.75);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(35deg);border-radius:10px}.navlinks{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}.navlinks a{padding:8px 10px;border-radius:999px;color:#000000d1;transition:color .2s,background .2s}.navlinks a:hover{background:#2f6f4e14;color:var(--accent)}.navlinks a.active{background:#2f6f4e1f;color:var(--accent);font-weight:600}.menuBtn{display:none;border:1px solid var(--border);background:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 6px 16px #0000000f;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s,box-shadow .2s}.menuBtn:hover{background:var(--card);box-shadow:0 8px 20px #0000001a}.mobileMenu{display:none;padding:10px 0 16px}.mobileMenu.show{display:block}.mobileMenu a{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:14px;margin-top:10px;background:#fff;transition:background .2s,color .2s}.mobileMenu a:hover{background:#2f6f4e0f;color:var(--accent)}.hero{padding:var(--space-xl) 0 var(--space-md) 0}.heroGrid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:stretch}.headline{background:#ffffffbf;border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:26px;box-shadow:var(--shadow);overflow:hidden;position:relative}.headline:before{content:"";position:absolute;width:420px;height:420px;right:-220px;top:-240px;background:radial-gradient(circle at 30% 30%,rgba(47,111,78,.3),transparent 55%),radial-gradient(circle at 60% 70%,rgba(155,106,47,.28),transparent 55%);filter:blur(0px)}h1{margin:0 0 10px;font-size:clamp(30px,4vw,44px);letter-spacing:-.6px;line-height:1.08}.kicker{color:var(--muted);font-size:15px;max-width:62ch;position:relative}.pillRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative}.pill{border:1px solid var(--border);background:#ffffffd9;padding:9px 12px;border-radius:999px;font-size:13px;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:999px;background:var(--accent)}.dot.b{background:var(--accent2)}.sideCard{background:linear-gradient(180deg,#2f6f4e1f,#ffffffa6);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.sideCard h2{margin:0;font-size:18px}.sideCard p{margin:10px 0 0;color:var(--muted);font-size:14px}.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 14px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:650;font-size:14px;box-shadow:0 8px 22px #0000000f;transition:transform .2s,box-shadow .2s}.btn.primary{background:linear-gradient(135deg,#2f6f4ef2,#2f6f4ec7);border-color:#2f6f4e59;color:#fff}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0000001a}.btn:active{transform:translateY(0)}.section{padding:var(--space-md) 0}.sectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sectionHeader h3{margin:0;font-size:20px;letter-spacing:-.2px}.sectionHeader .sub{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6;background:#ffffffb8;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 10px 26px #0000000d;overflow:hidden;position:relative}.card.big{grid-column:span 12;padding:20px}.card h4{margin:0 0 8px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:14px;max-width:90ch}.card .meta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.tag{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#00000005}.cardLink{display:flex;align-items:center;justify-content:space-between;gap:12px}.arrow{width:38px;height:38px;border-radius:14px;background:#2f6f4e1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(47,111,78,.18);flex:0 0 auto}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:14px}.ph{grid-column:span 4;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,#00000008,#0000);aspect-ratio:4/3;position:relative;overflow:hidden}.ph:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 25% 25%,rgba(47,111,78,.22),transparent 55%),radial-gradient(circle at 70% 70%,rgba(155,106,47,.18),transparent 55%);transform:rotate(8deg)}.ph span{position:absolute;left:14px;bottom:12px;font-size:12px;color:#0000008c;background:#ffffffb3;border:1px solid var(--border);padding:6px 8px;border-radius:999px}.kategorie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-lg) 0 var(--space-xl) 0}.kategorie-card{background:#fffc;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.kategorie-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.kategorie-card-img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s ease}.kategorie-card:hover .kategorie-card-img{transform:scale(1.04)}.kategorie-card-img-wrapper{overflow:hidden}.kategorie-card-body{padding:var(--space-sm) 20px 20px 20px}.kategorie-card-body h3{margin:0 0 6px;font-size:22px;color:var(--text)}.kategorie-card-body p{margin:0 0 12px;font-size:14px;color:var(--muted);line-height:1.55}.kategorie-link{font-size:14px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px;transition:gap .2s}.kategorie-card:hover .kategorie-link{gap:8px}.section-intro{max-width:var(--max);margin:0 auto;padding:var(--space-md) 18px var(--space-sm) 18px;text-align:center}.section-intro h2{font-size:clamp(24px,3vw,32px);margin:0 0 10px;color:var(--text)}.section-intro p{font-size:16px;color:var(--muted);max-width:60ch;margin:0 auto;line-height:1.65}.footer{margin-top:var(--space-xl);border-top:1px solid var(--border);padding:var(--space-lg) 0 var(--space-md) 0;color:var(--muted);font-size:13px}.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-lg);align-items:start}.footer-heading{font-family:var(--font-heading);font-weight:400;font-size:16px;color:var(--text);margin-bottom:var(--space-sm)}.footer-slogan{color:var(--muted);line-height:1.6}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-links a{color:var(--muted);transition:color .2s;padding:2px 0}.footer-links a:hover{color:var(--accent)}.legalLinks{display:flex;flex-wrap:wrap;gap:10px}.legalLinks a{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffb3;transition:background .2s}.legalLinks a:hover{background:#fff}.footer-bottom{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.footer-bottom a{color:var(--muted);transition:color .2s}.footer-bottom a:hover{color:var(--accent)}@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.card,.ph{grid-column:span 12}.navlinks{display:none}.menuBtn{display:inline-flex}.mobileMenu.show{display:block}.footerGrid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.kategorie-grid{grid-template-columns:1fr;gap:var(--space-sm)}}.productGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:14px}.product{grid-column:span 6;background:#ffffffb8;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 10px 26px #0000000d}.product h4{margin:0 0 8px;font-size:16px}.priceRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.price{font-weight:750}.product p{margin:10px 0 0;color:var(--muted);font-size:14px}.orderRow{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.orderLink{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:10px 12px;border:1px solid rgba(47,111,78,.25);background:#2f6f4e1a;cursor:pointer;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.orderLink:hover{background:#2f6f4e2e;transform:translateY(-1px)}@media(max-width:900px){.product{grid-column:span 12}}.seitenbild{display:block;width:100%;max-width:700px;height:auto;margin:2rem auto;border-radius:12px}.header-image-wrapper{width:100%;max-width:var(--max);margin:0 auto;padding:30px 18px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.header-image{max-width:100%;width:100%;height:auto;border-radius:var(--radius);box-shadow:0 10px 30px #0000001a}.welcome-text{padding:20px}.welcome-text h2{margin-top:0;font-size:32px;color:var(--accent);line-height:1.2}.welcome-text p{font-size:16px;line-height:1.7;margin:15px 0}@media(max-width:900px){.header-image-wrapper{grid-template-columns:1fr;text-align:center;gap:20px;padding:20px 16px}.header-image{max-width:100%;margin:0 auto;border-radius:14px}.welcome-text{padding:0 4px}.welcome-text h2{font-size:24px}}.fullwidth-image-wrapper{width:100%;max-width:var(--max);margin:0 auto;padding:20px 18px 10px}.fullwidth-image{width:100%;height:auto;border-radius:var(--radius);box-shadow:0 10px 30px #0000001a}.bilderreihe-wrapper{width:100%;max-width:var(--max);margin:0 auto;padding:10px 18px var(--space-lg) 18px;position:relative;z-index:1}.bilderreihe{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.bild-mit-beschriftung{display:flex;flex-direction:column;background:#ffffffd9;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.bild-mit-beschriftung:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001f}.bilderreihe img{width:100%;height:250px;object-fit:contain;border-radius:0;border:none;box-shadow:none;transition:transform .4s ease;background:#fff}.bild-mit-beschriftung:hover img{transform:scale(1.03)}.bilderreihe img:hover{transform:none;box-shadow:none}.bildunterschrift{margin:0;text-align:left;font-size:17px;font-family:var(--font-heading);color:var(--text);font-weight:400;padding:14px 16px 0}.bild-textbox{background:transparent;border:none;border-radius:0;padding:8px 16px 16px;font-size:13px;color:var(--muted);line-height:1.5;box-shadow:none}.bild-textbox .orderRow{margin-top:10px;justify-content:flex-start}@media(max-width:900px){.bilderreihe{grid-template-columns:repeat(2,1fr)}.bilderreihe img{height:220px}}@media(max-width:680px){.bilderreihe{grid-template-columns:1fr;gap:16px}.bilderreihe img{height:auto;max-height:350px}.fullwidth-image-wrapper{padding:12px 12px 6px}.fullwidth-image{border-radius:12px}.section-intro{padding:16px 16px 10px}.section-intro h2{font-size:22px}.bilderreihe-wrapper{padding:6px 12px var(--space-md) 12px}.bild-textbox{font-size:14px;padding:8px 14px 14px}.bildunterschrift{font-size:18px;padding:12px 14px 0}.kategorie-card-img{height:180px}}