.demografie-abschnitt{--farbe-w:#ec4899;--farbe-m:#2563eb;--farbe-n:#6c757d;--farbe-e:#0d6efd;--farbe-a:#198754;margin-bottom:2.5rem}.stats-card-w{border-left-color:var(--farbe-w)}.stats-card-m{border-left-color:var(--farbe-m)}.balken-chart{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0 1rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.page-content .chart-legende,.chart-legende{display:flex;flex-wrap:wrap;gap:0.4rem 1.25rem;margin:0 0 1rem;padding:0;list-style:none;font-size:0.85rem;color:var(--text-light)}.page-content .chart-legende li,.chart-legende li{display:inline-flex;align-items:center;gap:0.4rem;margin:0;padding:0}.legende-knopf{display:inline-flex;align-items:center;gap:0.4rem;padding:0.15rem 0.4rem;margin:0 -0.4rem;border:0;border-radius:var(--radius-sm);background:none;font:inherit;color:inherit;cursor:pointer}.legende-knopf:hover,.legende-knopf:focus-visible{background:var(--bg)}.legende-knopf[aria-pressed="false"]{color:var(--text-light);text-decoration:line-through}.legende-knopf[aria-pressed="false"] .legende-punkt{background:transparent;box-shadow:inset 0 0 0 2px currentColor;opacity:0.5}.legende-punkt{width:0.75rem;height:0.75rem;border-radius:3px;flex-shrink:0}.balken-zeile{display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr) 4.5rem;align-items:center;gap:0.75rem;padding:0.3rem 0}.balken-chart .balken-zeile{border-bottom:1px solid var(--bg)}.balken-label{font-size:0.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balken-label small{color:var(--text-light);font-size:0.8rem;margin-left:0.35rem}.balken-spur{display:flex;gap:2px;height:1.1rem;min-width:0;overflow:hidden}.balken-segment{display:block;height:100%;width:var(--w,0%);border-radius:3px;flex-shrink:0;transition:width 0.9s cubic-bezier(0.22,0.61,0.36,1);transition-delay:calc(var(--i,0) * 45ms)}.wartet .balken-segment{width:0;transition:none}.seg-w{background:var(--farbe-w)}.seg-m{background:var(--farbe-m)}.seg-n{background:var(--farbe-n)}.seg-e{background:var(--farbe-e)}.seg-a{background:var(--farbe-a)}.balken-wert{text-align:right;font-weight:600;font-size:0.95rem;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.balken-liste{display:flex;flex-direction:column}.chart-umschalter{display:inline-flex;gap:0.5rem;margin:1rem 0 0}.chart-umschalter .btn[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}.chart-tabelle{margin:0 0 1rem}.chart-tabelle summary{cursor:pointer;color:var(--primary);font-size:0.9rem;padding:0.25rem 0}.chart-tabelle-scroll{overflow-x:auto;margin-top:0.75rem}.chart-tabelle .stats-table{font-size:0.9rem}.chart-tabelle .stats-table + .stats-table{margin-top:1.5rem}.chart-tabelle .stats-table th,.chart-tabelle .stats-table td{padding:0.5rem 0.75rem}.demografie-rest{font-size:0.9rem;color:var(--text-light);margin:0.5rem 0 1rem}@media (max-width:480px){.balken-chart{padding:1rem}.balken-zeile{grid-template-columns:minmax(0,1fr) 4.5rem;gap:0.25rem 0.75rem}.balken-label{grid-column:1 / -1}}@media (prefers-reduced-motion:reduce){.balken-segment{transition:none}}.bewegung-zeile,.bewegung-kopf{grid-template-columns:minmax(7rem,11rem) minmax(0,1fr) minmax(0,1fr) 4.5rem;gap:0 0.75rem}.bewegung-zeile{padding:0.3rem 0}.bewegung-kopf{display:grid;align-items:end;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-light);padding-bottom:0.25rem;border-bottom:1px solid var(--border)}.bewegung-kopf-ab{text-align:right;padding-right:0.5rem}.bewegung-kopf-zu{padding-left:0.5rem}.bewegung-kopf-saldo{text-align:right}.bewegung-zeile{--zahlbreite:4.2rem}.bewegung-ab .balken-segment,.bewegung-zu .balken-segment{width:calc((100% - var(--zahlbreite)) * var(--w,0) / 100)}.wartet .bewegung-ab .balken-segment,.wartet .bewegung-zu .balken-segment{width:0}.balken-zahl{flex:0 0 auto;font-size:0.8rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 0.45rem;line-height:1.1rem}.bewegung-ab{justify-content:flex-end;border-right:1px solid var(--text-light);padding-right:2px}.bewegung-zu{padding-left:2px}.bewegung-ab .balken-segment{opacity:0.6}.bewegung-saldo{font-variant-numeric:tabular-nums}.saldo-positiv{color:#15803d}.saldo-negativ{color:var(--error)}.stats-card-zu{border-left-color:var(--success)}.stats-card-ab{border-left-color:var(--error)}.stats-card-saldo-plus{border-left-color:var(--success)}.stats-card-saldo-minus{border-left-color:var(--error)}.balken-chart .balken-zeile:hover{background:var(--bg)}.balken-liste[hidden]{display:none}@media (max-width:480px){.bewegung-zeile,.bewegung-kopf{--zahlbreite:3.1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 3.2rem}.balken-zahl{font-size:0.72rem;padding:0 0.3rem}.bewegung-saldo{font-size:0.85rem}.bewegung-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem}.bewegung-kacheln .stats-card{padding:0.75rem 0.4rem}.bewegung-kacheln .stats-card-label{font-size:0.7rem}.bewegung-kacheln .stats-card-value{font-size:1.3rem}.bewegung-kacheln .stats-card-info{font-size:0.66rem}.bewegung-kopf span:first-child{display:none}.bewegung-zeile .balken-label{grid-column:1 / -1}}.tabelle-eingeklappt tbody tr:nth-child(n+4){display:none}.tabelle-mehr{display:block;margin:1rem auto 0}.tabelle-mehr[hidden]{display:none}