:root{--ink:#252b24;--muted:#5c6458;--paper:#fcfbf7;--gold:#edb62d;--line:#d7ddce;--green:#32432e;--soft:#f1f2e9;--header-height:83px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 12px)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:#edb62d44}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #876011;outline-offset:4px}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.topbar{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line);background:var(--paper)}.navigation{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font:25px/1.2 Georgia,serif}.brand-logo{height:64px;width:64px;border-radius:50%;object-fit:contain;flex-shrink:0}.brand small{display:block;font:11px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-top:5px}.nav-links{display:flex;gap:20px;align-items:center;font-size:14px}.nav-links a{display:flex;align-items:center;justify-content:center;min-height:48px}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{padding:10px 18px;border:1px solid #adb9a5;border-radius:5px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(42px,4.8vw,64px);line-height:1.07;letter-spacing:-.035em;margin-bottom:24px}h1 em{color:#876011}h2{font-size:clamp(31px,3.5vw,44px);line-height:1.15;letter-spacing:-.025em;margin-bottom:18px}h3{font-size:25px;line-height:1.25;margin-bottom:12px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;text-transform:uppercase;margin-bottom:16px;color:#58664f}.lead{font-size:17px;color:var(--muted);max-width:520px}.offer{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.offer strong{font-size:29px;line-height:1.3}.offer small,.offer-note,.microcopy,.helper{font-size:14px;color:var(--muted)}.offer-note{margin:8px 0 24px}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.button,.channel-action{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:16px;line-height:1.4;font-weight:600;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:6px;text-align:center}.button:hover,.channel-action:hover{background:#45583a}.button.gold{background:var(--gold);color:#282718;border-color:var(--gold)}.button.gold:hover{background:#f3c655}.button.secondary{background:white;color:var(--green)}.button:disabled,.button[aria-disabled=true]{background:#eceee8;border-color:#d1d6ca;color:#666c60;cursor:not-allowed}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:5px}.microcopy{margin:16px 0 0}.section-head{max-width:700px;margin-bottom:26px}.section-head>p:last-child:not(.eyebrow){color:var(--muted)}
body.nature-page{background:#69775a;isolation:isolate}.nature-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#18361b12,#18361b1c),url("blumenwiese-1200.webp") center 63%/cover no-repeat}.nature-page main.wrap{padding-top:28px}.hero,.order-panel,.delivery-panel,#ablauf,.faq-layout{background:var(--paper);border:1px solid #fff9;border-radius:10px;padding:32px;margin-bottom:32px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center}.products{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.photo{height:210px;padding:18px 22px 4px}.photo img{width:100%;height:100%;object-fit:contain;display:block}.product-body{padding:18px 18px 0}.product-body .season{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.product h2{font-size:24px;letter-spacing:-.03em;overflow-wrap:anywhere;margin-bottom:12px}.description{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:16px}.product-order{padding:0 18px 18px;margin-top:auto}.product-price{margin:0 0 16px}.product-price strong{font-size:17px;display:block}.product-price small{font-size:13px;color:var(--muted)}.product-order label{display:block;font-size:14px;margin-bottom:6px}.quantity{display:grid;grid-template-columns:48px minmax(44px,1fr) 48px;gap:4px}.quantity button{border:1px solid #bdc8b5;background:var(--soft);border-radius:5px;font-size:24px;min-height:48px;color:var(--green)}.quantity button:disabled{color:#8a9085;cursor:not-allowed}.quantity input{width:100%;min-width:0;text-align:center;border:1px solid #bdc8b5;border-radius:5px;color:var(--ink);background:#fff;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-next{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}.order-grid>div{min-width:0}fieldset{padding:0;margin:0 0 16px;border:0}legend{font-weight:600;margin-bottom:12px}fieldset label{display:inline-flex;gap:9px;align-items:center;min-height:48px;padding:8px 12px;border:1px solid #b8c3b0;border-radius:6px;background:white;cursor:pointer;margin:0 6px 8px 0}input[type=radio]{accent-color:var(--green);width:18px;height:18px;margin:0;flex-shrink:0}fieldset label:has(input:checked){border-color:var(--green);background:#e9eedf;box-shadow:inset 0 0 0 1px var(--green)}.helper a{text-decoration:underline;text-underline-offset:3px}.order-summary{background:var(--soft);border-radius:8px;padding:24px;margin-top:24px}.order-summary h3{font-size:24px}.order-summary ul{padding-left:20px;margin:0 0 18px}.order-summary li{margin-bottom:8px}.order-summary output{font-size:20px;font-weight:600;display:block}.order-summary p{font-size:14px;color:var(--muted);margin:8px 0}.order-send .button{width:100%;margin-bottom:12px}.order-send>div>p:first-child{margin-bottom:18px}.order-status{font-size:14px;min-height:3em;margin-bottom:16px;color:var(--green)}.message-preview summary{cursor:pointer;min-height:48px;text-decoration:underline;text-underline-offset:4px}.message-preview label{display:block;font-size:14px;margin-bottom:6px}.message-preview textarea{display:block;width:100%;resize:vertical;padding:12px;background:white;color:var(--ink);border:1px solid #b8c3b0;border-radius:6px;font-size:16px;line-height:1.5}.order-disclaimer{border-top:1px solid var(--line);padding-top:20px;margin:28px 0 0;color:var(--muted);font-size:14px}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.delivery-grid article{border-top:1px solid var(--line);padding-top:22px}.delivery-grid p{color:var(--muted);margin-bottom:8px}.delivery-tag{display:block;font-size:13px;color:#6b581e;font-weight:600;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid #bac3b0;padding-top:24px}.step .number{font:italic 28px Georgia,serif;color:#80601b;display:block;margin-bottom:17px}.step h3{font-size:24px}.step p{color:var(--muted);margin-bottom:0}
.landscape{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white;border-radius:8px;overflow:hidden;margin-bottom:32px}.landscape figure{margin:0;position:relative;min-height:330px}.landscape img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 52%}.landscape figcaption{position:absolute;bottom:10px;left:12px;background:#16280ce8;color:white;font-size:12px;padding:3px 7px;border-radius:2px}.landscape figcaption a{text-decoration:underline}.landscape-copy{padding:40px}.landscape-copy .eyebrow{color:#e2c578}.landscape-copy p:not(.eyebrow){color:#e3e8df;margin-bottom:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.faq-intro p:last-child{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:52px;padding:14px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);margin:0 0 20px}
.contact{background:#f4efdf;border:1px solid #e0d6b9;border-radius:8px;padding:36px;text-align:center;margin-bottom:32px}.contact>p:not(.eyebrow){max-width:620px;margin:0 auto 25px;color:var(--muted)}.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;text-align:left}.channel{display:flex;flex-direction:column;padding:26px;border:1px solid #d7dccf;border-radius:8px;background:#fff;min-width:0}.channel-heading{display:flex;gap:14px;align-items:center}.channel-heading>div{min-width:0}.channel-icon{display:inline-flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border-radius:12px;background:#edf0e9;color:#354330}.channel-icon.brand-asset{background:transparent;border-radius:0}.brand-asset img{display:block;width:28px;height:28px;object-fit:contain}.channel-purpose{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:3px}.channel h3,.instagram-channel h3{font:600 21px/1.3 Arial,sans-serif;margin:0;letter-spacing:0;overflow-wrap:anywhere}.channel>p{margin:20px 0 16px;color:var(--muted)}.channel-address{font-weight:600;overflow-wrap:anywhere;margin-top:auto;margin-bottom:20px}.channel-action{margin-top:auto}.channel small{display:block;font-size:14px;margin-top:12px;color:var(--muted)}.channel small a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}.channel-whatsapp{border-color:#8dac95;background:#f6fbf7}.channel-whatsapp .channel-action{background:#176039;border-color:#176039}.instagram-channel{display:flex;align-items:center;gap:16px;border-top:1px solid #d5cdb6;margin-top:28px;padding-top:26px;text-align:left}.instagram-copy{flex:1;min-width:0}.instagram-channel h3{font-size:19px}.instagram-channel p{margin:5px 0 0;color:var(--muted)}.instagram-channel>a{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:12px 0;color:#722351}
.footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.footer .brand{font-size:21px;margin-right:auto}.footer .brand-logo{width:44px;height:44px}.footer small{font-size:14px;color:var(--muted)}.footer>a:not(.brand){display:inline-flex;align-items:center;min-height:44px;font-size:14px}.nature-page .footer{background:var(--paper);border-radius:10px 10px 0 0;padding:25px 28px 30px}.legal{max-width:920px;padding:60px 0 80px;min-height:65vh}.legal h1{font-size:clamp(32px,6vw,64px);overflow-wrap:anywhere;hyphens:auto}.legal h2{font:600 22px/1.4 Arial,sans-serif;letter-spacing:0}.legal section{margin-top:32px}.legal address{font-style:normal}.legal a{text-decoration:underline;overflow-wrap:anywhere}.legal p{max-width:800px}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:28px}.hero>div:first-child{max-width:760px}.lead{max-width:650px}.photo{height:240px}.product-body,.product-order{padding-left:24px;padding-right:24px}.product h2{font-size:30px}.quantity{max-width:240px}.product-next{justify-content:flex-start}.navigation{gap:16px}.nav-links{gap:12px}}
@media(max-width:720px){.wrap{width:calc(100% - 28px)}.navigation{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 0}.navigation .brand{font-size:22px}.navigation .brand-logo{width:42px;height:42px}.brand small{font-size:10px}.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:14px}.nav-links a{border:1px solid var(--line);border-radius:5px;background:#f5f5ed;padding:6px}.nature-page main.wrap{padding-top:18px}.hero,.order-panel,.delivery-panel,#ablauf,.faq-layout{padding:24px 18px;margin-bottom:24px}h1{font-size:clamp(38px,8vw,54px)}.lead{font-size:16px}.offer strong{font-size:25px}.order-grid,.delivery-grid,.faq-layout{grid-template-columns:1fr;gap:24px}.order-summary{padding:20px}.order-send{border-top:1px solid var(--line);padding-top:24px}.steps{grid-template-columns:1fr;gap:24px}.step{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:18px;padding-top:20px}.step .number{grid-column:1;grid-row:1 / span 2;margin:0}.step h3,.step p{grid-column:2;min-width:0}.landscape{grid-template-columns:1fr;margin-bottom:24px}.landscape figure{min-height:260px}.landscape-copy{padding:28px}.contact{padding:28px 18px;margin-bottom:24px}.contact-channels{grid-template-columns:1fr;gap:16px}.channel{padding:22px}.instagram-channel{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px 12px}.instagram-channel>a{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px;border:1px solid #b58aa4;border-radius:5px;text-align:center}.footer{gap:16px}.footer small{order:5;width:100%}.nature-page .footer{padding:22px 18px}.legal{padding-top:36px}}
@media(max-width:540px){.products{grid-template-columns:1fr}.photo{height:210px}.product h2{font-size:28px}.product-body,.product-order{padding-left:20px;padding-right:20px}.quantity{max-width:none}.product-next{justify-content:center}.channel{padding:18px}.channel h3{font-size:19px}.channel-heading{gap:10px}.order-grid fieldset label{display:flex;margin-right:0}.order-summary output{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared sticky header; height also reserves space above anchor targets. */
.navigation-compact{min-height:calc(var(--header-height) - 1px)}
.navigation-compact .nav-contact{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 14px;font-size:14px;line-height:1.4;border:1px solid #b8c3b0;background:transparent;color:var(--green)}
.navigation-compact .nav-contact:hover{background:var(--soft)}
@media(max-width:720px){
:root{--header-height:73px}
.navigation.navigation-compact{flex-direction:row;align-items:center;justify-content:space-between;min-height:calc(var(--header-height) - 1px);padding:10px 0;gap:12px}
.navigation-compact .brand{font-size:21px;gap:9px;min-width:0}
.navigation-compact .brand-logo{width:40px;height:40px}
.navigation-compact .brand small{display:block;font-size:10px;line-height:1.3;letter-spacing:.04em;margin-top:3px;white-space:nowrap}
.nature-page main.wrap{padding-top:12px}
}

/* Existing sections in the requested reading order. */
.hero{display:block}
.hero>div:first-child{max-width:760px}
.product-selection{background:var(--paper);border:1px solid #fff9;border-radius:10px;padding:32px;margin-bottom:32px;gap:24px}
.product-selection .photo{height:240px}
.legal .legal-contact-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;text-decoration:none}
.legal-contact-link span{text-decoration:underline;text-underline-offset:3px;min-width:0;overflow-wrap:anywhere}
.legal-contact-icon{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain}
.legal-contact-row{margin:0 0 8px}
@media(max-width:720px){
.product-selection{padding:24px 18px;margin-bottom:24px;gap:16px}
#ablauf .section-head{margin-bottom:18px}
#ablauf .steps{gap:16px}
#ablauf .step{padding-top:16px}
#ablauf .step h3{font-size:22px;margin-bottom:8px}
.product-selection .photo{height:210px}
}

@media(max-width:350px){
.navigation.navigation-compact{gap:8px}
.navigation-compact .brand{font-size:19px;gap:7px}
.navigation-compact .brand-logo{width:36px;height:36px}
.navigation-compact .brand small{font-size:9px;letter-spacing:.03em}
.navigation-compact .nav-contact{padding-inline:10px}
}

/* Association membership: secondary to the honey offer. */
.membership{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:32px;padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:32px}
.membership-logo{display:block;width:144px;height:auto;max-width:100%}
.membership-copy{min-width:0}
.membership .eyebrow{margin-bottom:10px}
.membership h2{font-size:clamp(26px,2.5vw,32px);line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}
.membership-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:8px;max-width:760px}
.membership .text-link{gap:8px}
@media(max-width:720px){.membership{grid-template-columns:1fr;gap:20px;padding:24px 18px;margin-bottom:24px}.membership-logo{width:112px}.membership h2{font-size:26px}}

/* Compact shared links to calculator and contact. */
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
@media(max-width:430px){
.navigation.navigation-compact{gap:8px}
.navigation-compact .brand{font-size:19px;gap:6px}
.navigation-compact .brand-logo{width:32px;height:32px}
.navigation-compact .brand small{font-size:9px;letter-spacing:0;white-space:nowrap}
.header-actions{gap:6px}
.navigation-compact .nav-contact{font-size:12px;padding:8px;min-width:44px}
}

/* Keep both header links readable on narrow phones. */
@media(max-width:375px){
:root{--header-height:109px}
.navigation-compact .header-actions{flex-direction:column;gap:0;align-items:stretch}
.navigation-compact .header-actions .nav-contact{padding:6px 8px}
}
