/* ERZEUGT von scripts/chrome/extract_chrome.py — nicht von Hand aendern.
 *
 * Jede Regel hier stand vorher als style="…" am Element in web/index.html.
 * Gleiche Deklarationen, gleiche Reihenfolge; nur einmal statt bis zu
 * 16-mal je Seite und 28-mal ueber die Website.
 */

/* FALLE, teuer bezahlt: der Attributwert ist HTML-kodiert. Die Icons
 * stehen als `url("data:image/svg+xml,…")` im Markup — und
 * `"` traegt ein Semikolon. Wer den Stilstring an `;` zerlegt, um ihn
 * huebsch zu setzen, zerschneidet 33 Icon-Adressen mitten im Entity.
 * Deshalb hier: nur dekodieren, nie zerlegen. */

.ch01{position: sticky; top: 0px; z-index: 80; background: rgb(6, 78, 59); border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
.ch02{max-width: 1480px; margin: 0px auto; padding: 0px 32px; height: 72px; display: flex; align-items: center; gap: 32px;}
.ch03{display: flex; align-items: center; flex: 0 0 auto;}
.ch04{display: contents;}
.ch05{display: inline-flex; align-items: center; justify-content: center; background: transparent; padding: 0px; border-radius: 0px;}
.ch06{height: 36px; width: auto; display: block; clip-path: none;}
.ch07{display: flex; align-items: center; gap: 4px; flex: 1 1 auto;}
.ch08{display: flex; align-items: center; gap: 6px; height: 40px; padding: 0px 12px; border-radius: var(--radius-control); font-weight: var(--fw-medium); font-size: var(--fs-body-l); line-height: var(--lh-body); font-family: var(--font-core); color: var(--white); transition: var(--transition-control);}
.ch09{width: 7px; height: 7px; border-right: 1.5px solid currentcolor; border-bottom: 1.5px solid currentcolor; transform: rotate(45deg) translate(-1px, -1px);}
.ch10{background: transparent; border: 0px; cursor: pointer; font-family: var(--font-core); display: flex; align-items: center; gap: 6px; height: 40px; padding: 0px 12px; border-radius: var(--radius-control); font-weight: var(--fw-medium); font-size: var(--fs-body-l); line-height: var(--lh-body); color: var(--white); transition: var(--transition-control);}
.ch11{display: flex; align-items: center; gap: 12px; flex: 0 0 auto;}
.ch12{display: none; align-items: center; justify-content: center; width: 44px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.32); border-radius: var(--radius-control); background: transparent; color: var(--white); cursor: pointer;}
.ch13{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-menu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%20%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%226%22%20y2%3D%226%22%2F%3E%20%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2218%22%20y2%3D%2218%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch14{display: flex; align-items: center; text-decoration: none;}
.ch15{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0px 20px; width: auto; font-family: var(--font-core); font-size: var(--fs-body-l); font-weight: var(--fw-semibold); letter-spacing: var(--tracking-heading); line-height: 1; white-space: nowrap; border-radius: var(--radius-control); cursor: pointer; opacity: 1; transform: none; transition: var(--transition-control),transform var(--dur-instant) var(--ease-standard); background: var(--orange-500); color: var(--text-on-action); border: var(--border-width-strong) solid transparent; box-shadow: var(--shadow-sm);}
.ch16{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-arrow-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%20%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch17{display: flex; align-items: center; gap: 2px; height: 40px; padding: 3px; border: 1px solid rgba(255, 255, 255, 0.32); border-radius: var(--radius-control);}
.ch18{height: 32px; padding: 0px 10px; border: 0px; border-radius: 4px; background: transparent; font-weight: var(--fw-semibold); font-size: var(--fs-body-m); line-height: var(--lh-snug); font-family: var(--font-core); color: rgba(255, 255, 255, 0.78); cursor: pointer; transition: var(--transition-control);}
.ch19{position: absolute; left: 0px; right: auto; top: 72px; opacity: 0; visibility: hidden; transform: translateY(-7.5px); transition: opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base);}
.ch20{padding: 0px;}
.ch21{max-width: 880px; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel,10px); box-shadow: var(--shadow-lg); padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px;}
.ch22{display: flex; gap: 14px; padding: 14px; border-radius: var(--radius-control); transition: var(--transition-control);}
.ch23{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-message-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022Z%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch24{display: block;}
.ch25{display: block; font-weight: var(--fw-semibold); font-size: var(--fs-body-l); line-height: var(--lh-body); font-family: var(--font-core); color: var(--text-heading);}
.ch26{display: block; font-weight: var(--fw-medium); font-size: var(--fs-body-m); line-height: var(--lh-snug); font-family: var(--font-core); color: var(--text-muted); margin-top: 2px;}
.ch27{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-user-round-x%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%2021a8%208%200%200%201%2011.873-7%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%20%3Cpath%20d%3D%22m17%2017%205%205%22%2F%3E%20%3Cpath%20d%3D%22m22%2017-5%205%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch28{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-landmark%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%223%22%20x2%3D%2221%22%20y1%3D%2222%22%20y2%3D%2222%22%2F%3E%20%3Cline%20x1%3D%226%22%20x2%3D%226%22%20y1%3D%2218%22%20y2%3D%2211%22%2F%3E%20%3Cline%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%2218%22%20y2%3D%2211%22%2F%3E%20%3Cline%20x1%3D%2214%22%20x2%3D%2214%22%20y1%3D%2218%22%20y2%3D%2211%22%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218%22%20y1%3D%2218%22%20y2%3D%2211%22%2F%3E%20%3Cpolygon%20points%3D%2212%202%2020%207%204%207%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch29{max-width: 760px; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel,10px); box-shadow: var(--shadow-lg); padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px;}
.ch30{display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: var(--radius-control); transition: var(--transition-control);}
.ch31{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-briefcase%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2020V4a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%22%2F%3E%20%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch32{font-weight: var(--fw-medium); font-size: var(--fs-body-l); line-height: var(--lh-body); font-family: var(--font-core); color: var(--text-heading);}
.ch33{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-building-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%22%2F%3E%20%3Cpath%20d%3D%22M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%22%2F%3E%20%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%22%2F%3E%20%3Cpath%20d%3D%22M10%206h4%22%2F%3E%20%3Cpath%20d%3D%22M10%2010h4%22%2F%3E%20%3Cpath%20d%3D%22M10%2014h4%22%2F%3E%20%3Cpath%20d%3D%22M10%2018h4%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch34{max-width: 420px; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel,10px); box-shadow: var(--shadow-lg); padding: 24px; display: grid; grid-template-columns: 1fr; gap: 8px;}
.ch35{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-lock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch36{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-key-round%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.586%2017.414A2%202%200%200%200%202%2018.828V21a1%201%200%200%200%201%201h3a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%200%201-1v-1a1%201%200%200%201%201-1h.172a2%202%200%200%200%201.414-.586l.814-.814a6.5%206.5%200%201%200-4-4z%22%2F%3E%20%3Ccircle%20cx%3D%2216.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch37{display: none; position: fixed; inset: 72px 0px 0px; z-index: 79; background: var(--surface-page); overflow-y: auto; padding: 16px 32px 40px;}
.ch38{max-width: 640px; margin: 0px auto;}
.ch39{display: block; padding: 12px 0px; font-weight: var(--fw-medium); font-size: var(--fs-body-l); line-height: var(--lh-body); font-family: var(--font-core); color: var(--text-heading); border-bottom: 1px solid var(--border-subtle);}
.ch40{font-weight: var(--fw-semibold); font-size: var(--fs-body-m); line-height: var(--lh-snug); font-family: var(--font-core); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--cyan-800); margin-top: 24px;}
.ch41{display: flex; align-items: center; justify-content: center; margin-top: 28px; text-decoration: none;}
.ch42{background: none; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; isolation: isolate; overflow: hidden;}
.ch43{background-color: rgb(6, 78, 59); --plx-a: 40px;}
.ch44{max-width: 1480px; margin: 0px auto; padding: 80px 32px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px;}
.ch45{height: 22px; width: auto; display: block; clip-path: none;}
.ch46{font-weight: var(--fw-medium); font-size: var(--fs-body-m); line-height: var(--lh-snug); font-family: var(--font-core); color: rgba(255, 255, 255, 0.6); margin: 20px 0px 0px; max-width: 280px;}
.ch47{display: flex; gap: 12px; margin-top: 24px;}
.ch48{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px;}
.ch49{display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-linkedin%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%208a6%206%200%200%201%206%206v7h-4v-7a2%202%200%200%200-2-2%202%202%200%200%200-2%202v7h-4v-7a6%206%200%200%201%206-6z%22%2F%3E%20%3Crect%20width%3D%224%22%20height%3D%2212%22%20x%3D%222%22%20y%3D%229%22%2F%3E%20%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch50{display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-mail%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%20%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch51{display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-facebook%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%202h-3a5%205%200%200%200-5%205v3H7v4h3v8h4v-8h3l1-4h-4V7a1%201%200%200%201%201-1h3z%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}
.ch52{display: flex; flex-direction: column; gap: 12px;}
.ch53{font-weight: var(--fw-semibold); font-size: var(--fs-body-s); line-height: 1.4; font-family: var(--font-core); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: rgba(255, 255, 255, 0.5); margin-bottom: 4px;}
.ch54{font-weight: var(--fw-medium); font-size: var(--fs-body-m); line-height: var(--lh-snug); font-family: var(--font-core); color: rgba(255, 255, 255, 0.78);}
.ch55{background: none; position: relative; isolation: isolate; overflow: hidden;}
.ch56{max-width: 1480px; margin: 0px auto; padding: 24px 32px 56px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.ch57{display: flex; align-items: center; gap: 32px; flex-wrap: wrap; padding-top: 32px;}
.ch58{font-weight: var(--fw-semibold); font-size: var(--fs-body-s); line-height: 1.4; font-family: var(--font-core); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: rgba(255, 255, 255, 0.5);}
.ch59{display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.ch60{font-weight: var(--fw-semibold); font-size: var(--fs-body-s); line-height: 1.4; font-family: var(--font-core); color: rgba(255, 255, 255, 0.5);}
.ch61{font-weight: var(--fw-semibold); font-size: var(--fs-body-s); line-height: 1.4; font-family: var(--font-core); color: rgba(255, 255, 255, 0.6);}

/* VON HAND ERGAENZT am 01.09.2026, nicht aus dem Entwurf entnommen:
 * Der Menuepunkt „Sicherheit und Betrieb" braucht ein Symbol, und Tibis
 * Entwurf kennt die Seite noch nicht. Gebaut nach demselben Muster wie die
 * 33 uebernommenen (lucide, als Maske, Farbe von currentcolor). */
.ch62{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentcolor; mask-image: url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-shield-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%20%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%20%3C%2Fsvg%3E"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; vertical-align: -0.15em;}

/* VON HAND ERGAENZT am 01.09.2026 — eine Regression aus dem Umbau.
 *
 * Die Sprachwahl hatte KEINEN Aktiv-Zustand: EN und DE sahen gleich aus, und
 * ein Vorleseprogramm erfuhr nicht, welche Sprache gerade gezeigt wird. Der
 * Entwurf hatte den Zustand ueber React gesetzt; bei der Umwandlung nach
 * statischem HTML ist er verlorengegangen, weil er in keinem Attribut stand.
 *
 * Getragen wird er jetzt von `aria-current` — also von der Auszeichnung, die
 * ein Vorleseprogramm ohnehin liest, statt von einer reinen Farbklasse.
 * Drei Merkmale, nicht eines: Flaeche, Farbe und Schriftstaerke. Farbe
 * allein reicht nicht (WCAG 1.4.1). */
.ch18[aria-current="true"] {
  background: rgba(255, 255, 255, 0.18);
  color: var(--white);
  font-weight: var(--fw-bold);
  /* Die Kante ist das dritte Merkmal. `.ch18` hat `border: 0`, deshalb geht
     das Pixel je Seite von der Innenkante ab — sonst waere der aktive Knopf
     2 px breiter als der andere und die Leiste zappelte beim Wechsel. */
  border: 1px solid rgba(255, 255, 255, 0.55);
  padding: 0px 9px;
  cursor: default;
}
.ch18:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--white); }