:root{--ink:#10140e;--forest:#14382a;--lime:#d8ff52;--cream:#efeee5;--paper:#faf9f4;--clay:#bd6846;--plum:#402b3a;--line:rgba(16,20,14,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit}img{display:block;width:100%}h1,h2,h3,h4,p{margin-top:0}.site-header{position:absolute;z-index:10;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px clamp(22px,5vw,76px);color:#fff;border-bottom:1px solid #ffffff40}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid;border-radius:50%;font-size:.9rem}.site-header nav{display:flex;gap:30px}.site-header nav a,.header-index{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.header-index{justify-self:end}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.hero>img,.hero-wash{position:absolute;inset:0;height:100%;object-fit:cover}.hero-wash{background:linear-gradient(90deg,#07140ff5,#07140fa8 52%,#07140f14)}.hero-copy{position:relative;z-index:1;padding:140px clamp(24px,8vw,130px) 110px;max-width:1000px}.kicker,.section-no,.range-content header>p,.forms header>p{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.kicker{color:var(--lime);margin-bottom:34px}.hero h1,.collection-header h2,.grow-heading h2,.closing h2{font-size:clamp(4rem,9vw,9.5rem);line-height:.86;letter-spacing:-.075em;margin:0}.hero em,.collection-header em,.grow-heading em,.closing em,.manifesto em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:560px;margin:36px 0 0;font-size:1.15rem;color:#d9e3dc}.hero-meta{position:absolute;z-index:1;right:5vw;bottom:42px;display:flex;gap:10px}.hero-meta span{padding:8px 13px;border:1px solid #ffffff59;border-radius:99px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.manifesto{display:grid;grid-template-columns:.45fr 1.55fr;gap:8vw;padding:120px clamp(24px,8vw,130px);background:var(--paper)}.section-no{color:#667069}.manifesto>div{max-width:880px}.manifesto-lead{font-size:clamp(2rem,4vw,4.4rem);line-height:1.08;letter-spacing:-.045em}.manifesto>div>p:last-child{max-width:620px;color:#5d665f;font-size:1.08rem}.collection{padding:115px clamp(16px,4vw,64px);background:var(--ink)}.collection-header{display:grid;grid-template-columns:.3fr 1.1fr .6fr;gap:5vw;align-items:end;color:#fff;padding:0 clamp(6px,4vw,66px) 100px}.collection-header h2{font-size:clamp(3.8rem,7vw,7.8rem)}.collection-header>p:last-child{color:#afb6ac}.range{display:grid;margin-bottom:20px;overflow:hidden}.range-indoor{grid-template-columns:.72fr 1.28fr}.range-photo{overflow:hidden}.range-photo img{height:100%;object-fit:cover}.range-photo.tall{min-height:920px}.range-content{background:var(--paper);padding:clamp(32px,5vw,76px)}.range-content header{display:grid;grid-template-columns:auto 1fr;column-gap:24px;margin-bottom:70px}.range-no{font-size:clamp(2.8rem,5vw,6rem);line-height:.8;letter-spacing:-.06em;opacity:.22;grid-row:1/4}.range-content header>p,.forms header>p{margin:0 0 12px;color:#60695f}.range-content h3,.forms h3{font-size:clamp(3.5rem,6vw,7rem);line-height:.82;letter-spacing:-.07em;margin:0 0 30px}.range-lead{max-width:560px;color:#5c655c;margin:0}.varieties{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.varieties>div{padding:28px 30px 32px 0;border-bottom:1px solid var(--line)}.varieties>div:nth-child(odd){border-right:1px solid var(--line)}.varieties>div:nth-child(even){padding-left:30px}.varieties span,.form-list span{font-size:.65rem;letter-spacing:.16em;opacity:.55}.varieties h4,.form-list h4{font-size:1.45rem;line-height:1.05;margin:12px 0 8px}.varieties p,.form-list p{color:#60685f;margin:0}.range-sun{grid-template-columns:1fr 1.15fr}.sun-gallery{display:grid;grid-template-rows:1.15fr .85fr;gap:10px;background:var(--clay);padding:10px}.sun-gallery img{height:100%;object-fit:cover}.range-sun .range-content{background:var(--clay)}.range-sun .range-lead,.range-sun .varieties p,.range-sun header>p{color:#38251e}.compact>div{padding-top:22px;padding-bottom:24px}.compact h4{font-size:1.25rem}.range-hash{background:var(--plum)}.range-photo.wide{height:min(54vw,620px);padding:10px}.range-hash .range-content{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;background:var(--plum);color:#fff}.range-hash .range-content header{align-content:start}.range-hash .range-lead,.range-hash header>p{color:#cdbfca}.hash-list{border-top:1px solid #ffffff38}.hash-list>div{display:grid;grid-template-columns:.55fr 1fr;gap:25px;padding:23px 0;border-bottom:1px solid #ffffff38}.hash-list b{font-size:1.2rem}.hash-list p{margin:0;color:#cdbfca}.forms{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--lime);padding:clamp(38px,6vw,90px)}.forms header{display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-content:start}.form-list{border-top:1px solid #10140e59}.form-list>div{padding:32px 0;border-bottom:1px solid #10140e59}.form-list h4{font-size:clamp(1.6rem,3vw,3.2rem)}.form-list p{max-width:700px;color:#34402f}.grow-methods{padding:120px clamp(24px,8vw,130px);background:var(--paper)}.grow-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end;margin:45px 0 90px}.grow-heading h2{font-size:clamp(3.7rem,7vw,7.7rem)}.grow-heading>p{color:#5e665f}.grow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.grow-grid>div{min-height:300px;padding:32px 40px 32px 0;margin-right:40px;border-right:1px solid var(--line);display:flex;flex-direction:column}.grow-grid>div:last-child{border:0}.grow-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.grow-grid h3{font-size:2rem;margin:auto 0 14px}.grow-grid p{color:#596159}.closing{padding:130px clamp(24px,8vw,130px);background:var(--forest);color:#fff;position:relative}.closing>p{color:var(--lime);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.closing h2{font-size:clamp(4rem,8vw,8.5rem);margin-top:50px}.closing>a{position:absolute;right:8vw;bottom:55px;text-decoration:none;border-bottom:1px solid}footer{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:30px;align-items:center;padding:38px 5vw;background:#0a0d09;color:#b7beb5;font-size:.78rem}footer .brand{color:#fff}.legal{max-width:530px;margin:0}
@media(max-width:1000px){.site-header{grid-template-columns:1fr 1fr}.site-header nav{display:none}.manifesto{grid-template-columns:1fr}.collection-header{grid-template-columns:1fr 1fr}.collection-header .section-no{grid-column:1/-1}.range-indoor,.range-sun{grid-template-columns:1fr}.range-photo.tall{min-height:650px}.sun-gallery{grid-template-columns:1.2fr .8fr;grid-template-rows:520px}.range-hash .range-content,.forms{grid-template-columns:1fr}.grow-heading{grid-template-columns:1fr}}
@media(max-width:680px){.header-index{font-size:.58rem}.hero{min-height:680px}.hero-copy{padding-bottom:120px}.hero h1{font-size:clamp(3.5rem,18vw,5.7rem)}.hero-meta{left:24px;right:auto;bottom:28px;flex-wrap:wrap}.manifesto{padding-block:80px}.collection{padding:80px 10px}.collection-header{grid-template-columns:1fr;padding:0 10px 60px}.collection-header h2{font-size:3.55rem}.range-photo.tall{min-height:540px}.range-content{padding:40px 24px}.range-content header{display:block;margin-bottom:50px}.range-no{display:block;margin-bottom:24px}.range-content h3,.forms h3{font-size:3.5rem}.varieties{grid-template-columns:1fr}.varieties>div:nth-child(odd){border-right:0}.varieties>div:nth-child(even){padding-left:0}.sun-gallery{grid-template-columns:1fr;grid-template-rows:330px 430px}.range-photo.wide{height:430px}.range-hash .range-content,.forms{padding:45px 24px}.hash-list>div{grid-template-columns:1fr;gap:7px}.forms header{display:block}.grow-methods{padding-block:85px}.grow-grid{grid-template-columns:1fr}.grow-grid>div{min-height:230px;margin:0;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.closing{padding-block:95px 130px}.closing>a{left:24px;right:auto;bottom:45px}footer{grid-template-columns:1fr 1fr}.legal{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Ruhige, helle Sortimentsflaechen analog zum Indoor-Bereich */
.range-sun,.sun-gallery,.range-sun .range-content,.range-hash,.range-hash .range-content,.forms{background:var(--paper)}
.range-hash .range-content{color:var(--ink)}
.range-sun .range-lead,.range-sun .varieties p,.range-sun header>p,.range-hash .range-lead,.range-hash header>p,.hash-list p,.form-list p{color:#5c655c}
.hash-list,.form-list{border-top-color:var(--line)}
.hash-list>div,.form-list>div{border-bottom-color:var(--line)}

/* Dezentes Archivdetail der originalen Budz Verpackung */
.manifesto{grid-template-columns:.35fr 1.35fr .42fr;gap:clamp(38px,6vw,95px);align-items:center;overflow:hidden}
.manifesto .section-no{align-self:start}
.packaging-detail{width:min(100%,250px);margin:0;justify-self:end;transform:rotate(2.5deg)}
.packaging-detail>div{position:relative;overflow:hidden;border-radius:2px;box-shadow:0 24px 55px #10201624}
.packaging-detail>div:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff3d;pointer-events:none}
.packaging-detail img{aspect-ratio:1.114/1;object-fit:cover}
.packaging-detail figcaption{margin-top:13px;font-size:.63rem;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:#71786f}
@media(max-width:1000px){.manifesto{grid-template-columns:1fr 220px}.manifesto .section-no{grid-column:1/-1}.packaging-detail{grid-column:2;grid-row:2}}
@media(max-width:680px){.manifesto{grid-template-columns:1fr}.manifesto .section-no,.packaging-detail{grid-column:1}.packaging-detail{grid-row:auto;width:210px;margin-top:8px}}

/* Die originale Wortmarke bildet die Kopfmarke. */
.site-header{padding-block:12px;column-gap:24px;background:linear-gradient(90deg,#07140fe8 0,#07140f70 34%,transparent 62%)}
.brand-home{display:block;justify-self:start;width:max-content;white-space:nowrap}
.brand-wordmark{display:block;width:190px;height:auto;filter:drop-shadow(0 2px 5px #02080545)}
.footer-brand .brand-wordmark{width:118px}
.footer-brand{display:block;width:max-content}
.brand-home:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:3px}
@media(max-width:680px){
.site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:14px;padding:10px 22px}
.brand-wordmark{width:140px}
.header-index{max-width:100px;text-align:right;line-height:1.6}
}
@media(max-width:380px){.site-header{grid-template-columns:1fr}.header-index{display:none}}