/* Ben Vletter Blumenexport – benvletter.de *//* Ben Vletter – design tokens (UI-SPEC.md §2). Alleen lokale fonts. */@font-face{font-family:"Overpass";src:url("../fonts/overpass-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--c-green-900:#26442a;--c-green-950:#1a2f1d;--c-green-700:#3b6b42;--c-yellow:#f9ce40;--c-yellow-600:#f7d111;--c-petal:#e3f2f9;--c-mint:#cee1df;--c-bg:#ffffff;--c-bg-soft:#f4f8f6;--c-text:#1c1c1c;--c-text-muted:#4d5e50;--c-on-dark:#ffffff;--c-on-dark-muted:#cee1df;--c-border:#7a8f7d;--c-border-subtle:#dde7e2;--focus:var(--c-green-900);--font-sans:"Overpass",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fs-h1:clamp(2rem,1.45rem + 2.2vw,2.75rem);--fs-h2:clamp(1.625rem,1.3rem + 1.3vw,2.25rem);--fs-h3:clamp(1.125rem,1.05rem + .35vw,1.375rem);--fs-lead:clamp(1.125rem,1.05rem + .35vw,1.3125rem);--fs-body:clamp(1.0625rem,1.04rem + .1vw,1.125rem);--fs-small:.9375rem;--fs-eyebrow:.8125rem;--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.6;--ls-heading:-.02em;--ls-eyebrow:.08em;--measure:68ch;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--section-y:clamp(3rem,2rem + 4vw,6rem);--gutter:clamp(1.25rem,.8rem + 2vw,2.5rem);--container:75rem;--radius:6px;--radius-lg:10px;--shadow-1:0 1px 2px rgb(26 47 29 / .08),0 2px 8px rgb(26 47 29 / .06);--shadow-2:0 4px 20px rgb(26 47 29 / .18);--tap:44px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-weight:800;letter-spacing:var(--ls-heading);line-height:var(--lh-heading);margin:0 0 var(--sp-4)}h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);font-weight:700;letter-spacing:0}p{margin:0 0 var(--sp-4);max-width:var(--measure)}a{color:var(--c-green-700);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}.on-dark{--focus:var(--c-yellow);color:var(--c-on-dark)}.on-dark a:not(.btn){color:var(--c-on-dark)}.container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}.eyebrow{font-size:var(--fs-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);margin:0 0 var(--sp-3)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;background:var(--c-yellow);color:var(--c-green-950);padding:var(--sp-3) var(--sp-4);font-weight:700;border-radius:var(--radius)}.skip-link:focus{top:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);padding:.6rem 1.25rem;border-radius:var(--radius);font:700 var(--fs-small)/1.2 var(--font-sans);letter-spacing:.02em;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn svg{width:1.1em;height:1.1em;flex:none}.btn--primary{background:var(--c-yellow);color:var(--c-green-950)}.btn--primary:hover{background:#fff4c9}.btn--outline{border-color:var(--c-yellow);color:var(--c-on-dark);background:transparent}.btn--outline:hover{background:rgb(249 206 64 / .14)}.btn--green{background:var(--c-green-900);color:#fff}.btn--green:hover{background:var(--c-green-950)}.btn--ghost-dark{border-color:var(--c-green-900);color:var(--c-green-900)}.btn--ghost-dark:hover{background:rgb(38 68 42 / .08)}.btn--sm{padding:.45rem .9rem}.site-header{position:sticky;top:0;z-index:50;background:var(--c-green-900);border-bottom:1px solid rgb(255 255 255 / .08)}.site-header .container{display:flex;align-items:center;gap:var(--sp-4);min-height:68px}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;margin-right:auto;min-height:var(--tap)}.brand img{width:40px;height:40px;border-radius:4px}.brand span{display:flex;flex-direction:column;line-height:1.05;font-size:1rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.brand small{font-weight:400;font-size:.8125rem;letter-spacing:.06em}.nav-list{display:flex;gap:var(--sp-2);list-style:none;margin:0;padding:0}.nav-list a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-3);color:#fff;text-decoration:none;font-weight:600;font-size:var(--fs-small)}.nav-list a:hover,.nav-list a[aria-current]{text-decoration:underline;text-decoration-color:var(--c-yellow);text-decoration-thickness:2px;text-underline-offset:.5em}.menu-toggle{display:none;width:var(--tap);height:var(--tap);align-items:center;justify-content:center;background:transparent;border:2px solid rgb(255 255 255 / .5);border-radius:var(--radius);color:#fff;cursor:pointer}.menu-toggle svg{width:22px;height:22px}@media (max-width:767px){.js .site-nav{position:fixed;inset:68px 0 auto 0;background:var(--c-green-950);padding:var(--sp-4) var(--gutter) var(--sp-6);box-shadow:var(--shadow-2);display:none}.js .site-nav.is-open{display:block}.nav-list{flex-direction:column;gap:0}.nav-list a{font-size:1.125rem;width:100%;border-bottom:1px solid rgb(255 255 255 / .12);min-height:52px;padding:0}.header-cta .label-long{display:none}}@media (min-width:768px){.header-cta .label-short{display:none}}.hero{background:var(--c-green-900);padding-block:var(--section-y)}.hero .container{display:grid;gap:var(--sp-7);align-items:center}@media (min-width:1024px){.hero .container{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}.hero h1{max-width:24ch;color:#fff}.hero .lead{font-size:var(--fs-lead);color:#fff;font-weight:500}.hero p{color:var(--c-on-dark-muted)}.hero .cta-note{color:#fff;font-weight:600;margin-top:var(--sp-5)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4)}.hero-logo{justify-self:center;width:min(100%,300px)}@media (max-width:1023px){.hero-logo{order:-1;width:180px;justify-self:start}}.usp{position:relative;padding-block:var(--section-y);background:var(--c-green-900);isolation:isolate;overflow:hidden}.usp-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2}.usp::before{content:"";position:absolute;inset:0;background:rgb(38 68 42 / .72);z-index:-1}.usp-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}@media (min-width:1024px){.usp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}}.usp-card{background:rgb(26 47 29 / .92);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);text-align:center;color:#fff}.usp-card svg{display:block;width:36px;height:36px;color:var(--c-yellow);margin:0 auto var(--sp-4)}.usp-card h3{text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-small);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:2px solid var(--c-yellow);display:inline-block}.usp-card p{color:var(--c-on-dark-muted);font-size:var(--fs-small);margin:0 auto;max-width:22ch;line-height:1.5}@media (max-width:479px){.usp-card{padding:var(--sp-5) var(--sp-3)}.usp-card svg{width:30px;height:30px;margin-bottom:var(--sp-3)}}.contact{background:var(--c-mint);padding-block:var(--section-y)}.contact-grid{display:grid;gap:var(--sp-6)}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1fr auto;align-items:start}}.contact address{font-style:normal}.contact dl{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-4);margin:0}.contact dt{font-weight:700}.contact dd{margin:0}.contact a:not(.btn){color:var(--c-green-900);font-weight:700}.contact a.tel,.contact a.mail{display:inline-flex;align-items:center;min-height:var(--tap)}.contact .logo-small{width:120px;border-radius:var(--radius)}.site-footer{background:var(--c-green-950);color:var(--c-on-dark-muted);font-size:var(--fs-small)}.site-footer .container{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);align-items:center;justify-content:space-between;padding-block:var(--sp-5)}.site-footer ul{display:flex;gap:var(--sp-5);list-style:none;margin:0;padding:0}.site-footer a{color:#fff;display:inline-flex;align-items:center;min-height:var(--tap)}.page-head{background:var(--c-green-900);padding-block:var(--sp-8) var(--sp-7)}.page-head h1{color:#fff;margin:0}.breadcrumb{font-size:var(--fs-small);margin-bottom:var(--sp-3)}.breadcrumb a{color:var(--c-on-dark-muted)}.prose{padding-block:var(--section-y)}.prose>*{max-width:var(--measure)}.prose h2{font-size:var(--fs-h3);margin-top:var(--sp-7);font-weight:800}.prose h2:first-child{margin-top:0}.prose address{font-style:normal;margin-bottom:var(--sp-4)}.todo{background:#fff4c9;border:1px dashed #8a6d00;padding:0 .3em;border-radius:3px;font-size:.92em}@media (max-width:479px){.hero-actions .btn{width:100%}}.footer-copy{margin:0}.hero-logo img{width:100%;height:auto}.hero-logo{display:block}.site-footer a[aria-current]{text-decoration-thickness:2px}.prose ul{padding-left:1.25em;margin:0 0 var(--sp-4)}.prose li{margin-bottom:var(--sp-2)}.prose h3{font-size:var(--fs-body);margin-top:var(--sp-5);font-weight:700}.prose .muted{color:var(--c-text-muted);font-size:var(--fs-small)}.notfound-actions{margin-top:var(--sp-5)}.js-only{display:none}.js .menu-toggle.js-only{display:none}@media (max-width:767px){.js .menu-toggle.js-only{display:inline-flex}html:not(.js) .site-header .container{flex-wrap:wrap}html:not(.js) .site-nav{order:3;position:static;display:block;width:100%;box-shadow:none;background:transparent;padding:0 0 var(--sp-2)}html:not(.js) .nav-list{flex-direction:row;flex-wrap:wrap}html:not(.js) .nav-list a{width:auto;border:0;min-height:var(--tap);padding:0 var(--sp-3) 0 0;font-size:var(--fs-small)}html:not(.js) .site-nav.is-open{display:block}}@media print{.site-header,.skip-link,.usp-bg{display:none}.on-dark,.hero,.page-head{background:#fff!important;color:#000!important}}