@layer components{.board-schleier{z-index:0;pointer-events:none;background:radial-gradient(60% 45% at 18% 22%,#fc03012e,#fc03010e 45%,#0000 70%),radial-gradient(55% 50% at 86% 68%,#4d9fff24,#4d9fff0b 48%,#0000 72%);position:fixed;inset:0}@supports (color:rgb(from red r g b)){.board-schleier{background:radial-gradient(ellipse 60% 45% at 18% 22%, rgb(from var(--color-brand) r g b / .18), rgb(from var(--color-brand) r g b / .055) 45%, transparent 70%), radial-gradient(ellipse 55% 50% at 86% 68%, rgb(from var(--color-accent) r g b / .14), rgb(from var(--color-accent) r g b / .042) 48%, transparent 72%)}}.stadt-abschnitt+.stadt-abschnitt{margin-top:48px}.stadt-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:20px;display:flex}.stadt-alle{white-space:nowrap;color:var(--color-accent);flex-shrink:0;font-size:14px;font-weight:600}.stadt-alle:hover{color:var(--color-brand)}.stadt-flaeche{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;margin:0 -20px;padding:2px 20px 8px;scroll-padding:0 20px;display:flex;overflow-x:auto}.stadt-flaeche::-webkit-scrollbar{display:none}.stadt-flaeche>*{scroll-snap-align:start;flex:0 0 min(86vw,420px)}@media (min-width:700px){.stadt-flaeche{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid;overflow-x:visible}.stadt-flaeche>*{flex:none}}.board-karte{border:1px solid var(--color-line);border-radius:8px;align-items:center;gap:16px;padding:18px 20px;transition:border-color .15s;display:flex;position:relative}.board-karte-stelle{background:var(--color-glass)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.board-karte-stelle{-webkit-backdrop-filter:blur(14px)saturate(2);backdrop-filter:blur(14px)saturate(2)}}.board-karte-stelle{box-shadow:inset 0 1px #f3ecdd24}@supports (color:rgb(from red r g b)){.board-karte-stelle{box-shadow:inset 0 1px 0 0 rgb(from var(--color-foreground) r g b / .14)}}.board-karte-stelle{border-color:#f3ecdd40}.board-karte-stelle:hover{border-color:#fc030199}.board-karte-mm{background:#fc03011a;border-color:#fc030173}.board-karte-community{background:#4d9fff14;border-color:#4d9fff66}@supports (color:rgb(from red r g b)){.board-karte-stelle{border-color:rgb(from var(--color-foreground) r g b / .25)}.board-karte-stelle:hover{border-color:rgb(from var(--color-brand) r g b / .6)}.board-karte-mm{background:rgb(from var(--color-brand) r g b / .1);border-color:rgb(from var(--color-brand) r g b / .45)}.board-karte-community{background:rgb(from var(--color-accent) r g b / .08);border-color:rgb(from var(--color-accent) r g b / .4)}}.board-logo{border:1px solid var(--color-line);background:var(--color-background);border-radius:8px;flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid;overflow:hidden}.board-logo img{object-fit:contain;width:100%;height:100%}.board-logo span{font-family:var(--font-display), sans-serif;color:var(--color-muted);font-size:13px;line-height:1}.board-karte-mitte{flex:1;min-width:0}.board-karte-titel{color:var(--color-foreground);font-size:16px;font-weight:700;line-height:1.3}.board-karte-meta{color:var(--color-accent);margin-top:2px;font-size:13px;line-height:1.35}.board-karte-marke{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.board-karte-link{white-space:nowrap;color:var(--color-accent);flex-shrink:0;font-size:13px;font-weight:600}.board-karte-link:hover{color:var(--color-brand)}.board-karte-rechts{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.board-karte-gehalt{white-space:nowrap;color:var(--color-foreground);align-items:baseline;gap:6px;font-size:14.5px;font-weight:700;display:flex}.board-karte-gehalt-art{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:10px;font-weight:700}.board-karte-flaeche:after{content:"";position:absolute;inset:0}.board-knopf{background:var(--color-brand);white-space:nowrap;color:var(--color-foreground);border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:700}.board-held{z-index:1;background:radial-gradient(ellipse 130% 100% at 50% 0%, var(--color-hero-top) 0%, var(--color-hero-mid) 45%, var(--color-surface) 100%);position:relative}.board-held-bild{z-index:1;width:min(42%,460px);position:absolute;top:0;bottom:0;right:0}.board-held-bild img{object-fit:contain;object-position:bottom right;width:auto;max-width:none;height:calc(100% + 28px);position:absolute;bottom:-28px;right:0}.board-held-text{min-height:600px}@media (max-width:900px){.board-held{flex-direction:column;display:flex}.board-held-bild{aspect-ratio:900/1350;order:2;width:100%;height:auto;margin-top:-4px;position:relative}.board-held-bild img{object-position:center;width:100%;height:auto;position:relative;bottom:auto;right:auto}.board-held-text{min-height:0}}}