/* anbieter.css */
/* cbdgrosshandel.de | Für Anbieter – neue eigenständige Angebotsseite */
:root{--green:#1d432e;--deep:#13301f;--accent:#557a4e;--ink:#233328;--muted:#657568;--line:#e2eae0;--mist:#f3f8f0;--paper:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);font:15px/1.63 Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.028em;line-height:1.14}
.site-container{width:min(1420px,calc(100% - 80px));margin:auto}
.content-container{width:min(1230px,calc(100% - 80px));margin:auto}
.top-header{height:86px;background:#fff;border-bottom:1px solid #edf0e9;position:relative;z-index:30}
.header-inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.brand img{width:390px;height:auto;object-fit:contain}
.nav{display:flex;gap:clamp(20px,2.2vw,38px);justify-content:center;align-items:center}
.nav a{font-size:14px;font-weight:570;color:#28372e;white-space:nowrap}.nav a:hover{color:#557c4c}
.header-cta{display:flex;align-items:center;justify-content:center;min-width:208px;background:#233e2c;padding:12px 22px;color:#fff;font-size:13px;font-weight:730;border-radius:7px;line-height:1.22;text-align:center;box-shadow:0 5px 17px #1f3d2b22}
.header-cta:hover,.btn:hover{background:#315a3f}.header-cta small{font-size:12px;font-weight:500;opacity:.85}
.mobile-toggle{display:none;background:white;color:var(--deep);border:1px solid var(--line);border-radius:7px;padding:7px 11px;font-size:23px}
.eyebrow{font-weight:800;letter-spacing:.18em;font-size:11px;text-transform:uppercase;color:#4b7a4c}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:31px;font-size:12px;color:#66796a}.breadcrumb a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;background:var(--green);color:#fff;border-radius:6px;font-size:13px;font-weight:750;transition:background .2s}
.btn.outline{border:1px solid #aac1aa;color:#25462d;background:transparent}.btn.outline:hover{background:#e9f1e6}
.btn.white{background:#fff;color:var(--deep)}.btn.white:hover{background:#ecf3e9}
.hero{position:relative;background:#f1f6ee;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0 0 0 52%;z-index:-2;background:url('../images/banner.webp') 60% center/cover no-repeat;opacity:.45}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3f8ef 0%,#f3f8ef 46%,rgba(243,248,239,.78) 64%,rgba(243,248,239,.20) 100%)}
.hero-wrap{padding:51px 0 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(345px,.80fr);gap:55px;align-items:center}
.hero h1{font-size:clamp(41px,3.6vw,60px);line-height:1.09;margin:14px 0 20px;color:#1c3b28;max-width:720px}
.hero h1 span{color:#567b50}
.hero .lead{max-width:660px;color:#526356;font-size:16px;line-height:1.76;margin-bottom:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-points{display:flex;gap:12px 23px;flex-wrap:wrap;margin-top:24px;color:#58715c;font-size:12px;font-weight:650}.hero-points span:before{content:'✓';margin-right:7px;font-weight:800;color:#32713a}
.showcase{position:relative;background:#fff;border-radius:16px;box-shadow:0 26px 75px rgba(12,48,26,.13);padding:21px;border:1px solid #e0e7dc;max-width:510px;margin-left:auto;width:100%}
.show-top{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:16px;color:#607667;font-size:12px}
.show-badge{color:#2c6a3d;background:#edf5e9;border:1px solid #d9e9d4;border-radius:18px;padding:5px 10px;font-weight:800;font-size:10px;white-space:nowrap}
.show-brand{border:1px solid #e5ede1;border-radius:11px;padding:17px;background:#f9fbf8}
.show-brand .brand-title{color:#1d3828;font-family:Georgia,serif;font-size:24px;font-weight:700;line-height:1.2}
.show-brand .brand-copy{font-size:12px;color:#708073;margin:6px 0 13px}
.show-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.show-products img{width:100%;height:93px;object-fit:cover;border-radius:6px}
.show-products span{display:block;font-size:10px;text-align:center;margin-top:5px;color:#647365}
.show-inquiry{margin-top:12px;border:1px solid #e1ebe0;background:#f1f6ee;border-radius:9px;padding:12px 15px;display:flex;gap:10px;align-items:center}
.show-envelope{background:#dcebd9;color:#2c6c3e;border-radius:8px;padding:10px;display:grid;place-items:center;flex:none}
.show-inquiry strong{display:block;font-size:12px;color:#284831}.show-inquiry span{display:block;font-size:11px;color:#617264}
.section{padding:83px 0;scroll-margin-top:20px}.section.soft{background:#f7faf5}.section-heading{max-width:880px;margin-bottom:35px}
.section-heading h2{font-size:clamp(32px,3vw,45px);color:#203d2b;margin:12px 0 14px}
.section-heading p{color:#5e7062;font-size:16px;line-height:1.8;margin:0}
.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.model-card{padding:25px 23px;border:1px solid var(--line);border-radius:13px;box-shadow:0 9px 30px #1b492b08;background:white;min-width:0}
.model-icon{width:43px;height:43px;border-radius:11px;background:#eaf3e5;color:#315e39;display:grid;place-items:center;font-size:22px;margin-bottom:19px}
.model-card h3{font-size:17px;color:#233d2b;margin:0 0 9px}.model-card p{font-size:13px;color:#67786a;line-height:1.7;margin:0}
.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:65px;align-items:center}
.feature-layout.reverse{grid-template-columns:minmax(350px,.88fr) minmax(0,1fr)}
.feature-copy h2{font-size:clamp(32px,3vw,44px);color:#1f3c2a;margin:10px 0 19px}
.feature-copy p{color:#5d6e61;line-height:1.85;margin-bottom:16px;font-size:15px}
.feature-copy strong{color:#263d2c}.check-list{list-style:none;margin:21px 0 25px;padding:0}
.check-list li{display:flex;align-items:start;gap:11px;padding:9px 0;border-bottom:1px solid #e8ede6;font-size:14px;line-height:1.5}
.check-list li:before{content:'✓';color:#397544;font-weight:800;flex:none}
.note{color:#708073;font-size:12px!important;line-height:1.6!important}
.offer-preview{border-radius:16px;border:1px solid #dfe9db;overflow:hidden;background:#fff;box-shadow:0 20px 50px #173d2511}
.preview-cover{height:182px;position:relative;background:linear-gradient(90deg,rgba(20,52,27,.63),rgba(26,63,37,.1)),url('../images/banner.webp') center/cover no-repeat;color:white;padding:23px;display:flex;flex-direction:column;justify-content:flex-end}
.preview-cover small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:780}
.preview-cover strong{font-family:Georgia,serif;font-size:26px;line-height:1.16}
.preview-body{padding:26px}.preview-label{font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.13em;color:#588050}
.preview-company{display:flex;gap:13px;align-items:center;padding:16px 0 19px;border-bottom:1px solid var(--line)}
.logo-placeholder{height:52px;width:52px;display:grid;place-items:center;border-radius:10px;background:#eff5ed;color:#3c7145;font-weight:800;font-size:21px}
.preview-company strong{font-size:16px;display:block}.preview-company span{font-size:12px;color:#768477}
.assortment{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}
.assortment img{height:92px;width:100%;object-fit:cover;border-radius:7px}.assortment span{font-size:11px;color:#718071;text-align:center;display:block;margin-top:7px}
.inline-email{display:flex;gap:11px;align-items:center;background:#f0f6ee;border:1px solid #dce9da;padding:15px;margin-top:22px;border-radius:9px;color:#31583b;font-size:12px}
.inline-email strong{display:block;font-size:14px}
.directory-card{background:white;border:1px solid #e0e9dd;border-radius:14px;padding:25px;box-shadow:0 18px 45px #173d2510}
.directory-tag{color:#638364;letter-spacing:.13em;font-size:10px;font-weight:830;text-transform:uppercase}
.directory-card h3{font-size:24px;color:#27482e;margin:9px 0 4px;font-family:Georgia,serif}.directory-card .muted{font-size:12px;color:#7a8a7c}
.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 21px}.tag-list span{font-size:11px;background:#edf4e9;color:#49714d;border-radius:5px;padding:6px 9px}
.directory-details{border-top:1px solid #e7eee4;padding-top:17px;display:grid;gap:11px;font-size:12px;color:#506756}
.directory-details strong{color:#294e32}
.directory-link{display:inline-block;margin-top:22px;font-size:12px;font-weight:790;color:#366f40;text-decoration:underline;text-underline-offset:3px}
.banner-illustration{background:#ecf3e9;border:1px solid #dbe8da;border-radius:15px;padding:18px;box-shadow:0 12px 35px #173d250b}
.browser-demo{background:#fff;border:1px solid #dde7dc;border-radius:10px;overflow:hidden;box-shadow:0 9px 22px #12351d0d}
.browser-bar{background:#f8fbf7;border-bottom:1px solid #e7eee5;padding:10px 14px;display:flex;gap:6px;align-items:center}
.browser-dot{width:7px;height:7px;border-radius:50%;background:#cddcc9}
.browser-site{font-size:11px;color:#57745b;margin-left:12px;font-weight:750}
.banner-header{margin:14px;padding:17px 13px;border:1px dashed #91ac8c;background:#dce9d7;text-align:center;border-radius:6px;color:#3d6444;font-size:12px;font-weight:800}
.browser-body{display:grid;grid-template-columns:1fr 95px;gap:11px;padding:0 14px 15px}
.fake-lines{padding:9px 0}.fake-lines i{display:block;height:10px;background:#e8eee5;border-radius:12px;margin-bottom:10px}.fake-lines i:nth-child(2){width:84%}.fake-lines i:nth-child(3){width:73%}.fake-lines i:nth-child(4){width:93%}.fake-lines i:nth-child(5){width:64%}
.banner-side{min-height:129px;border-radius:7px;background:linear-gradient(140deg,#285337,#132d1b);color:white;display:grid;align-content:center;justify-items:center;text-align:center;padding:10px;font-size:11px;font-weight:800}
.banner-side small{font-size:9px;font-weight:500;color:#cfdfce;margin-top:7px}
.editorial-preview{border-radius:15px;border:1px solid #e1e9df;overflow:hidden;box-shadow:0 17px 42px #1b45290d;background:white}
.editorial-preview img{height:223px;width:100%;object-fit:cover}
.editorial-preview .editorial-body{padding:26px}
.editorial-preview .sponsored-label{display:inline-block;font-size:10px;color:#637a63;background:#eef5eb;border:1px solid #dbe8d7;padding:5px 9px;border-radius:4px;font-weight:760;letter-spacing:.07em;text-transform:uppercase}
.editorial-preview h3{font-family:Georgia,serif;font-size:25px;line-height:1.28;color:#233e2a;margin:15px 0 10px}
.editorial-preview p{font-size:13px;line-height:1.72;color:#667666;margin-bottom:0}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.step{border-top:2px solid #b4cbb1;padding-top:22px}.step .num{font-family:Georgia,serif;font-size:35px;color:#668d61}.step h3{margin:9px 0 8px;font-size:17px;color:#223b2a}.step p{font-size:13px;color:#697a6a;line-height:1.7;margin:0}
.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid #e1e9e0;padding:20px 0}.faq-list details:first-child{border-top:1px solid #e1e9e0}.faq-list summary{font-weight:730;cursor:pointer;color:#294931;font-size:15px}.faq-list p{font-size:14px;line-height:1.75;color:#637566;margin:13px 0 2px}
.final-cta{background:#193c28;color:#fff;padding:66px 0}.final-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.final-cta .eyebrow{color:#c4ddc0}.final-cta h2{font-size:clamp(30px,3vw,43px);color:#fff;margin:12px 0 14px}.final-cta p{color:#d7e7d3;max-width:720px;margin-bottom:0}.cta-note{font-size:12px;color:#c3d7c1;margin-top:15px}
.footer{padding:27px 0;border-top:1px solid #e5ebe1;color:#7a897a;font-size:12px}
.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.legal-links{display:flex;gap:20px;flex-wrap:wrap}.legal-links a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1300px){.site-container,.content-container{width:calc(100% - 54px)}.brand img{width:315px}.model-grid{gap:11px}.model-card{padding:22px 18px}}
@media(max-width:1010px){.top-header{height:74px}.header-inner{display:flex}.brand img{width:300px}.mobile-toggle{display:block;margin-left:auto}.nav{position:absolute;top:74px;left:0;right:0;display:none;background:white;box-shadow:0 16px 24px #12391d13;border-bottom:1px solid var(--line);padding:13px 27px;z-index:40;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 4px}.header-cta{min-width:153px;padding:9px 12px}.hero-wrap{gap:30px;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.hero h1{font-size:43px}.model-grid{grid-template-columns:repeat(2,1fr)}.feature-layout,.feature-layout.reverse{gap:30px}.section{padding:65px 0}}
@media(max-width:730px){.hero-wrap{grid-template-columns:1fr;padding:34px 0 43px}.hero:before{inset:40% 0 0 0;opacity:.20}.hero:after{background:linear-gradient(180deg,#f3f8ef 0%,#f3f8ef 54%,rgba(243,248,239,.78) 100%)}.showcase{margin:0;max-width:100%}.feature-layout,.feature-layout.reverse{display:flex;flex-direction:column;align-items:stretch}.feature-layout.reverse .feature-copy{order:1}.feature-layout.reverse .directory-card{order:2}.steps-grid{grid-template-columns:repeat(2,1fr)}.final-grid{grid-template-columns:1fr}.final-grid .btn{justify-self:start}}
@media(max-width:660px){.site-container,.content-container{width:calc(100% - 32px)}.top-header{height:68px}.brand img{width:223px}.header-cta{display:none}.nav{top:68px}.hero h1{font-size:38px}.hero .lead{font-size:14px}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}.section{padding:49px 0}.model-grid{gap:11px}.model-card{padding:20px 17px}.model-card h3{font-size:15px}.model-card p{font-size:12px}.feature-copy h2{font-size:33px}.feature-copy p{font-size:14px}.steps-grid{gap:18px}.show-products img,.assortment img{height:77px}.final-cta{padding:50px 0}}
@media(max-width:400px){.model-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.brand img{width:195px}.showcase{padding:14px}.preview-body{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Navigation mit zusätzlichem Menüpunkt „Verpackungen“. */
@media (min-width: 991px) and (max-width: 1370px){.header-inner{gap:13px!important}.nav{gap:clamp(11px,1.35vw,20px)!important}.nav a{font-size:13px!important}.brand img{width:min(300px,24vw)!important}.header-cta{min-width:155px!important;padding-left:12px!important;padding-right:12px!important}}
@media (min-width: 981px) and (max-width:990px){.header-inner{gap:10px!important}.brand img{max-width:235px!important}.nav{gap:10px!important}.nav a{font-size:12px!important}}

/* header-unified.css */
/* Einheitliche Navigation auf allen Seiten – v9 */
.cbd-global-header, .cbd-global-header *{box-sizing:border-box}
.cbd-global-header{position:relative!important;z-index:1000!important;display:block!important;width:100%;height:76px!important;min-height:76px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e5ebe3!important;background:#fff!important;color:#253b2d!important;font-family:Arial,"Segoe UI",sans-serif!important;line-height:normal!important;box-shadow:none!important}
.cbd-global-header__inner{height:100%;max-width:1500px;width:calc(100% - 80px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.cbd-global-header__logo{width:230px;flex:0 0 230px;display:flex;align-items:center;justify-content:flex-start;line-height:0;text-decoration:none}
.cbd-global-header__logo img{width:230px!important;height:auto!important;max-width:100%!important;max-height:46px!important;object-fit:contain!important;object-position:left center;display:block}
.cbd-global-header__nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:clamp(16px,2vw,34px);height:100%;margin:0!important;padding:0!important;background:transparent!important;border:0!important;position:static!important;transform:none!important;box-shadow:none!important}
.cbd-global-header__nav a{display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;height:100%;font:400 14px/1.25 Arial,"Segoe UI",sans-serif!important;color:#2a382d!important;text-decoration:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;letter-spacing:normal!important;text-transform:none!important}
.cbd-global-header__nav a:hover{color:#34633f!important}
.cbd-global-header__nav a[aria-current="page"]{color:#244e31!important}
.cbd-global-header__nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:#48764f}
.cbd-global-header__action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;border-radius:7px;background:#253e2b!important;color:#fff!important;min-height:45px;padding:12px 17px;font:700 13px/1.2 Arial,"Segoe UI",sans-serif!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 3px 10px #17351e1a}
.cbd-global-header__action:hover{background:#366044!important;color:#fff!important}
.cbd-global-header__action svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.cbd-global-header__mobile-toggle{display:none;align-items:center;justify-content:center;border:1px solid #dce6d9!important;background:#fff!important;border-radius:6px;color:#24482f!important;width:43px;height:40px;font-size:23px;line-height:1;cursor:pointer}
@media(max-width:1160px){.cbd-global-header__inner{width:calc(100% - 48px);gap:17px}.cbd-global-header__logo{width:192px;flex-basis:192px}.cbd-global-header__logo img{width:192px!important}.cbd-global-header__nav{gap:15px}.cbd-global-header__nav a{font-size:13px!important}.cbd-global-header__action{padding:11px 13px;font-size:12px!important}}
@media(max-width:1020px){.cbd-global-header__nav{display:none!important;position:absolute!important;top:calc(100% + 1px)!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:75vh;overflow-y:auto;flex-direction:column;gap:0;align-items:stretch;justify-content:flex-start;padding:8px!important;background:#fff!important;border:1px solid #e2e9df!important;box-shadow:0 16px 24px #18321c24!important;border-radius:0 0 12px 12px;z-index:1200}.cbd-global-header__nav.open{display:flex!important}.cbd-global-header__nav a{display:flex!important;width:100%;height:auto!important;min-height:46px;padding:12px 14px!important;justify-content:flex-start;border-radius:5px}.cbd-global-header__nav a[aria-current="page"]:after{bottom:6px;left:14px;right:auto;width:48px;height:2px}.cbd-global-header__mobile-toggle{display:inline-flex!important;order:3}.cbd-global-header__action{order:2;margin-left:auto}}
@media(max-width:560px){.cbd-global-header{height:70px!important;min-height:70px!important}.cbd-global-header__inner{width:calc(100% - 30px);gap:9px}.cbd-global-header__logo{width:153px;flex-basis:153px}.cbd-global-header__logo img{width:153px!important;max-height:39px!important}.cbd-global-header__action{gap:6px;min-height:38px;padding:9px 10px;font-size:10px!important;white-space:normal;text-align:center;max-width:130px}.cbd-global-header__action svg{width:15px;height:15px;flex-basis:15px}.cbd-global-header__mobile-toggle{width:37px;height:38px;font-size:20px}}
@media(max-width:405px){.cbd-global-header__logo{width:132px;flex-basis:132px}.cbd-global-header__logo img{width:132px!important}.cbd-global-header__action{max-width:116px;font-size:9px!important;padding:8px 7px}.cbd-global-header__action svg{display:none}}


/* V11: robuste zweizeilige CTA; vermeidet Zusammenlaufen durch fremde Global-CSS */
.cbd-global-header a.cbd-global-header__action {
 display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
 flex:0 0 auto!important; gap:3px!important; width:199px!important; min-width:199px!important; max-width:199px!important;
 min-height:53px!important; height:53px!important; padding:8px 12px!important;
 border:0!important; border-radius:7px!important; text-align:center!important;
 white-space:normal!important; letter-spacing:normal!important; line-height:1!important;
}
.cbd-global-header .cbd-global-header__action-title,
.cbd-global-header .cbd-global-header__action-subtitle {
 display:block!important; flex:none!important; width:100%!important; margin:0!important; padding:0!important;
 line-height:1.2!important; white-space:nowrap!important; text-transform:none!important;
 text-align:center!important; letter-spacing:0!important; font-family:Arial,"Segoe UI",sans-serif!important;
}
.cbd-global-header .cbd-global-header__action-title {font-size:13px!important;font-weight:700!important;color:#fff!important;}
.cbd-global-header .cbd-global-header__action-subtitle {font-size:11px!important;font-weight:500!important;color:#d8eadc!important;}
@media(max-width:1160px){.cbd-global-header a.cbd-global-header__action{width:170px!important;min-width:170px!important;max-width:170px!important;}}
@media(max-width:560px){
 .cbd-global-header a.cbd-global-header__action{width:118px!important;min-width:118px!important;max-width:118px!important;height:43px!important;min-height:43px!important;padding:5px!important;gap:2px!important}
 .cbd-global-header .cbd-global-header__action-title{font-size:10px!important}
 .cbd-global-header .cbd-global-header__action-subtitle{font-size:9px!important}
}
@media(max-width:405px){
 .cbd-global-header a.cbd-global-header__action{width:104px!important;min-width:104px!important;max-width:104px!important}
 .cbd-global-header .cbd-global-header__action-title{font-size:9px!important}
 .cbd-global-header .cbd-global-header__action-subtitle{font-size:8.5px!important}
}
/* Tastaturbedienung, Bewegungsreduzierung */
.cbd-global-header a:focus-visible,.cbd-global-header button:focus-visible{outline:3px solid #75a17c!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}