/* ueber.css, 05.10.2026: Ueber-FLOW-Seite. Keine neuen Farben oder Schriften. */
.uf .ww-sheet-inner { padding-top: clamp(6rem, 9vw, 8rem); padding-bottom: clamp(2.6rem, 5vw, 4.4rem); }
.uf--karriere .ww-sheet-inner { padding-top: clamp(2.6rem, 5vw, 4rem); }
.uf .ww-title { max-width: 18em; }
.uf-lead { max-width: 56ch; font: 400 clamp(1.08rem, 1.5vw, 1.25rem)/1.6 var(--font-main); color: var(--t-ink-2); margin: 1.4rem 0 0; }
.uf-karten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.6rem; }
.uf-karte { padding: 1.6rem 1.5rem 1.5rem; border: 1px solid color-mix(in srgb, var(--t-ink) 12%, transparent); border-radius: 1rem; background: var(--t-panel, transparent); }
.uf-karte p { font: 400 .95rem/1.6 var(--font-main); color: var(--t-ink-2); margin: .5rem 0 0; }
.uf-karte__titel { font: 600 1.15rem/1.25 var(--font-main); letter-spacing: -.01em; color: var(--t-ink); margin: 0; }
.uf-ikon { display: block; width: 44px; height: 44px; margin: 0 0 1rem; fill: none; stroke: var(--t-accent-vivid); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.uf-weiter { margin-top: 2rem; }
.uf-rahmen { list-style: none; margin: 1.8rem 0 0; padding: 0; border-top: 1px solid color-mix(in srgb, var(--t-ink) 12%, transparent); }
.uf-rahmen li { display: grid; grid-template-columns: 3rem minmax(0, .28fr) minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: 1rem .3rem; border-bottom: 1px solid color-mix(in srgb, var(--t-ink) 12%, transparent); }
.uf-rahmen__nr { font: 600 .7rem/1 var(--font-mono); letter-spacing: .14em; color: var(--t-accent-vivid); }
.uf-rahmen strong { font: 600 1rem/1.3 var(--font-main); color: var(--t-ink); }
.uf-rahmen span:last-child { font: 400 .95rem/1.55 var(--font-main); color: var(--t-ink-2); }
@media (max-width: 899px) { .uf-karten { grid-template-columns: minmax(0, 1fr); } .uf-rahmen li { grid-template-columns: 2.2rem minmax(0, 1fr); } .uf-rahmen li span:last-child { grid-column: 2; } }

/* 05.10.2026: Zeile unter den Karten, Link links, Initiativbewerbung ganz rechts */
.uf-zeile { display: flex; justify-content: space-between; align-items: center; gap: 1rem 2rem; flex-wrap: wrap; margin-top: 2.2rem; }