@font-face{font-family:Noe Display;font-style:normal;font-weight:300;font-display:swap;src:url(/cdn/shop/files/NoeDisplay-Light.woff2?v=1787659269) format("woff2")}@font-face{font-family:Noe Display;font-style:italic;font-weight:300;font-display:swap;src:url(/cdn/shop/files/NoeDisplay-LightItalic.woff2?v=1787659269) format("woff2")}.shopify-section-group-header-group{display:none!important}body{margin:0}.fwf{--paper:#f4f6e8;--lime:#d6e076;--yellow:#fff978;--pink:#ff608c;--red:#ba352d;--red-deep:#8f241e;--tan:#dcc8b6;--olive:#554a29;--ink:#221f1c;--creme:#eae59b;--display:"Noe Display",Georgia,"Times New Roman",serif;--body:"Montserrat",Helvetica,Arial,sans-serif;--pad:clamp(26px,5vw,86px);font-family:var(--body);font-size:17px;line-height:1.7;font-weight:300;color:var(--ink);background:var(--paper)}.fwf *{box-sizing:border-box}.fwf h1,.fwf h2,.fwf h3,.fwf .say{font-family:var(--display);font-weight:300;margin:0;letter-spacing:-.005em}.fwf em{font-style:italic}.fwf a{text-decoration:none;color:inherit}.fwf .tile{position:relative;overflow:hidden;min-height:0}.fwf .tile i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-size:cover;background-position:center;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.fwf a.tile:hover i{transform:scale(1.035)}.fwf .kicker{font-family:var(--display);font-size:clamp(11px,1.05vw,14px);letter-spacing:.28em;text-transform:uppercase;margin:0 0 clamp(18px,2.2vw,34px);line-height:1.6}.fwf .kicker em{text-transform:none;letter-spacing:.08em}.fwf .stamp{font-family:var(--display);font-size:11px;letter-spacing:.34em;text-transform:uppercase;position:absolute;left:var(--pad);bottom:clamp(18px,2.4vw,34px);opacity:.72}.fwf .stamp i{font-style:italic;text-transform:none;letter-spacing:.1em}.fwf .ovum{width:.62em;height:.7em;vertical-align:-.06em;margin-right:.5em}.fwf .top{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(18px,2.4vw,34px) var(--pad);color:var(--paper)}.fwf .wordmark{display:block;color:var(--paper);line-height:0}.fwf .wordmark .logo{height:clamp(22px,2.3vw,36px);width:auto;display:block;filter:drop-shadow(0 1px 6px rgba(50,12,10,.35))}.fwf .strip-logo .logo{height:16px;width:auto;display:block}.fwf .top nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,38px)}.fwf .top nav a{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:400;opacity:.94}.fwf .top nav a:hover{opacity:.7}.fwf .pill{display:inline-block;border:1px solid currentColor;border-radius:100px;padding:9px 20px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:400;font-family:var(--body);white-space:nowrap;transition:background .3s,color .3s}.fwf .top .pill{border-color:var(--pink);background:transparent}.fwf .top .pill:hover{background:var(--pink)}.fwf .hero{position:relative;display:grid;grid-template-columns:1.62fr 1fr;height:min(94vh,940px);min-height:520px}.fwf .hero .tile--main i{background-position:center 26%}.fwf .hero .tile--main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#3c0e0c57,#3c0e0c00 26% 46%,#46100c9e)}.fwf .hero-line{position:absolute;z-index:2;left:var(--pad);right:clamp(20px,6vw,90px);bottom:clamp(28px,4.4vw,66px);color:var(--creme)}.fwf .hero-line h1{font-size:clamp(36px,4.9vw,80px);line-height:1.02;color:var(--creme);text-shadow:0 2px 6px rgba(50,12,10,.35),0 10px 40px rgba(50,12,10,.35)}.fwf .hero-line .sub{font-family:var(--body);font-size:clamp(14px,1.15vw,17px);letter-spacing:.02em;font-weight:400;margin:clamp(14px,1.6vw,22px) 0 0;max-width:48ch;color:#fbf7e6;text-shadow:0 1px 4px rgba(50,12,10,.5)}.fwf .band{position:relative;padding:clamp(56px,7.4vw,124px) var(--pad) clamp(72px,8.6vw,140px)}.fwf .band--red{background:var(--red);color:var(--paper)}.fwf .band--red .kicker{color:#e9a79f}.fwf .band--lime{background:var(--lime);color:var(--red)}.fwf .band--pink{background:var(--pink);color:var(--paper)}.fwf .band--pink .kicker{color:#ffd2df}.fwf .band--paper{background:var(--paper);color:var(--ink)}.fwf .band--paper .kicker{color:var(--red)}.fwf .band--yellow{background:var(--yellow);color:var(--red);text-align:center}.fwf .band .say{font-size:clamp(23px,2.7vw,40px);line-height:1.26;max-width:22ch}.fwf .band--red .say,.fwf .band--pink .say,.fwf .band--paper .say{max-width:30ch}.fwf .band--yellow .say{max-width:none}.fwf .band .note{font-family:var(--body);font-size:clamp(15px,1.15vw,17px);line-height:1.75;max-width:52ch;margin:clamp(22px,2.6vw,38px) 0 0}.fwf .band--yellow .cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:clamp(30px,3.6vw,52px)}.fwf .band--yellow .pill:hover{background:var(--red);color:var(--yellow);border-color:var(--red)}.fwf .mq{background:var(--ink);color:var(--paper);padding:15px 0;overflow:hidden;white-space:nowrap}.fwf .mq .track{display:inline-block;animation:fwf-slide 52s linear infinite}.fwf .mq span{font-family:var(--display);font-size:14px;letter-spacing:.3em;text-transform:uppercase;padding:0 18px}.fwf .mq .hi{font-style:italic;text-transform:none;letter-spacing:.1em;color:var(--yellow)}@keyframes fwf-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.fwf .band--count{background:var(--yellow);color:var(--red);text-align:left;overflow:hidden;padding:clamp(48px,6vw,96px) var(--pad) clamp(64px,7.6vw,124px)}.fwf .band--count .kicker{color:var(--red);font-size:clamp(24px,3vw,46px);letter-spacing:-.005em;text-transform:none;line-height:1.15;margin-bottom:clamp(14px,1.8vw,28px)}.fwf .band--count .kicker em{letter-spacing:0}.fwf .band--count .kicker .ovum{width:.5em;height:.58em}.fwf .count{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px clamp(18px,3vw,48px);border-top:1px solid rgba(186,53,45,.35);padding:clamp(10px,1.4vw,22px) 0 clamp(18px,2.2vw,34px)}.fwf .count .num{font-family:var(--display);font-size:clamp(72px,13.5vw,236px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:inline-block;transform-origin:left bottom;white-space:nowrap}.fwf .count .lbl{font-family:var(--body);font-size:clamp(13px,1.1vw,16px);line-height:1.55;color:var(--ink);letter-spacing:.03em;font-weight:400;max-width:26ch}.fwf .count.tick .num{animation:fwf-tick .8s cubic-bezier(.16,1,.3,1)}@keyframes fwf-tick{0%{color:var(--ink);transform:translateY(-.06em)}to{color:var(--red);transform:none}}.fwf .band--count .say{margin-top:clamp(28px,3.4vw,52px);max-width:28ch}.fwf .band--count .note{color:var(--ink);max-width:52ch}.fwf .trio{display:grid;grid-template-columns:1fr .9fr 1fr;min-height:clamp(360px,42vw,560px)}.fwf .trio .tile--lime{background:var(--lime);color:var(--red);padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;justify-content:center}.fwf .trio .tile--lime h3{font-size:clamp(24px,2.3vw,36px);line-height:1.12;margin-bottom:.5em}.fwf .trio .tile--lime p{font-size:15px;line-height:1.8;margin:0 0 1.05em;max-width:32ch}.fwf .trio .tile--lime .go{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}.fwf .trio a.tile .pill{position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:clamp(24px,3.4vw,48px);color:var(--paper);background:#221f1c38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fwf .trio a.tile:hover .pill{background:var(--red);border-color:var(--red)}.fwf .trio a.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#3c0e0c66,#3c0e0c00 42%)}.fwf .trio .tile--fig i{background-position:center 40%}.fwf .trio .tile--glow i{background-position:center 22%}.fwf .duo{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(420px,48vw,660px)}.fwf .duo .pad{padding:clamp(34px,4.6vw,86px);display:flex;flex-direction:column;justify-content:center}.fwf .duo--reset{grid-template-columns:1.08fr .92fr}.fwf .tile--red{background:var(--red);color:var(--paper)}.fwf .tile--red .kicker{color:#e9a79f}.fwf .tile--paper{background:var(--paper);color:var(--ink)}.fwf .tile--paper .kicker{color:var(--red)}.fwf .tile--tan{background:var(--tan);color:var(--olive)}.fwf .tile--tan .kicker{color:var(--red)}.fwf .duo h2{font-size:clamp(28px,3.2vw,52px);line-height:1.1;margin-bottom:clamp(18px,2vw,30px)}.fwf .duo p{margin:0 0 1.05em;max-width:44ch;font-size:16px;line-height:1.78}.fwf .duo p:last-child{margin-bottom:0}.fwf .duo--reset .tile i{background-position:center 45%}.fwf .duo--us .tile i{background-position:center 34%}.fwf .duo--long .tile i{background-position:center 50%}.fwf .steps{margin-top:clamp(20px,2.4vw,34px);display:grid;gap:clamp(14px,1.6vw,22px)}.fwf .steps>div{display:grid;grid-template-columns:2.2em 1fr;gap:14px;align-items:baseline}.fwf .steps>div>div{min-width:0}.fwf .steps .n{font-family:var(--display);font-style:italic;font-size:20px;color:var(--red)}.fwf .steps h3{font-family:var(--body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin:0 0 3px}.fwf .steps p{font-size:15px;line-height:1.7;margin:0;max-width:42ch}.fwf .tile--red .steps .n{color:#e9a79f}.fwf .tile--red .steps+p{margin-top:clamp(20px,2.4vw,34px)}.fwf .duo .closing{font-family:var(--display);font-size:clamp(19px,1.6vw,24px);line-height:1.35;margin-top:clamp(20px,2.4vw,34px);max-width:30ch}.fwf .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:clamp(30px,3.6vw,52px) 0 0;border-top:1px solid rgba(186,53,45,.28);max-width:1040px}.fwf .pillars div{padding:clamp(14px,1.8vw,24px) clamp(10px,1.4vw,20px) clamp(14px,1.8vw,24px) 0;border-bottom:1px solid rgba(186,53,45,.28);display:flex;gap:12px;align-items:baseline}.fwf .pillars .n{font-family:var(--display);font-style:italic;font-size:15px;color:var(--red);min-width:1.6em}.fwf .pillars span:last-child{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1.5}.fwf .strip{background:var(--ink);color:var(--paper);padding:26px var(--pad);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;font-size:11px;letter-spacing:.26em;text-transform:uppercase}.fwf .strip i{font-style:italic;text-transform:none;letter-spacing:.1em}.fwf .rv{animation:fwf-in .9s cubic-bezier(.16,1,.3,1) both}.fwf .rv-2{animation-delay:.12s}.fwf .rv-3{animation-delay:.24s}@keyframes fwf-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fwf .rv,.fwf .mq .track{animation:none}}@media(max-width:980px){.fwf .hero{grid-template-columns:1fr;height:auto}.fwf .hero .tile--main{height:clamp(460px,125vw,760px)}.fwf .hero .tile--flower{height:clamp(240px,60vw,380px)}.fwf .trio,.fwf .duo,.fwf .duo--reset{grid-template-columns:1fr}.fwf .trio .tile,.fwf .duo .tile{min-height:clamp(300px,66vw,440px)}.fwf .trio .tile--lime,.fwf .duo .pad{min-height:0}.fwf .duo--long,.fwf .duo--us{display:flex;flex-direction:column-reverse}.fwf .top{position:static;background:var(--ink);flex-wrap:wrap}.fwf .wordmark .logo{height:22px;filter:none}.fwf .top nav{gap:14px;flex-wrap:wrap}.fwf .band .say{max-width:none}.fwf .pillars{grid-template-columns:repeat(2,1fr)}.fwf .count .num{font-size:clamp(56px,17vw,96px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fw-fruchtbar.css.map */