.HowWeWork{background:var(--beige);border-bottom:1px solid var(--line);padding:104px 0;position:relative;overflow:hidden}.HowWeWork:after{content:"";background:var(--teal);opacity:.6;width:40px;height:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.HowWeWork-inner{max-width:1240px;margin:0 auto;padding:0 32px}.HowWeWork-head{text-align:center;max-width:820px;margin:0 auto 64px}.HowWeWork-head:before{content:"So funktioniert es";font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);justify-content:center;align-items:center;gap:14px;margin-bottom:20px;font-size:12px;font-weight:500;display:inline-flex}.HowWeWork-head:after{content:"";background:var(--teal);opacity:.45;width:72px;height:1px;margin:24px auto 0;display:block}.HowWeWork-head h2{font-family:var(--serif);letter-spacing:-.035em;color:var(--ink);max-width:20ch;margin:0 auto 22px;font-size:clamp(36px,4.5vw,56px);font-weight:500;line-height:1.05}.HowWeWork-head h2:after{content:".";color:var(--teal)}.HowWeWork-head p{max-width:62ch;color:var(--anthr);margin:0 auto;font-size:18px;line-height:1.6}.HowWeWork-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid;position:relative}.HowWeWork-grid:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--teal)15%,var(--teal)85%,transparent 100%);opacity:.28;z-index:0;height:1px;position:absolute;top:45px;left:13%;right:13%}.HowWeWork-card{border:1px solid var(--line);z-index:1;background:#faf7f1eb;min-height:260px;padding:76px 34px 34px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.HowWeWork-card:hover{border-color:#4a8a8a59;transform:translateY(-6px);box-shadow:0 24px 55px #00000014}.HowWeWork-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#4a8a8a12,#0000 36%);transition:opacity .3s;position:absolute;inset:0}.HowWeWork-card:hover:before{opacity:1}.HowWeWork-cardTop,.HowWeWork-left{display:contents}.HowWeWork-iconWrap{display:none}.HowWeWork-card:after{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.04em;padding:9px 16px;font-size:18px;font-weight:700;position:absolute;top:-1px;left:34px;box-shadow:12px 12px #4a8a8a24}.HowWeWork-card:first-child:after{content:"STEP 01"}.HowWeWork-card:nth-child(2):after{content:"STEP 02"}.HowWeWork-card:nth-child(3):after{content:"STEP 03"}.HowWeWork-titles h3{font-family:var(--serif);letter-spacing:-.018em;color:var(--ink);margin:0 0 14px;font-size:24px;font-weight:600;line-height:1.18}.HowWeWork-titles h3:before{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.HowWeWork-card:first-child h3:before{content:"Du meldest"}.HowWeWork-card:nth-child(2) h3:before{content:"Wir bündeln"}.HowWeWork-card:nth-child(3) h3:before{content:"Wir stoßen an"}.HowWeWork-titles p{color:var(--anthr);margin:0;font-size:15px;line-height:1.6}.HowWeWork-titles p:after{content:"Bedarf wird sichtbar";border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--anthr);align-items:center;gap:10px;margin-top:22px;padding-top:18px;font-size:11px;font-weight:600;display:flex}.HowWeWork-card:nth-child(2) .HowWeWork-titles p:after{content:"Nachfrage wird zählbar"}.HowWeWork-card:nth-child(3) .HowWeWork-titles p:after{content:"Teil wird wieder verfügbar"}.HowWeWork-footnote{text-align:center;max-width:780px;font-family:var(--mono);letter-spacing:.1em;color:#2d2d2dad;margin:42px auto 0;font-size:11px}@media (max-width:980px){.HowWeWork{padding:80px 0}.HowWeWork-inner{padding:0 20px}.HowWeWork-grid{grid-template-columns:1fr;gap:22px}.HowWeWork-grid:before{display:none}.HowWeWork-card{min-height:auto;padding:70px 26px 28px}.HowWeWork-card:after{left:26px}}@media (max-width:560px){.HowWeWork-head{text-align:left;margin-bottom:36px}.HowWeWork-head:after{margin-left:0}.HowWeWork-head p{font-size:16px}.HowWeWork-card{padding:64px 20px 24px}.HowWeWork-card:after{left:20px}.HowWeWork-footnote{text-align:left}}.HowWeWork-actions{justify-content:center;margin:34px 0 0;display:flex}.HowWeWork-projectLink{background:var(--ink);min-height:46px;color:var(--paper);border:1px solid var(--ink);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;padding:0 22px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.HowWeWork-projectLink:hover{background:var(--teal);border-color:var(--teal)}