/* Aktueller Bedarf auf der Startseite (Entwurf A, 29.10.2026). Nur Farben aus tisch.css, dadurch auch im Nachtlicht. */
.bedarf{position:relative;z-index:1;max-width:1240px;margin:34px auto 0;padding:0 28px 1.2rem}
.bedarf__zettel{position:relative;padding:2rem 2.2rem 1.4rem;background-color:var(--papier-brief);box-shadow:0 2px 0 var(--schatten-kontakt),0 14px 22px -10px var(--schatten-weich);transform:rotate(-.35deg)}
.bedarf__zettel::before{content:"";position:absolute;left:50%;top:-12px;width:132px;height:26px;margin-left:-66px;background:var(--klebeband);box-shadow:0 0 0 1px var(--klebeband-kante);transform:rotate(-2deg)}
.bedarf__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;margin-bottom:1.1rem}
.bedarf__kopf h2{margin:0;font-family:var(--schrift-titel);font-size:1.75rem;color:var(--tinte)}
.bedarf__stand{margin:0;font-size:1rem;color:var(--tinte-leise)}
.bedarf__liste,.bedarf__genug{list-style:none;margin:0;padding:0}
.bedarf__eintrag{display:grid;grid-template-columns:64px minmax(0,1fr) 12.5rem auto;gap:.4rem 1.4rem;align-items:center;padding:1rem 0;border-top:2px dashed var(--klebeband-kante)}
.bedarf__eintrag:first-child{border-top:0;padding-top:.2rem}
.bedarf__inhalt{min-width:0}
.bedarf__art{margin:0 0 .15rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--rot-schrift)}
.bedarf h3,.bedarf h4{margin:0 0 .3rem;font-size:1.3rem;line-height:1.25;color:var(--tinte)}
.bedarf__text{margin:0;font-size:1.05rem;line-height:1.45;color:var(--tinte);max-width:52ch}
.bedarf__icon{width:64px;height:64px;flex:none}
.bedarf__icon--muenze{display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;margin:4px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--karton-kante) 0,var(--altrosa) 42%,var(--kraftbraun) 88%);box-shadow:inset 0 0 0 4px var(--bordeaux),inset 0 -6px 8px var(--schatten-flach),0 4px 6px var(--schatten-flach)}
.bedarf__icon--muenze span{font-family:var(--schrift-titel);font-size:1.7rem;line-height:1;color:var(--band-tief)}
.stufe{display:flex;flex-direction:column;gap:.35rem}
.stufe__balken{display:flex;align-items:flex-end;gap:4px;height:26px}
.stufe__balken i{display:block;width:14px;border:2px solid var(--bordeaux);border-radius:2px}
.stufe__balken i:nth-child(1){height:10px}.stufe__balken i:nth-child(2){height:18px}.stufe__balken i:nth-child(3){height:26px}
.stufe__balken i.an{background:var(--bordeaux)}
.stufe__wort{font-size:1.05rem;font-weight:800;color:var(--rot-schrift)}
.stufe--sehr_dringend .stufe__wort{padding:.05rem .45rem;margin-left:-.45rem;border:2px solid var(--bordeaux);border-radius:3px;transform:rotate(-2deg);align-self:flex-start}
.bedarf__knopf{font-size:1.05rem}
/* Gerade genug da: unten, mit Haken statt Stufe, ohne Knopf, gedämpft (Kontrast bleibt über 4,5) */
.bedarf__genug-titel{margin:1.2rem 0 .4rem;padding-top:1rem;border-top:2px solid var(--klebeband-kante);font-size:1.1rem;color:var(--tinte-leise)}
.bedarf__genug-eintrag{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.4rem 1.4rem;align-items:center;padding:.6rem 0}
.bedarf__genug-eintrag h4{font-size:1.15rem;color:var(--tinte-leise)}
.bedarf__genug-eintrag .bedarf__art,.bedarf__genug-eintrag .bedarf__text{color:var(--tinte-leise)}
.bedarf__haken{position:relative;justify-self:center;width:40px;height:40px;border:3px solid var(--gruen-dunkel);border-radius:50%}
.bedarf__haken::after{content:"";position:absolute;left:12px;top:5px;width:9px;height:18px;border:solid var(--gruen-dunkel);border-width:0 4px 4px 0;transform:rotate(45deg)}
.bedarf__leer{max-width:60ch}
.bedarf__leer p{margin:0 0 .4rem;font-size:1.15rem;line-height:1.5;color:var(--tinte)}
@media (max-width:899px){
 .bedarf{max-width:600px;margin:18px auto 0;padding:0 16px 1rem}
 .bedarf__kopf h2{font-size:1.5rem}
 .bedarf__zettel{padding:1.6rem 1.1rem 1rem;transform:none}
 .bedarf__eintrag{grid-template-columns:56px minmax(0,1fr);gap:.6rem .9rem;align-items:start}
 .bedarf__icon{width:56px;height:56px}
 .bedarf__icon--muenze{width:48px;height:48px}
 .stufe{grid-column:1 / -1;flex-direction:row;align-items:center;gap:.7rem}
 .bedarf__knopf{grid-column:1 / -1;justify-self:start}
 .bedarf__genug-eintrag{grid-template-columns:56px minmax(0,1fr);gap:.6rem .9rem}
}
@media (prefers-reduced-motion:reduce){.bedarf__zettel,.stufe--sehr_dringend .stufe__wort{transform:none}}