/* Block „Weitere Beispiele“ auf der Startseite */
.wb{margin-top:clamp(48px,7vw,88px);border-top:var(--stroke) solid rgba(233,230,240,.18);padding-top:clamp(24px,3vw,36px)}
.wb h3{font:700 clamp(1.4rem,1.1rem + .9vw,1.9rem)/1.15 var(--f-display);margin:0 0 20px}
.wb-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(18px,3vw,36px)}
.wb-karte{display:flex;flex-direction:column;height:100%;padding:16px;border:var(--stroke) solid rgba(233,230,240,.18);color:var(--on-dark);text-decoration:none;transition:border-color .2s ease}
.wb-karte:hover{border-color:var(--accent-dark)}
.wb-karte:hover .wb-titel{color:var(--accent-dark)}
.wb-bild{display:block;width:100%;height:auto;margin-bottom:14px}
.wb-bild circle{fill:var(--accent-dark);fill-opacity:.85}
.wb-bild circle.a{fill:var(--on-dark-mute)}
.wb-titel{font:600 1.2rem/1.25 var(--f-display);margin-bottom:6px;transition:color .2s ease}
.wb-text{color:var(--on-dark-mute);font-size:.95rem;line-height:1.5;margin-bottom:12px}
.wb-zahl{margin-top:auto;font:400 .85rem/1.4 var(--f-data);color:var(--on-dark-mute)}
