@font-face{font-family: "IBM Plex Sans";font-weight: 400;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexSans-Regular.woff2") format("woff2")}@font-face{font-family: "IBM Plex Sans";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexSans-Medium.woff2") format("woff2")}@font-face{font-family: "IBM Plex Sans";font-weight: 600;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2")}@font-face{font-family: "IBM Plex Sans";font-weight: 700;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2")}@font-face{font-family: "IBM Plex Mono";font-weight: 400;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexMono-Regular.woff2") format("woff2")}@font-face{font-family: "IBM Plex Mono";font-weight: 500;font-style: normal;font-display: swap;src: url("../fonts/IBMPlexMono-Medium.woff2") format("woff2")}:root{--nf-nav-hintergrund: #0f2130;--nf-nav-aktiv: #21435a;--nf-nav-text: #c3cfda;--nf-nav-gruppe: #8ea3b5;--nf-nav-untertitel: #9fb1c0;--nf-primaer: #0a5c70;--nf-primaer-hover: #06404e;--nf-primaer-tint: #e3f0f3;--nf-seite: #f3f5f7;--nf-flaeche: #ffffff;--nf-linie: #dbe2e8;--nf-linie-feld: #c9d3dc;--nf-linie-zart: #e6ebef;--nf-tabellenkopf: #f7f9fa;--nf-text: #132231;--nf-text-sekundaer: #4d5b69;--nf-ueberfaellig-bg: #fde7e4;--nf-ueberfaellig-fg: #9b1c13;--nf-warnung-bg: #fff0d1;--nf-warnung-fg: #7a4a00;--nf-ok-bg: #e2f2e7;--nf-ok-fg: #1b5e34;--nf-info-bg: #e4ecf8;--nf-info-fg: #1b4a86;--nf-neutral-bg: #eceff2;--nf-neutral-fg: #3f4b57;--nf-radius-control: 6px;--nf-radius-karte: 8px;--nf-schrift: "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--nf-schrift-mono: "IBM Plex Mono",ui-monospace,monospace;--lumo-font-family: var(--nf-schrift);--lumo-font-size-m: 14px;--lumo-primary-color: var(--nf-primaer);--lumo-primary-color-50pct: rgba(10,92,112,0.5);--lumo-primary-color-10pct: var(--nf-primaer-tint);--lumo-primary-text-color: var(--nf-primaer);--lumo-primary-contrast-color: #ffffff;--lumo-base-color: var(--nf-flaeche);--lumo-body-text-color: var(--nf-text);--lumo-header-text-color: var(--nf-text);--lumo-secondary-text-color: var(--nf-text-sekundaer);--lumo-error-color: var(--nf-ueberfaellig-fg);--lumo-error-text-color: var(--nf-ueberfaellig-fg);--lumo-error-color-10pct: var(--nf-ueberfaellig-bg);--lumo-success-color: var(--nf-ok-fg);--lumo-success-text-color: var(--nf-ok-fg);--lumo-warning-color: var(--nf-warnung-fg);--lumo-warning-text-color: var(--nf-warnung-fg);--lumo-border-radius-s: 4px;--lumo-border-radius-m: var(--nf-radius-control);--lumo-border-radius-l: var(--nf-radius-karte);--lumo-size-m: 40px;--lumo-contrast-10pct: rgba(19,34,49,0.08);--lumo-contrast-20pct: var(--nf-linie-feld)}html,body{background: var(--nf-seite);color: var(--nf-text);font-family: var(--nf-schrift)}*:focus-visible{outline: 2px solid var(--nf-primaer);outline-offset: 2px}.nf-mono{font-family: var(--nf-schrift-mono);font-weight: 500}.nf-icon{flex: none}vaadin-app-layout.nf-layout{--vaadin-app-layout-drawer-width: 248px;--vaadin-app-layout-drawer-overlay: false;--vaadin-app-layout-navbar-background: var(--nf-flaeche);background: var(--nf-seite)}@media (max-width: 1023px){vaadin-app-layout.nf-layout{--vaadin-app-layout-drawer-overlay: true}}vaadin-app-layout.nf-layout::part(drawer){background: var(--nf-nav-hintergrund);color: var(--nf-nav-text);border-inline-end: none;display: flex;flex-direction: column;padding: 20px 14px;box-sizing: border-box;gap: 22px}vaadin-app-layout.nf-layout::part(navbar){background: var(--nf-flaeche);border-bottom: 1px solid var(--nf-linie);box-shadow: none;min-height: 68px}.nf-marke{display: flex;align-items: center;gap: 10px;padding: 0 6px;color: #ffffff}.nf-marke__logo{flex: none;width: 40px;height: 40px;border-radius: 8px;background: #ffffff;object-fit: contain}.nf-anmeldung__marke .nf-marke__logo{width: 56px;height: 56px;border-radius: 12px}.nf-marke>div{display: flex;flex-direction: column;line-height: 1.25}.nf-marke>div>span:first-child{font-weight: 600;font-size: 15px;color: #ffffff}.nf-marke>div>span:last-child{font-size: 12px;color: var(--nf-nav-untertitel)}.nf-nav-scroller{flex: 1}.nf-nav{display: flex;flex-direction: column;gap: 22px}.nf-nav vaadin-side-nav{--vaadin-side-nav-item-color: var(--nf-nav-text);color: var(--nf-nav-text)}.nf-nav vaadin-side-nav::part(label){font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--nf-nav-gruppe);font-weight: 600;padding: 0 12px 6px;min-height: 0}.nf-nav vaadin-side-nav-item{color: var(--nf-nav-text)}.nf-nav vaadin-side-nav-item::part(content){min-height: 40px;padding: 0 12px;gap: 12px;border-radius: var(--nf-radius-control);font-size: 14px;font-weight: 500;color: var(--nf-nav-text)}.nf-nav vaadin-side-nav-item::part(content):hover{background: rgba(255,255,255,0.06);color: #ffffff}.nf-nav vaadin-side-nav-item[current]::part(content){background: var(--nf-nav-aktiv);color: #ffffff}.nf-kopfzeile{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;padding: 12px 32px 12px 16px;width: 100%;box-sizing: border-box}.nf-titelblock{display: flex;flex-direction: column;gap: 2px;flex: 1 1 260px;min-width: 0}.nf-breadcrumb{font-size: 12px;color: var(--nf-text-sekundaer)}.nf-titelblock h1{margin: 0;font-size: 22px;line-height: 1.25;font-weight: 600;color: var(--nf-text)}vaadin-button.nf-suchfeld{flex: 0 1 340px;min-width: 200px;height: 40px;justify-content: flex-start;border: 1px solid var(--nf-linie-feld);border-radius: var(--nf-radius-control);background: var(--nf-tabellenkopf);color: var(--nf-text-sekundaer);font-weight: 400}vaadin-button.nf-suchfeld::part(label){flex: 1;text-align: start;overflow: hidden;text-overflow: ellipsis}vaadin-button.nf-suchfeld [slot="suffix"]{font-family: var(--nf-schrift-mono);font-size: 11px;padding: 2px 6px;border: 1px solid var(--nf-linie-feld);border-radius: 4px;background: var(--nf-flaeche)}vaadin-button.nf-icon-button{width: 40px;min-width: 40px;height: 40px;padding: 0;border: 1px solid var(--nf-linie-feld);border-radius: var(--nf-radius-control);background: var(--nf-flaeche);color: var(--nf-text)}.nf-seite{padding: 24px 32px 48px;display: flex;flex-direction: column;gap: 20px;max-width: 1280px;box-sizing: border-box;width: 100%}@media (max-width: 640px){.nf-seite{padding: 16px 16px 32px}.nf-kopfzeile{padding: 10px 16px 10px 8px}vaadin-button.nf-suchfeld{flex: 1 1 160px;min-width: 0}vaadin-button.nf-suchfeld [slot="suffix"]{display: none}}.nf-karte{background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte);min-width: 0}.nf-karte__kopf{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;padding: 14px 18px;border-bottom: 1px solid var(--nf-linie-zart)}.nf-karte__kopf h2{margin: 0;font-size: 16px;font-weight: 600}.nf-leer{margin: 0;padding: 24px 18px;color: var(--nf-text-sekundaer)}.nf-zeile{display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start}.nf-karte--schmal{flex: 1 1 380px}.nf-karte--breit{flex: 1.7 1 560px}.nf-kacheln{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr));gap: 12px}.nf-kachel{display: flex;align-items: center;gap: 14px;padding: 14px 16px;background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte);cursor: pointer;font: inherit;text-align: start;color: var(--nf-text);min-height: 44px}.nf-kachel[aria-pressed="true"]{border: 2px solid var(--nf-primaer);padding: 13px 15px}.nf-kachel>span:last-child{display: flex;flex-direction: column;align-items: flex-start;font-size: 13px;color: var(--nf-text-sekundaer)}.nf-kachel__zahl{font-size: 26px;font-weight: 600;line-height: 1.1;color: var(--nf-text)}.nf-kachel__symbol{width: 40px;height: 40px;border-radius: 8px;display: grid;place-items: center;flex: 0 0 40px}.nf-ton--ueberfaellig{background: var(--nf-ueberfaellig-bg);color: var(--nf-ueberfaellig-fg)}.nf-ton--bald-faellig{background: var(--nf-warnung-bg);color: var(--nf-warnung-fg)}.nf-ton--erledigt{background: var(--nf-ok-bg);color: var(--nf-ok-fg)}.nf-badge{display: inline-flex;align-items: center;gap: 5px;height: 24px;padding: 0 9px;border-radius: 12px;font-size: 12px;font-weight: 600;white-space: nowrap}.nf-badge--ueberfaellig{background: var(--nf-ueberfaellig-bg);color: var(--nf-ueberfaellig-fg)}.nf-badge--bald-faellig{background: var(--nf-warnung-bg);color: var(--nf-warnung-fg)}.nf-badge--erledigt{background: var(--nf-ok-bg);color: var(--nf-ok-fg)}.nf-badge--info{background: var(--nf-info-bg);color: var(--nf-info-fg)}.nf-badge--neutral{background: var(--nf-neutral-bg);color: var(--nf-neutral-fg)}vaadin-grid{--vaadin-grid-cell-padding: 10px 12px;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte)}vaadin-grid::part(header-cell){background: var(--nf-tabellenkopf);font-size: 12px;font-weight: 600;color: var(--nf-text-sekundaer)}.nf-fett{font-weight: 600}.nf-klein{font-size: 12px;color: var(--nf-text-sekundaer)}.nf-text-sekundaer{color: var(--nf-text-sekundaer)}.nf-stapel{display: flex;flex-direction: column;gap: 2px;min-width: 0}.nf-stapel-gross{display: flex;flex-direction: column;gap: 16px;min-width: 0}.nf-zeile-zentriert{display: flex;align-items: center;gap: 10px}.nf-zeile-verteilt{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px}.nf-knopfzeile{display: flex;flex-wrap: wrap;gap: 8px}.nf-text-erfolg{color: var(--nf-ok-fg);font-weight: 600}.nf-text-fehler{color: var(--nf-ueberfaellig-fg);font-weight: 600}.nf-nur-screenreader{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.nf-scrollbereich{overflow-x: auto}.nf-seite--breit{max-width: 1360px}vaadin-button.nf-button-gross{height: 48px;font-size: 15px;font-weight: 600}vaadin-button.nf-button-sekundaer,a.nf-button-sekundaer{height: 36px;padding: 0 12px;border: 1px solid var(--nf-linie-feld);border-radius: var(--nf-radius-control);background: var(--nf-flaeche);color: var(--nf-text);font-size: 13px;font-weight: 500}a.nf-button-sekundaer{display: inline-flex;align-items: center;height: 40px;text-decoration: none;font-size: 14px}vaadin-button.nf-button-warnung{height: 34px;border: 1px solid #c58a1a;border-radius: var(--nf-radius-control);background: var(--nf-flaeche);color: #5c3800;font-size: 13px;font-weight: 600}vaadin-button.nf-chip-plus{height: 24px;min-width: 0;padding: 0 8px;border: 1px dashed #9aa6b2;border-radius: 12px;background: var(--nf-flaeche);color: var(--nf-text-sekundaer);font-size: 12px;font-weight: 500;align-self: flex-start}.nf-chips{display: flex;flex-wrap: wrap;gap: 4px;align-items: center}.nf-chip{display: inline-flex;align-items: center;gap: 2px;height: 22px;padding: 0 8px;border-radius: 11px;font-size: 11px;font-weight: 600;white-space: nowrap}.nf-chip--neutral{background: var(--nf-neutral-bg);color: var(--nf-neutral-fg)}.nf-chip--primaer{background: var(--nf-primaer-tint);color: var(--nf-primaer-hover)}vaadin-button.nf-chip__entfernen{min-width: 18px;width: 18px;height: 18px;padding: 0;margin: 0 -4px 0 2px;color: inherit}.nf-banner-warnung{display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: center;padding: 10px 14px;border-radius: var(--nf-radius-karte);background: var(--nf-warnung-bg);color: #5c3800;font-size: 13px}.nf-banner-warnung>span{flex: 1 1 320px}.nf-hinweis-fehler{display: flex;gap: 10px;padding: 12px 14px;border-radius: var(--nf-radius-karte);background: var(--nf-ueberfaellig-bg);color: #7d160f;font-size: 13px;align-items: flex-start}.nf-hinweis-box{padding: 12px 14px;border-radius: var(--nf-radius-karte);background: var(--nf-flaeche);border: 1px solid var(--nf-linie);font-size: 13px;color: var(--nf-text-sekundaer)}vaadin-avatar.nf-avatar,vaadin-avatar.nf-avatar-klein,vaadin-avatar.nf-avatar-gross{--vaadin-avatar-background: var(--nf-nav-aktiv);background: var(--nf-nav-aktiv);color: #ffffff;flex: none}vaadin-avatar.nf-avatar{--vaadin-avatar-size: 36px;width: 36px;height: 36px;background: var(--nf-primaer)}vaadin-avatar.nf-avatar-klein{--vaadin-avatar-size: 32px;width: 32px;height: 32px}vaadin-avatar.nf-avatar-gross{--vaadin-avatar-size: 48px;width: 48px;height: 48px}.nf-anmeldung{min-height: 100vh;display: flex;flex-wrap: wrap;background: var(--nf-seite)}.nf-anmeldung__aside{flex: 1 1 420px;background: var(--nf-nav-hintergrund);color: var(--nf-nav-text);padding: 40px 48px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;gap: 32px;background-image: radial-gradient(circle at 85% 15%,rgba(79,166,224,.18) 0,rgba(79,166,224,0) 45%)}.nf-anmeldung__marke{display: flex;align-items: center;gap: 12px;color: #ffffff;font-size: 20px;font-weight: 600}.nf-anmeldung__claim{display: flex;flex-direction: column;gap: 12px;max-width: 440px}.nf-anmeldung__claim h2{margin: 0;color: #ffffff;font-size: 32px;line-height: 1.2;font-weight: 600;text-wrap: balance}.nf-anmeldung__claim p{margin: 0;font-size: 15px}.nf-anmeldung__fuss{display: flex;flex-wrap: wrap;gap: 6px 16px;font-size: 12px;color: var(--nf-nav-untertitel)}.nf-anmeldung__fuss a{color: var(--nf-nav-text)}.nf-anmeldung__main{flex: 999 1 440px;display: flex;align-items: center;justify-content: center;padding: 40px 20px;box-sizing: border-box}.nf-anmeldung__inhalt{width: 100%;max-width: 400px;display: flex;flex-direction: column;gap: 20px}.nf-anmeldung__kopf{display: flex;flex-direction: column;gap: 4px}.nf-anmeldung__kopf h1{margin: 0;font-size: 26px;line-height: 1.25;font-weight: 600}.nf-anmeldung__kopf p{margin: 0;color: var(--nf-text-sekundaer)}.nf-anmeldung__hinweis{margin: 0;border-top: 1px solid var(--nf-linie);padding-top: 16px;font-size: 13px;color: var(--nf-text-sekundaer)}.nf-anmeldung__symbol{width: 48px;height: 48px;border-radius: 12px;display: grid;place-items: center}.nf-ton--primaer{background: var(--nf-primaer-tint);color: var(--nf-primaer)}.nf-ton--neutral{background: var(--nf-neutral-bg);color: var(--nf-neutral-fg)}@media (max-width: 860px){.nf-anmeldung{align-content: flex-start}.nf-anmeldung__aside{flex: 0 0 100%;padding: 20px;gap: 0}.nf-anmeldung__claim,.nf-anmeldung__fuss{display: none}.nf-anmeldung__main{align-items: flex-start;padding-top: 24px}}.nf-formular{display: flex;flex-direction: column;gap: 16px}.nf-formular vaadin-text-field,.nf-formular vaadin-email-field,.nf-formular vaadin-password-field{--lumo-size-m: 46px;font-size: 15px}.nf-feldlabel{font-size: 13px;font-weight: 500;color: #26323d}.nf-labelzeile{display: flex;justify-content: space-between;align-items: baseline;gap: 8px}.nf-labelzeile a,.nf-zurueck,.nf-linkzeile a{font-size: 13px;font-weight: 600;text-decoration: none;color: var(--nf-primaer)}.nf-zurueck{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;align-self: flex-start;font-size: 14px}.nf-linkzeile{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px}.nf-linkzeile vaadin-button{min-height: 44px;font-size: 13px;font-weight: 600}a.nf-linkbutton{display: flex;align-items: center;justify-content: center;height: 48px;border-radius: var(--nf-radius-control);background: var(--nf-primaer);color: #ffffff;font-size: 15px;font-weight: 600;text-decoration: none}vaadin-text-field.nf-codefeld::part(input-field){height: 56px}vaadin-text-field.nf-codefeld input{font-family: var(--nf-schrift-mono);font-size: 24px;letter-spacing: 0.4em}vaadin-text-field.nf-passwort-vorschlag input{font-family: var(--nf-schrift-mono);letter-spacing: 0.05em}.nf-qrcode{width: 200px;height: 200px;align-self: center;image-rendering: pixelated}.nf-secret{font-size: 14px;word-break: break-all;padding: 8px 10px;background: var(--nf-tabellenkopf);border-radius: var(--nf-radius-control)}.nf-codeliste{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 20px;margin: 0;padding: 12px 14px 12px 34px;background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte);font-size: 15px}.nf-staerke{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 4px;margin-top: -8px}.nf-staerke>span{height: 4px;border-radius: 2px;background: var(--nf-linie)}.nf-staerke>span.nf-staerke--1{background: #b3261e}.nf-staerke>span.nf-staerke--2{background: #c58a1a}.nf-staerke>span.nf-staerke--3{background: #4f8fa0}.nf-staerke>span.nf-staerke--4{background: var(--nf-ok-fg)}.nf-regeln{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px}.nf-regeln li{display: flex;gap: 8px;align-items: center;font-size: 13px;color: var(--nf-text-sekundaer)}.nf-regeln li.nf-regel--erfuellt{color: var(--nf-ok-fg)}.nf-regel__symbol{width: 18px;height: 18px;border-radius: 50%;display: grid;place-items: center;flex: 0 0 18px}.nf-personkarte{display: flex;gap: 12px;align-items: center;padding: 12px 14px;border-radius: var(--nf-radius-karte);background: var(--nf-flaeche);border: 1px solid var(--nf-linie)}.nf-kopfaktionen{display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.nf-kopfaktionen:empty{display: none}.nf-nutzer{display: flex;align-items: center;gap: 10px}.nf-nutzer .nf-stapel{line-height: 1.2}.nf-nav-konto{display: flex;flex-direction: column;gap: 2px}.nf-nav-gruppe{font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--nf-nav-gruppe);font-weight: 600;padding: 0 12px 6px}.nf-nav-button{display: flex;align-items: center;gap: 12px;min-height: 40px;padding: 0 12px;border: 0;border-radius: var(--nf-radius-control);background: transparent;color: var(--nf-nav-text);font: inherit;font-size: 14px;font-weight: 500;cursor: pointer;text-align: start}.nf-nav-button:hover{background: rgba(255,255,255,0.06);color: #ffffff}@media (max-width: 640px){.nf-nutzer .nf-stapel{display: none}}.nf-filter{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 12px;padding: 12px 14px;background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte)}.nf-filter__suche{flex: 1 1 220px}.nf-liste{flex: 999 1 560px;display: flex;flex-direction: column}.nf-liste vaadin-grid.nf-grid{border: 0;border-radius: var(--nf-radius-karte) var(--nf-radius-karte) 0 0;height: 560px}.nf-grid-fuss{padding: 10px 16px;border-top: 1px solid #eef1f4;font-size: 13px;color: var(--nf-text-sekundaer)}.nf-detail{flex: 1 1 380px}.nf-detail__abschnitt{padding: 14px 18px;border-bottom: 1px solid var(--nf-linie-zart)}.nf-detail__abschnitt:last-child{border-bottom: 0}.nf-detail__abschnitt h3{margin: 0;font-size: 14px;font-weight: 600}.nf-detail__kopf{display: flex;gap: 12px;align-items: center}.nf-detail__kopf .nf-stapel{flex: 1;gap: 4px}.nf-detail__kopf h2{margin: 0;font-size: 18px;font-weight: 600}.nf-detail .nf-stapel.nf-detail__abschnitt{gap: 10px}.nf-dl{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 8px 14px;font-size: 13px}.nf-dl dt{color: var(--nf-text-sekundaer)}.nf-dl dd{margin: 0;overflow-wrap: anywhere}.nf-rollen{flex: 1 1 230px;padding: 10px;display: flex;flex-direction: column;gap: 10px;align-self: flex-start}.nf-rollen .nf-klein{padding: 0 4px}.nf-rollenliste{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 2px}.nf-rollenknopf{width: 100%;display: flex;flex-direction: column;align-items: flex-start;gap: 2px;padding: 10px 12px;border: 0;border-radius: var(--nf-radius-control);background: transparent;font: inherit;text-align: start;cursor: pointer;color: var(--nf-text)}.nf-rollenknopf[aria-pressed="true"]{background: var(--nf-primaer-tint)}.nf-rechte-haupt{flex: 999 1 640px}.nf-karte__abschnitt{padding: 12px 18px}.nf-karte__kopf .nf-stapel h2{margin: 0;font-size: 16px;font-weight: 600}vaadin-grid.nf-matrix{border: 0;border-top: 1px solid var(--nf-linie-zart);border-bottom: 1px solid var(--nf-linie-zart);border-radius: 0;min-width: 820px;--vaadin-grid-cell-padding: 8px 8px}vaadin-grid.nf-matrix::part(header-cell){font-size: 11px}vaadin-select.nf-select-kompakt{width: 116px;--lumo-size-m: 34px}.nf-abschnitt{padding: 14px 18px}.nf-abschnitt h2{margin: 0 0 10px;font-size: 16px;font-weight: 600}.nf-protokoll{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px;font-size: 13px}.nf-protokoll li{display: flex;flex-wrap: wrap;gap: 4px 14px}.nf-protokoll li>span:first-child{flex: 0 0 120px}.nf-protokoll li>span:last-child{flex: 1 1 300px}html{--vaadin-input-field-background: var(--nf-flaeche);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--nf-linie-feld);--vaadin-input-field-hover-highlight-opacity: 0}@media (min-width: 1024px){.nf-kopfzeile{flex-wrap: nowrap}.nf-titelblock{flex: 1 1 200px}vaadin-button.nf-suchfeld{flex: 0 1 300px;min-width: 160px}.nf-nutzer{flex: none}}@media (max-width: 1279px){.nf-nutzer .nf-stapel{display: none}}.nf-kopfaktionen>.nf-knopfzeile{display: flex;flex-wrap: nowrap;gap: 8px}@media (min-width: 640px){.nf-kopfaktionen{flex: none;flex-wrap: nowrap}}.nf-karte__inhalt{min-width: 0}.nf-karte__inhalt.nf-stapel-gross{padding: 16px 18px}.nf-karte__inhalt h3{margin: 4px 0 0;font-size: 14px;font-weight: 600}vaadin-grid.nf-grid-innen{border: 0;border-radius: 0 0 var(--nf-radius-karte) var(--nf-radius-karte)}vaadin-grid::part(mono){font-family: var(--nf-schrift-mono);font-weight: 500;font-size: 13px}vaadin-grid::part(fett){font-weight: 600}.nf-kopfkarte{display: flex;flex-wrap: wrap;gap: 14px 20px;align-items: flex-end;padding: 16px 18px}.nf-kopf-text{flex: 1 1 240px}.nf-kopf-text h2{margin: 0;font-size: 18px;font-weight: 600}.nf-kopf-text h2.nf-mono{font-size: 22px}vaadin-button.nf-button-klein{height: 30px;font-size: 12px}.nf-zeile--haelften>*{flex: 1 1 320px;min-width: 0}.nf-tabs{--vaadin-tabsheet-content-padding: 16px 0 0}.nf-tabs::part(content){padding: 16px 0 0}vaadin-grid.nf-lehrplan{border: 0;border-radius: 0;min-width: 720px}vaadin-grid.nf-lehrplan::part(footer-cell){background: var(--nf-tabellenkopf);font-weight: 600}.nf-flugzeugliste{flex: 1 1 300px;min-width: 0;display: flex;flex-direction: column;gap: 10px;align-self: flex-start}.nf-flugzeugkarte{display: flex;flex-direction: column;gap: 8px;padding: 14px 16px;background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte);text-align: start;font: inherit;color: var(--nf-text);cursor: pointer;width: 100%}.nf-flugzeugkarte[aria-pressed="true"]{border: 2px solid var(--nf-primaer);padding: 13px 15px}.nf-flugzeugkarte--gesperrt{background: repeating-linear-gradient(135deg,#ffffff 0,#ffffff 10px,#fdf3f2 10px,#fdf3f2 20px)}.nf-kennzeichen{font-size: 16px}.nf-klein-zeile{display: flex;flex-wrap: wrap;gap: 4px 16px;font-size: 12px;color: var(--nf-text-sekundaer)}.nf-zaehlerkachel{padding: 12px 16px;display: flex;flex-direction: column;gap: 2px}.nf-zaehlerwert{font-size: 20px}.nf-logo-zeile{display: flex;flex-wrap: wrap;gap: 14px;align-items: center;padding: 12px;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte)}.nf-logo-zeile .nf-stapel{flex: 1 1 260px}.nf-logo-vorschau{width: 72px;height: 72px;border-radius: var(--nf-radius-control);background: var(--nf-tabellenkopf);display: grid;place-items: center;overflow: hidden;font-size: 11px;color: var(--nf-text-sekundaer)}.nf-logo-vorschau img{max-width: 100%;max-height: 100%}vaadin-upload.nf-upload-kompakt{padding: 0;border: 0;background: transparent}.nf-ausbildungszeile{padding: 8px 10px;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-control);align-items: center}.nf-nav vaadin-side-nav-item>[slot="prefix"]{color: inherit;opacity: 1}.nf-nav vaadin-side-nav-item::part(content){white-space: normal;line-height: 1.25}.nf-kacheln vaadin-button.nf-chip-plus{align-self: center;justify-self: start}.nf-nav vaadin-side-nav-item::part(label){white-space: normal;overflow: visible;text-overflow: clip}.nf-kalender-leiste{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 14px}.nf-kalender-zeitraum{font-size: 16px;font-weight: 600;align-self: center;flex: 1 1 220px}.nf-springe{width: 130px}.nf-segment{display: inline-flex;border: 1px solid var(--nf-linie-feld);border-radius: var(--nf-radius-control);overflow: hidden;background: var(--nf-flaeche)}.nf-segment vaadin-button.nf-segment__knopf{border-radius: 0;margin: 0;height: 38px;background: var(--nf-flaeche);color: var(--nf-text);font-weight: 500}.nf-segment vaadin-button.nf-segment__knopf[aria-pressed="true"]{background: var(--nf-primaer);color: #ffffff}.nf-legende{display: flex;flex-wrap: wrap;gap: 6px 14px;font-size: 12px;color: var(--nf-text-sekundaer);flex: 1 1 100%}.nf-legende__eintrag{display: inline-flex;align-items: center;gap: 6px}.nf-legende__farbe{width: 14px;height: 14px;border-radius: 3px;border: 1px solid}.nf-termin--frei{background: #e4ecf8;border-color: #6d8fc0}.nf-termin--eigene{background: #0a5c70;border-color: #06404e}.nf-termin--voll{background: #d7dde3;border-color: #9aa6b2}.nf-termin--abgesagt{background: #ffffff;border: 1px dashed #6b7884}.nf-termin--pruefung{background: #fff0d1;border-color: #c58a1a}.nf-termin--intern{background: #f7f9fa;border: 1px dashed #9aa6b2}.nf-kalender{flex: 999 1 640px;min-width: 0;padding: 8px}.nf-termin-detail{flex: 1 1 340px}.fc .fc-event.nf-termin--abgesagt .fc-event-title{text-decoration: line-through}.fc .fc-event{font-size: 12px}.nf-belegung{height: 8px;border-radius: 4px;background: var(--nf-linie);overflow: hidden}.nf-belegung__wert{height: 100%}.nf-belegung__wert--frei{background: var(--nf-primaer)}.nf-belegung__wert--voll{background: #6b7884}.nf-teilnehmerliste{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px;font-size: 13px}.nf-terminliste{list-style: none;margin: 0;padding: 0}.nf-terminliste li{border-bottom: 1px solid #eef1f4}.nf-terminliste__eintrag{display: flex;gap: 14px;align-items: flex-start;padding: 12px 18px;text-decoration: none;color: var(--nf-text)}.nf-terminliste__text{flex: 1}.nf-datumskachel{flex: 0 0 52px;display: flex;flex-direction: column;align-items: center;padding: 6px 0;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-control);line-height: 1.1;font-size: 11px;font-weight: 600;color: var(--nf-text-sekundaer);text-transform: uppercase}.nf-datumskachel__tag{font-size: 20px;color: var(--nf-text)}.nf-link-klein{font-size: 13px;font-weight: 600;text-decoration: none;color: var(--nf-primaer)}.nf-banner-info{display: flex;flex-wrap: wrap;gap: 10px;align-items: flex-start;padding: 10px 14px;border-radius: var(--nf-radius-karte);background: var(--nf-info-bg);color: var(--nf-info-fg);font-size: 13px}.nf-banner-info>span,.nf-banner-warnung>span{flex: 1 1 220px;min-width: 0}.nf-nachweis-seite{flex: 1 1 340px;max-width: 420px}@media (max-width: 1100px){.nf-nachweis-seite{max-width: none}}.nf-stepper{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 4px;flex: 1 1 100%}.nf-stepper__schritt{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px 4px 4px;border-radius: 14px;font-size: 12px;color: var(--nf-text-sekundaer);background: var(--nf-neutral-bg)}.nf-stepper__schritt>:first-child{display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;background: var(--nf-flaeche);font-size: 11px;font-weight: 600}.nf-stepper__schritt + .nf-stepper__schritt::before{content: "→";margin: 0 4px 0 -2px;color: var(--nf-text-sekundaer);order: -1}.nf-stepper__schritt--fertig{background: var(--nf-ok-bg);color: var(--nf-ok-fg)}.nf-stepper__schritt--aktiv{background: var(--nf-primaer-tint);color: var(--nf-primaer-hover);font-weight: 600}.nf-stepper__schritt--aktiv>:first-child{background: var(--nf-primaer);color: #fff}.nf-feldzeile{display: flex;flex-wrap: wrap;gap: 4px 12px;align-items: flex-end}.nf-feldzeile>vaadin-date-picker{flex: 1 1 150px}.nf-feldzeile>vaadin-time-picker,.nf-feldzeile>vaadin-integer-field{flex: 0 1 120px}.nf-feldzeile>vaadin-select,.nf-feldzeile>vaadin-text-field{flex: 1 1 220px}.nf-feld-breit{width: 100%}.nf-nettodauer{padding-bottom: 8px;min-width: 90px}.nf-erfassung{display: flex;flex-direction: column;gap: 6px}.nf-blockzeile,.nf-teilnahmezeile{display: grid;gap: 8px;align-items: center}.nf-blockzeile{grid-template-columns: minmax(150px,1.3fr) minmax(150px,1.5fr) minmax(130px,1fr) 96px 96px 64px 36px}.nf-teilnahmezeile{grid-template-columns: minmax(130px,1.1fr) 170px 96px 96px minmax(120px,1fr) minmax(110px,0.9fr) 36px}.nf-erfassung__kopf{font-size: 12px;font-weight: 600;color: var(--nf-text-sekundaer);padding: 0 2px}.nf-blockzeile>vaadin-combo-box,.nf-blockzeile>vaadin-multi-select-combo-box,.nf-blockzeile>vaadin-time-picker,.nf-teilnahmezeile>vaadin-select,.nf-teilnahmezeile>vaadin-time-picker,.nf-teilnahmezeile>vaadin-text-field{width: 100%;min-width: 0;padding: 0}.nf-teilnahmezeile__minuten{display: flex;flex-direction: column;line-height: 1.3}.nf-blockzeile__dauer{text-align: right;font-size: 13px}@media (min-width: 1101px){.nf-erfassung .nf-blockzeile:not(.nf-erfassung__kopf)>*::part(label),.nf-erfassung .nf-teilnahmezeile:not(.nf-erfassung__kopf)>*::part(label){display: none}}@media (max-width: 1100px){.nf-erfassung__kopf{display: none}.nf-blockzeile,.nf-teilnahmezeile{grid-template-columns: 1fr 1fr;padding: 10px 0;border-bottom: 1px solid var(--nf-linie-zart)}.nf-blockzeile>:first-child,.nf-blockzeile>:nth-child(2),.nf-teilnahmezeile>:first-child{grid-column: 1 / -1}.nf-blockzeile__dauer{text-align: left}}.nf-verteilung{display: flex;flex-direction: column;gap: 6px}.nf-verteilung__balken{height: 8px;border-radius: 4px;background: var(--nf-neutral-bg);overflow: hidden}.nf-verteilung__fuellung{height: 100%;background: var(--nf-primaer)}.nf-verteilung__fuellung--zuviel{background: var(--nf-ueberfaellig-fg)}.nf-pruefliste{list-style: none;margin: 0;padding: 12px 18px;display: flex;flex-direction: column;gap: 8px;font-size: 13px}.nf-pruefliste li{display: flex;gap: 8px;align-items: flex-start;padding: 6px 8px;border-radius: var(--nf-radius-control)}.nf-pruefliste li>.nf-icon{flex: 0 0 auto;margin-top: 2px}.nf-pruefliste--fehler{background: var(--nf-ueberfaellig-bg);color: var(--nf-ueberfaellig-fg)}.nf-pruefliste--warnung{background: var(--nf-warnung-bg);color: var(--nf-warnung-fg)}.nf-pruefliste--info{background: var(--nf-info-bg);color: var(--nf-info-fg)}.nf-pruefliste--ok{background: var(--nf-ok-bg);color: var(--nf-ok-fg)}.nf-auswirkung{list-style: none;margin: 0;padding: 12px 18px;display: flex;flex-direction: column;gap: 10px}.nf-auswirkung li{display: flex;justify-content: space-between;gap: 10px;align-items: baseline}.nf-auswirkung li>:last-child{white-space: nowrap}.nf-akte-avatar{width: 52px;height: 52px;font-size: 18px;background: var(--nf-primaer-tint);color: var(--nf-primaer-hover);flex: 0 0 52px}.nf-kopfkarte h2{margin: 0;font-size: 20px;font-weight: 600}.nf-akte-tabs{background: var(--nf-flaeche);border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-karte)}vaadin-tab.nf-akte-tab{flex-direction: column;align-items: flex-start;gap: 0;padding: 10px 16px 9px;min-height: 52px}.nf-akte-seite{flex: 1 1 340px;max-width: 460px}@media (max-width: 1100px){.nf-akte-seite{max-width: none}}.nf-kachel.nf-stapel{gap: 4px;padding: 14px 16px}.nf-kachel.nf-stapel>span:last-child{display: block}.nf-theorie{min-width: 640px;font-size: 13px}.nf-theorie__zeile{display: grid;grid-template-columns: minmax(140px,2fr) repeat(5,minmax(50px,0.6fr)) minmax(80px,1.2fr) 52px;gap: 8px;align-items: center;padding: 9px 16px;border-bottom: 1px solid var(--nf-linie-zart)}.nf-theorie__kopf{background: var(--nf-tabellenkopf);font-size: 12px;font-weight: 600;color: var(--nf-text-sekundaer)}.nf-theorie__zahl{text-align: right;font-variant-numeric: tabular-nums}.nf-theorie__zeile--aktiv{background: var(--nf-primaer-tint)}.nf-theorie__summe{font-weight: 600;border-top: 2px solid var(--nf-text);border-bottom: 0}.nf-theorie__fach{all: unset;cursor: pointer;font-weight: 600;color: var(--nf-text);text-align: left}.nf-theorie__fach:hover{color: var(--nf-primaer);text-decoration: underline}.nf-theorie__fach:focus-visible{outline: 2px solid var(--nf-primaer);outline-offset: 2px;border-radius: 2px}.nf-balken{display: flex;height: 10px;border-radius: 5px;background: var(--nf-neutral-bg);overflow: hidden}.nf-balken>div{height: 100%}.nf-balken__ist{background: var(--nf-primaer);border-color: var(--nf-primaer) !important}.nf-balken__anerkannt{background: repeating-linear-gradient(45deg,#7a4a00 0,#7a4a00 2px,#ffd27a 2px,#ffd27a 4px);border-color: #7a4a00 !important}.nf-balken__gebucht{box-sizing: border-box;border: 1.5px solid var(--nf-primaer);background: var(--nf-flaeche);border-radius: 0 5px 5px 0}.nf-legende .nf-balken__gebucht{border-radius: 3px}.nf-herkunft{list-style: none;margin: 0;padding: 4px 18px}.nf-herkunft li{border-bottom: 1px solid var(--nf-linie-zart)}.nf-herkunft li:last-child{border-bottom: 0}.nf-herkunft__zeile{display: flex;gap: 12px;align-items: center;padding: 10px 0}.nf-herkunft__text{flex: 1 1 auto}.nf-herkunft .nf-datumskachel{font-size: 12px;text-transform: none;padding: 8px 0}.nf-dokumentliste{list-style: none;margin: 0;padding: 4px 18px}.nf-dokumentliste>li{padding: 10px 0;border-bottom: 1px solid var(--nf-linie-zart)}.nf-dokumentliste>li:last-child{border-bottom: 0}.nf-dokumentliste a.nf-fett{color: var(--nf-text);text-decoration: none}.nf-dokumentliste a.nf-fett:hover{color: var(--nf-primaer);text-decoration: underline}.nf-dokumentliste .nf-leer{padding: 14px 0}vaadin-button.nf-button-klein{height: 30px;font-size: 13px;padding: 0 10px}.nf-chips-gross{display: flex;flex-wrap: wrap;gap: 8px}vaadin-button.nf-typ-chip{height: 32px;border: 1px solid var(--nf-linie);border-radius: 16px;background: var(--nf-flaeche);color: var(--nf-text);font-size: 13px;font-weight: 500}vaadin-button.nf-typ-chip--inaktiv{opacity: 0.6}a.nf-button-primaer-link{display: inline-flex;align-items: center;height: 40px;padding: 0 16px;border-radius: var(--nf-radius-control);background: var(--nf-primaer);color: #fff;font-weight: 600;text-decoration: none;font-size: 14px}a.nf-button-primaer-link:hover{background: var(--nf-primaer-hover)}.nf-kachel.nf-stapel{cursor: default;align-items: flex-start}vaadin-grid::part(ausgewaehlt){background: var(--nf-primaer-tint)}.nf-fragetext{margin: 0;font-size: 16px;font-weight: 600;line-height: 1.4}.nf-fragebild{max-width: 100%;max-height: 220px;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-control)}.nf-antworten{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px}.nf-antworten li{display: flex;gap: 10px;align-items: center;padding: 9px 12px;border-radius: var(--nf-radius-control);border: 1px solid var(--nf-linie);font-size: 14px}.nf-antworten li>span:nth-child(2){flex: 1}.nf-antwort--richtig{background: var(--nf-ok-bg);color: #123f24;border-color: #7fb894 !important}.nf-schritt-nr{display: inline-grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;background: var(--nf-primaer);color: #fff;font-size: 12px;font-weight: 600;flex: 0 0 24px}.nf-einheitenkarten{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 8px}.nf-einheitkarte{all: unset;box-sizing: border-box;display: flex;align-items: center;gap: 10px;padding: 8px 12px;border: 1px solid var(--nf-linie);border-radius: var(--nf-radius-control);background: var(--nf-flaeche);cursor: pointer;font-size: 13px}.nf-einheitkarte>span:nth-child(2){flex: 1}.nf-einheitkarte[aria-pressed="true"]{border-color: var(--nf-primaer);background: var(--nf-primaer-tint)}.nf-einheitkarte:focus-visible{outline: 2px solid var(--nf-primaer);outline-offset: 2px}vaadin-button.nf-tab-aktiv{border: 1px solid var(--nf-primaer);background: var(--nf-primaer-tint);color: var(--nf-primaer-hover);font-weight: 600}.nf-pdf-vorschau{display: flex;flex-direction: column;gap: 8px;padding: 18px 20px;background: #fff;border: 1px solid var(--nf-linie);border-radius: 4px;box-shadow: 0 2px 8px rgba(19,34,49,0.08);font-size: 12px}.nf-pdf-vorschau p{margin: 0}.nf-vorschau-antworten{list-style: none;margin: 0 0 4px;padding: 0 0 0 14px;display: flex;flex-direction: column;gap: 2px}.nf-pdf-logo{display: inline-grid;place-items: center;width: 64px;height: 28px;border: 1px dashed #9aa6b2;border-radius: 4px;font-size: 10px;color: var(--nf-text-sekundaer)}.nf-karte__kopf.nf-zeile-zentriert{justify-content: flex-start}vaadin-dialog.nf-suche::part(backdrop){background: rgba(15,33,48,.45)}vaadin-dialog.nf-suche::part(overlay){width: min(680px,calc(100vw - 32px));max-height: calc(100dvh - 96px);border-radius: 10px;box-shadow: 0 18px 50px rgba(15,33,48,.30)}vaadin-dialog.nf-suche::part(content){padding: 0;display: flex;flex-direction: column;min-height: 0}.nf-suche__kopf{display: flex;align-items: center;gap: 10px;padding: 6px 14px;border-bottom: 1px solid var(--nf-linie)}.nf-suche__feld{--vaadin-input-field-background: transparent;font-size: 17px}.nf-suche__abbrechen{all: unset;display: none;font-weight: 600;color: var(--nf-primaer);cursor: pointer;padding: 0 4px;min-height: 44px}.nf-suche__liste{flex: 1 1 auto;overflow-y: auto;padding: 4px 0;max-height: 60vh}.nf-suche__ueberschrift h3{margin: 0;padding: 10px 16px 4px;font-size: 11px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: var(--nf-text-sekundaer)}.nf-suche__anzahl{font-weight: 500;letter-spacing: 0;text-transform: none}.nf-suche__gruppe + .nf-suche__gruppe{border-top: 1px solid #eef1f4}.nf-suche__zeile{all: unset;box-sizing: border-box;display: flex;align-items: center;gap: 12px;width: 100%;min-height: 48px;padding: 6px 16px;cursor: pointer;color: var(--nf-text)}.nf-suche__zeile[aria-selected="true"]{background: var(--nf-primaer-tint);box-shadow: inset 3px 0 0 var(--nf-primaer)}.nf-suche__zeile:focus-visible{outline: 2px solid var(--nf-primaer);outline-offset: -2px}.nf-suche__symbol{width: 30px;height: 30px;border-radius: 6px;display: grid;place-items: center;flex: 0 0 30px;background: #eef1f4;color: var(--nf-nav-aktiv)}.nf-suche__zeile[aria-selected="true"] .nf-suche__symbol{background: var(--nf-primaer);color: #fff}.nf-suche__kennung{font-size: 12px;white-space: nowrap}.nf-suche__text{flex: 1;min-width: 0;display: flex;flex-direction: column;line-height: 1.3}.nf-suche__titel,.nf-suche__text .nf-klein{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.nf-suche__treffer{font-weight: 700;background: var(--nf-warnung-bg)}.nf-suche__leer{display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 32px 20px;text-align: center}.nf-suche__fuss{display: flex;flex-wrap: wrap;gap: 6px 16px;justify-content: space-between;padding: 9px 16px;border-top: 1px solid var(--nf-linie);background: var(--nf-tabellenkopf);font-size: 12px;color: var(--nf-text-sekundaer)}@media (max-width: 639px){vaadin-dialog.nf-suche::part(overlay){width: 100vw;height: 100dvh;max-width: none;max-height: none;border-radius: 0}.nf-suche__abbrechen{display: inline-flex;align-items: center}.nf-suche__liste{max-height: none}.nf-suche__zeile{min-height: 56px}.nf-suche__tasten{display: none}}.nf-unten-nav{display: none}@media (max-width: 1023px){.nf-unten-nav{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 4px;position: fixed;inset: auto 0 0 0;z-index: 10;padding: 6px 6px calc(8px + env(safe-area-inset-bottom));background: var(--nf-flaeche);border-top: 1px solid var(--nf-linie);box-shadow: 0 -4px 16px rgba(15,33,48,.06)}.nf-layout--eingeschraenkt .nf-seite{padding-bottom: calc(96px + env(safe-area-inset-bottom))}}.nf-unten-nav__eintrag{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;height: 52px;border-radius: 10px;font-size: 11px;font-weight: 600;color: var(--nf-text-sekundaer);text-decoration: none}.nf-unten-nav__eintrag[highlight]{background: var(--nf-primaer-tint);color: var(--nf-primaer)}.nf-mobil-seite{max-width: 640px}.nf-mobil-karte{background: var(--nf-primaer);color: #fff;border-radius: 12px;padding: 16px;display: flex;flex-direction: column;gap: 6px}.nf-mobil-karte__ueber{font-size: 12px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: #cde6ec}.nf-mobil-karte__titel{font-size: 19px;font-weight: 600}.nf-mobil-karte>span:not(.nf-mobil-karte__ueber):not(.nf-mobil-karte__titel){font-size: 14px;color: var(--nf-primaer-tint)}.nf-mobil-knoepfe{display: flex;gap: 8px;margin-top: 6px}.nf-mobil-knoepfe>*{flex: 1}a.nf-mobil-knopf--hell{display: inline-flex;align-items: center;justify-content: center;height: 44px;border-radius: 8px;background: #fff;color: var(--nf-primaer);font-weight: 600;text-decoration: none}.nf-mobil-karte vaadin-button.nf-mobil-knopf--rand{height: 44px;border: 1px solid #9ccbd6;background: transparent;color: #fff}a.nf-mobil-knopf--rand{display: inline-flex;align-items: center;justify-content: center;height: 44px;border: 1px solid var(--nf-linie-feld);border-radius: 8px;color: var(--nf-text);font-weight: 600;text-decoration: none;margin-top: 4px}.nf-mobil-hinweis,.nf-mobil-hinweis--rot{display: flex;gap: 12px;align-items: flex-start;padding: 14px 16px;border-radius: 12px;font-size: 13px}.nf-mobil-hinweis{background: var(--nf-warnung-bg);color: #5c3800}.nf-mobil-hinweis--rot{background: var(--nf-ueberfaellig-bg);color: #7d160f}.nf-mobil-theorie{padding: 16px;display: flex;flex-direction: column;gap: 8px;border-radius: 12px}.nf-mobil-theorie h2{margin: 0;font-size: 16px}.nf-fortschritt{height: 8px;border-radius: 4px;background: #eef1f4;overflow: hidden}.nf-fortschritt>div{height: 100%;background: var(--nf-primaer)}.nf-mobil-termin{padding: 14px 16px;display: flex;flex-direction: column;gap: 10px;border-radius: 12px}vaadin-button.nf-mobil-aktion{width: 100%;height: 44px}.nf-aufbewahrung{min-width: 560px;display: flex;flex-direction: column;gap: 6px}.nf-aufbewahrung__zeile{display: grid;grid-template-columns: minmax(180px,1.6fr) 120px minmax(160px,1.4fr) 160px;gap: 10px;align-items: center}.nf-aufbewahrung__zeile>vaadin-integer-field,.nf-aufbewahrung__zeile>vaadin-select{width: 100%}vaadin-dialog.nf-dialog-breit::part(overlay){width: min(1080px,calc(100vw - 32px))}.nf-mail-editor{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 20px;align-items: start}@media (max-width: 860px){.nf-mail-editor{grid-template-columns: 1fr}}.nf-mail-vorschau{background: var(--nf-seite);border: 1px solid var(--nf-linie);border-radius: 8px;padding: 14px 16px;display: flex;flex-direction: column;gap: 8px;position: sticky;top: 0}.nf-mail-vorschau__html{display: block;width: 100%;height: 520px;border: 1px solid var(--nf-linie);border-radius: 6px;background: #f3f5f7}.nf-mail-vorschau__text{margin: 0;white-space: pre-wrap;font-family: inherit;font-size: 14px;line-height: 1.5;color: var(--nf-text)}.nf-platzhalter{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.nf-platzhalter .nf-feldlabel{flex-basis: 100%}.nf-chip{all: unset;cursor: pointer;padding: 2px 8px;border-radius: 999px;background: var(--nf-primaer-tint);color: var(--nf-primaer);font-size: 12px}.nf-chip:focus-visible{outline: 2px solid var(--nf-primaer);outline-offset: 1px}.nf-chip[disabled]{cursor: default;opacity: .6}.nf-fehlertext{color: var(--nf-ueberfaellig-fg);font-size: 13px}.nf-dialog-fuss-links{margin-inline-end: auto}vaadin-text-area.nf-vorlage-text::part(input-field){font-family: var(--nf-schrift-mono,"IBM Plex Mono",monospace);font-size: 13px}.nf-protokoll-karte{padding: 0;overflow: hidden}.nf-protokoll-filter{padding: 16px 16px 4px;align-items: flex-end}.nf-protokoll-filter>span{padding-bottom: 10px;margin-inline-start: auto}@media (max-width: 639px){.nf-kopfzeile{display: grid;grid-template-columns: auto minmax(0,1fr) auto auto auto;gap: 8px;padding: 8px 12px 8px 4px}.nf-kopfaktionen{grid-row: 2;grid-column: 1 / -1}.nf-titelblock h1{font-size: 19px;hyphens: auto;overflow-wrap: anywhere}.nf-breadcrumb{display: none}.nf-kopfaktionen{flex-wrap: nowrap;gap: 6px;overflow-x: auto;scrollbar-width: none;margin: 0 -12px 0 -4px;padding: 0 12px 0 4px}.nf-kopfaktionen::-webkit-scrollbar{display: none}.nf-kopfaktionen vaadin-button{flex: none;height: 34px;padding: 0 10px;font-size: 13px}.nf-kopfaktionen>.nf-knopfzeile{gap: 6px}.nf-kopfaktionen vaadin-button[theme~="primary"]{order: -1}vaadin-grid-cell-content .nf-badge{white-space: normal}vaadin-button.nf-suchfeld{width: 40px;min-width: 40px;padding: 0;font-size: 0}vaadin-button.nf-suchfeld::part(label),vaadin-button.nf-suchfeld [slot="suffix"]{display: none}vaadin-button.nf-suchfeld::part(prefix){margin: 0 auto}.nf-nutzer .nf-avatar{width: 36px;height: 36px}.nf-filter{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.nf-filter>*{width: 100%;min-width: 0}.nf-filter>:not(vaadin-select):not(vaadin-combo-box):not(vaadin-date-picker):not(vaadin-multi-select-combo-box){grid-column: 1 / -1}.nf-rechte-haupt{min-width: 0}vaadin-grid.nf-lehrplan{min-width: 0}.nf-aufbewahrung{min-width: 0;gap: 0}.nf-aufbewahrung__zeile.nf-erfassung__kopf{display: none}.nf-aufbewahrung__zeile{grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 10px;padding: 10px 0;border-bottom: 1px solid var(--nf-linie-zart)}.nf-aufbewahrung__zeile>:nth-child(1){grid-column: 1 / -1}.nf-aufbewahrung__zeile>:nth-child(2){grid-row: 2;grid-column: 1}.nf-aufbewahrung__zeile>:nth-child(4){grid-row: 2;grid-column: 2}.nf-aufbewahrung__zeile>:nth-child(3){grid-row: 3;grid-column: 1 / -1;font-size: 12px;color: var(--nf-text-sekundaer)}.nf-theorie{min-width: 0}.nf-theorie__zeile{grid-template-columns: minmax(0,2fr) repeat(2,minmax(48px,.8fr)) minmax(56px,1fr);padding: 9px 12px}.nf-theorie__zeile>:nth-child(2),.nf-theorie__zeile>:nth-child(4),.nf-theorie__zeile>:nth-child(6),.nf-theorie__zeile>:nth-child(8){display: none}}