
body.np{
  --gs-fokus:#4A5C6A;
  --bb-dw:#4A5C6A; --bb-dw-hauch:rgba(74,92,106,.14);
  --auf-akzent:#ffffff; --knopf-zweit:#4A5C6A; --lila-700:#3f218f; --auf-dunkel:#e8e7ea; --auf-dunkel-stark:#ffffff;
  --auf-dunkel-matt:#a5a1af; --auf-dunkel-akzent:#a5a1af; --auf-dunkel-linie:#34323a; --merk:#6e6e73; --merk-flaeche:#fbfbfd;
  --akzent-tief:#3A4953; --akzent-matt:#6e6e73;
  --np-gruen:#00C981; --np-gruen-tief:#3A4953; --np-gruen-feld:#EEF1F3; --np-gruen-hauch:#F5F7F8; --np-rot:#D8483A;
  --np-rot-tief:#B8322B; --np-rot-hell:#F0988A; --np-rot-feld:#FDECE9; --np-orange:#8A5200; --np-orange-feld:#FFF3DC;
  --np-ampel-orange:#F2A93B; --np-ampel-gruen:#00A86B; --np-d-gruen:#3DBE6B; --np-d-gruen-stark:#2A9E55;
  --np-d-gruen-hell:#5CCFC4; --np-d-gruen-feld:#DDF3E4; --np-d-gruen-text:#2A7050; --np-d-rot:#EE7A70;
  --np-d-rot-hell:#F5B5AE; --np-d-rot-feld:#FCE5E2; --np-d-rot-text:#B8372F; --np-d-sand:#56625C; --np-d-null:#8E8E93;
  --np-d-steuer:#56625C; --np-d-steuer-tief:#46514B; --np-d-steuer-hell:#9AA6A0; --np-d-kosten:#8E9893;
  --np-d-vorjahr:#C9D2CD; --np-tinte:#121815; --np-grau:#47514C; --np-grau-hell:#646E69; --np-linie:#E4E9E6;
  --np-grund:#FBFCFB; --np-karte:#fff; --np-feld:rgba(18,24,21,.06); --np-auf-gruen:#04281C;
  --np-schatten:var(--ap-schatten-1); --np-schatten-hoch:var(--ap-schatten-3); --np-breit:252px;
  --np-feldbreite:34rem; --np-platte:var(--ap-karte); --np-platte-schatten:var(--ap-schatten-1);
  --np-knopf-hoch:var(--lg-gruen-hoch);
  --gb-gruen:var(--np-d-gruen); --gb-gruen-stark:var(--np-d-gruen-stark); --gb-gruen-hell:var(--np-d-gruen-hell);
  --gb-gruen-feld:var(--np-d-gruen-feld); --gb-gruen-text:var(--np-d-gruen-text); --gb-rot:var(--np-d-rot);
  --gb-rot-feld:var(--np-d-rot-feld); --gb-rot-text:var(--np-d-rot-text); --gb-sand:var(--np-d-sand);
  --gb-null:var(--np-d-null); --gb-null-farbe:var(--np-d-null); --gb-linie:var(--np-linie); --gb-grau:var(--np-grau);
  --gb-blass:var(--np-grau-hell); --gb-tinte:var(--np-tinte); --gb-karte:var(--np-karte);
  --gb-kachel:var(--ap-fuellung); --gb-glanz:none;
  --grund:var(--np-grund); --flaeche:var(--np-karte); --flaeche-2:var(--ap-fuellung); --linie-fein:var(--np-linie);
  --linie:#D5DCD8; --linie-stark:#8A948F; --kante:transparent; --tinte:var(--np-tinte); --gedaempft:var(--np-grau);
  --akzent-50:var(--np-gruen-hauch); --akzent-100:var(--np-gruen-feld); --akzent-200:#D5DCE0;
  --akzent-400:var(--np-gruen); --akzent-500:var(--np-gruen-tief); --akzent-700:#3A4953;
  --akzent:var(--np-gruen-tief); --akzent-lese:var(--np-gruen-tief); --gut:var(--np-gruen-tief);
  --gut-linie:var(--np-gruen-tief); --gut-flaeche:var(--np-gruen-feld); --gut-rand:#D5DCE0;
  --gut-hell:var(--np-gruen-feld); --gruen:var(--np-gruen); --fehler:var(--np-rot-tief);
  --fehler-linie:var(--np-rot-tief); --fehler-tief:var(--np-rot-tief); --fehler-flaeche:var(--np-rot-feld);
  --warn:var(--np-orange); --warn-linie:var(--np-orange); --warn-rand:#F2DDB0; --warn-flaeche:var(--np-orange-feld);
  --warn-hell:var(--np-orange-feld); --info:var(--np-grau); --info-linie:#8A948F; --info-flaeche:#FAFBFA;
  --termin:var(--np-gruen-tief); --termin-flaeche:var(--np-gruen-hauch); --termin-rand:#D5DCE0;
  --lila-50:var(--np-gruen-hauch); --lila-200:#D5DCE0; --lila-400:var(--np-gruen); --lila-500:var(--np-gruen-tief);
  --band:var(--np-gruen-feld); --akzent-900:var(--np-tinte); --radius:10px; --radius-gross:22px; --radius-karte:22px;
  --radius-tafel:16px; --radius-knopf:999px; --radius-feld:12px; --schatten:var(--np-schatten);
  --schatten-karte:var(--np-schatten); --schatten-hoch:var(--np-schatten-hoch);
  --schatten-schwebe:var(--np-schatten-hoch); --b-inhalt:1280px;
  --lg-dunkel:.13; --lg-weich:cubic-bezier(.2,.8,.2,1);
  --lg-aussen:0 1px 2px rgba(16,40,28,.04),0 8px 30px -8px rgba(16,40,28,.16); --lg-aussen-hoch:var(--ap-schatten-3);
  --lg-ton:rgba(255,255,255,.72); --lg-flaeche:var(--lg-ton);
  --lg-kanten:inset 1.5px 1.5px 1px rgba(255,255,255,.8),inset -1px -1px 1px rgba(255,255,255,.55),0 0 0 .5px rgba(16,40,28,.07);
  --lg-schein-rot:0 0 0 0 transparent, 0 0 18px -2px rgba(214,72,58,.42), 0 10px 24px -12px rgba(150,45,35,.40), 0 30px 54px -30px rgba(150,45,35,.40);
  --lg-schein-gruen:0 0 0 0 transparent, 0 0 18px -2px rgba(74,92,106,.30), 0 10px 24px -12px rgba(40,52,60,.30), 0 30px 54px -30px rgba(40,52,60,.30);
  --lg-mulde:0 0 #0000; --lg-filter:blur(24px) saturate(180%); --lg-rand:linear-gradient(#0000,#0000);
  --lg-gruen-f:linear-gradient(rgb(95,114,128),rgb(74,92,106) 55%,rgb(65,82,95));
  --lg-gruen-fh:linear-gradient(#41525f,#41525f); --lg-gruen:var(--lg-gruen-f);
  --lg-gruen-hoch:var(--lg-gruen-fh);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --lg-fokus:inset 2.5px 2.5px 1px rgba(255,255,255,1),inset -2px -2px 1px rgba(255,255,255,.9),inset 0 0 0 2px color-mix(in oklab,var(--knopf) 45%,#fff);
  --lg-schein:none;
  --lg-gruen-schatten:var(--lg-knopf-kante),var(--lg-knopf-schatten);
  --lg-gruen-schatten-hoch:0 1px 2px rgba(20,30,38,.14); --lg-weiss:var(--ap-karte);
  --lg-weiss-schatten:var(--ap-schatten-1); --lg-rot:var(--np-rot-feld); --lg-rot-schatten:none;
  --lg-deck:linear-gradient(var(--ap-karte),var(--ap-karte)); --lg-kreis-gruen:#4A5C6A;
  --lg-kreis-gruen-schatten:none; --lg-kreis-rot:var(--np-rot); --lg-kreis-rot-schatten:none;
  --lg-kreis-hell:var(--np-gruen-hauch); --lg-kreis-hell-schatten:none; --lg-balken:none;
  --knopf:#4A5C6A; --knopf-tief:#41525f; --np-link:var(--knopf);
  --bereich-finanzamt:#4A5C6A; --bereich-rechnungen:#2F6FD6; --bereich-lohn:#D9822B; --bereich-belege:#1C9A95;
  --bereich-bank:#5B5BD0; --bereich-sonstiges:#7D8782; --bereich-abschluss:#5856D6; --bereich-archiv:#8E8E93;
  --bereich-finanzamt-knopf:#4A5C6A; --bereich-rechnungen-knopf:#4A5C6A;
  --bereich-lohn-knopf:#4A5C6A; --bereich-belege-knopf:#4A5C6A; --bereich-bank-knopf:#4A5C6A;
  --bereich-sonstiges-knopf:#4A5C6A;
  --ap-1:8px; --ap-2:16px; --ap-3:24px; --ap-4:32px; --ap-5:40px; --ap-rund-s:10px; --ap-rund:14px;
  --ap-rund-karte:22px; --ap-rund-blatt:28px; --ap-hoehe:44px; --ap-druck:1; --ap-druck-gross:1; --ap-feder:linear(0, 0.04403 3.571%, 0.1426 7.143%, 0.2615 10.71%, 0.3814 14.29%, 0.4924 17.86%, 0.5899 21.43%, 0.6728 25%, 0.7415 28.57%, 0.7975 32.14%, 0.8424 35.71%, 0.8781 39.29%, 0.9062 42.86%, 0.9281 46.43%, 0.9452 50%, 0.9583 53.57%, 0.9684 57.14%, 0.9761 60.71%, 0.982 64.29%, 0.9864 67.86%, 0.9898 71.43%, 0.9924 75%, 0.9943 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1);
  --ap-feder-zeit:516ms; --ap-feder-kurz:linear(0, 0.04395 3.571%, 0.1424 7.143%, 0.2611 10.71%, 0.3809 14.29%, 0.4918 17.86%, 0.5893 21.43%, 0.6722 25%, 0.741 28.57%, 0.797 32.14%, 0.842 35.71%, 0.8777 39.29%, 0.9059 42.86%, 0.9279 46.43%, 0.9449 50%, 0.9581 53.57%, 0.9682 57.14%, 0.976 60.71%, 0.9819 64.29%, 0.9864 67.86%, 0.9897 71.43%, 0.9923 75%, 0.9942 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1); --ap-feder-kurz-zeit:324ms;
  --ap-feder-ruhig:linear(0, 0.0438 3.571%, 0.1419 7.143%, 0.2604 10.71%, 0.3801 14.29%, 0.4909 17.86%, 0.5883 21.43%, 0.6712 25%, 0.74 28.57%, 0.7961 32.14%, 0.8412 35.71%, 0.8771 39.29%, 0.9053 42.86%, 0.9274 46.43%, 0.9445 50%, 0.9578 53.57%, 0.968 57.14%, 0.9758 60.71%, 0.9817 64.29%, 0.9862 67.86%, 0.9896 71.43%, 0.9922 75%, 0.9942 78.57%, 0.9956 82.14%, 0.9967 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1); --ap-feder-ruhig-zeit:588ms; --ap-karte:var(--np-karte);
  --ap-grund:#FFFFFF; --ap-gruppe:#F5F5F7; --ap-gruppe-hoch:#EBEBEF; --ap-fuellung:rgba(18,24,21,.055); --ap-fuellung-hoch:rgba(18,24,21,.085); --ap-zweit:#5B6560;
  --ap-akzent-text:#3A4953; --ap-schlicht:color-mix(in oklab,var(--knopf) 11%,transparent);
  --ap-schlicht-hoch:color-mix(in oklab,var(--knopf) 17%,transparent);
  --ap-wahl-grund:color-mix(in oklab,var(--knopf) 9%,var(--np-karte)); --ap-wahl-rand:var(--knopf);
  --ap-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%234A5C6A'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ap-rauschen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)' opacity='.03'/%3E%3C/svg%3E");
  --ap-schatten-1:0 .5px 1px rgba(16,28,22,.04),0 1px 3px rgba(16,28,22,.04),0 8px 24px -12px rgba(16,28,22,.10);
  --ap-schatten-2:0 1px 2px rgba(16,28,22,.05),0 4px 12px -4px rgba(16,28,22,.08),0 18px 40px -18px rgba(16,28,22,.20);
  --ap-schatten-3:0 2px 6px rgba(16,28,22,.06),0 14px 32px -10px rgba(16,28,22,.16),0 40px 80px -30px rgba(16,28,22,.30);
  --ap-material-dicht:rgba(252,253,252,.94); --ap-filter:blur(24px) saturate(180%);
  --io-filter:blur(30px) saturate(180%); --io-glas:rgba(245,245,247,.86); --io-glas-dicht:rgba(245,245,247,.92);
  --io-glas-blatt:rgba(242,242,247,.94); --io-rund-insel:24px; --io-rund-blatt:28px; --io-rund-leiste:26px;
  --io-zweit:color-mix(in oklab,var(--knopf) 12%,transparent);
  --io-zweit-hoch:color-mix(in oklab,var(--knopf) 18%,transparent); --io-zweit-text:var(--ap-akzent-text,#3A4953);
  --io-rot:#C93A2F; --io-rot-hoch:#B3322A; --io-rot-text:#fff; --io-kreis:rgba(18,24,21,.07);
  --io-schatten-glas:var(--lg-kanten),0 1px 2px rgba(16,28,22,.06),0 10px 30px -8px rgba(16,28,22,.18),0 30px 60px -30px rgba(16,28,22,.28);
  --io-haar:.5px; --io-haarlinie:rgba(60,64,62,.13); --io-kasten:rgba(118,124,121,.075);
  --io-insel-schatten:0 1px 2px rgba(16,28,22,.04),0 6px 20px -10px rgba(16,28,22,.14);
  --io-seg-grund:rgba(118,124,121,.12); --io-seg-wahl:#fff;
  --io-seg-schatten:0 1px 2px rgba(0,0,0,.08),0 3px 8px -2px rgba(0,0,0,.10);
  --mz-kachel:rgba(255,255,255,.78); --mz-kachel-hoch:rgba(255,255,255,.92); --mz-kante1:rgba(255,255,255,.62);
  --mz-kante2:rgba(255,255,255,.46); --mz-feld:rgba(118,124,121,.085); --mz-tinte:var(--np-tinte,#121815);
  --mz-zweit:#5B6560; --mz-zeit:#7A847F; --mz-rot:#BF3029;  --mz-filter:blur(30px) saturate(180%);
  --mz-schatten:var(--lg-kanten),0 1px 1px rgba(16,28,22,.04),0 6px 18px -8px rgba(16,28,22,.16);
  --mz-kanten-schatten:var(--lg-kanten),0 4px 10px -6px rgba(16,28,22,.18); --mz-tun:rgba(118,124,121,.16);
  --gs-pfeil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 8%22%3E%3Cpath d=%22M1.5 1.5 6 6l4.5-4.5%22 fill=%22none%22 stroke=%22%236E6E73%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --abw-u:#007AFF; --abw-k:#FFCC00; --abw-l:#00C7BE; --abw-a:#AEAEB2; --abw-frei:rgba(118,118,128,.11); --abw-hauch:rgba(0,122,255,.13); --abw-tinte:#0040DD; --abw-dunkel:rgba(0,0,0,.86);
  --abw-c-orange:#FF9500; --abw-c-rot:#FF3B30; --abw-c-rosa:#FF2D55; --abw-c-lila:#AF52DE; --abw-c-gruen:#34C759; --abw-c-braun:#A2845E;
}

body.np{color:var(--np-tinte); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; padding-left:var(--np-platz,var(--np-breit)); min-height:100vh;
}
body.np .np-leiste{position:fixed;z-index:45;margin:0; padding:0}
body.np .np-innen{height:100%; display:flex; flex-direction:column; padding:18px 12px 14px; gap:4px}
body.np .np-kopf{flex:none; display:flex; flex-direction:column; gap:0}
body.np .np-mitte{flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; margin:0 -6px; padding:0 6px}
body.np .np-fuss{flex:none;}
body.np .np-marke{display:flex; align-items:center; gap:10px; padding:2px 8px 12px; font-weight:700; font-size:17px;
  letter-spacing:-.01em; color:var(--np-tinte); text-decoration:none}
body.np .np-marke i{width:32px; height:32px; display:grid; place-items:center; flex:none}
body.np .np-marke i svg{width:auto; height:28px; display:block}
body.np .np-kreis{width:32px; height:32px; border-radius:50%;
  font-size:13px; font-weight:700; display:grid; place-items:center; flex:none; font-style:normal}
body.np .np-wahl{position:relative; display:block; margin:0}
body.np .np-wahl>summary{list-style:none; display:flex; align-items:center; gap:10px; padding:9px 10px;cursor:pointer; min-height:50px}
body.np .np-wahl>summary::-webkit-details-marker{display:none}
body.np .np-wahl>summary .np-zwei{min-width:0; flex:1}
body.np .np-wahl>summary b{display:block; font-size:14px; font-weight:600; white-space:normal; overflow-wrap:break-word; hyphens:manual; line-height:1.25}
body.np .np-wahl>summary span.np-klein{display:block; font-size:13px; color:var(--np-grau); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-wahl>summary svg{flex:none; color:var(--np-grau-hell); transition:transform .15s}
body.np .np-wahl[open]>summary svg{transform:rotate(180deg)}
body.np .np-menue{position:absolute; left:0; right:0; z-index:60;padding:6px;max-height:min(70vh,560px); overflow:auto}
body.np .np-wahl .np-menue{top:calc(100% + 6px)}
body.np .np-fuss .np-menue{top:auto; bottom:calc(100% + 6px)}
body.np .np-menue a,body.np .np-menue button.np-zeile{display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:9px 10px; border-radius:10px;
  font-size:14px; font-weight:500; color:var(--np-tinte); text-decoration:none; background:none; text-align:left; min-height:40px; border:0}
body.np .np-menue a[aria-current]{font-weight:600}
body.np .np-menue .np-kreis{width:28px; height:28px; font-size:13px; letter-spacing:-.02em}
body.np .np-menue p{margin:0; padding:8px 10px 4px; font-size:13px; font-weight:600; color:var(--np-grau)}
body.np .np-menue hr{border-top:1px solid var(--np-linie);}
body.np .np-menue a.hinaus{color:var(--np-rot-tief)}
body.np .np-menue .darstellungszeile{display:flex; align-items:center; gap:8px; padding:6px 10px; font-size:13px; color:var(--np-grau)}
body.np .np-menue .darstellung a{display:inline-flex; width:auto; min-height:30px; padding:4px 10px; font-size:13px}
body.np button.np-suche{all:unset; box-sizing:border-box; display:flex; align-items:center; gap:9px; margin:8px 0 10px; padding:9px 12px;color:var(--np-grau); font-size:14.5px; cursor:pointer; width:100%;}
body.np button.np-suche:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np button.np-suche kbd{display:none}
body.np button.np-suche[hidden]{display:flex}
body.np .np-nav{display:block; margin:0; padding:0}
body.np .np-nav a{display:flex; align-items:center; gap:11px; padding:10px 12px;font-weight:600; font-size:15px;
  color:var(--np-tinte); text-decoration:none;min-height:44px}
body.np .np-nav svg{width:18px; height:18px; flex:none}
body.np .np-nav em{margin-left:auto; font-style:normal; font-size:12px; font-weight:700;
  min-width:20px; height:20px; border-radius:10px; display:grid; place-items:center; padding:0 6px}
body.np .np-leiste .np-h6{font-size:13px; font-weight:600; color:var(--np-grau); padding:18px 12px 6px; margin:0; text-transform:none; letter-spacing:0}
body.np a.np-konto{display:flex; align-items:center; gap:9px; padding:7px 12px; font-size:14px; white-space:nowrap; color:var(--np-tinte);
  text-decoration:none; border-radius:10px; min-height:34px}
body.np a.np-konto i{width:7px; height:7px; border-radius:50%; background:var(--np-gruen); flex:none}
body.np a.np-konto i.zart{background:#9BD9BF}
body.np a.np-konto b{font-weight:500; white-space:normal; overflow-wrap:anywhere; line-height:1.25; min-width:0}
body.np a.np-konto span{margin-left:auto; color:var(--np-grau)}
body.np a.np-konto span.minus{color:var(--np-rot-tief)}
body.np header.kopfleiste.portalkopf{display:none}
body.np header.kopfleiste.portalkopf::before,body.np header.kopfleiste.portalkopf::after{content:none; display:none}
body.np header.portalkopf .markenwort{display:inline}
body.np .np-unten,body.np .np-mehr{display:none}
body.np main{max-width:1280px; margin:0;}
body.np .geruest{display:block; min-height:0}
body.np h1,body.np main h1,body.np .seitenkopf .titel h1{margin:0 0 6px}
body.np main a{color:var(--np-link)}
body.np .fein,body.np .np-zart{color:var(--np-grau); font-size:13px}
body.np .hinweisstreifen,body.np .kassenstreifen{border-bottom:1px solid var(--np-linie);font-size:12.5px}
body.np .fussleiste{background:transparent; border-top:1px solid var(--np-linie); font-size:12.5px;}
body.np.np-zahlen main table td a,body.np table.bwa td a{color:inherit; text-decoration:none}
body.np.np-zahlen main table td a:hover,body.np table.bwa td a:hover{text-decoration:underline}
body.np.np-zahlen main .np-minus,body.np.np-zahlen main .np-minus a,body.np table.bwa td.minus,body.np table.bwa td.minus a{color:var(--np-rot-tief)}
body.np table.bwa tr.ergebnis td:not(.pos){color:var(--np-gruen-tief)}
body.np table.bwa tr.ergebnis td.minus,body.np table.bwa tr.ergebnis td.minus a{color:var(--np-rot-tief)}
body.np.np-amt main>:not(nav),body.np.np-amt main>:not(nav) :not(button):not(.knopf):not(.np-knopf):not(.knopf *):not(.np-knopf *){color:var(--np-tinte)}
body.np.np-amt main>:not(nav) a:not(.knopf):not(.np-knopf){text-decoration:underline}
body.np .fussleiste a{color:var(--np-grau); display:inline-flex; align-items:center; min-height:44px}
body.np button.np-suche{min-height:44px}
body.np button:hover,body.np .knopf:hover{}
body.np button.np-still,body.np a.np-still{all:unset; box-sizing:border-box; cursor:pointer; font-size:14px; font-weight:600; color:var(--np-link);gap:6px;}
body.np button.np-still:hover,body.np a.np-still:hover{text-decoration:underline}
body.np button:focus-visible,body.np .knopf:focus-visible,body.np a:focus-visible,body.np summary:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-knopf{all:unset; box-sizing:border-box; height:42px; padding:0 18px;font-size:15px;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;white-space:nowrap; cursor:pointer; text-decoration:none;}
body.np .np-knopf.klein{height:36px; min-height:36px; padding:0 15px; font-size:13px}
body.np main a.np-knopf{color:var(--auf-knopf)}
body.np main a.bl-knopf,body.np main a.bl-knopf:hover{color:var(--auf-akzent,#fff)}
body.np main a.np-knopf.rand{color:var(--knopf-zweit)}
body.np .np-knopf.mf-entfernen,body.np main a.np-knopf.mf-entfernen{background:#C9302C; color:#fff; box-shadow:none}
body.np .np-knopf.mf-entfernen:hover{background:#A82724; box-shadow:0 8px 18px -8px rgba(201,48,44,.6)}
body.np p.hinweisband.mf-band{margin:0 0 var(--ap-1,8px); padding:0; border:0; border-radius:0; background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--ap-zweit); font-size:15px; line-height:1.4}
body.np p.hinweisband.mf-band strong{font-weight:600; color:var(--np-tinte)}
body.np p.hinweisband.mf-band a{display:inline-flex; align-items:center; min-height:44px; color:var(--ap-akzent-text); text-decoration:none; font-weight:500}
@media (max-width:700px){body.np p.hinweisband.mf-band :is(strong,a){display:flex} body.np p.hinweisband.mf-band a{min-height:44px} body.np p.hinweisband.mf-band .mf-trenner{display:none}}
body.np .np-knopf[disabled]{opacity:.5; pointer-events:none}
body.np input,body.np select,body.np textarea{border:1px solid #CBD3CF; border-radius:12px;color:var(--np-tinte)}
body.np input:focus,body.np select:focus,body.np textarea:focus{outline:2px solid var(--gs-fokus); outline-offset:0; border-color:var(--knopf)}
body.np th{color:var(--np-grau)}
body.np th,body.np td{border-bottom:1px solid var(--np-linie)}
body.np .np-seitenkopf{display:flex; align-items:center; gap:10px; margin:0 0 14px; flex-wrap:wrap}
body.np .np-seitenkopf>div:first-child{min-width:0; flex:1 1 260px}
body.np .np-seitenkopf small{display:block; font-size:13px; color:var(--np-grau)}
body.np .np-seitenkopf h1{margin:0}
body.np .np-seitenkopf p{margin:2px 0 0; color:var(--np-grau); font-size:14px}
body.np nav.np-reiter{display:flex; gap:4px; margin:0 0 14px; padding:4px;overflow-x:auto;
  scrollbar-width:none; max-width:100%; width:max-content}
body.np nav.np-reiter::-webkit-scrollbar{display:none}
body.np nav.np-reiter a{flex:none; padding:8px 14px;font-size:14px; font-weight:600; color:var(--np-grau); text-decoration:none;
  white-space:nowrap; min-height:44px; display:inline-flex; align-items:center; gap:6px}
body.np nav.np-reiter a:hover{color:var(--np-tinte)}
body.np nav.np-pfad{display:flex; align-items:center; gap:8px; margin:-6px 0 8px; min-width:0}
body.np nav.np-pfad a.np-zurueck{flex:none; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:var(--np-tinte);
  background:var(--np-karte); text-decoration:none}
body.np nav.np-pfad a.np-zurueck:hover{color:var(--np-link)}
body.np nav.np-pfad a.np-zurueck svg{width:18px; height:18px}
body.np nav.np-pfad ol{display:flex; flex-wrap:wrap; align-items:center; list-style:none; margin:0; padding:0; min-width:0; font-size:13.5px; color:var(--np-grau)}
body.np nav.np-pfad li{display:flex; align-items:center; min-width:0}
body.np nav.np-pfad li+li::before{content:"›"; padding:0 7px; color:var(--np-grau)}
body.np nav.np-pfad li a{color:var(--np-grau); text-decoration:none; font-weight:600; min-height:44px; display:inline-flex; align-items:center; min-width:44px; justify-content:center}
body.np nav.np-pfad li a:hover{color:var(--np-link); text-decoration:underline}
body.np nav.np-pfad li span{color:var(--np-tinte); font-weight:600; overflow-wrap:anywhere}
body.np nav.np-reiter em{font-style:normal; font-size:11.5px; font-weight:700;border-radius:9px; padding:1px 6px}
body.np .np-schalter{display:inline-flex; gap:2px; vertical-align:middle}
body.np .np-schalter a,body.np .np-schalter button{all:unset; box-sizing:border-box; cursor:pointer; padding:0 13px; height:32px; display:inline-flex; align-items:center;
  border-radius:999px; font-size:13px; font-weight:600; color:var(--np-grau); white-space:nowrap}
body.np .np-schalter a:hover,body.np .np-schalter button:hover{color:var(--np-tinte)}
body.np .np-schalter a:focus-visible,body.np .np-schalter button:focus-visible{outline:2px solid var(--gs-fokus)}
body.np .np-blaettern{display:inline-flex; align-items:center; gap:2px; vertical-align:middle}
body.np .np-blaettern a{all:unset; box-sizing:border-box; cursor:pointer; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:var(--np-grau)}
body.np .np-blaettern a:hover{color:var(--np-tinte)}
body.np .np-blaettern b{font-size:14px; font-weight:600; min-width:96px; text-align:center}
body.np .np-werkzeug{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px}
body.np .np-werkzeug .np-rechts{margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap}
body.np .np-filterleiste{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 12px}
body.np .np-suchleiste{flex:1 1 auto; min-width:0; margin:0; display:flex}
body.np .np-such{display:flex; align-items:center; gap:8px; flex:1 1 auto; min-width:0; height:44px; padding:0 14px; color:var(--np-grau)}
body.np .np-such input{all:unset; flex:1 1 auto; min-width:0; height:44px; font-size:15px; color:var(--np-tinte)}
body.np label.np-such > input:not([type=hidden])[type=search][name]{height:44px; min-height:44px; margin:0}
body.np .np-filter{flex:0 0 auto}
body.np .np-filter[open]{flex:1 1 100%; text-align:right}
body.np .np-filter-knopf{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:7px; height:44px; padding:0 16px; border-radius:999px; font-weight:600; font-size:15px; background:var(--np-karte); color:var(--np-tinte); box-shadow:0 1px 3px rgba(18,24,21,.12), 0 6px 18px -10px rgba(18,24,21,.25)}
body.np .np-filter-knopf::-webkit-details-marker{display:none}
body.np .np-filter-knopf em{font-style:normal; font-size:12px; min-width:20px; height:20px; border-radius:999px; display:grid; place-items:center; background:var(--ap-fuellung); color:var(--np-gruen-tief)}
body.np .np-filter[open] .np-filter-knopf{background:var(--ap-fuellung); color:var(--np-tinte)}
body.np .np-filter-inhalt{text-align:left; margin:10px 0 0; width:100%; box-sizing:border-box; display:grid; gap:12px; padding:16px; border-radius:16px; background:var(--np-karte); box-shadow:0 18px 44px -18px rgba(18,24,21,.35), 0 2px 8px rgba(18,24,21,.08)}
body.np .np-filter-teil{display:grid; gap:6px; min-width:0}
body.np .np-filter-teil .np-schalter{max-width:100%; overflow-x:auto}
body.np .np-filter-teil .np-schalter a{white-space:nowrap}
body.np .np-filter-weg{justify-self:start; min-height:44px; display:inline-flex; align-items:center}
body.np .np-filter-teil .np-blaettern a{width:44px; height:44px}
body.np .np-pille{display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:600; padding:4px 10px; border-radius:999px;color:var(--np-gruen-tief); white-space:nowrap}
body.np .np-pille.minus,body.np .np-pille.rot{color:var(--np-rot-tief)}
body.np .np-pille.orange{color:var(--np-orange)}
body.np .np-pille.grau{color:var(--np-grau)}
body.np .np-liste{list-style:none; margin:0; padding:0}
body.np .np-liste>li,body.np a.np-zeile,body.np div.np-zeile{display:flex; align-items:center; gap:12px; padding:12px 4px; border-bottom:1px solid var(--np-linie);
  min-height:56px; color:var(--np-tinte); text-decoration:none}
body.np .np-liste>li:last-child,body.np .np-zeile:last-child{border-bottom:0}
body.np a.np-zeile:hover{background:var(--np-gruen-hauch); border-radius:12px}
body.np .np-zeile .np-t{flex:1; min-width:0}
body.np .np-zeile .np-t b{display:block; font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-zeile .np-t span{display:block; font-size:13px; color:var(--np-grau); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
html body.np main :is(.np-zeile,.np-st-termin,.np-bank-termine) .np-t :is(b,span){white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np .np-zeile .np-betrag{font-weight:700; font-size:14.5px; white-space:nowrap; letter-spacing:-.01em}
body.np .np-betrag.minus{color:var(--np-rot-tief)}
body.np .np-betrag.plus{color:var(--np-gruen-tief)}
body.np .np-app{width:40px; height:40px; border-radius:50%; flex:none; display:grid; place-items:center;color:var(--np-auf-gruen)}
body.np .np-app.rot{color:var(--np-rot-tief)}
body.np .np-app.rot2{color:#fff}
body.np .np-app.zart{color:var(--np-gruen-tief)}
body.np .np-app svg{width:20px; height:20px}
body.np .np-leer{padding:26px 10px; text-align:center; color:var(--np-grau); font-size:14px}
body.np .np-gross{font-size:40px; font-weight:700; letter-spacing:-.035em; line-height:1.05}
body.np .np-mittel{font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.1}
body.np .np-info{position:relative; display:inline-block; vertical-align:middle}
body.np .np-info>summary{list-style:none; width:20px; height:20px; min-height:0; min-width:0; padding:0; border-radius:50%;color:var(--np-grau); font-size:12px; font-weight:700;
  display:grid; place-items:center; cursor:pointer; font-style:italic; font-family:Georgia,serif}
body.np .np-info>summary::-webkit-details-marker{display:none}
body.np :is(.np-karte,.karte,.np-stapel):has(details.np-info[open]){position:relative; z-index:80}
body.np .np-info>div{position:absolute; z-index:30; top:26px; left:-8px; width:min(300px,80vw);padding:12px 14px;font-size:13px; color:var(--np-grau); font-weight:400; line-height:1.45; white-space:normal; text-align:left}
body.np .np-eingang-nav{margin-top:6px; padding-top:6px; border-top:1px solid var(--np-linie)}
body.np .np-ablage{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; padding:22px 18px; margin:0 0 14px;
  border-radius:22px;color:var(--np-tinte); cursor:pointer; transition:background .15s,border-color .15s}
body.np .np-ablage b{font-size:16px}
body.np .np-ablage span{font-size:13.5px; color:var(--np-grau)}
body.np .np-ablage svg{width:28px; height:28px; color:var(--np-gruen-tief)}
body.np .np-ablage input[type=file]{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
body.np .np-raster{display:grid; grid-template-columns:minmax(0,1fr) 398px; grid-template-areas:"v s" "g s" "a s"; grid-template-rows:auto auto 1fr; gap:14px; align-items:start}
body.np .np-raster>.np-pk-karte{grid-area:a; margin:0}
body.np .np-verlauf{grid-area:v; min-width:0; padding:16px 0 6px; margin:0}
body.np .np-gewinn{grid-area:g; min-width:0; padding:16px 24px 14px; margin:0}
body.np .np-stapel{grid-area:s; align-self:stretch; position:relative; overflow:hidden}
body.np .np-leerweg{grid-area:v; min-width:0; display:grid; gap:14px}
body.np .np-leerweg>*{margin:0}
body.np .np-verlauf .np-oben{display:flex; align-items:flex-end; gap:12px; padding:0 24px 4px; flex-wrap:wrap}
body.np .np-verlauf .np-oben .np-pille{margin-bottom:6px}
body.np .np-aussicht{margin:0; padding:0 24px 2px; font-size:13.5px; color:var(--np-grau)}
body.np .np-verlauf .np-oben .np-rechts{margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:2px}
body.np .np-aussicht b{color:var(--np-tinte); font-weight:600}
body.np .np-fa{display:flex; align-items:center; gap:8px; min-height:44px; margin:0 0 -6px; font-size:13.5px; color:var(--np-grau); text-decoration:none}
body.np a.np-fa:hover span>b{text-decoration:underline}
body.np .np-verlauf .np-kz{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
body.np .np-verlauf .np-oben .np-kz .np-pille{margin-bottom:0; padding:2px 9px}
body.np .np-fa b{color:var(--np-tinte); font-weight:650; font-variant-numeric:tabular-nums}
body.np .np-fa-balken{flex:none; width:44px; height:8px; border-radius:99px; background:var(--np-d-gruen,#00C981); background:color-mix(in srgb,var(--np-gruen,#00C981) 55%,transparent); overflow:hidden; display:block}
body.np .np-fa-balken i{display:block; height:100%; border-radius:99px; background:var(--np-d-steuer,#56625C)}
body.np .np-fa-res{color:var(--np-grau)}
body.np .np-verlauf .np-werkzeug{padding:0 24px; margin:0 0 2px}
body.np .np-zeitstrahl{padding:2px 24px 8px}
body.np .np-verlauf .np-oben .np-umbruch{flex-basis:100%; height:0}
body.np .np-verlauf .np-oben .np-aussicht{padding:0; align-self:center}
body.np .np-zeitstrahl ol{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
body.np .np-zeitstrahl li{min-width:0; margin:0}
body.np .np-zeitstrahl a{display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"z b" "t t"; gap:1px 8px; align-items:baseline; min-height:44px; padding:7px 12px;
  border-radius:14px; background:var(--np-feld); color:var(--np-tinte); text-decoration:none; transition:background .15s}
body.np .np-zeitstrahl a:hover{background:var(--np-gruen-hauch)}
body.np .np-zeitstrahl time{grid-area:z; font-size:12.5px; color:var(--np-grau); white-space:nowrap}
body.np .np-zeitstrahl b{grid-area:b; justify-self:end; font-size:14px; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums}
body.np .np-zeitstrahl .np-zs-t{grid-area:t; font-size:13px; line-height:1.3; overflow-wrap:anywhere}
body.np .zf-band{background:none; border:0; padding:0; margin:0 0 var(--ap-3); box-shadow:none}
body.np .zf-band-knoepfe{display:flex; gap:8px; flex-wrap:wrap}
body.np .zf-band-knoepfe :is(button,a.knopf2){margin-top:10px}
body.np .zf-band-knoepfe a.knopf2{display:inline-flex; align-items:center; justify-content:center; min-height:44px; box-sizing:border-box; text-decoration:none}
body.np .zf-band-knoepfe>:is(a.knopf2,button){font-size:15px; font-weight:600}
@media (max-width:700px){body.np .zf-band-knoepfe>:is(a.knopf2,button){flex:1 1 100%; width:100%; font-size:17px}}
body.np svg.np-bild{display:block; width:100%}
body.np svg.np-bild text{font-family:inherit}
body.np .np-gewinn .np-oben{display:flex; align-items:center; gap:6px 12px; flex-wrap:wrap}
body.np .np-gewinn h2{margin:0}
body.np main .gb-name a{color:inherit; text-decoration:none}
body.np main .gb-name a:hover{text-decoration:underline}
body.np main label:has(>input[type=checkbox]:first-child),body.np main label:has(>input[type=radio]:first-child){display:flex; align-items:center; gap:10px; min-height:44px}
body.np main label:has(>input[type=checkbox]:first-child):not(.wahlfeld),body.np main label:has(>input[type=radio]:first-child):not(.wahlfeld){align-items:flex-start; padding-block:10px; box-sizing:border-box}
body.np main label:has(>input[type=checkbox]:first-child):not(.wahlfeld)>input:first-child,body.np main label:has(>input[type=radio]:first-child):not(.wahlfeld)>input:first-child{flex:none; margin-top:max(0px, calc((1lh - 1em) / 2))}
body.np main label:has(>input[type=checkbox]:first-child):has(>br),body.np main label:has(>input[type=radio]:first-child):has(>br),body.np main label:has(>input[type=checkbox]:first-child):has(>div),body.np main label:has(>input[type=radio]:first-child):has(>div){display:block}
@media (max-width:700px){body.np main .gb-name a{display:inline-flex; align-items:center; min-height:44px}}
body.np .np-gewinn-kopf{display:flex; align-items:center; gap:8px}
body.np .np-gewinn .np-oben>div:first-child{flex:1 1 0; min-width:0}
body.np .np-gewinn-erwartet{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:13px; color:var(--np-grau); margin:2px 0 0}
body.np .np-gewinn-erwartet b{color:var(--np-tinte); font-weight:600}
body.np .np-ge-rechnung{width:100%; border-collapse:collapse; font-size:13.5px; margin:6px 0}
body.np .np-ge-rechnung td{padding:4px 0; vertical-align:top}
body.np .np-ge-rechnung td span{display:block; font-size:12px; color:var(--np-grau)}
body.np .np-ge-rechnung td.np-betrag{text-align:right; white-space:nowrap; padding-left:12px}
body.np .np-ge-summe td{font-weight:700}
body.np .np-gewinn-zr{margin:2px 0 0; font-size:13px; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
body.np .np-gewinn-zr .np-pille{margin:0}
body.np .np-gewinn .np-oben .np-pille{margin-bottom:0}
body.np .np-gewinn .np-oben .np-rechts{margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:2px}
body.np .np-legende{display:flex; gap:18px; flex-wrap:wrap; font-size:12.5px; color:var(--np-grau); margin-top:2px}
body.np .np-legende span{display:flex; align-items:center; gap:6px}
body.np .np-legende i{width:10px; height:10px; border-radius:3px; background:var(--np-d-gruen)}
body.np .np-legende i.rot{background:var(--np-d-rot)}
body.np .np-legende i.punkt{width:9px; height:9px; border-radius:50%; background:var(--np-tinte)}
body.np .np-legende .np-info{margin-left:-8px}
body.np .np-erwartet{position:relative; margin-top:6px; padding-top:6px; border-top:1px solid var(--np-linie)}
body.np .np-erwartet .np-info{position:static}
body.np .np-gewinn{position:relative}
body.np .np-erw-inline{position:static; display:inline-flex; align-items:center; gap:6px; margin:0; padding:0; border:0; white-space:nowrap}
body.np .np-erw-inline>b{color:var(--np-gruen-tief); font-weight:700}
body.np .np-erw-inline>b.minus{color:var(--np-rot)}
body.np .np-erw-inline .np-info>div{left:16px; right:16px; top:auto; width:auto; max-width:none; margin-top:24px}
body.np .np-erwartet .np-info>div{left:0; right:0; top:100%; width:auto; max-width:420px}
body.np .np-erw-zahl{display:flex; align-items:center; gap:8px}
body.np .np-erw-zahl>span{display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--np-grau); min-width:0}
body.np .np-erw-zahl>b{margin-left:auto; font-size:18px; font-weight:700; letter-spacing:-.02em; color:var(--np-gruen-tief); white-space:nowrap}
body.np .np-erw-zahl>b.minus{color:var(--np-rot)}
body.np .np-erw-weg{width:100%; border-collapse:collapse; margin-top:8px; font-size:12.5px}
body.np .np-erw-weg td{padding:3px 0; vertical-align:top}
body.np .np-erw-weg td+td{text-align:right; white-space:nowrap; padding-left:10px; color:var(--np-tinte)}
body.np .np-erw-weg td{border:0}
body.np .np-erw-weg .np-erw-sum td{padding-top:7px; font-weight:700; color:var(--np-tinte)}
body.np .np-erw-offen-t{margin:10px 0 2px; font-weight:700; color:var(--np-tinte)}
body.np .np-erw-offen{list-style:none; margin:0; padding:0}
body.np .np-erw-offen li{margin:4px 0}
body.np .np-erw-offen a{display:inline-flex; align-items:center; min-height:44px; font-weight:600; color:var(--np-link); text-decoration:none; white-space:nowrap}
body.np .np-verteilung{margin-top:12px; padding-top:11px; border-top:1px solid var(--np-linie)}
body.np .np-verteilung .np-oben{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
body.np .np-verteilung h3,body.np .np-verteilung h2{font-size:14.5px; font-weight:700; letter-spacing:-.01em; margin:0}
body.np .np-verteilung .np-oben a{margin-left:auto; font-size:13px; font-weight:600; color:var(--np-link); white-space:nowrap; text-decoration:none; min-height:44px; display:inline-flex; align-items:center}
body.np .np-verteilung .np-oben a:hover{text-decoration:underline}
body.np .np-teile{display:flex; gap:2px; height:12px; margin:2px 0 8px}
body.np .np-teile a,body.np .np-teile span{background:var(--f); border-radius:2px; min-width:8px; min-height:0; height:12px; padding:0; transition:filter .15s; display:block}
body.np .np-teile span:hover,body.np .np-teile a:hover{filter:brightness(1.08)}
body.np .np-teile span:first-child,body.np .np-teile a:first-child{border-radius:6px 2px 2px 6px}
body.np .np-teile span:last-child,body.np .np-teile a:last-child{border-radius:2px 6px 6px 2px}
body.np .np-posten{display:flex; gap:6px 8px; flex-wrap:wrap; justify-content:space-between}
body.np .np-posten div{font-size:12px; color:var(--np-grau); white-space:nowrap; display:flex; align-items:baseline; gap:5px}
body.np .np-posten i{width:9px; height:9px; border-radius:50%; flex:none}
body.np .np-posten b{color:var(--np-tinte); font-size:13px; font-weight:700; letter-spacing:-.01em}
body.np a.np-kopflink{margin-left:auto; min-height:0}
body.np .np-nur-schmal{display:none}
@media (max-width:700px){body.np .np-nur-schmal{display:inline}}
body.np .np-fussnote{text-align:center; font-size:12px; color:var(--np-grau); margin-top:12px}
body.np .np-stapel{padding:18px 12px 12px; display:flex; flex-direction:column;margin:0; min-height:420px}
body.np .np-stapel::before,body.np .np-stapel::after{position:absolute; border-radius:50%; filter:blur(38px); pointer-events:none}
body.np .np-stapel::before{left:-60px; bottom:120px;}
body.np .np-stapel::after{width:220px; height:220px; right:-70px; bottom:-30px; background:rgba(240,152,138,.55)}
body.np .np-stapel>header{position:relative; z-index:1; display:flex; align-items:baseline; gap:8px; padding:0 10px 14px}
body.np .np-stapel>header h2{font-size:18px; font-weight:700; letter-spacing:-.015em; margin:0; color:#121815}
body.np .np-stapel>header span{font-size:13px;}
body.np .np-blasen{position:relative; z-index:1; display:flex; flex-direction:column; gap:16px}
body.np .np-blase{display:flex; align-items:center; gap:12px; padding:14px 15px 14px 13px;color:#121815; text-decoration:none;
  transform-origin:50% 100%;min-height:68px}
body.np main a.np-blase{color:#121815}
body.np .np-blase:hover{transform:scale(1.015)!important; opacity:1!important}
body.np .np-blase .np-t{flex:1; min-width:0}
body.np .np-blase .np-t>div{display:flex; align-items:baseline; gap:8px}
body.np .np-blase b{font-size:14.5px; font-weight:650; letter-spacing:-.005em; flex:1; min-width:0;overflow:hidden; text-overflow:ellipsis}
body.np .np-blase time{font-size:12px;white-space:nowrap}
body.np .np-blase p{font-size:13.5px; margin:1px 0 0; color:#47514C;overflow:hidden; text-overflow:ellipsis}
body.np .np-stapel.leer{min-height:0}
body.np .np-kat{position:relative; z-index:1; display:flex; align-items:center; gap:8px; font-size:11.5px; font-weight:700;text-transform:none;padding:0 10px 7px}
body.np .np-kat.vorfest{margin-bottom:-21px; padding-bottom:0; min-height:21px}
body.np .np-kat.vorfest+.np-fest .np-marke2{justify-content:flex-end}
body.np .np-gruppe{position:relative; margin:0}
body.np .np-gruppe.dringend>.np-kat,body.np .np-gruppe.dringend>summary>.np-kat{color:#B8322B}
body.np details.np-gruppe>summary{list-style:none; cursor:pointer; display:block; position:relative; z-index:0; border-radius:24px}
body.np details.np-gruppe>summary::-webkit-details-marker{display:none}
body.np details.np-gruppe>summary:focus-visible{outline:3px solid var(--gs-fokus); outline-offset:3px}
body.np .np-kat .np-weitere,body.np .np-kat .np-weniger{margin-left:auto; font-size:12.5px; font-weight:600; letter-spacing:0; text-transform:none; color:#47514C}
body.np .np-weniger{display:none}
body.np details.np-gruppe[open] .np-weitere,body.np details.np-gruppe[open] .np-kanten{display:none}
body.np details.np-gruppe[open] .np-weniger{display:inline}
body.np details.np-gruppe[open]>summary>.np-kat{min-height:44px; padding-bottom:0}
body.np .np-kanten{display:block; position:relative; height:13px; margin:0; pointer-events:none}
body.np .np-kanten i{position:absolute; left:22px; right:22px; top:-.5px; height:6px; border-radius:0 0 14px 14px; z-index:-1;box-sizing:border-box;}
body.np .np-kanten i+i{left:40px; right:40px; top:5.5px; height:5px; z-index:-2; opacity:.8}
body.np details.np-gruppe.fort{margin-top:-16px}
body.np details.np-gruppe.fort>summary>.np-kat{min-height:34px; padding:0 10px}
body.np .np-faecher{display:flex; flex-direction:column; gap:10px; margin-top:10px}
body.np details.np-gruppe.fort .np-faecher{margin-top:0}
body.np .np-nur-vorlesen{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np .np-fest{position:relative; z-index:1; margin-bottom:16px}
body.np .np-fest .np-marke2{display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:700; letter-spacing:.07em; color:#B8322B; padding:0 10px 7px}
body.np .np-fest .np-marke2 i{width:7px; height:7px; border-radius:50%; background:var(--np-rot)}
body.np .np-blase.wichtig{display:block; padding:13px 14px 13px 13px;}
body.np .np-blase.wichtig:hover{transform:none!important}
body.np .np-blase.wichtig .np-reihe{display:flex; align-items:center; gap:12px}
body.np .np-blase.wichtig b{font-size:15px}
body.np .np-blase.wichtig strong{font-size:16px; font-weight:700; letter-spacing:-.015em; white-space:nowrap}
body.np .np-blase.wichtig p{white-space:normal}
body.np .np-blase.wichtig .np-knopf{height:36px; min-height:44px; padding:0 15px; font-size:13px; margin:8px 0 0 52px}
body.np .np-blase.neu{animation:np-einflug .7s cubic-bezier(.2,.9,.25,1.12) .3s both}
@keyframes np-einflug{from{transform:translateY(46px); opacity:0}to{transform:none; opacity:1}}
body.np .such-treffer a{min-height:44px; align-content:center}
body.np main a.nebenweg{min-width:44px}
body.np .np-waechterzeile{text-align:center; font-size:12px; color:var(--np-grau)}
body.np .np-waechterzeile p{margin:2px 0 0}
body.np .np-waechterzeile a{min-height:44px; display:inline-flex; align-items:center}
body.np .np-fussnote a.np-still{min-height:44px; display:inline-flex; align-items:center}
@media (prefers-reduced-motion:reduce){body.np .np-blase.neu{animation:none}}
body.np .np-stapel .np-leer{position:relative; z-index:1; margin-top:auto;}
body.np .np-bw{position:relative}
body.np .np-tun{position:absolute; top:-14px; right:-10px; display:flex; z-index:3; opacity:0; transition:opacity .2s}
body.np .np-bw:hover .np-tun,body.np .np-bw:focus-within .np-tun,body.np .np-tun:has(details[open]){opacity:1}
@media (hover:none){body.np .np-tun{opacity:1}}
body.np .np-tun form{margin:0}
body.np .np-tun summary,body.np .np-tun button.np-weg{list-style:none; width:44px; height:44px; min-height:44px; padding:0; margin:0; border:0; cursor:pointer;
  display:grid; place-items:center; background:none; box-shadow:none; color:var(--np-tinte)}
body.np .np-tun summary::-webkit-details-marker{display:none}
body.np .np-tun summary svg,body.np .np-tun button.np-weg svg{width:26px; height:26px; padding:6px; border-radius:50%; box-sizing:border-box;}
body.np .np-tun summary:hover svg,body.np .np-tun button.np-weg:hover svg{color:var(--np-gruen-tief)}
body.np .np-spaeter{position:relative}
body.np .np-gruppe:has(.np-spaeter[open]),body.np .np-gruppe:has(.np-spaeter[open])>summary,body.np .np-bw:has(.np-spaeter[open]){z-index:6}
body.np .np-spaeter-wahl{position:absolute; right:0; top:44px; width:236px; z-index:5; display:flex; flex-direction:column; gap:2px; padding:8px;}
body.np .np-spaeter-wahl b{font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:none; color:var(--np-grau); padding:4px 10px 6px}
body.np .np-spaeter-wahl button.np-zeile{min-height:44px; padding:0 10px; border:0; border-radius:12px; text-align:left; font:inherit; font-size:14px; font-weight:600;
  background:none; box-shadow:none; color:var(--np-tinte); cursor:pointer}
body.np .np-spaeter-wahl button.np-zeile:hover{background:var(--np-feld)}
body.np .np-spaeter-wahl label.np-am{display:flex; align-items:center; gap:8px; padding:6px 10px 2px; font-size:14px}
body.np .np-spaeter-wahl label.np-am input{flex:1; min-height:44px; min-width:0}
body.np .np-spaeter-wahl .np-knopf{margin:6px 0 0; min-height:44px; justify-content:center}
body.np form.np-ruhe-zurueck{position:relative; z-index:1; margin:6px 0 0; text-align:center}
body.np form.np-ruhe-zurueck button{min-height:44px; background:none; box-shadow:none; border:0; color:var(--np-gruen-tief); font:inherit; font-size:13.5px; font-weight:600; cursor:pointer}
body.np form.np-ruhe-zurueck button:hover{text-decoration:underline}
body.np .np-blase b{white-space:normal; overflow-wrap:anywhere}
body.np .np-blase p{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
body.np dialog.np-fenster{padding:0;color:var(--np-tinte);
  width:min(720px,calc(100vw - 24px)); max-height:calc(100vh - 32px); overflow:hidden}
body.np dialog.np-fenster.breit{width:min(1120px,calc(100vw - 24px))}
body.np dialog.np-fenster.schmal{width:min(480px,calc(100vw - 24px))}
body.np .np-fenster>.np-f-innen{display:flex; flex-direction:column; max-height:calc(100vh - 32px)}
body.np .np-f-kopf{display:flex; align-items:center; gap:10px;flex:none}
body.np .np-f-kopf h2{margin:0; flex:1; font-size:20px; letter-spacing:-.02em}
body.np button.np-zu{all:unset; box-sizing:border-box; cursor:pointer; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:var(--np-grau); flex:none; margin:-6px -8px -6px 0}
body.np button.np-zu:hover{color:var(--np-tinte)}
body.np button.np-zu:focus-visible{outline:2px solid var(--gs-fokus)}
body.np .np-f-leib{overflow:auto; flex:1 1 auto}
body.np .np-f-leib>main{padding:0; max-width:none}
body.np .np-f-fuss{display:flex;justify-content:flex-end; flex:none;flex-wrap:wrap}
body.np .np-verwerfen{display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 22px;color:var(--np-rot-tief); font-weight:600; font-size:14px}
body.np .np-verwerfen[hidden]{display:none}
body.np .np-verwerfen span{flex:1; min-width:140px}
body.np .np-teilung{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:start}
body.np .np-original{border-radius:18px; min-height:320px; display:grid; place-items:center; overflow:hidden; color:var(--np-grau); font-size:13.5px}
body.np .np-original img,body.np .np-original iframe,body.np .np-original object{width:100%; min-height:420px; border:0; display:block; background:#fff}
body.np .np-schritte{list-style:none; margin:0; padding:0; counter-reset:np-s}
body.np .np-schritte>li{counter-increment:np-s; position:relative; padding:0 0 18px 44px}
body.np .np-schritte>li::before{content:counter(np-s); position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  font-size:13px; font-weight:700;}
body.np .np-schritte>li.fertig::before{content:"✓";}
body.np .np-schritte>li::after{content:""; position:absolute; left:14.5px; top:34px; bottom:4px; width:1.5px; background:var(--np-linie)}
body.np .np-schritte>li:last-child::after{display:none}
body.np .np-schritte b{display:block; font-size:15px; line-height:30px}
body.np .np-schritte p{margin:2px 0 8px; color:var(--np-grau); font-size:13.5px}
body.np .np-kreise{display:flex; align-items:flex-start; gap:0; margin:18px 0 6px; list-style:none; padding:0}
body.np .np-kreise li{flex:1; text-align:center; position:relative; font-size:13px; color:var(--np-grau); font-weight:600; min-width:0; padding:0 4px}
body.np .np-kreise li i{width:44px; height:44px; border-radius:50%; margin:0 auto 8px; display:grid; place-items:center;
  font-style:normal; font-weight:700; font-size:16px; position:relative; z-index:1}
body.np .np-kreise li.fertig,body.np .np-kreise li.dran{color:var(--np-tinte)}
body.np .np-kreise li::before{content:""; position:absolute; left:-50%; right:50%; top:21px; height:3px; background:var(--np-feld)}
body.np .np-kreise li:first-child::before{display:none}
body.np .np-kreise li.fertig::before,body.np .np-kreise li.dran::before{background:var(--np-gruen)}
body.np #bb-fm-knopf{display:none}
body.np #bb-fm .bb-fm-abstand{display:none}
body.np .np-helfer-abstand{height:0}
body.np button.np-helferknopf{all:unset; box-sizing:border-box; position:fixed;z-index:70;display:flex; align-items:center;cursor:pointer;
  font-size:14.5px; font-weight:600;}
body.np button.np-helferknopf:focus-visible{outline:3px solid var(--gs-fokus); outline-offset:3px}
body.np button.np-helferknopf svg{flex:none}
body.np button.np-helferknopf::after{content:""; margin-left:auto;border-radius:50%; display:none}
body.np button.np-helferknopf[data-ampel="rot"]::after{display:block; background:var(--np-rot)}
body.np button.np-helferknopf[data-ampel="orange"]::after{display:block; background:var(--np-ampel-orange)}
body.np button.np-helferknopf[data-ampel="gruen"]::after{display:block; background:var(--np-ampel-gruen)}
body.np .np-helfer{position:fixed;z-index:71; width:min(380px,calc(100vw - 24px)); max-height:min(600px,calc(100vh - 44px)); display:flex; flex-direction:column;overflow:hidden}
body.np .np-helfer[hidden]{display:none}
body.np .np-helfer>header{display:flex; align-items:center; gap:10px; padding:14px 16px 8px}
body.np .np-helfer>header b{flex:1; font-size:16px}
body.np .np-helfer .np-schalter{margin:0 16px 10px; display:flex}
body.np .np-helfer .np-schalter button{flex:1; justify-content:center; padding:0 6px}
body.np .np-h-leib{padding:2px 16px 16px; overflow:auto; font-size:14px}
body.np .np-h-leib[hidden]{display:none}
body.np .np-h-leib p{margin:0 0 10px; color:var(--np-grau)}
body.np .np-h-leib a.np-zeile{padding:10px 4px; min-height:44px; font-weight:600; font-size:14px}
body.np .np-h-leib .np-knopf{width:100%}
body.np .np-h-leib input[type=search]{width:100%; max-width:none; margin:0 0 8px; min-height:44px; padding:0 14px}
body.np .np-ampel{width:10px; height:10px; border-radius:50%; flex:none; background:var(--np-grau-hell)}
body.np .np-ampel.rot{background:var(--np-rot)}
body.np dialog.schnellsuche{padding:10px; width:min(620px,calc(100vw - 24px));color:var(--np-tinte)}
body.np dialog.schnellsuche input{max-width:none; width:100%; border:0;border-radius:14px; min-height:46px; padding:0 14px; font-size:16px}
body.np .zum-inhalt:focus{left:calc(var(--np-platz,var(--np-breit)) + 12px); top:12px}
@media (max-width:1180px){
  body.np{--np-breit:214px}
  body.np .np-innen{padding:16px 10px 12px}
  body.np .np-wahl>summary b{font-size:13px}
  body.np a.np-konto{font-size:13px; padding:7px 8px; gap:7px}
  body.np .np-nav a{font-size:14px; padding:10px}
  body.np .np-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"v" "s" "g" "a"; grid-template-rows:none}
  body.np .np-stapel{min-height:0; position:relative; top:auto; max-height:none; overflow:hidden}
  body.np .np-blasen{margin-top:4px}
}
@media (max-width:860px){
  body.np .np-teilung{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  body.np{padding-left:0; padding-bottom:88px}
  body.np header.kopfleiste.portalkopf{display:block;border:0;}
  body.np header.portalkopf .innen.np-oben{display:flex; align-items:center; gap:9px;max-width:none; min-height:0; height:auto}
  body.np header.portalkopf button.np-suche{margin:0 0 0 auto; width:44px; height:44px; min-height:44px; padding:0; justify-content:center; flex:none; border-radius:50%}
  body.np header.portalkopf button.np-suche .wort,body.np header.portalkopf button.np-suche kbd{display:none}
  body.np header.portalkopf button.np-suche svg{width:19px; height:19px}
  body.np header.portalkopf .np-marke{padding:0; font-size:16px; flex:1; min-width:0}
  body.np header.portalkopf .np-marke i{width:30px; height:30px}
  body.np header.portalkopf .np-marke i svg{height:26px}
  body.np .np-seitenkopf .np-knopf{flex:1; padding:0 10px}
  body.np .np-verlauf{padding:16px 0 6px}
  body.np .np-verlauf .np-oben{padding:0 18px 4px; gap:6px 12px}
  body.np .np-verlauf .np-werkzeug{padding:0 18px}
  body.np .np-zeitstrahl{padding:2px 18px 12px}
  body.np .np-zeitstrahl ol{grid-template-columns:minmax(0,1fr)}
  body.np .np-gross{font-size:36px}
  body.np .np-aussicht{padding:0 18px 2px}
  body.np .np-gewinn{padding:16px 18px 14px}
  body.np .np-posten{display:grid; grid-template-columns:minmax(0,1fr); gap:7px}
  body.np .np-posten div{font-size:13.5px}
  body.np .np-posten b{margin-left:auto; font-size:14px}
  body.np .np-blase.wichtig b{white-space:normal}
  body.np .np-blase p{white-space:normal}
  body.np nav.np-reiter{width:auto; flex-wrap:wrap; overflow:visible; margin-bottom:8px}
  body.np nav.np-pfad{margin:0 0 6px}
  body.np .np-teile{height:12px; margin:16px 0}
  body.np .np-teile a{position:relative; height:12px; min-width:44px}
  body.np .np-teile a::before{content:""; position:absolute; inset:-16px 0}
  body.np a.np-kopflink{min-height:44px}
  body.np a.np-konto{min-height:44px}
  body.np .np-info>summary{width:44px; height:44px;}
  body.np .np-info>div{top:40px}
  body.np .np-blase.wichtig .np-knopf{height:44px}
  body.np .np-nur-breit{display:none}
  body.np main .an-leise a,body.np main a.an-leise{min-height:44px; display:inline-flex; align-items:center}
  body.np main a.np-pille,body.np main a.np-gross,body.np main a.np-mittel{min-height:44px; display:inline-flex; align-items:center}
  body.np .np-schalter a,body.np .np-schalter button{height:44px}
  body.np .np-schalter{max-width:100%; flex-wrap:wrap;}
  body.np .np-blaettern a{width:44px; height:44px}
  body.np nav.np-reiter a{min-height:44px}
  body.np .np-unten{display:flex; position:fixed; left:10px; right:10px; bottom:10px; height:62px;margin:0;z-index:50}
  body.np .np-unten a,body.np .np-unten button{all:unset; box-sizing:border-box; cursor:pointer; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:3px; font-size:10.5px; font-weight:600; color:var(--np-grau); position:relative; min-width:44px}
  body.np .np-unten :is(a,button)[aria-current],body.np .np-unten button[aria-expanded="true"]{color:var(--np-gruen-tief)}
  body.np .np-unten svg{width:21px; height:21px}
  body.np .np-unten.fuenf{padding-left:2px}
  body.np .np-unten.fuenf a,body.np .np-unten.fuenf button{flex:1 1 auto; font-size:9.5px; letter-spacing:-.01em; min-width:44px; padding:0 1px}
  body.np .np-unten em{position:absolute; top:7px; left:calc(50% + 6px); font-style:normal; font-size:10px; font-weight:700; color:#fff;
    min-width:16px; height:16px; border-radius:8px; display:grid; place-items:center; padding:0 4px}
  body.np .np-mehr{display:block; position:fixed; left:10px; right:10px; bottom:82px; z-index:49;padding:10px;max-height:calc(100vh - 280px); overflow:auto; overscroll-behavior:contain}
  body.np .np-mehr[hidden]{display:none}
  body.np .np-mehr .np-nav a{min-height:46px}
  body.np .np-mehr .np-wahl{margin:0 0 6px}
  body.np .np-mehr .np-wahl .np-menue{position:static; box-shadow:none; padding:0; max-height:none}
  body.np .np-mehr .np-flach{position:static; box-shadow:none; padding:0; max-height:none}
  body.np .np-mehr .np-h6{font-size:13px; font-weight:600; color:var(--np-grau); padding:14px 12px 4px; margin:0}
  body.np .np-mehr .np-flach a{min-height:46px}
  body.np .np-helfer{max-height:calc(100vh - 110px)}
  body.np dialog.np-fenster{max-height:92vh;}
  body.np .np-fenster>.np-f-innen{max-height:92vh}
  body.np .np-kreise li{font-size:11px}
  body.np .np-kreise li i{width:38px; height:38px}
  body.np .np-kreise li::before{top:18px}
}
@media print{body.np{padding-left:0} body.np .np-leiste,body.np .np-unten,body.np .np-helferknopf,body.np .np-helfer,body.np nav.np-reiter{display:none!important}}
body.np .np-nur-details{display:none}
body.np.np-details .np-nur-details{display:revert}
body.np .np-details-neu{margin:0 0 14px; padding:12px 16px; border-radius:14px; background:var(--np-gruen-hauch); color:var(--np-tinte); font-size:14px; line-height:1.45; box-shadow:inset 0 0 0 1px var(--np-gruen-feld)}


.gb-kacheln{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:10px 0 6px}
.gb-kachel{background:var(--gb-kachel); border-radius:14px; padding:8px 14px; min-width:0}
.gb-kachel span{display:block; font-size:12.5px; color:var(--gb-grau)}
.gb-kachel b{display:block; font-size:19px; font-weight:650; letter-spacing:-.01em; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums}
.gb-kachel.gewinn{background:var(--gb-gruen-feld)} .gb-kachel.gewinn b{color:var(--gb-gruen-text)}
.gb-kachel.verlust{background:var(--gb-rot-feld)} .gb-kachel.verlust b{color:var(--gb-rot-text)}
svg.gb-linien{display:block; width:100%; height:auto; overflow:visible}
svg.gb-linien.schmal{display:none}
svg.gb-linien text{font-family:inherit; font-size:12px; fill:var(--gb-grau)}
svg.gb-linien.schmal text{font-size:11px}
svg.gb-linien .gb-gitter{stroke:var(--gb-linie); stroke-width:1}
svg.gb-linien .gb-gitter.null{stroke:var(--gb-null); stroke-width:1.6}
svg.gb-linien text.gb-achse.minus{fill:var(--gb-rot-text)}
svg.gb-linien .gb-flaeche.gewinn{fill:var(--gb-gruen-feld)}
svg.gb-linien .gb-flaeche.verlust{fill:var(--gb-rot-feld)}
svg.gb-linien .gb-linie{fill:none; stroke-width:2.6; stroke-linejoin:round; stroke-linecap:round}
svg.gb-linien .gb-linie.gb-umsatz{stroke:var(--gb-gruen)}
svg.gb-linien .gb-linie.gb-kosten{stroke:var(--gb-sand); stroke-width:2.2}
svg.gb-linien text.gb-marke{font-size:11.5px; font-weight:600}
svg.gb-linien text.gb-marke.plus{fill:var(--gb-gruen-text)}
svg.gb-linien text.gb-marke.minus{fill:var(--gb-rot-text)}
svg.gb-linien text.gb-monat.leer{fill:var(--gb-blass)}
svg.gb-linien text.gb-monat.hier{font-weight:650; fill:var(--gb-tinte)}
svg.gb-linien .gb-punkt{cursor:pointer; outline:none}
svg.gb-linien .gb-punkt rect{fill:transparent}
svg.gb-linien .gb-punkt circle{opacity:0; stroke:var(--gb-karte); stroke-width:2}
svg.gb-linien .gb-punkt circle.u{fill:var(--gb-gruen)} svg.gb-linien .gb-punkt circle.k{fill:var(--gb-sand)}
svg.gb-linien .gb-punkt:hover circle,svg.gb-linien .gb-punkt:focus circle,svg.gb-linien .gb-punkt.an circle{opacity:1}
svg.gb-linien .gb-punkt:focus-visible rect{stroke:var(--gb-gruen-text); stroke-width:2}
.gb-info{margin:2px 0 0; font-size:13px; color:var(--gb-tinte)}
.gb-info a{font-weight:600; color:var(--gb-gruen-text)}
.gb-legende{display:flex; gap:6px 16px; flex-wrap:wrap; font-size:12.5px; color:var(--gb-grau); margin-top:6px}
.gb-legende span{display:inline-flex; align-items:center; gap:6px}
.gb-legende i{width:10px; height:10px; border-radius:3px; display:inline-block}
.gb-legende i.u{background:var(--gb-gruen)} .gb-legende i.k{background:var(--gb-sand)}
.gb-legende i.g{background:var(--gb-gruen-feld)} .gb-legende i.v{background:var(--gb-rot-feld)}
.gb-leer{margin:14px 0 4px; color:var(--gb-grau); font-size:14.5px}
.gb-treppe{display:grid; grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto; gap:0 18px; align-items:center; margin:10px 0 0}
.gb-stufe{display:contents}
.gb-stufe>*{padding:7px 0}
.gb-name{font-size:14px; color:var(--gb-grau)} .gb-name a{color:inherit; text-decoration:none} .gb-name a:hover{text-decoration:underline}
.gb-bahn{position:relative; height:34px; padding:0!important; align-self:stretch}
.gb-treppe.mitnull .gb-bahn::before{content:""; position:absolute; left:var(--gb-null); top:0; bottom:0; width:1.6px; background:var(--gb-null-farbe)}
.gb-bahn i{position:absolute; top:7px; height:20px; border-radius:5px; background-color:var(--gb-rot)}
.gb-betrag{font-size:14px; font-weight:500; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--gb-tinte)}
.gb-betrag.minus{color:var(--gb-rot-text)}
.gb-stufe.plus .gb-bahn i{background-color:var(--gb-gruen)}
.gb-stufe.gewinn .gb-bahn i{background-color:var(--gb-gruen-stark)}
.gb-stufe.gewinn.verlust .gb-bahn i{background-color:var(--gb-rot-text)}
.gb-stufe.steuer .gb-bahn i{background-color:var(--gb-sand)}
.gb-stufe.bleibt .gb-bahn i{background-color:var(--gb-gruen-hell)}
.gb-stufe.gewinn>*,.gb-stufe.bleibt>*{border-top:1px solid var(--gb-linie)}
.gb-stufe.gewinn .gb-name,.gb-stufe.bleibt .gb-name{color:var(--gb-tinte); font-weight:650}
.gb-stufe.gewinn .gb-betrag,.gb-stufe.bleibt .gb-betrag{font-weight:650}
.gb-satz{margin:8px 0 0; font-size:15px; color:var(--gb-grau)}
.gb-anteile{--gb-a-steuer:var(--gb-sand); --gb-a-bleibt:var(--gb-gruen);
  --gb-a-kosten:color-mix(in oklab,var(--gb-sand) 46%,var(--gb-karte)); margin:16px 0 0}
.gb-a-kopf{display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin:0 0 8px; font-size:13px; color:var(--gb-grau)}
.gb-anteile .gb-a-kopf a,body.np main .gb-anteile a{color:inherit; text-decoration:none} .gb-anteile a:hover{text-decoration:underline}
.gb-a-kopf b{font-weight:600; color:var(--gb-tinte); font-variant-numeric:tabular-nums}
.gb-a-balken{display:flex; gap:2px; height:12px; border-radius:6px; overflow:hidden; background:var(--gb-kachel)}
.gb-a-balken i{display:block; min-width:3px; flex-basis:0; height:100%; border-radius:0; box-shadow:none; background-image:none!important}
.gb-a-liste{list-style:none; margin:16px 0 0; padding:0}
.gb-a-liste li{display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:40px; margin:0; padding:0; border-top:.5px solid var(--gb-linie); font-size:14px}
.gb-a-liste li:first-child{border-top:0}
.gb-a-liste li>i{width:8px; height:8px; border-radius:50%; background:transparent}
.gb-a-liste li span{color:var(--gb-tinte); min-width:0; overflow-wrap:anywhere}
.gb-a-liste li span a{color:inherit; text-decoration:none} .gb-a-liste li span a:hover{text-decoration:underline}
.gb-a-liste li b{font-weight:500; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--gb-tinte)}
.gb-a-liste li.plus span,.gb-a-liste li.plus b{color:var(--gb-grau)}
.gb-a-liste li.bleibt span,.gb-a-liste li.bleibt b{font-weight:650}
.gb-a-liste li.verlust>i{background:var(--gb-rot-text)}
.gb-a-liste li.verlust span{font-weight:650}
.gb-a-liste li b.minus{color:var(--gb-rot-text); font-weight:650}
@media (max-width:700px){
  .gb-a-liste li{min-height:44px}
  svg.gb-linien.breit{display:none} svg.gb-linien.schmal{display:block}
  .gb-kacheln{gap:6px} .gb-kachel{padding:9px 8px; border-radius:12px} .gb-kachel b{font-size:13.5px; letter-spacing:-.02em}
  .gb-info a{display:inline-flex; min-height:44px; align-items:center}
  .gb-treppe{display:block}
  .gb-stufe{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 10px; align-items:baseline}
  .gb-stufe>*{padding:6px 0 0; border-top:0!important}
  .gb-stufe.gewinn,.gb-stufe.bleibt{border-top:1px solid var(--gb-linie); margin-top:6px}
  .gb-bahn{grid-column:1 / -1; grid-row:2; height:24px}
  .gb-bahn i{top:4px; height:14px}
}

@media (min-width:701px){
body.np .np-heute .np-info>summary{width:44px; height:44px; margin:-12px; background:radial-gradient(circle,var(--np-feld) 10px,transparent 11px); box-shadow:none}
:root body.np .np-heute .np-info>summary{background:radial-gradient(circle,#fff 8px,rgba(226,232,229,.95) 10px,transparent 11px)}
body.np .np-heute .np-schalter a{height:44px; margin:-6px 0; border-top:6px solid transparent; border-bottom:6px solid transparent; background-clip:padding-box}
body.np .np-heute .np-schalter a[aria-current]{box-shadow:none; filter:drop-shadow(0 1px 1px rgba(18,24,21,.12))}
body.np .np-heute .np-blaettern a{width:44px; height:44px; margin:-6px; border:6px solid transparent; background-clip:padding-box}
body.np .np-heute .np-teile{height:12px; margin:4px 0 10px}
body.np .np-heute .np-teile a{position:relative; height:12px; box-shadow:none}
body.np .np-heute .np-teile a::before{content:""; position:absolute; inset:-16px 0}
body.np .np-stapel>header a.np-kopflink{display:inline-flex; align-items:center; min-height:44px; margin:-12px 0 -13px auto}
}
body.np .ah-home a.np-still.np-kopflink{color:var(--ap-akzent-text)}
body.np .ah-home>.ah-kopf{display:flex; align-items:flex-end; gap:16px; margin:0 0 24px; flex-wrap:nowrap}
body.np .ah-home>.ah-kopf>div:first-child{flex:1 1 auto; min-width:0; container-type:inline-size}
@container (max-width:520px){
  body.np .ah-home .ah-unter p.ah-mit-weg .ah-w-satz{display:none}
  body.np .ah-home .ah-unter .ah-w-satz+a.np-still::before{content:none}
}
body.np .ah-home>.ah-kopf h1{font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em; margin:0}
body.np .ah-home .ah-unter{display:flex; flex-wrap:nowrap; align-items:center; gap:0 6px; min-width:0; margin:4px 0 0; font-size:15px; line-height:20px; color:var(--ap-zweit); white-space:nowrap}
body.np .ah-home .ah-unter:has(.np-waechter-home) .ah-datum{display:none}
body.np .ah-home .ah-unter .np-waechter-home{display:contents}
body.np .ah-home .ah-unter .np-waechter-home p{display:flex; align-items:center; min-width:0; margin:0; font-size:15px; line-height:20px; color:var(--ap-zweit); white-space:nowrap}
body.np .ah-home .ah-unter .np-waechter-home p:not(.ah-mit-weg),body.np .ah-home .ah-unter .ah-w-satz{overflow:hidden; text-overflow:ellipsis; min-width:0}
body.np .ah-home .ah-unter .ah-w-satz+a.np-still::before{content:"\00B7"; margin:0 6px; color:var(--ap-zweit)}
body.np .ah-home .ah-unter .np-waechter-home a.np-still{flex:none; display:inline-flex; align-items:center; min-height:44px; padding:0; margin:-12px 0; font-size:15px; font-weight:400; color:var(--ap-akzent-text); text-decoration:none}
body.np .ah-home .ah-werkzeug{flex:none}
body.np .ah-home .ah-werkzeug a.ah-hauptknopf{flex:none; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 20px; font-size:17px; font-weight:600}
body.np .ah-home .ah-werkzeug a.ah-hauptknopf svg{width:18px; height:18px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main .gs-kopf[data-gs-kopf] .ah-werkzeug > a.np-knopf.ah-zweitknopf{grid-area:4 / mehr; margin:var(--ap-2) 0 0 var(--ap-1); place-self:center start}
@media (min-width:1680px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main .gs-kopf[data-gs-kopf] .ah-werkzeug > a.np-knopf.ah-zweitknopf{grid-row:2 / 4; margin-top:0}}
@media (max-width:700px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main .gs-kopf[data-gs-kopf] .ah-werkzeug > a.np-knopf.ah-zweitknopf{grid-area:auto; margin:0}}
body.np .ah-home .ah-werkzeug a.ah-zweitknopf{flex:none; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 20px; border-radius:999px; font-size:17px; font-weight:600; text-decoration:none; color:var(--ap-akzent-text,#4A5C6A); background:var(--io-glas-dicht,rgba(255,255,255,.72)); border:.5px solid rgba(255,255,255,.7); box-shadow:0 1px 3px rgba(30,60,140,.14)}
body.np .ah-home .ah-werkzeug a.ah-zweitknopf svg{width:18px; height:18px}
body.np .ah-home .ah-mehr>summary{display:grid; place-items:center; width:44px; height:44px; border-radius:50%;
  background:var(--io-zweit); color:var(--io-zweit-text); -webkit-tap-highlight-color:transparent}
body.np .ah-home .ah-mehr>summary:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .ah-home .ah-mehr>.ah-menue{top:52px; min-width:248px; padding:8px; display:flex; flex-direction:column; gap:0}
body.np .ah-home .ah-menue a.ah-menuezeile{gap:12px; border-radius:12px; font-size:17px; color:var(--np-tinte); white-space:nowrap}
body.np .ah-home .ah-menue a.ah-menuezeile svg{flex:none; color:var(--ap-akzent-text)}
body.np .ah-home .ah-raster{grid-template-columns:minmax(0,1fr) 380px; grid-template-areas:"v s" "n s" "g s" "w s" "m s" "a s";
  grid-template-rows:auto auto auto auto auto 1fr; gap:16px 24px}
body.np .ah-home .ah-raster>.np-geld,body.np .ah-home .ah-raster>.np-leerweg{grid-area:v}
body.np .ah-home .ah-raster>.np-naechste{grid-area:n; margin:0}
body.np .ah-home .ah-raster>.np-gewinn{grid-area:g}
body.np .ah-home .ah-raster>.mc-karte{grid-area:m; margin:0}
body.np .ah-home .ah-raster>.np-pk-karte{grid-area:a}
body.np .ah-home .ah-raster .np-karte :is(.np-kopfzahl,.np-kopfzeile)>h2,body.np .ah-home .np-stapel .ah-abschnitt{font-size:22px; line-height:28px; font-weight:600; letter-spacing:-.012em; color:var(--np-tinte)}
body.np .ah-home .ah-naechste{padding:20px 24px 8px}
body.np .ah-home .ah-naechste .ah-kopfzeile{display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0}
body.np .ah-home .ah-naechste a.ah-alle{display:inline-flex; align-items:center; min-height:44px; font-size:17px; font-weight:400; color:var(--ap-akzent-text); text-decoration:none}
body.np .ah-home .ah-naechste ol.ah-liste{list-style:none; margin:0; padding:0; display:block}
body.np .ah-home .ah-naechste ol.ah-liste>li{margin:0; padding:0; border:0}
body.np .ah-home .ah-naechste ol.ah-liste>li+li{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .ah-home .ah-naechste ol.ah-liste a.ah-zeile{grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; min-height:60px; padding:8px 0; margin:0; border:0; border-radius:0; background:none}
body.np .ah-home .ah-naechste ol.ah-liste .ah-t{display:flex; flex-direction:column; gap:2px; min-width:0}
body.np .ah-home .ah-naechste ol.ah-liste .ah-haupt{font-size:17px; line-height:22px; color:var(--np-tinte)}
body.np .ah-home .ah-naechste ol.ah-liste time.ah-neben{font-size:15px; line-height:20px; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .ah-home .ah-naechste ol.ah-liste a.ah-zeile b.np-betrag{font-size:17px; line-height:22px; font-weight:600; color:var(--np-tinte); font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .ah-home .np-blase.wichtig>a.ah-mz-knopf{display:inline-flex; min-height:44px; margin:12px 0 0 50px; padding:0 20px; font-size:17px}
body.np .ah-home .np-stapel details.np-gruppe.fort>summary{visibility:hidden; pointer-events:none}
body.np .ah-home .np-stapel details.np-gruppe.fort>summary .np-kanten{visibility:visible}
body.np .ah-home .np-gewinn p.np-gewinn-zr{font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-home .np-gewinn .np-pille{font-size:13px}
body.np .ah-home .np-gewinn p.gb-satz{font-size:17px; line-height:22px; color:var(--np-grau)}
body.np .ah-home .gb-anteile{--gb-a-k1:color-mix(in oklab,var(--gb-sand) 40%,var(--gb-karte)); --gb-a-k2:var(--gb-a-k1); --gb-a-k3:var(--gb-a-k1);
  --gb-a-k4:var(--gb-a-k1); --gb-a-k5:var(--gb-a-k1)}
body.np dialog.ah-blatt .ah-blatt-kopf{grid-template-columns:72px minmax(0,1fr) 72px}
body.np dialog.ah-blatt .ah-blatt-kopf>h2{padding:0; line-height:22px}
body.np dialog.ah-blatt .ah-blatt-kopf .ah-blatt-titel{font-size:17px; line-height:22px; font-weight:600}
body.np dialog.ah-blatt button.ah-fertig{justify-self:end; align-self:center; min-height:44px; margin:0; padding:0 4px; border:0; background:none; box-shadow:none; cursor:pointer;
  font:inherit; font-size:17px; font-weight:600; color:var(--ap-akzent-text)}
body.np dialog.ah-blatt .ah-zahl{margin:0 0 8px; padding:0 4px; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np dialog.ah-blatt nav.ah-wege{display:flex; flex-direction:column; margin:24px 0 0; border-radius:var(--ap-rund-karte); background:var(--np-karte); overflow:hidden}
body.np dialog.ah-blatt nav.ah-wege a.ah-weg{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:0 16px;
  font-size:17px; color:var(--np-tinte); text-decoration:none}
body.np dialog.ah-blatt nav.ah-wege a.ah-weg+a.ah-weg{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np dialog.ah-blatt nav.ah-wege a.ah-weg::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np .ah-aufgaben>.np-seitenkopf{margin:0 0 24px}
body.np .ah-aufgaben>.np-seitenkopf h1{font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em}
body.np .ah-aufgaben>.np-seitenkopf p{margin:4px 0 0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-aufgaben .aufgaben-liste{padding:8px 0}
body.np .ah-aufgaben .aufgaben-liste a.start-zeile{display:grid; grid-template-columns:32px minmax(0,1fr) auto auto; align-items:center; gap:12px;
  min-height:60px; padding:8px 24px; margin:0; color:var(--np-tinte); text-decoration:none}
body.np .ah-aufgaben .aufgaben-liste a.start-zeile:not(:has(.pille,.start-tag)){grid-template-columns:32px minmax(0,1fr) auto}
body.np .ah-aufgaben .aufgaben-liste .start-zeichen{width:32px; height:32px; border-radius:8px; background:var(--bereich-finanzamt); color:#fff}
body.np .ah-aufgaben .aufgaben-liste .start-zeichen svg{width:18px; height:18px; color:#fff; stroke:currentColor}
body.np .ah-aufgaben .aufgaben-liste a[href*="/belege"] .start-zeichen,body.np .ah-aufgaben .aufgaben-liste a[href*="/beleg/"] .start-zeichen{background:var(--bereich-belege)}
body.np .ah-aufgaben .aufgaben-liste a:is([href*="/bank"],[href*="#auffaellig"]) .start-zeichen{background:var(--bereich-bank)}
body.np .ah-aufgaben .aufgaben-liste a[href*="/rechnungen"] .start-zeichen,body.np .ah-aufgaben .aufgaben-liste a[href*="/mahnungen"] .start-zeichen{background:var(--bereich-rechnungen)}
body.np .ah-aufgaben .aufgaben-liste a[href*="/lohn"] .start-zeichen,body.np .ah-aufgaben .aufgaben-liste a[href*="/mitarbeiter"] .start-zeichen{background:var(--bereich-lohn)}
body.np .ah-aufgaben .aufgaben-liste a:is([href*="/pakete"],[href*="/einstellungen"],[href*="/konto"]) .start-zeichen{background:var(--bereich-sonstiges)}
body.np .ah-aufgaben .aufgaben-liste .was{display:flex; flex-direction:column; gap:2px; min-width:0}
body.np .ah-aufgaben .aufgaben-liste .was .titel{font-size:17px; line-height:22px; font-weight:400; color:var(--np-tinte)}
body.np .ah-aufgaben .aufgaben-liste .was .fein{font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-aufgaben .aufgaben-liste .pille{padding:0; border-radius:0; background:none; font-size:17px; font-weight:400; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .ah-aufgaben .aufgaben-liste .start-tag{font-size:15px; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .ah-aufgaben .aufgaben-liste .weiter{font-size:20px; line-height:1; color:var(--ap-zweit)}
body.np .ah-aufgaben section.hinweise{display:flex; flex-direction:column; padding:20px 24px 16px; margin-top:24px}
body.np .ah-aufgaben section.hinweise>h2{order:0; margin:0 0 8px}
body.np .ah-aufgaben section.hinweise>h2>.ah-abschnitt{font-size:22px; line-height:28px; font-weight:600}
body.np .ah-aufgaben section.hinweise>.hinweis-zeile{order:1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin:0}
body.np .ah-aufgaben section.hinweise>.hinweis-zeile+.hinweis-zeile{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .ah-aufgaben section.hinweise>.hinweis-zeile>.fein{font-size:17px; line-height:22px; color:var(--np-tinte)}
body.np .ah-aufgaben section.hinweise>p.fein{order:2; margin:12px 0 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
@media (max-width:700px){
  body.np .ah-aufgaben .aufgaben-liste a.start-zeile{padding:8px 16px}
  body.np .ah-aufgaben section.hinweise{padding:16px 16px 12px}
  body.np .ah-home .ah-unter .ah-datum{display:none}
  body.np .ah-home .ah-unter p.ah-mit-weg .ah-w-satz{display:none}
  body.np .ah-home .ah-unter .ah-w-satz+a.np-still::before{content:none}
}
@media (max-width:1180px){
  body.np .ah-home .ah-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"v" "n" "s" "g" "w" "m" "a"; grid-template-rows:none}
}
@media (max-width:700px){
  body.np .ah-home>.ah-kopf{flex-direction:column-reverse; align-items:stretch; gap:4px; margin:0 0 16px}
  body.np .ah-home>.ah-kopf>.ah-werkzeug{justify-content:flex-end}
  body.np .ah-home>.ah-kopf h1{font-size:34px; line-height:41px}
  body.np .ah-home .ah-werkzeug a.ah-hauptknopf{width:44px; height:44px; padding:0; justify-content:center; border-radius:50%; flex:none}
  body.np .ah-home .ah-werkzeug a.ah-hauptknopf .ah-wort{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
  body.np .ah-home .ah-werkzeug a.ah-hauptknopf svg{width:22px; height:22px}
  body.np .ah-home .ah-werkzeug a.ah-zweitknopf{width:44px; height:44px; padding:0; justify-content:center}
  body.np .ah-home .ah-werkzeug a.ah-zweitknopf .ah-wort{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
  body.np .ah-home .ah-naechste{padding:16px 16px 4px}
  body.np .ah-home a.np-frei-fa{min-height:44px}
  body.np .ah-home .gb-anteile :is(.gb-a-kopf,.gb-a-liste li) a{display:inline-flex; align-items:center; min-height:44px}
}
body.np :is(.ah-erinnerungen,.ah-firma)>.np-seitenkopf{margin:0 0 24px}
body.np :is(.ah-erinnerungen,.ah-firma)>.np-seitenkopf h1{font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em}
body.np :is(.ah-erinnerungen,.ah-firma)>.np-seitenkopf p{margin:4px 0 0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np :is(.ah-erinnerungen,.ah-firma) h2{margin:32px 0 8px; font-size:22px; line-height:28px; font-weight:600; letter-spacing:-.012em; color:var(--np-tinte)}
body.np :is(.ah-erinnerungen,.ah-firma) h2>.ah-abschnitt{font:inherit}
body.np .ah-er-liste{margin:0 0 8px}
body.np .ah-er-liste>.gs-zeile.ah-er-zeile{grid-template-columns:minmax(0,1fr) auto auto; min-height:60px; padding:8px 16px}
body.np .ah-er-liste>.gs-zeile.ah-er-zeile.ah-ohne-pfeil{grid-template-columns:minmax(0,1fr) auto; cursor:default}
body.np .ah-er-liste>.gs-zeile.ah-ohne-pfeil::after{content:none}
body.np .ah-er-liste>.gs-zeile+.gs-zeile{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 16px 0/calc(100% - 16px) var(--io-haar) no-repeat}
body.np .ah-er-text{display:flex; flex-direction:column; gap:2px; min-width:0; color:inherit; text-decoration:none}
body.np .ah-er-text b{font-size:17px; line-height:22px; font-weight:400; color:var(--np-tinte)}
body.np .ah-er-text small{font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-er-liste .ah-status{display:inline-flex; align-items:center; gap:6px; font-size:15px; line-height:20px; color:var(--ap-zweit); white-space:nowrap; font-variant-numeric:tabular-nums}
body.np .ah-er-liste .ah-status i{flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np .ah-er-liste .ah-status.rot i{background:var(--io-rot)}
body.np .ah-er-liste form{margin:0}
body.np .ah-er-liste .ah-er-knopf{min-height:44px; font-size:15px}
body.np .ah-er-leer{margin:0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-firma details.klappe{margin-top:24px}
@media (max-width:700px){
  body.np .ah-er-liste>.gs-zeile.ah-ohne-pfeil{grid-template-columns:minmax(0,1fr); gap:8px}
  body.np .ah-er-liste>.gs-zeile.ah-ohne-pfeil>form{justify-self:start}
}
@media (min-width:701px){
  body.np .ah-home .np-karte :is(.np-schalter button,button.np-kipp){position:relative}
  body.np .ah-home .np-karte :is(.np-schalter button,button.np-kipp)::before{content:""; position:absolute; inset:-6px 0}
  body.np .ah-home a.np-frei-fa{display:inline-flex; align-items:center; min-height:44px; margin:-6px 0}
  body.np .ah-home .gb-anteile :is(.gb-a-kopf,.gb-a-liste li) a{display:inline-flex; align-items:center; min-height:44px; margin:-12px 0}
}
body.np .ah-aufgaben details.zahl-i>summary{width:44px; height:44px; margin:-12px}
body.np:not(#np-mz) .ah-home .np-stapel a.np-blase b{display:block; -webkit-line-clamp:unset; overflow:visible; text-overflow:clip}
body.np .ah-home dialog.np-fenster details.np-info[open]{display:block}
body.np .ah-home dialog.np-fenster details.np-info>div{position:static; top:auto; left:auto; width:auto; max-width:480px; margin:6px 0 0; overflow-wrap:anywhere}
body.np .ah-home dialog#np-fragen .start-frage>summary{font-size:15px}
body.np:not(#gs-d) .np-spaeter-zeiten button[role=menuitem]{margin:0; min-height:44px; padding:0 12px; background:none; box-shadow:none;
  border-radius:10px; color:var(--np-tinte); font-size:17px; font-weight:400; text-align:left; justify-content:flex-start}
body.np:not(#gs-d) .np-spaeter-zeiten button[role=menuitem]+button[role=menuitem]{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie); border-radius:0}
@media (hover:hover){body.np:not(#gs-d) .np-spaeter-zeiten button[role=menuitem]:hover{background:var(--ap-fuellung); border-radius:10px; box-shadow:none}}
body.np .np-bw:has(details.np-spaeter[open]){position:relative; z-index:6}
body.np .np-spaeter-wahl .np-spaeter-zeiten{display:flex; flex-direction:column}
body.np .np-spaeter-wahl>b{font-size:13px}
body.np .np-geld{grid-area:v; min-width:0; margin:0; padding:24px 24px 8px}
body.np .np-geld-kopf{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:12px 28px; align-items:start}
body.np .np-geld-kopf .np-naechste{min-width:0}
body.np .np-raster>.np-gewinn{grid-area:g; min-width:0; margin:0; padding:24px 24px 16px}
body.np .np-kopfzahl h2{display:flex; align-items:center; gap:6px; margin:0 0 4px; font-size:14px; font-weight:600; color:var(--np-grau); letter-spacing:0}
body.np .np-kopfzahl .np-gross{font-size:42px; letter-spacing:-.04em; line-height:1.02}
body.np .np-frei{display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; margin:8px 0 0; font-size:14px; color:var(--np-grau)}
body.np .np-frei b{color:var(--np-tinte); font-weight:650}
body.np .np-frei b.minus{color:var(--np-rot-tief)}
body.np .np-frei-fa{display:inline-flex; align-items:center; gap:7px; min-height:32px; color:var(--np-grau); text-decoration:none}
body.np .np-frei-fa i{width:9px; height:9px; border-radius:3px; background:var(--np-d-steuer)}
body.np .np-frei-fa:hover b{text-decoration:underline}
body.np .np-optionen{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:10px 0 2px}
body.np .np-optionen .np-blaettern{margin-left:auto}
body.np .np-optionen-weg{margin-left:auto; font-size:14px}
body.np .np-schalter button{font:inherit; font-size:13px; font-weight:600; color:var(--np-grau)}
body.np .np-kipps{display:inline-flex; gap:6px}
body.np button.np-kipp{all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px 0 10px; border-radius:999px;
  font-size:13px; font-weight:600; color:var(--np-grau); background:transparent; box-shadow:inset 0 0 0 1px var(--np-linie); transition:background .15s,color .15s}
body.np button.np-kipp i{width:14px; height:14px; border-radius:5px; box-shadow:inset 0 0 0 1.5px var(--np-grau-hell); display:grid; place-items:center}
body.np button.np-kipp[aria-pressed="true"]{color:var(--np-tinte); background:var(--np-feld); box-shadow:none}
body.np button.np-kipp[aria-pressed="true"] i{background:var(--np-gruen-tief); box-shadow:none}
body.np button.np-kipp[aria-pressed="true"] i::after{content:""; width:6px; height:3px; border:solid var(--np-karte); border-width:0 0 1.6px 1.6px; transform:translateY(-1px) rotate(-45deg)}
body.np button.np-kipp:disabled{opacity:.45; cursor:default}
body.np button.np-kipp:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-bildrahmen{position:relative; margin:4px 0 0}
body.np .np-bildrahmen svg{touch-action:pan-y}
body.np .np-tip{position:absolute; z-index:3; pointer-events:none; display:grid; gap:2px; min-width:150px; max-width:260px; padding:9px 12px; border-radius:12px;
  background:var(--np-karte); color:var(--np-tinte); font-size:12.5px; line-height:1.35; box-shadow:0 0 0 .5px rgba(18,24,21,.12),0 12px 28px -10px rgba(18,24,21,.35)}
body.np .np-tip b{font-size:12px; font-weight:600; color:var(--np-grau)}
body.np .np-tip span{display:flex; justify-content:space-between; gap:14px}
body.np .np-tip strong{font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .np-tip strong.minus{color:var(--np-rot-tief)}
body.np .np-tip strong.plus{color:var(--np-gruen-tief)}
body.np .np-tip .np-tip-z{color:var(--np-grau); font-size:12px}
body.np .np-tip .np-tip-z strong{font-weight:600}
body.np .np-legende i.kosten{background:var(--np-d-kosten)}
body.np .np-legende i.vorjahr{background:var(--np-d-vorjahr)}
body.np .np-legende i.steuer{background:var(--np-d-steuer)}
body.np .np-legende i.feld{background:var(--np-d-gruen-feld)}
body.np .np-gewinn .np-gewinn-zr{margin-top:4px}
body.np .np-kopfzeile{display:flex; align-items:center; justify-content:space-between; gap:12px}
body.np .np-kopfzeile .np-blaettern{margin:-6px -6px -6px auto}
body.np .np-naechste .np-oben{display:flex; align-items:center; gap:12px; margin:0 0 2px}
body.np .np-naechste h3{margin:0; font-size:14px; font-weight:600; color:var(--np-grau)}
body.np .np-naechste .np-oben a{margin-left:auto; font-size:13px}
body.np ol.np-nae-liste{list-style:none; margin:0; padding:0}
body.np ol.np-nae-liste li{margin:0; border-top:1px solid var(--np-linie)}
body.np ol.np-nae-liste li:first-child{border-top:0}
body.np ol.np-nae-liste a{display:grid; grid-template-columns:82px minmax(0,1fr) auto; gap:10px; align-items:baseline; min-height:40px; padding:9px 0; color:var(--np-tinte); text-decoration:none}
body.np ol.np-nae-liste a:hover span{text-decoration:underline}
body.np ol.np-nae-liste time{font-size:12.5px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np ol.np-nae-liste span{font-size:14px; overflow-wrap:anywhere; min-width:0}
body.np ol.np-nae-liste b{font-size:14px; font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums}
body.np ol.np-nae-liste b.plus{color:var(--np-gruen-tief)}
body.np ol.np-nae-liste b.minus{color:var(--np-tinte)}
body.np .np-gewinn[data-np-anteile] .np-kopfzeile h2{display:flex; align-items:center; gap:6px; margin:0; font-size:14px; font-weight:600; color:var(--np-grau); letter-spacing:0}
body.np .np-gewinn[data-np-anteile] .np-optionen{margin:8px 0 16px}
body.np .np-gw-wort{margin:0 0 4px; font-size:13px; font-weight:600; color:var(--np-grau)}
body.np .np-gewinn[data-np-anteile] .np-gross{font-size:42px; letter-spacing:-.04em; line-height:1.02; font-variant-numeric:tabular-nums}
body.np .np-gewinn[data-np-anteile] .np-gewinn-zr b{color:var(--np-tinte); font-weight:600; font-variant-numeric:tabular-nums}
body.np .np-zr-teil:not([hidden]){animation:np-zr-ein .22s cubic-bezier(.2,.8,.2,1)}
@keyframes np-zr-ein{from{opacity:0; transform:translateY(4px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){body.np .np-zr-teil:not([hidden]){animation:np-zr-blende .2s ease}@keyframes np-zr-blende{from{opacity:0}to{opacity:1}}}
body.np .np-gw-fuss{margin:8px 0 0; font-size:14px}
body.np .np-gw-fuss a{display:inline-flex; align-items:center; min-height:44px}
@media (max-width:700px){
body.np .np-gewinn[data-np-anteile] .np-gross{font-size:36px}
body.np .np-kopfzahl .np-gross{font-size:36px}
body.np .np-geld,body.np .np-raster>.np-gewinn{padding:16px 16px 8px}
body.np .np-geld-kopf{grid-template-columns:minmax(0,1fr)}
body.np .np-optionen .np-blaettern,body.np .np-optionen-weg{margin-left:0}
body.np .np-schalter button,body.np button.np-kipp{height:44px}
}
body.np:not(#gs-h) :is(.ah-home,.ah-er-liste,dialog) .gs-bsym{width:38px; height:38px; border-radius:10px; color:#fff}
body.np:not(#gs-h) :is(.ah-home,.ah-er-liste,dialog) .gs-bsym>svg{display:block; width:21px; height:21px; stroke-width:1.9}
body.np:not(#gs-h) .ah-home .ah-raster>.np-karte{padding:22px 24px 16px}
body.np:not(#gs-h) .ah-home .np-geld .np-geld-kopf,body.np:not(#gs-h) .ah-home .np-geld .np-kopfzahl{display:block}
body.np:not(#gs-h) .ah-home .np-geld .np-kopfzahl>h2{margin:0 0 4px}
body.np:not(#gs-h) .ah-home :is(.np-kopfzahl,.np-gross-zeile)>.np-gross{display:block; margin:2px 0 4px; font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .np-gross-zeile{display:flex; align-items:center; gap:12px}
body.np .np-gross-zeile>.np-gross{min-width:0}
body.np .np-gross-zeile .np-bank-rund-form{display:inline-flex; margin:0}
body.np:not(#gs-h) .np-gross-zeile .np-bank-rund{flex:none; box-sizing:border-box; width:36px; height:36px; min-width:36px; min-height:36px; max-height:36px; border-radius:50%; display:inline-grid; place-items:center; padding:0; margin:0; border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.55); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%); color:#4A5C6A; box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.08); text-decoration:none; cursor:pointer; transition:transform .15s ease, background .15s ease}
body.np:not(#gs-h) .np-gross-zeile .np-bank-rund>svg{width:18px; height:18px; animation:none}
@media (hover:hover){body.np .np-gross-zeile .np-bank-rund:hover{background:rgba(255,255,255,.8)}}
body.np .np-gross-zeile .np-bank-rund:active{transform:scale(.94)}
body.np .np-gross-zeile .np-bank-rund:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np:not(#gs-h) form.np-dreht .np-bank-rund>svg{animation:npdreh 1s linear infinite}
@keyframes npdreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){body.np form.np-dreht .np-bank-rund>svg{animation:none}}
body.np .np-geld .np-abruf-zeit{margin:2px 0 0; font-size:13px; line-height:18px; color:var(--ap-zweit,#8a8a8e); font-variant-numeric:tabular-nums}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei>:first-child::before{content:none}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei{display:inline; margin:0; font-size:15px; line-height:22px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei>*{display:inline; width:auto; margin:0; padding:0}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei>*::before{content:"\00B7"; margin:0 6px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei b{font-weight:400; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei a{color:var(--ap-zweit); text-decoration:none; font-size:15px; min-height:0}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei a>i{display:none}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei a b{font-weight:600; color:var(--np-tinte)}
body.np:not(#gs-h) .ah-home .np-geld .np-optionen{margin-top:16px}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil:not([hidden]){display:block}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gw-wort{display:inline-block; margin:0 6px 0 0; font-size:15px; line-height:22px; font-weight:400; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>.np-gross{display:inline-block; margin:0; font-size:15px; line-height:22px; font-weight:600; letter-spacing:0; color:var(--np-tinte)}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gewinn-zr{display:inline; margin:0; font-size:15px; line-height:22px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gewinn-zr::before{content:"\00B7"; margin:0 6px}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gewinn-zr b{font-weight:600; color:var(--np-tinte)}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gewinn-zr .np-pille{display:inline; padding:0; margin:0; border:0; background:none; box-shadow:none; font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>p.np-gewinn-zr .np-pille::before{content:"\00B7"; margin:0 6px}
body.np:not(#gs-h) .ah-home .np-gewinn .np-zr-teil>.gb-anteile{margin-top:16px}
body.np:not(#gs-h) .ah-home .np-gewinn p.gb-satz{font-size:17px; line-height:22px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .ah-naechste ol.ah-liste a.ah-zeile{grid-template-columns:38px minmax(0,1fr) auto auto; gap:14px; min-height:64px; padding:10px 0}
body.np:not(#gs-h) .ah-home .ah-naechste ol.ah-liste .ah-haupt{font-weight:600; letter-spacing:-.01em; white-space:normal; overflow-wrap:anywhere}
body.np:not(#gs-h) .ah-home .ah-naechste ol.ah-liste>li+li{box-shadow:none; background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 52px 0/calc(100% - 52px) var(--io-haar) no-repeat}
body.np:not(#gs-h) .ah-home a.mc-zeile{grid-template-columns:38px minmax(0,1fr) auto 12px; gap:14px; min-height:64px; padding:10px 0}
body.np:not(#gs-h) .ah-home a.mc-zeile{--io-einzug:52px}
body.np:not(#gs-h) .ah-home a.mc-zeile::before,body.np:not(#gs-h) .ah-home a.mc-zeile::after{content:none}
body.np:not(#gs-h) .ah-home a.mc-zeile .mc-zahl{display:inline-flex; align-items:center; gap:7px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home a.mc-zeile .mc-zahl>.mc-dot{flex:none; width:8px; height:8px; margin:0; border-radius:50%}
body.np:not(#gs-h) .ah-home a.mc-zeile .mc-t>span{color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home p.np-fussnote{font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#gs-h) main h2:has(>.ah-abschnitt):has(+.ah-er-liste),body.np:not(#gs-h) main #einrichtung>h2:has(>.ah-abschnitt){margin:24px 18px 8px; padding:0; font-size:13px; line-height:18px}
body.np:not(#gs-h) main h2:has(+.ah-er-liste) .ah-abschnitt,body.np:not(#gs-h) main #einrichtung>h2 .ah-abschnitt{font-size:13px; line-height:18px; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none}
body.np:not(#gs-h) main #einrichtung{margin-top:8px}
body.np:not(#gs-h) .ah-er-liste{margin:0 0 8px; padding:4px 0; border-radius:var(--ap-rund-karte)}
body.np:not(#gs-h) .ah-er-liste>.gs-zeile.ah-er-zeile{grid-template-columns:38px minmax(0,1fr) auto auto; gap:14px; min-height:64px; padding:10px 18px}
body.np:not(#gs-h) .ah-er-liste>.gs-zeile.ah-er-zeile:not(:has(>.ah-status)){grid-template-columns:38px minmax(0,1fr) auto}
body.np:not(#gs-h) .ah-er-liste>.gs-zeile+.gs-zeile{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 70px 0/calc(100% - 88px) var(--io-haar) no-repeat}
body.np:not(#gs-h) .ah-er-text b{font-size:17px; line-height:22px; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte)}
body.np:not(#gs-h) .ah-er-text small{display:block; font-size:15px; line-height:20px; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np:not(#gs-h) .ah-er-liste .ah-status{font-size:15px}
body.np:not(#gs-h) dialog .ah-iw-blatt{display:grid; gap:16px; grid-template-columns:minmax(0,1fr); padding:0 4px}
body.np:not(#gs-h) dialog .ah-iw-blatt label.iw-flaeche{border:0; outline:0; border-radius:var(--ap-rund-karte); background:var(--ap-fuellung); box-shadow:none}
@media (max-width:700px){
  body.np:not(#gs-h) .ah-home .ah-raster>.np-karte{padding:16px 16px 8px}
  body.np:not(#gs-h) .ah-home :is(.np-kopfzahl,.np-gross-zeile)>.np-gross{font-size:34px; line-height:41px}
  body.np:not(#gs-h) :is(.ah-home,.ah-er-liste) .gs-bsym{width:34px; height:34px; border-radius:9px}
  body.np:not(#gs-h) :is(.ah-home,.ah-er-liste) .gs-bsym>svg{width:19px; height:19px}
  body.np:not(#gs-h) .ah-home .ah-naechste ol.ah-liste a.ah-zeile{grid-template-columns:34px minmax(0,1fr) auto auto; gap:12px; min-height:60px}
  body.np:not(#gs-h) .ah-home .ah-naechste ol.ah-liste>li+li{background-position:46px 0; background-size:calc(100% - 46px) var(--io-haar)}
  body.np:not(#gs-h) .ah-home a.mc-zeile{grid-template-columns:34px minmax(0,1fr) auto 12px; gap:12px; min-height:60px; --io-einzug:46px}
  body.np:not(#gs-h) .ah-er-liste>.gs-zeile.ah-er-zeile{grid-template-columns:34px minmax(0,1fr) auto auto; gap:12px; min-height:60px; padding:8px 14px}
  body.np:not(#gs-h) .ah-er-liste>.gs-zeile.ah-er-zeile:not(:has(>.ah-status)){grid-template-columns:34px minmax(0,1fr) auto}
  body.np:not(#gs-h) .ah-er-liste>.gs-zeile+.gs-zeile{background-position:60px 0; background-size:calc(100% - 74px) var(--io-haar)}
  body.np:not(#gs-h) .ah-er-text small{white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2}
  body.np:not(#gs-h) main h2:has(>.ah-abschnitt):has(+.ah-er-liste),body.np:not(#gs-h) main #einrichtung>h2:has(>.ah-abschnitt){margin:16px 14px 8px}
}
body.np:not(#gs-h) .ah-home .np-umsatz{--um-material:#5B8DEF; --um-personal:#4FB6C2; --um-raum:#F2A73B; --um-abnutzung:#A97FD8;
  --um-sonstige:#AEB8BD; --um-steuern:#4A5C6A; --um-bleibt:var(--gb-gruen)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-kopfzeile{display:flex; align-items:center; gap:12px}
body.np:not(#gs-h) .ah-home .np-umsatz .np-optionen{display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:12px 0 18px}
body.np:not(#gs-h) .ah-home .np-umsatz .np-optionen>.np-blaettern{margin-left:auto}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahlen{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 6px}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl{min-width:0}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl>span{display:block; font-size:13px; line-height:18px; font-weight:600; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl>b{display:block; margin:2px 0 0; font-size:30px; line-height:38px; font-weight:700; letter-spacing:-.024em;
  color:var(--np-tinte); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl.bleibt>b{color:var(--np-gruen-tief)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl>b.minus{color:var(--gb-rot-text)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl>b.np-um-ohne{font-size:15px; font-weight:400; letter-spacing:0; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-zr-teil>p.np-gewinn-zr{display:block; margin:0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-zr-teil>p.np-gewinn-zr::before{content:none}
body.np:not(#gs-h) .ah-home .np-umsatz .np-zr-teil>p.np-gewinn-zr .np-pille{font-size:13px}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-hoch{margin:2px 0 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-umsatz .np-um-hoch b{font-weight:600; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np:not(#gs-h) .ah-home .np-umsatz .np-zr-teil>.gb-anteile{margin-top:20px}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile],[data-gb-teil]){--um-f:var(--um-sonstige)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="material"],[data-gb-teil="material"]){--um-f:var(--um-material)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="personal"],[data-gb-teil="personal"]){--um-f:var(--um-personal)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="raum"],[data-gb-teil="raum"]){--um-f:var(--um-raum)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="abnutzung"],[data-gb-teil="abnutzung"]){--um-f:var(--um-abnutzung)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="steuern"],[data-gb-teil="steuern"]){--um-f:var(--um-steuern)}
body.np:not(#gs-h) .ah-home .np-umsatz :is([data-gb-zeile="bleibt"],[data-gb-teil="bleibt"],[data-gb-zeile="gewinn"],[data-gb-teil="gewinn"]){--um-f:var(--um-bleibt)}
body.np:not(#gs-h) .ah-home .np-umsatz .gb-a-balken>i,body.np:not(#gs-h) .ah-home .np-umsatz .gb-a-liste li:not(.plus):not(.verlust)>i{background:var(--um-f)!important}
body.np:not(#gs-h) .ah-home .np-umsatz .gb-a-liste li>i{width:10px; height:10px}
body.np:not(#gs-h) .ah-home .np-umsatz .gb-anteile.mit-pz .gb-a-liste li{grid-template-columns:10px minmax(0,1fr) 52px minmax(96px,auto)}
body.np:not(#gs-h) .ah-home .np-umsatz .gb-anteile.mit-pz .gb-a-liste li.plus{grid-template-columns:10px minmax(0,1fr) auto}
body.np:not(#gs-h) .ah-home .np-umsatz .gb-a-liste li>em.gb-a-pz{font-style:normal; text-align:right; font-variant-numeric:tabular-nums; color:var(--ap-zweit)}
body.np:not(#gs-h) .ah-home .np-umsatz:not(:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"])) .gb-a-balken{display:none}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-balken{position:relative; height:30px; gap:2px; border-radius:15px; margin-top:4px;
  box-shadow:inset 0 0 0 .5px rgba(6,20,27,.08),0 10px 20px -12px rgba(37,55,69,.55)}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-balken>i{transition:flex-grow .35s cubic-bezier(.2,.8,.2,1)}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-balken::after{content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.16) 46%,rgba(255,255,255,0) 54%,rgba(6,20,27,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(6,20,27,.12)}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; margin-top:18px}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste li,body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-anteile.mit-pz .gb-a-liste li{grid-template-columns:10px minmax(0,1fr) auto; min-height:36px; border-top:0}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste li.plus{display:none}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-anteile.mit-pz .gb-a-liste li>b{display:none}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-anteile:not(.mit-pz) .gb-a-liste li>b{font-weight:600}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste li>em.gb-a-pz{font-weight:600; color:var(--np-tinte)}
body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste li.bleibt>em.gb-a-pz{color:var(--np-gruen-tief)}
@media (max-width:700px){
  body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahlen{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px}
  body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl:first-child{grid-column:1 / -1}
  body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl>b{font-size:24px; line-height:30px}
  body.np:not(#gs-h) .ah-home .np-umsatz .np-um-zahl:first-child>b{font-size:30px; line-height:38px}
  body.np:not(#gs-h) .ah-home .np-umsatz .gb-anteile.mit-pz .gb-a-liste li{grid-template-columns:10px minmax(0,1fr) 40px auto; gap:8px}
  body.np:not(#gs-h) .ah-home .np-umsatz:has(.np-um-kapsel [data-wert="skala"][aria-pressed="true"]) .gb-a-liste{grid-template-columns:minmax(0,1fr)}
}
body.np .ah-home .ah-unter .ah-firma{min-width:0; overflow:hidden; text-overflow:ellipsis}
body.np .ah-home .ah-unter:has(.np-waechter-home) .ah-trenn{display:none}
@media (max-width:700px){body.np .ah-home .ah-unter .ah-trenn{display:none}}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei.np-konto-frage-home,body.np:not(#gs-h) .ah-home .np-geld p.np-frei.np-frei-zusatz{display:block; margin:6px 0 0}
body.np:not(#gs-h) .ah-home .np-geld p.np-frei b.np-frei-fehlt{color:var(--ap-rot,#c0392b); font-weight:600}
body.np .ah-home .ah-raster>.np-geplant{grid-area:w}
body.np .np-geplant .wl-h-liste{list-style:none; margin:8px 0 4px; padding:0}
body.np .np-geplant .wl-h-liste li+li{border-top:1px solid var(--np-linie,#E4E9E6)}
body.np .np-geplant .wl-h-liste a{display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"n b" "z b"; gap:2px 16px; align-items:center; padding:10px 0; color:inherit; text-decoration:none}
body.np .np-geplant .wl-h-name{grid-area:n; font-size:17px; line-height:22px; font-weight:600; color:var(--np-tinte)}
body.np .np-geplant .wl-h-zeile{grid-area:z; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .np-geplant .wl-h-liste b{grid-area:b; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np .wl-seite{display:flex; flex-direction:column; gap:16px; max-width:996px}
body.np .wl-seite .wl-basis{margin:0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .wl-seite .wl-basis b{color:var(--np-tinte); font-weight:600; font-variant-numeric:tabular-nums}
body.np .wl-seite .wl-liste{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px}
body.np .wl-seite .np-karte{margin:0; padding:24px}
body.np .wl-seite h2{margin:0; font-size:22px; line-height:28px; font-weight:600; letter-spacing:-.012em; color:var(--np-tinte)}
body.np .wl-seite .wl-e-kopf{display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap}
body.np .wl-seite .wl-preis{font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np .wl-seite .wl-preis small{font-size:13px; font-weight:400; color:var(--ap-zweit)}
body.np .wl-seite .wl-zeile{margin:4px 0 0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .wl-seite .wl-zart{margin-top:12px}
body.np .wl-seite .wl-regeln{list-style:none; margin:8px 0 0; padding:0}
body.np .wl-seite .wl-regel{padding:14px 0; border-top:1px solid var(--np-linie,#E4E9E6)}
body.np .wl-seite .wl-regel-kopf{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:17px; line-height:22px; color:var(--np-tinte)}
body.np .wl-seite .wl-regel-kopf span{font-size:13px; color:var(--ap-zweit)}
body.np .wl-seite .wl-werte{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 16px; margin:10px 0 0}
body.np .wl-seite .wl-wert{display:flex; flex-direction:column; min-width:0}
body.np .wl-seite .wl-wert span{font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .wl-seite .wl-wert b{font-size:17px; line-height:22px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np .wl-seite .wl-wert b.plus{color:var(--np-d-gruen-text,var(--ap-akzent-text,#1E7F45))}
body.np .wl-seite .wl-wert small{font-size:13px; line-height:18px; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .wl-seite .wl-satz{margin:8px 0 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .wl-seite .wl-knoepfe{display:flex; flex-wrap:wrap; gap:8px 12px; margin:16px 0 0}
body.np .wl-seite .wl-knoepfe form{margin:0}
body.np .wl-seite .wl-form{display:grid; align-items:start; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; margin:12px 0 0}
body.np .wl-seite .wl-form label{display:flex; flex-direction:column; gap:4px; min-width:0}
body.np .wl-seite .wl-form label>span,body.np .wl-seite .wl-nd label>span{font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .wl-seite .wl-form input,body.np .wl-seite .wl-nd input{width:100%; box-sizing:border-box; min-height:44px; font-size:17px}
body.np .wl-seite .wl-form .wl-breit{grid-column:span 2}
body.np .wl-seite .wl-form .wl-knoepfe{grid-column:1/-1; margin:4px 0 0}
body.np .wl-seite .wl-form .wl-vorschlag{grid-column:1/-1; margin:0}
body.np .wl-seite .wl-auswahl{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 0}
body.np .wl-seite .wl-nd{display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin:12px 0 0}
body.np .wl-seite .wl-nd label{display:flex; flex-direction:column; gap:4px; width:180px}
body.np .wl-seite .wl-abschnitt{margin:8px 0 0}
body.np .wl-seite .wl-regeltext p{margin:8px 0 0; font-size:15px; line-height:22px; color:var(--np-tinte)}
body.np .wl-seite .wl-regeltext p.wl-satz{font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .wl-seite .wl-leer{margin:0; font-size:17px; line-height:24px; color:var(--ap-zweit)}
body.np .wl-seite .wl-fehler{margin:12px 0 0; color:var(--ap-rot,#c0392b); font-size:15px}
body.np .wl-seite .wl-fehler ul{margin:4px 0 0; padding-left:20px}
body.np .wl-seite .wl-gespeichert{margin:0; font-size:15px; color:var(--np-tinte)}
@media (max-width:700px){
body.np .wl-seite .np-karte{padding:16px}
body.np .wl-seite .wl-werte{grid-template-columns:repeat(2,minmax(0,1fr))}
body.np .wl-seite .wl-form{grid-template-columns:minmax(0,1fr)}
body.np .wl-seite .wl-form .wl-breit{grid-column:auto}
body.np .wl-seite .wl-knoepfe>form,body.np .wl-seite .wl-knoepfe>form>button,body.np .wl-seite .wl-knoepfe>button{width:100%}
}
body.np .ah-home .np-geld .np-zahlwort{margin:0 0 2px; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np .ah-home .np-geld .np-ruecklage{display:block; margin:6px 0 0; font-size:15px; line-height:22px; color:var(--ap-zweit)}
body.np .ah-home .np-geld .np-ruecklage>a{display:inline; color:var(--ap-zweit); text-decoration:none; min-height:0; padding:0}
body.np .ah-home .np-geld .np-ruecklage>details.np-info{display:inline-block; vertical-align:middle; margin-left:6px}
body.np .ah-home .np-geld .np-ruecklage>a b{font-weight:600; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .ah-home .np-um-zahl .np-zahlwort{display:block; margin:2px 0 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .ah-home .np-geld .np-legende{display:flex; flex-wrap:wrap; gap:4px 16px; margin:4px 0 8px; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np .ah-home .np-geld .np-legende span{display:inline-flex; align-items:center; gap:6px}
body.np .ah-home .np-geld .np-legende i{display:inline-block; width:14px; height:0; border-top:2px solid var(--np-d-gruen,#3DBE6B)}
body.np .ah-home .np-geld .np-legende i.np-l-frei{border-top:2px solid light-dark(#5F6964,#C9D1CD)}
body.np .ah-home .np-geld .np-legende i.np-l-band{height:10px; border:0; border-radius:2px; background:light-dark(rgba(155,165,160,.3),rgba(155,165,160,.35))}
body.np .ah-home .np-geld .np-legende i.np-l-st{width:10px; height:10px; border:0; border-radius:2.5px; background:var(--np-tinte)}
body.np .hs-ring{position:relative; width:132px; height:132px}
body.np .hs-ring svg{transform:rotate(-90deg); display:block}
body.np .hs-ring .hs-ring-grund{stroke:var(--hs-flaeche)}
body.np .hs-ring .hs-ring-wert{stroke:var(--hs-gelb)}
body.np .hs-ring[data-ampel="rot"] .hs-ring-wert{stroke:var(--hs-rot)}
body.np .hs-ring[data-ampel="gruen"] .hs-ring-wert{stroke:var(--hs-ok)}
body.np .hs-ring-z{position:absolute; inset:0; display:grid; place-items:center; text-align:center}
body.np .hs-ring-z b{display:block; font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .hs-ring-z small{display:block; font-size:13px; line-height:16px; color:var(--np-grau); margin-top:-2px}
body.np .np-heute,body.np .hs-seite{--hs-gelb:light-dark(#e8890c,#ffb54a); --hs-rot:light-dark(#c4321f,#ff8a7a); --hs-ok:light-dark(#2e9440,#7fd18a); --hs-flaeche:light-dark(rgba(155,168,171,.18),rgba(255,255,255,.08)); --hs-grau:var(--np-grau)}
body.np .ah-home .ah-raster{grid-template-areas:"v s" "sc s" "n s" "g s" "vl s" "w s" "m s" "a s"; grid-template-rows:auto auto auto auto auto auto auto 1fr}
body.np .ah-home .ah-raster>.np-score{grid-area:sc; margin:0}
body.np .ah-home .ah-raster>.np-verlauf{grid-area:vl; margin:0}
@media (max-width:1180px){
body.np .ah-home .ah-raster{grid-template-areas:"v" "sc" "n" "s" "g" "vl" "w" "m" "a"; grid-template-rows:none}
}
@media (min-width:1200px){
body.np:not(#np-mz):not(#np-zr):not(#hs-z):has(#np-zentrale) .ah-home .ah-raster{grid-template-areas:"v" "sc" "n" "g" "vl" "w" "m" "a"}
}
body.np [data-farbe="rot"]>i,body.np i[data-farbe="rot"]{background:var(--hs-rot)}
body.np [data-farbe="gelb"]>i,body.np i[data-farbe="gelb"]{background:var(--hs-gelb)}
body.np [data-farbe="gruen"]>i,body.np i[data-farbe="gruen"]{background:var(--hs-ok)}
body.np [data-farbe="grau"]>i,body.np i[data-farbe="grau"]{background:var(--np-grau)}
body.np .hs-score{display:grid; grid-template-columns:132px minmax(0,1fr); gap:24px; align-items:center; margin:6px 0 4px}
body.np .hs-ampel{display:flex; gap:6px; margin:10px 0 0; flex-wrap:wrap}
body.np .hs-ampel span{display:inline-flex; align-items:center; gap:6px; font-size:13px; line-height:18px; color:var(--np-grau); padding:3px 10px 3px 8px; border-radius:999px; background:var(--hs-flaeche)}
body.np .hs-ampel span i,body.np .hs-stand i,body.np .hs-teil small i{width:8px; height:8px; border-radius:50%; display:inline-block; flex:none}
body.np .hs-ampel span.an{color:var(--np-tinte); font-weight:600; box-shadow:inset 0 0 0 1.5px var(--hs-gelb)}
body.np .hs-ampel span.an[data-farbe="rot"]{box-shadow:inset 0 0 0 1.5px var(--hs-rot)}
body.np .hs-ampel span.an[data-farbe="gruen"]{box-shadow:inset 0 0 0 1.5px var(--hs-ok)}
body.np .hs-satz{font-size:17px; line-height:22px; color:var(--np-tinte); margin:0; font-weight:600}
body.np .hs-unter{font-size:15px; line-height:20px; color:var(--np-grau); margin:4px 0 0}
body.np .hs-knopfzeile{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
body.np:not(#gs-h) .hs-knopfzeile a.np-knopf{display:inline-flex; align-items:center; gap:8px; height:44px!important; min-height:44px!important; box-sizing:border-box}
body.np .hs-zwisch{font-size:13px; line-height:18px; font-weight:600; color:var(--np-grau); margin:16px 0 0; letter-spacing:.01em}
body.np .hs-zwisch-zeile{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 0}
body.np .hs-zwisch-zeile .hs-zwisch{margin:0}
body.np .hs-zwisch-zeile a.np-kopflink{display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; font-size:15px; font-weight:600}
body.np .hs-teile{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0 4px}
body.np a.hs-teil{border-radius:16px; padding:12px 14px; background:var(--hs-flaeche); text-decoration:none; color:var(--np-tinte); display:block; min-height:44px}
body.np a.hs-teil b{display:block; font-size:22px; line-height:28px; font-weight:700; font-variant-numeric:tabular-nums}
body.np a.hs-teil b.hs-ok{color:var(--hs-ok); height:28px; display:flex; align-items:center}
body.np a.hs-teil span{display:block; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np a.hs-teil small{display:flex; align-items:center; gap:6px; font-size:13px; line-height:18px; color:var(--np-tinte); font-weight:600; margin-top:6px}
body.np .hs-fuss{font-size:13px; line-height:18px; color:var(--np-grau); margin:10px 0 0}
body.np .hs-rechts{display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-left:12px; flex:none}
body.np .hs-stand{display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--np-grau); white-space:nowrap}
body.np .hs-bank{margin-top:4px}
body.np .np-geld .hs-bank.ah-naechste{padding:0; margin:4px 0 0; background:none; box-shadow:none; border:0; border-radius:0}
body.np .hs-filter{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:6px 0 6px}
body.np:not(#gs-h):not(#gs-h2):not(#gs-h3):not(#gs-h4):not(#gs-h5) .hs-filter .np-schalter button{height:44px; margin:-6px 0; padding-top:6px; padding-bottom:6px; background-clip:content-box}
body.np:not(#gs-h) .hs-filter .np-schalter{flex-wrap:nowrap; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch}
body.np:not(#gs-h) .hs-filter .np-schalter::-webkit-scrollbar{display:none}
body.np:not(#gs-h) .hs-filter .np-schalter button{flex:none; white-space:nowrap}
body.np .hs-wer{position:relative}
body.np .hs-wer>summary{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border-radius:999px; background:var(--hs-flaeche); font-size:13px; font-weight:600; color:var(--np-tinte); list-style:none; cursor:pointer}
body.np .hs-wer>summary::-webkit-details-marker{display:none}
body.np .hs-wer-menue{position:absolute; z-index:20; top:48px; left:0; min-width:200px; padding:6px; border-radius:16px; background:var(--np-karte); box-shadow:0 12px 32px -8px rgba(0,0,0,.28)}
body.np .hs-wer-menue button.np-zeile{display:flex; width:100%; min-height:44px; align-items:center; padding:0 12px; border:0; border-radius:10px; background:none; font:inherit; font-size:15px; color:var(--np-tinte); text-align:left; cursor:pointer}
body.np .hs-wer-menue button[aria-checked="true"]{font-weight:600; background:var(--hs-flaeche)}
body.np .hs-tag{font-size:15px; line-height:20px; font-weight:600; color:var(--np-tinte); margin:14px 0 0}
body.np .hs-zeit{font-size:13px; color:var(--np-grau); white-space:nowrap; font-variant-numeric:tabular-nums}
body.np .hs-herkunft{font-size:13px; font-weight:600; color:var(--ap-akzent-text,var(--np-tinte)); white-space:nowrap; min-width:72px}
body.np:not(#gs-h) .ah-home :is(.np-verlauf,.np-score,.hs-bank,.hs-blatt) ol.ah-liste .ah-haupt{white-space:normal; overflow:visible}
body.np .hs-leer{font-size:15px; line-height:20px; color:var(--np-grau); margin:12px 0 0}
body.np .hs-blatt .hs-liste{margin-top:6px}
@media (max-width:700px){
body.np .hs-score{grid-template-columns:104px minmax(0,1fr); gap:16px}
body.np .hs-ring,body.np .hs-ring svg{width:104px; height:104px}
body.np .hs-ring-z b{font-size:28px; line-height:32px}
body.np .hs-ring-z small{display:none}
body.np .hs-teile{grid-template-columns:minmax(0,1fr)}
body.np .hs-herkunft{display:none}
body.np .np-verlauf a.ah-zeile .hs-rechts,body.np .np-geld .hs-bank a.ah-zeile .hs-rechts,body.np .hs-blatt a.ah-zeile .hs-rechts{grid-column:2/4; grid-row:2; justify-content:flex-start; margin:2px 0 0}
}
svg[data-hn-bild] .hn-puls{transform-box:fill-box; transform-origin:center; animation:hn-puls 2s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes hn-puls{0%{transform:scale(1); opacity:.55}70%,100%{transform:scale(3.2); opacity:0}}
@media (prefers-reduced-motion:reduce){svg[data-hn-bild] .hn-puls{animation:none; opacity:0}}
body.np .ah-home .ah-raster.hn-raster{grid-template-areas:"v s"; grid-template-rows:auto}
@media (max-width:1180px){body.np .ah-home .ah-raster.hn-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"v" "s"; grid-template-rows:none}}
@media (min-width:1200px){body.np:not(#np-mz):not(#np-zr):not(#hs-z):has(#np-zentrale) .ah-home .ah-raster.hn-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"v"}}
body.np .ah-home .ah-raster.hn-raster>.hn-links-spalte{grid-area:v; min-width:0; display:flex; flex-direction:column; gap:16px}
body.np .ah-home .hn-links-spalte>*{margin:0}
body.np .hn-mitte{display:flex; flex-direction:column; gap:16px; min-width:0; container-type:inline-size}
body.np .hn-konto{padding:24px 24px 16px; min-width:0}
body.np .hn-oben{display:flex; justify-content:space-between; gap:24px; align-items:flex-start}
body.np .hn-links{flex:1 1 auto; min-width:0}
body.np .hn-etikett{margin:0; font-size:15px; line-height:20px; font-weight:600; color:var(--np-grau); letter-spacing:0}
body.np .hn-gross-zeile{display:flex; align-items:center; gap:12px}
body.np .hn-gross{margin:6px 0 4px; font-size:42px; line-height:48px; font-weight:700; letter-spacing:-.035em; color:var(--np-tinte); font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .hn-konto .hn-gross .hn-cent{font-size:24px; line-height:1; letter-spacing:-.02em; font-weight:600; color:inherit}
body.np .hn-kachel .hn-wert .hn-cent{font-size:17px; line-height:1; letter-spacing:-.01em; font-weight:600; color:inherit}
body.np .hn-gross.minus{color:var(--np-rot-tief)}
body.np .hn-seit{display:flex; flex-wrap:wrap; gap:2px 12px; margin:0; font-size:15px; line-height:20px; color:var(--np-grau)}
body.np .hn-seit b{font-weight:600}
body.np .hn-seit b.plus{color:var(--ap-akzent-text,#2A7050)}
body.np .hn-seit b.minus{color:var(--np-rot-tief)}
body.np .hn-ruecklage{display:block; margin:10px 0 0; font-size:15px; line-height:20px; color:var(--np-grau)}
body.np .hn-ruecklage i{display:inline-block; width:10px; height:10px; margin-right:6px; border-radius:3px; background:light-dark(rgba(86,98,92,.45),rgba(174,185,188,.5))}
body.np .hn-ruecklage b{color:var(--np-tinte); font-weight:650}
body.np .hn-frage{margin:8px 0 0; font-size:14px; color:var(--np-grau)}
body.np .hn-rechts{display:flex; flex-direction:column; align-items:flex-end; gap:14px; max-width:320px; text-align:right; flex:none}
body.np .hn-seg{display:inline-flex; padding:3px; border-radius:999px; background:var(--np-feld,rgba(17,33,45,.07))}
body.np .hn-konto .hn-seg button{margin:0; min-width:52px; min-height:38px; padding:0 12px; border:0; border-radius:999px; background:none; color:var(--np-grau); font:inherit; font-size:14px; font-weight:600; cursor:pointer; box-shadow:none}
body.np main .hn-konto .hn-seg button[aria-pressed]:not(.np-schalter *):not(.np-kipp):not([role=switch]):not([role=option]):not(.augenknopf){background-color:transparent; color:var(--np-grau); box-shadow:none}
body.np main .hn-konto .hn-seg button[aria-pressed="true"]:not(.np-schalter *):not(.np-kipp):not([role=switch]):not([role=option]):not(.augenknopf){background-color:light-dark(#fff,rgba(204,208,207,.22)); color:var(--np-tinte); box-shadow:0 1px 3px rgba(6,20,27,.14)}
body.np .hn-prognose{margin:0; font-size:14px; line-height:20px; color:var(--np-grau)}
body.np .hn-prognose b{color:var(--np-tinte); font-weight:650; font-variant-numeric:tabular-nums}
body.np .hn-bild{position:relative; margin-top:12px; height:240px}
body.np .hn-bild svg{display:block; width:100%; height:100%; overflow:visible}
body.np .hn-legende{display:flex; flex-wrap:wrap; gap:6px 16px; margin:6px 0 0; font-size:13px; color:var(--np-grau)}
body.np .hn-legende span{display:inline-flex; align-items:center; gap:6px}
body.np .hn-legende i{display:block; width:14px; height:3px; border-radius:2px}
body.np .hn-legende i.hn-l-konto{background:var(--np-d-gruen,#3DBE6B)}
body.np .hn-legende i.hn-l-prog{background:repeating-linear-gradient(90deg,var(--np-grau) 0 4px,transparent 4px 7px)}
body.np .hn-legende i.hn-l-band{height:10px; background:light-dark(rgba(86,98,92,.22),rgba(174,185,188,.28))}
body.np .hn-legende i.hn-l-ein,body.np .hn-legende i.hn-l-aus{width:9px; height:9px; border-radius:50%; background:var(--np-d-gruen,#3DBE6B)}
body.np .hn-legende i.hn-l-aus{background:var(--np-d-rot,#EE7A70)}
body.np .hn-zl{margin-top:14px; padding-top:12px; box-shadow:inset 0 var(--io-haar,1px) 0 var(--io-haarlinie,rgba(0,0,0,.08))}
body.np .hn-zl h3{margin:0 0 4px; font-size:15px; line-height:20px; font-weight:600; color:var(--np-tinte)}
body.np ol.hn-zahlungen{list-style:none; margin:0; padding:0}
body.np ol.hn-zahlungen li{display:grid; grid-template-columns:96px minmax(0,1fr) auto auto; gap:12px; align-items:center; min-height:40px; font-size:15px}
body.np ol.hn-zahlungen li+li{box-shadow:inset 0 var(--io-haar,1px) 0 var(--io-haarlinie,rgba(0,0,0,.08))}
body.np ol.hn-zahlungen time{color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np ol.hn-zahlungen .hn-wer{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--np-tinte)}
body.np ol.hn-zahlungen .hn-art{font-size:12px; font-weight:600; padding:2px 8px; border-radius:999px; background:var(--ap-schlicht); color:var(--ap-akzent-text)}
body.np ol.hn-zahlungen .hn-art.aus{background:light-dark(#FBE3E0,#3E2422); color:light-dark(#B4433A,#F0A398)}
body.np ol.hn-zahlungen b{font-weight:600; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; color:var(--np-tinte)}
body.np .hn-alle{display:inline-flex; align-items:center; min-height:44px; font-size:15px}
body.np .hn-unten{display:flex; justify-content:flex-end; gap:20px; margin-top:6px; padding-top:4px}
body.np .hn-unten a,body.np .hn-fuss a,body.np .hn-kk a{display:inline-flex; align-items:center; min-height:44px; font-size:15px; font-weight:500; color:var(--ap-akzent-text); text-decoration:none}
body.np .hn-kacheln{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
body.np .hn-kacheln[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
body.np .hn-kacheln[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.np .hn-kacheln[data-n="1"]{grid-template-columns:minmax(0,1fr)}
body.np .hn-kachel{position:relative; display:flex; flex-direction:column; min-width:0; min-height:170px; margin:0; padding:18px 18px 8px}
body.np .hn-kachel>h2{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0; font-size:14px; line-height:20px; font-weight:600; color:var(--np-grau); letter-spacing:0}
body.np .hn-kachel>h2>details.np-info{position:static}
body.np .hn-kachel>h2>details.np-info>div{top:auto; left:18px; right:18px; width:auto; margin-top:6px; overflow-wrap:anywhere}
body.np .hn-kachel .hn-wert{margin:10px 0 4px; font-size:28px; line-height:32px; font-weight:700; letter-spacing:-.02em; color:var(--np-tinte); font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .hn-kachel p{margin:0; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np .hn-kachel p.hn-was{margin-top:10px; font-size:15px; line-height:20px; font-weight:600; color:var(--np-tinte)}
body.np .hn-kachel p.hn-was+.hn-wert{margin-top:2px}
body.np .hn-kachel p.hn-satz{margin-top:10px; font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .hn-kachel .hn-warn{font-weight:600; color:var(--np-tinte)}
body.np .hn-kachel .hn-warn i{display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:6px; background:light-dark(#56625C,#AEB9BC)}
body.np .hn-kachel .hn-fuss{margin-top:auto; padding-top:6px; display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap}
body.np .hn-kachel .hn-fuss p{font-size:13px}
body.np .hn-kachel a.hn-knopf,body.np .hn-kachel a.hn-neben{position:relative; z-index:1}
body.np .hn-kachel a.hn-knopf{align-self:flex-start; display:inline-flex; align-items:center; min-height:44px; margin-top:10px; padding:0 18px; font-size:15px}
body.np .hn-kachel:has(a.hn-ganz){cursor:pointer}
body.np .hn-kachel:has(a.hn-ganz:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .hn-ring{display:flex; align-items:center; gap:12px; margin:8px 0 4px; width:auto; height:auto; flex-wrap:wrap; min-width:0}
body.np .hn-ring svg{flex:none; width:46px; height:46px}
body.np .hn-ring .hn-wert{margin:0}
body.np .hn-ring .hn-wert b{font-weight:700}
body.np .hn-untenreihe{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:16px}
body.np .hn-untenreihe>:only-child{grid-column:1 / -1}
body.np .hn-gewinn,body.np .hn-check{margin:0; padding:22px 24px; min-width:0}
body.np .hn-kk{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:6px; flex-wrap:wrap}
body.np .hn-kk h2{margin:0; font-size:22px; line-height:28px; font-weight:600; letter-spacing:-.012em; color:var(--np-tinte); white-space:nowrap}
body.np .hn-kk-z{font-size:15px; color:var(--np-grau)}
body.np .hn-g-innen{display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:20px; align-items:center}
body.np .hn-gbild{height:240px}
body.np .hn-gbild svg{display:block; width:100%; height:100%; overflow:visible}
body.np .hn-drei{display:flex; flex-direction:column; gap:14px}
body.np .hn-drei span{display:flex; align-items:center; gap:7px; font-size:13px; color:var(--np-grau)}
body.np .hn-drei span i{display:block; width:10px; height:10px; border-radius:3px; background:var(--np-d-gruen,#3DBE6B)}
body.np .hn-drei span i.hn-g-k{background:var(--np-d-rot,#EE7A70)}
body.np .hn-drei span i.hn-g-g{background:none; box-shadow:inset 0 0 0 2px var(--np-d-gruen,#3DBE6B)}
body.np .hn-drei b{display:block; font-size:22px; line-height:28px; font-weight:700; letter-spacing:-.015em; color:var(--np-tinte); font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .hn-drei b.plus{color:var(--ap-akzent-text,#2A7050)}
body.np .hn-drei b.minus{color:var(--np-rot-tief)}
body.np .hn-zr{margin:8px 0 0; font-size:13px; color:var(--np-grau)}
body.np .hn-check ul{list-style:none; margin:0 0 16px; padding:0}
body.np .hn-check li{display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:52px; padding:6px 0}
body.np .hn-check li+li{box-shadow:inset 0 var(--io-haar,1px) 0 var(--io-haarlinie,rgba(0,0,0,.08))}
body.np .hn-check .hn-h{width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:var(--m-kapsel,#4A5C6A); color:#fff; font-size:13px; font-weight:800}
body.np .hn-check .hn-h.offen{background:none; box-shadow:inset 0 0 0 2px #E39A2C; color:#B86E0A}
body.np .hn-check .hn-t{font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .hn-check .hn-t small{display:block; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np .hn-check .hn-z{font-size:13px; color:var(--np-grau)}
body.np .hn-check a.hn-check-knopf{display:flex; justify-content:center; align-items:center; min-height:44px; width:100%}
body.np .hn-fenster-wege{display:flex; gap:20px; margin:12px 0 0}
body.np dialog.hn-detail .np-geld,body.np dialog.hn-detail .np-gewinn,body.np dialog.hn-detail .np-score{box-shadow:none; background:none; padding:0}
@container (max-width:900px){
  body.np .hn-kacheln[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:620px){
  body.np .hn-untenreihe{grid-template-columns:minmax(0,1fr)}
  body.np .hn-oben{flex-direction:column; gap:12px}
  body.np .hn-rechts{align-items:flex-start; text-align:left; max-width:none}
}
@media (max-width:760px){
  body.np .hn-konto{padding:18px 16px 10px}
  body.np .hn-oben{flex-direction:column; gap:12px}
  body.np .hn-gross{font-size:34px; line-height:42px}
  body.np .hn-rechts{align-items:flex-start; text-align:left; max-width:none}
  body.np .hn-konto .hn-seg button{min-height:44px}
  body.np .hn-bild{height:190px}
  body.np ol.hn-zahlungen li{grid-template-columns:76px minmax(0,1fr) auto; gap:8px; min-height:44px}
  body.np ol.hn-zahlungen time{font-size:13px}
  body.np ol.hn-zahlungen .hn-art{display:none}
  body.np ol.hn-zahlungen .hn-wer{white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; min-width:0}
  body.np .hn-kacheln[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.np .hn-unten{justify-content:space-between}
  body.np .hn-kacheln{gap:12px}
  body.np .hn-kachel{padding:14px 14px 6px; min-height:150px}
  body.np .hn-kachel>h2>details.np-info>div{left:14px; right:14px}
  body.np .hn-kachel.hn-steuer,body.np .hn-kachel.hn-naechstes{grid-column:span 2}
  body.np .hn-kacheln[data-n="1"] .hn-kachel{grid-column:auto}
  body.np .hn-kachel .hn-wert{font-size:22px; line-height:28px}
  body.np .hn-gewinn,body.np .hn-check{padding:18px 16px}
  body.np .hn-kk h2{white-space:normal}
  body.np .hn-g-innen{grid-template-columns:minmax(0,1fr)}
  body.np .hn-gbild{height:170px}
  body.np .hn-drei{flex-direction:row; justify-content:space-between; gap:8px}
  body.np .hn-drei b{font-size:17px; line-height:22px}
}


body.np .np-belege-selbst{margin:-6px 0 12px}
body.np .np-belege-selbst button{min-height:44px; cursor:pointer}
body.np .np-zart{color:var(--np-grau); font-size:13px}
body.np form.bl-ablage{border:0; padding:0; background:none; box-shadow:none; margin:0; display:block; min-height:0}
body.np form.bl-ablage .np-ablage{position:relative; min-height:132px}
body.np form.bl-ablage .np-ablage>input[type=file]{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; z-index:1}
body.np form.bl-ablage .np-ablage b{font-size:17px; letter-spacing:-.01em}
body.np form.bl-ablage .np-ablage [data-bl-zustand]{color:var(--np-gruen-tief); font-weight:600; min-height:0}
body.np form.bl-ablage .np-ablage [data-bl-zustand]:empty{display:none}
body.np form.bl-ablage.bl-laedt .np-ablage{background:var(--np-gruen-feld); border-color:var(--np-gruen)}
body.np .bl-js form.bl-ablage .bl-ohne-skript{display:none}
body.np .np-belege-foto{display:none; margin:0 0 14px}
body.np .np-belege-ohne{margin:-4px 0 16px; font-size:13.5px; color:var(--np-grau)}
body.np .np-belege-ohne a{display:inline-flex; align-items:center; min-height:44px; color:var(--akzent-lese); font-weight:600}
body.np .np-belege-foto input[type=file]{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
body.np .np-belege-foto label{width:100%; position:relative}
body.np .np-belege-arten{margin:0 0 10px}
body.np .np-belege-arten .np-schalter{max-width:100%; overflow-x:auto; scrollbar-width:none}
body.np .np-belege-arten .np-schalter::-webkit-scrollbar{display:none}
body.np .np-belege-arten .np-schalter a{height:36px; flex:none}
body.np .np-belege-arten em{font-style:normal; font-size:11.5px; font-weight:700; margin-left:6px; color:var(--np-grau)}
body.np .np-belege-arten a[aria-current] em{color:var(--np-gruen-tief)}
body.np .np-belege-zeit{margin:0 0 12px}
body.np .np-belege-zeit .np-zart{white-space:nowrap}
body.np .np-belege-hinweis{margin:0 0 12px; color:var(--np-grau); font-size:14px}
body.np .np-belege-unten{margin:16px 0 0; display:grid; gap:8px}
body.np .np-belege-klappe{background:var(--np-karte); border-radius:18px; box-shadow:var(--np-schatten); padding:0 18px}
body.np .np-belege-klappe>summary{cursor:pointer; font-weight:600; font-size:14.5px; min-height:52px; display:flex; align-items:center; list-style:none; gap:8px}
body.np .np-belege-klappe>summary::-webkit-details-marker{display:none}
body.np .np-belege-klappe>summary::after{content:"›"; margin-left:auto; color:var(--np-grau); font-size:20px; transition:transform .15s}
body.np .np-belege-klappe[open]>summary::after{transform:rotate(90deg)}
body.np .np-belege-klappe>section,body.np .np-belege-klappe>.bl-karte{box-shadow:none; border:0; padding:0 0 16px; margin:0; background:none}
body.np .np-belege-klappe .bl-kartenkopf{display:none}
body.np .np-belege-unten details.bl-profi{background:var(--np-karte); border-radius:18px; box-shadow:var(--np-schatten); padding:0 18px; margin:0}
body.np .np-belege-unten details.bl-profi>summary{cursor:pointer; font-weight:600; font-size:14.5px; min-height:52px; display:flex; align-items:center}
body.np #eingang .bl-kartenkopf{margin:0 0 10px}
body.np nav.bl-reiter{display:flex; width:max-content; gap:2px; padding:3px; background:color-mix(in oklab, var(--np-feld) 72%, transparent); -webkit-backdrop-filter:blur(30px) saturate(180%); backdrop-filter:blur(30px) saturate(180%); border-radius:999px; margin:0 0 12px; max-width:100%; overflow-x:auto; scrollbar-width:none}
body.np nav.bl-reiter a.bl-reiterknopf{border:0; background:none; box-shadow:none; color:var(--np-grau); font-size:13.5px; font-weight:600; padding:0 14px; min-height:44px; display:inline-flex; align-items:center; border-radius:999px; white-space:nowrap; text-decoration:none}
body.np nav.bl-reiter a.bl-reiterknopf[aria-current]{background:color-mix(in oklab, var(--np-karte) 88%, transparent); color:var(--np-tinte); box-shadow:0 1px 2px rgba(18,24,21,.08),0 4px 12px rgba(18,24,21,.06)}
body.np nav.bl-reiter a.bl-reiterknopf{transition:transform .1s ease-out}
body.np nav.bl-reiter a.bl-reiterknopf:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){body.np nav.bl-reiter a.bl-reiterknopf{transition:none}}
body.np .bl-werkzeuge a.bl-filter{border:0; background:var(--np-feld); color:var(--np-grau); box-shadow:none; font-size:13px; font-weight:600; min-height:44px; padding:0 12px; border-radius:999px}
body.np .bl-werkzeuge a.bl-filter[aria-current]{background:var(--np-gruen-feld); color:var(--np-gruen-tief)}
body.np .bl-werkzeuge a.bl-filter span{color:inherit; background:none; opacity:.8}
body.np th button.bl-sort{all:unset; cursor:pointer; font:inherit; color:var(--np-grau); letter-spacing:inherit; text-transform:inherit; min-height:44px; display:inline-flex; align-items:center; gap:4px}
body.np th button.bl-sort:hover{color:var(--np-tinte)}
body.np th button.bl-sort:focus-visible{outline:2px solid var(--gs-fokus); border-radius:6px}
body.np tr.bl-zeile{cursor:pointer}
body.np tr.bl-zeile:hover td{background:var(--np-gruen-hauch)}
body.np .ba-oben.np-werkzeug{margin:0 0 4px}
body.np .ba-blaettern a.np-knopf{width:auto; height:44px; min-height:44px; padding:0 16px}
body.np .np-belege-teilzeile .np-knopf,body.np .np-belege-zahlung .np-knopf.klein,body.np .np-belege-offen .np-knopf.klein{height:44px; min-height:44px}
body.np .np-belege-arten .np-info>summary{width:44px; height:44px; background:radial-gradient(circle,var(--np-feld) 0 10px,transparent 10.5px)}
body.np .np-belege-arten .np-info>div{top:40px}
body.np .ba-raster.np-teilung{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px}
body.np .ba-bild.np-original{place-items:initial; min-height:24rem}
body.np .ba-bild.np-original img{width:auto; max-width:100%; min-height:0; height:auto; border-radius:6px}
body.np .ba-links{position:sticky; top:14px}
body.np .np-belege-zahlung{display:grid; gap:12px; margin:0 0 12px}
body.np .np-belege-zahlung>section.karte{margin:0; padding:16px 20px}
body.np .np-belege-zahlung h2{font-size:16px; margin:0 0 4px}
body.np .np-belege-zahlung .bz-knoepfe{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
body.np .np-belege-zahlung .bz-knopfzeile{display:flex; gap:8px; flex-wrap:wrap}
body.np .np-belege-zahlung .bz-knopfzeile button[value=keiner],body.np .np-belege-zahlung .bz-knopfzeile button[value=rechnung],body.np .np-belege-zahlung .bz-knopfzeile button[value=spaeter]{background:var(--lg-weiss,var(--np-karte)); color:var(--np-gruen-tief); box-shadow:var(--lg-weiss-schatten,inset 0 0 0 1.5px var(--np-gruen))}
body.np .np-belege-vermerk{background:var(--np-gruen-hauch); box-shadow:var(--lg-schein-gruen,inset 0 0 0 1.5px var(--np-gruen)),var(--np-schatten)}
body.np .np-belege-vermerk.np-belege-hand h2::after{content:"von Hand notiert"; margin-left:10px; font-size:12px; font-weight:600; padding:3px 9px; border-radius:999px; background:var(--np-gruen-feld); color:var(--np-gruen-tief); vertical-align:middle}
body.np .np-belege-vermerk .bz-ausschnitt{border:0; border-radius:16px; box-shadow:0 0 0 1px var(--np-linie); width:100%; max-height:220px; object-fit:contain; background:#fff}
body.np .np-belege-vermerk .bz-unsicher{color:var(--np-rot-tief)}
body.np .np-belege-teilzeile{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px}
body.np .np-belege-teil{display:grid; grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.1fr) 44px; gap:8px; align-items:end; padding:8px 0; border-bottom:1px solid var(--np-linie)}
body.np .np-belege-teil[hidden]{display:none}
body.np .np-belege-teilen.profi .np-belege-teil{grid-template-columns:minmax(0,1.8fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr) 44px}
body.np .np-belege-teil label{display:flex; flex-direction:column; gap:4px; min-width:0; font-size:12.5px; font-weight:600; color:var(--np-grau); margin:0}
body.np .np-belege-teil select,body.np .np-belege-teil input{height:44px; width:100%; max-width:none; margin:0; padding:0 10px; font-size:15px; box-sizing:border-box; min-width:0}
body.np .np-belege-teil input[data-np-betrag]{text-align:right; font-weight:600}
body.np .np-belege-teil button.np-zu{margin:0}
html[data-np="an"] body.np .np-belege-teilen:not(.profi) .np-belege-konto{display:none}
body.np .np-belege-teilen.profi [data-np-konto-zeigen]{display:none}
body.np .np-belege-teilfuss{display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; padding-top:8px}
body.np .np-belege-rest{margin-left:auto; font-size:14px; color:var(--np-grau)}
body.np .np-belege-rest b{font-size:17px; margin-left:8px}
body.np .np-belege-teilsatz{margin:0 0 6px; color:var(--np-grau); font-size:14px}
body.np .np-belege-teilsatz b{color:var(--np-tinte)}
html:not([data-np="an"]) body.np dialog.np-belege-teilen{display:block; position:static; width:auto; margin:14px 0}
body.np .np-belege-giro{display:grid; gap:12px; justify-items:center; text-align:center; max-width:440px; margin:0 auto}
body.np .np-belege-code{background:#fff; padding:10px; border-radius:18px; box-shadow:0 0 0 1px var(--np-linie); line-height:0}
body.np .np-belege-code svg{width:min(240px,62vw); height:auto; display:block}
body.np .np-belege-felder{display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 14px; margin:0; text-align:left; width:100%; font-size:14.5px}
body.np .np-belege-felder dt{color:var(--np-grau)}
body.np .np-belege-felder dd{margin:0; font-weight:600; overflow-wrap:anywhere}
body.np .np-belege-girosatz{margin:0; font-size:13px; color:var(--np-grau); text-align:left}
body.np .np-belege-giro .np-knopf.klein{font-size:13px}
body.np .np-belege-girowege{margin:0; display:flex; gap:6px 14px; flex-wrap:wrap; justify-content:center; align-items:center}
body.np .np-f-leib .np-belege-giro{box-shadow:none; padding:0; background:none}
body.np .np-belege-offen{margin:0 0 14px}
body.np .np-belege-offen h2{margin:0 0 2px}
body.np .np-belege-offen .np-zeile a.np-t{color:var(--np-tinte); text-decoration:none}
body.np .np-belege-offen .np-zeile a.np-t:hover b{text-decoration:underline}
body.np .np-belege-offen .np-zeile .np-belege-zahlweg{flex:0 1 auto}
body.np .np-belege-zahlweg{display:flex; align-items:center; gap:8px 12px; flex-wrap:wrap}
body.np .np-belege-zahlweg .np-knopf.klein{height:44px; min-height:44px}
body.np .np-belege-zahlweg p{margin:0; font-size:13px; color:var(--np-grau)}
body.np .zf-zeile .np-belege-zahlweg{flex:0 1 auto}
body.np .zf-zeile .np-belege-zahlweg:not([data-np-zahlweg="code"]){flex:1 1 calc(100% - 56px); margin-left:56px; box-sizing:border-box}
body.np .np-belege-girowege .np-knopf.klein{height:44px; min-height:44px}
body.np .np-belege-zuzahlen{display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap; margin:14px 0}
body.np .np-belege-zuzahlen p{margin:0; display:flex; flex-direction:column; gap:2px}
body.np .np-belege-zuzahlen .np-knopf.klein{height:44px; min-height:44px}
@media (max-width:860px){
  body.np .ba-links{position:static}
  body.np .ba-raster.np-teilung{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  body.np .np-belege-foto{display:block}
  body.np .np-belege-arten .np-schalter a,body.np .np-belege-zeit .np-schalter a{height:44px}
  body.np .np-belege-zeit .np-blaettern a{width:44px; height:44px}
  body.np nav.bl-reiter a.bl-reiterknopf{min-height:44px}
  body.np #eingang .np-such{padding:0 10px; gap:6px}
  body.np #eingang .np-such input{font-size:14px}
  body.np .bl-werkzeuge a.bl-filter{min-height:44px}
  body.np form.bl-ablage .np-ablage{min-height:104px; padding:16px 14px}
  body.np .np-belege-zeit .np-rechts{margin-left:0}
  body.np .np-belege-teil,body.np .np-belege-teilen.profi .np-belege-teil{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
  body.np .np-belege-teil label:first-child{grid-column:1/-1}
  body.np .np-belege-teilen.profi .np-belege-konto{grid-column:1/-1}
  body.np .np-belege-offen .np-zeile{flex-wrap:wrap}
  body.np .np-belege-offen .np-zeile .np-knopf{flex:1 1 100%}
  body.np .np-belege-offen .np-zeile .np-belege-zahlweg{flex:1 1 100%}
  body.np .zf-zeile .np-belege-zahlweg{margin-left:56px; flex:1 1 calc(100% - 56px)}
  body.np .np-belege-zuzahlen .np-knopf{flex:1 1 100%}
  body.np .ba-bild.np-original{padding:12px; min-height:0}
}
body.np ul.np-belege-sammel{list-style:none; margin:0 0 var(--ap-3,24px); padding:12px 16px; border-radius:12px; background:var(--ap-gruppe); color:var(--ap-zweit); font-size:15px; line-height:1.4}
body.np ul.np-belege-sammel li{position:relative; padding-left:16px}
body.np ul.np-belege-sammel li::before{content:""; position:absolute; left:0; top:.5em; width:8px; height:8px; border-radius:50%; background:var(--np-ampel-orange)}
body.np ul.np-belege-sammel li b{color:var(--np-tinte); font-weight:600}
body.np ul.np-belege-sammel li{margin:0}
body.np ul.np-belege-sammel li+li{margin-top:4px}
body.np .np-satzkarte{margin:0 0 14px; padding:16px 18px}
body.np .np-satzkarte h2{margin:0 0 8px; font-size:15px}
body.np table.np-satztab{width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums}
body.np table.np-satztab td{padding:5px 6px; border-bottom:1px solid var(--np-linie); vertical-align:top}
body.np table.np-satztab td.zahl{text-align:right; white-space:nowrap}
body.np table.np-satztab tr.np-satz-weg td{border-bottom:0; padding-top:8px}
body.np tr.bl-zeile:focus{outline:2px solid var(--gs-fokus); outline-offset:-2px; background:var(--np-gruen-hauch)}
body.np form.np-auswahl .np-knopf.rand.np-rot{color:var(--np-rot-tief); box-shadow:inset 0 0 0 1.5px var(--np-rot-tief)}
body.np form.np-auswahl .np-knopf.rand.np-rot:hover{box-shadow:inset 0 0 0 2.5px var(--np-rot-tief)}
body.np form.np-auswahl .np-knopf:active,body.np form.np-auswahl .np-still:active{transform:scale(.97); transition:transform 100ms ease-out}
body.np form.np-auswahl [hidden]{display:none!important}
body.np .np-loeschfrage{flex:1 0 100%; display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:2px 0 0; padding:12px 14px; border-radius:12px; background:var(--np-rot-feld); color:var(--np-tinte);
  transform-origin:100% 0; opacity:0; transform:translateY(-4px) scale(.98); transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .32s cubic-bezier(.2,.8,.2,1)}
body.np .np-loeschfrage.auf{opacity:1; transform:none}
body.np .np-loeschfrage p{margin:0; flex:1 1 280px; font-size:14px; line-height:1.45}
body.np .np-loeschfrage p b{font-weight:650; letter-spacing:-.005em}
body.np .np-loesch-knoepfe{display:flex; gap:8px; margin-left:auto}
body.np form.np-auswahl .np-auswahl-gobd{flex:1 0 100%; order:9; font-size:13px; color:var(--np-grau); line-height:1.4}
body.np .np-loeschfrage .np-knopf.np-rot-voll{height:44px; min-height:44px; background:var(--np-rot-tief); color:#fff; box-shadow:none}
@media (prefers-reduced-motion:reduce){body.np .np-loeschfrage{transform:none; transition:opacity .15s ease}}
@media (prefers-contrast:more){body.np .np-loeschfrage{box-shadow:inset 0 0 0 1.5px var(--np-rot-tief)}}
body.np td.np-wahlzelle,body.np th.np-wahlzelle{width:44px; padding-left:6px; padding-right:0; text-align:center}
body.np td.np-wahlzelle{cursor:default}
body.np td.np-wahlzelle input,body.np th.np-wahlzelle input{width:18px; height:18px; margin:0; accent-color:var(--np-gruen-tief); cursor:pointer; vertical-align:middle}
body.np tr.bl-zeile.np-gewaehlt td{background:var(--np-gruen-hauch)}
body.np form.np-auswahl{position:sticky; top:8px; z-index:5; display:flex; align-items:center; gap:8px 12px; flex-wrap:wrap; margin:0 0 10px; padding:8px 10px 8px 16px;}
body.np form.np-auswahl[hidden]{display:none}
body.np form.np-auswahl .np-auswahl-zahl{font-size:14px; margin-right:auto}
body.np form.np-auswahl .np-knopf.klein{height:44px; min-height:44px}
body.np main form.np-auswahl .np-knopf.klein:not(.rand),body.np main form.np-auswahl .np-knopf.klein:not(.rand):hover,body.np main form.np-auswahl .np-knopf.klein:not(.rand):disabled,body.np main form.np-auswahl .np-knopf.klein:not(.rand)[aria-disabled="true"]{color:#fff!important}
body.np form.np-auswahl .np-still{min-height:44px}
@media (max-width:700px){
  body.np td.np-wahlzelle,body.np th.np-wahlzelle{display:none}
  body.np main:not(:has(table[data-ap-waehlen])) form.np-auswahl{display:none}
}
body.np .np-wofuer .ba-zweck-stand{color:var(--np-grau); font-size:13.5px; margin:0 0 4px}
body.np .np-wofuer{display:flex; flex-direction:column; gap:10px; position:relative; z-index:5; overflow:visible}
body.np .np-wofuer>h2{margin:0}
body.np .np-zk-satz{margin:2px 0 0; color:var(--np-grau); font-size:14px; line-height:1.45}
body.np .np-zk-raster{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 0}
body.np .np-zahlkarte .np-zk{display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; height:100%; margin:0; padding:8px 14px; box-sizing:border-box; border:0; border-radius:12px; background:var(--np-karte); color:var(--np-gruen-tief); box-shadow:inset 0 0 0 1.5px var(--np-gruen); font:inherit; font-size:14.5px; font-weight:600; line-height:1.25; text-align:center; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .12s cubic-bezier(.2,.8,.2,1), background-color .15s}
body.np .np-zahlkarte .np-zk:hover{background:var(--np-gruen-hauch)}
body.np .np-zahlkarte .np-zk.np-zk-haupt{background:var(--np-gruen-tief); color:#fff; box-shadow:0 1px 2px rgba(16,24,20,.18)}
body.np .np-zahlkarte .np-zk.np-zk-haupt:hover{filter:brightness(1.06)}
body.np .np-zahlkarte .np-zk:active{transform:scale(.97)}
body.np .np-zahlkarte .np-zk:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-zk-raster .np-zk-haupt{grid-column:1/-1}
body.np .np-zahlkarte .np-zk[aria-expanded="true"]{background:var(--np-gruen-feld)}
body.np .np-zk-anders{margin:14px 0 0; padding:14px 0 0; border-top:1px solid var(--np-linie)}
body.np .np-zk-anders:not([hidden]){animation:np-zk-auf .2s cubic-bezier(.2,.8,.2,1)}
body.np .np-zk-anders>p:first-child{margin-top:0}
body.np .np-zahlkarte .bz-form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
body.np .np-zahlkarte .bz-form label{display:flex; flex-direction:column; gap:4px; margin:0; font-size:12.5px; font-weight:600; color:var(--np-grau)}
body.np .np-zahlkarte .bz-form input{height:44px; width:100%; max-width:none; margin:0; box-sizing:border-box; font-size:16px}
body.np .np-zahlkarte .bz-knopfzeile{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0 0}
body.np .np-zahlkarte .bz-knopfzeile .np-zk-haupt{grid-column:1/-1}
@keyframes np-zk-auf{from{opacity:0; transform:translateY(-4px)}to{opacity:1; transform:none}}
@media (max-width:640px){
  body.np .np-zk-raster,body.np .np-zahlkarte .bz-knopfzeile,body.np .np-zahlkarte .bz-form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body.np .np-zahlkarte .np-zk{transition:none}
  body.np .np-zahlkarte .np-zk:active{transform:none; opacity:.85}
  body.np .np-zk-anders:not([hidden]){animation:none}
}
body.np .np-doppel-reihe{display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:0 0 16px}
body.np .np-doppel{min-width:0}
body.np .np-doppel{padding:20px 20px 16px; border-radius:24px; background:var(--np-grund); scroll-margin-top:96px;
  animation:np-doppel-auf .42s cubic-bezier(.22,1,.36,1) both}
body.np .np-doppel:target{box-shadow:0 0 0 3px var(--np-orange-feld)}
body.np .np-doppel-kopf{display:flex; align-items:center; gap:12px}
body.np .np-doppel-zeichen{flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%;
  background:var(--np-orange-feld); color:var(--np-orange)}
body.np .np-doppel h3{margin:0; font-size:19px; line-height:1.2; font-weight:700; letter-spacing:-.012em; color:var(--np-tinte)}
body.np .np-doppel-kopf p{margin:2px 0 0; font-size:15px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np .np-doppel-satz{margin:12px 0 0; font-size:17px; line-height:1.45; color:var(--np-tinte)}
body.np .np-doppel-paar{list-style:none; margin:16px 0 0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:8px}
body.np .np-doppel-beleg{display:flex; align-items:center; gap:12px; padding:0 16px 0 0; border-radius:16px; background:var(--np-karte)}
body.np .np-doppel-beleg a{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; min-height:56px; justify-content:center;
  padding:8px 0 8px 16px; color:var(--np-tinte); text-decoration:none; border-radius:16px}
body.np .np-doppel-beleg a:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-doppel-beleg b{font-size:17px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np .np-doppel-beleg span{font-size:14px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np .np-doppel-beleg.bleibt{background:var(--np-gruen-hauch)}
body.np .np-doppel-bleibt{flex:none; display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--np-gruen-tief)}
body.np .np-doppel-bleibt::before{content:""; width:18px; height:18px; border-radius:50%; background:var(--np-gruen-tief)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
body.np .np-doppel-fuss{margin:12px 0 0; font-size:14px; line-height:1.45; color:var(--np-grau)}
body.np .np-doppel-knoepfe{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0}
body.np .np-doppel-knoepfe form{display:contents}
body.np .np-doppel .np-knopf{height:48px; min-height:48px; padding:0 22px; font-size:17px;
  transition:transform .12s ease-out,filter .12s ease-out}
body.np .np-doppel .np-knopf:hover{transform:none; filter:brightness(1.05)}
body.np .np-doppel .np-knopf:active{transform:scale(.97); transition-duration:60ms}
body.np .np-doppel .np-knopf.np-ton{background:color-mix(in oklab,var(--knopf) 12%,transparent); color:var(--np-gruen-tief)}
body.np .np-doppel .np-knopf.np-ton:hover{background:color-mix(in oklab,var(--knopf) 18%,transparent)}
body.np .np-doppel .np-knopf:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np a.np-doppel-pille{display:inline-flex; align-items:center; margin:4px 0 0 0; padding:2px 10px; min-height:24px; border-radius:999px;
  background:var(--np-orange-feld); color:var(--np-orange); font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap}
body.np tr.bl-zeile td a.np-doppel-pille{display:table; margin-top:4px}
body.np a.np-doppel-pille:active{transform:scale(.97)}
@keyframes np-doppel-auf{from{opacity:0; transform:translateY(6px) scale(.985)}to{opacity:1; transform:none}}
@media (max-width:640px){
  body.np .np-doppel{padding:16px 16px 12px; border-radius:22px}
  body.np .np-doppel-knoepfe{display:grid; grid-template-columns:1fr}
  body.np .np-doppel .np-knopf{width:100%; justify-content:center}
  body.np a.np-doppel-pille,body.np tr.bl-zeile td a.np-doppel-pille{display:flex; width:fit-content; min-height:44px; padding:0 14px}
  body.np tr.bl-zeile .bl-vz:has(>a.np-doppel-pille){display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px; align-items:center}
  body.np tr.bl-zeile .bl-vz>a.np-doppel-pille{grid-row:2; grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  body.np .np-doppel{animation:np-doppel-ein .2s ease both}
  body.np .np-doppel .np-knopf:active,body.np a.np-doppel-pille:active{transform:none; opacity:.85}
}
@keyframes np-doppel-ein{from{opacity:0}to{opacity:1}}
@media (prefers-contrast:more){body.np .np-doppel{box-shadow:inset 0 0 0 1.5px var(--np-tinte)}}
body.np main .bwb{max-width:46rem; margin:0}
body.np main .bwb .bwb-form{display:grid}
body.np main .bwb .bwb-form .ba-feld{display:flex; flex-direction:column; gap:0}
body.np main .bwb .bwb-unterschrift{border:0; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--ap-1)}
body.np main .bwb .bwb-feld{position:relative; height:180px; border:1.5px dashed var(--np-linie); border-radius:14px; background:var(--ap-karte);
  touch-action:none; transition:border-color .2s ease-out,box-shadow .2s ease-out}
body.np main .bwb .bwb-feld canvas{display:block; width:100%; height:100%; border-radius:14px; cursor:crosshair}
body.np main .bwb .bwb-feld>span{position:absolute; left:16px; bottom:10px; color:var(--ap-zweit); font-size:15px; pointer-events:none}
body.np main .bwb .bwb-feld.hat{border-style:solid; border-color:var(--knopf); box-shadow:0 0 0 3px color-mix(in oklab,var(--knopf) 14%,transparent)}
body.np main .bwb .bwb-vorschau{position:absolute; inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); object-fit:contain; pointer-events:none}
body.np main .bwb .bwb-unter{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1)}
body.np main .bwb .bwb-bild{position:relative; overflow:hidden; cursor:pointer; min-height:44px; display:inline-flex; align-items:center}
body.np main .bwb .bwb-datei{position:absolute; inset:0; overflow:hidden}
body.np main .bwb .bwb-datei input[type=file]{position:absolute; inset:0; width:100%; height:100%; max-width:none; min-height:0; margin:0; padding:0; border:0;
  opacity:0; cursor:pointer; font-size:0}
body.np main .bwb .bwb-bild:focus-within{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np main .bwb .bwb-merken{display:flex; align-items:center; gap:var(--ap-1); min-height:44px}
body.np main .bwb .bwb-gemerkt{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1) var(--ap-2); padding:var(--ap-1) var(--ap-2);
  border-radius:var(--ap-rund); background:var(--ap-fuellung)}
body.np main .bwb .bwb-gemerkt img{max-height:60px; max-width:60%; background:var(--ap-karte); border-radius:8px; padding:4px 8px}
body.np main .bwb .bwb-oder{margin:0; color:var(--ap-zweit)}
@media (prefers-reduced-motion:reduce){body.np main .bwb .bwb-feld{transition:none}}
body.np main .bwb .bwb-form{grid-template-columns:minmax(0,1fr); gap:var(--ap-2)}
body.np main .bwb .bwb-form>*{grid-column:1/-1; margin:0}
body.np main .bwb .bwb-form :is(.ba-feld>span,.ba-feld>label,.af .af-titel,.bwb-unterschrift>legend){display:block; margin:0 0 var(--ap-1); font-size:15px; line-height:1.3;
  font-weight:600; color:var(--np-tinte); letter-spacing:0}
body.np main .bwb .bwb-form .ba-feld input[type=text]{box-sizing:border-box; width:100%; max-width:none; min-height:48px; margin:0; padding:0 .9rem; font-size:17px;
  border:1px solid var(--np-linie); border-radius:12px; background:var(--ap-karte); color:var(--np-tinte)}
body.np main .bwb .bwb-form .ba-feld.af:not([data-af-mehr]) .af-feld>input[type=text]{padding-right:2.4rem; text-overflow:ellipsis}
body.np main .bwb .bwb-gruppe{display:grid; border-top:.5px solid var(--np-linie); border-bottom:.5px solid var(--np-linie)}
body.np main .bwb .bwb-gruppe .bwb-zeile{display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:52px; margin:0; padding:0;
  font-size:17px; color:var(--np-tinte); font-variant-numeric:tabular-nums; border:0}
body.np main .bwb .bwb-gruppe .bwb-zeile+.bwb-zeile{border-top:.5px solid var(--np-linie)}
body.np main .bwb .bwb-form .ba-feld.af[data-af-mehr] .af-feld>input[type=text]{min-height:36px; border:0; border-radius:0; background:none; box-shadow:none; padding:0 6px}
body.np main :is(#wofuer,.bwb) .af.af-js[data-af-mehr] .af-feld{padding:0; border:0; background:none; box-shadow:none; gap:6px}
body.np main :is(#wofuer,.bwb) .af.af-js[data-af-mehr] .af-feld>input{flex:1 1 100%; min-width:0; min-height:48px; margin:0; padding:0 2.4rem 0 .9rem; font-size:17px;
  border:1px solid var(--np-linie); border-radius:12px; background:var(--ap-karte); box-shadow:none}
body.np main :is(#wofuer,.bwb) .af.af-js[data-af-mehr] .af-feld>input:focus{outline:none; border-color:var(--akzent,var(--np-gruen-tief)); box-shadow:0 0 0 3px color-mix(in oklab,var(--akzent,var(--np-gruen-tief)) 20%,transparent)}
body.np main :is(#wofuer,.bwb) .af.af-js[data-af-mehr] .af-pfeil{top:auto; bottom:21px; margin-top:0}
body.np main .bl-meldung[data-bwb-karte=unterschrieben]{font-size:17px}
body.np main .bwb>p:has(>a.rueckweg){display:none}
body.np main .ba .karte.warnung[data-bwb-karte="offen"] a.bl-knopf{ color:var(--auf-knopf);}
@media (hover:hover){body.np main .ba .karte.warnung[data-bwb-karte="offen"] a.bl-knopf:hover{ color:var(--auf-knopf)}}
body.np main .bwb .bwb-fertig a.bl-knopf[data-bwb-pdf]{ color:var(--auf-knopf);}
@media (hover:hover){body.np main .bwb .bwb-fertig a.bl-knopf[data-bwb-pdf]:hover{ color:var(--auf-knopf)}}
body.np main:has(section.np-doppel) .ba .karte.warnung[data-bwb-karte="offen"] a.bl-knopf,body.np main:has(section.np-doppel) .ba-bewirtung button.bl-knopf[data-bew-knopf]{ color:var(--ap-akzent-text);}
body.np main .bwb .bwb-form .af .af-feld>input{font-weight:400}
body.np main .bwb .bwb-gruppe .bwb-summe{font-weight:650}
body.np main .bwb .bwb-unterschrift>legend{padding:0}
body.np main .bwb p.bwb-pdf{margin:var(--ap-2) 0 0}
body.np main .bwb .bwb-fertig{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--ap-2); margin:0 0 var(--ap-2)}  
body.np main .bwb .bwb-fertig p{margin:0}
body.np main .bwb details:is(.bwb-neu,.bwb-mehr){border-radius:var(--ap-rund); background:var(--ap-fuellung)}
body.np main .bwb details:is(.bwb-neu,.bwb-mehr)>summary{display:flex; align-items:center; min-height:var(--ap-hoehe); padding:0 var(--ap-2); list-style:none; cursor:pointer;
  font-weight:600; color:var(--ap-akzent-text)}
body.np main .bwb details:is(.bwb-neu,.bwb-mehr)>summary::-webkit-details-marker{display:none}
body.np main .bwb details:is(.bwb-neu,.bwb-mehr)[open]{padding:0 var(--ap-2) var(--ap-2)}
body.np main .bwb details:is(.bwb-neu,.bwb-mehr)[open]>summary{padding:0}
body.np main .ba-wf-rahmen{font-size:13px}
body.np main .ba-bewirtung{border:0; background:var(--ap-fuellung); padding:var(--ap-2) var(--ap-2) 20px; margin-top:var(--ap-2); border-radius:var(--ap-rund); box-shadow:var(--np-schatten)}
body.np main .ba-bewirtung>.ba-karte-kopf{grid-column:1/-1; display:flex; align-items:center; gap:var(--ap-1); margin:0; font-size:17px; font-weight:650; letter-spacing:-.01em; color:var(--np-tinte)}
body.np main .ba-bewirtung>.ba-karte-kopf svg{flex:none; color:var(--np-gruen-tief,var(--ap-akzent-text))}
body.np main .ba-bewirtung>.ba-zweck-knoepfe{padding-bottom:0; margin-bottom:0}
body.np main details.ba-speichern-mehr>summary{display:inline-flex; align-items:center; min-height:var(--ap-hoehe); padding:0 var(--ap-2); border-radius:999px;
  list-style:none; cursor:pointer; font-weight:600; background:var(--ap-schlicht); color:var(--ap-akzent-text)}
body.np main details.ba-speichern-mehr>summary::-webkit-details-marker{display:none}
body.np main details.ba-speichern-mehr[open]{flex-basis:100%}
body.np main details.ba-speichern-mehr>div{display:flex; flex-wrap:wrap; gap:var(--ap-1); margin-top:var(--ap-1)}
body.np main .bwb p.bwb-pdf>a{display:inline-flex; align-items:center; min-height:44px; font-size:17px}
body.np main div.bl:has(>.np-seitenkopf[data-ap-titelzeile]){gap:0}
body.np main .bl .ap-werkzeug summary::after{content:none}
body.np main .bl>.np-seitenkopf[data-ap-titelzeile]{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--ap-1) var(--ap-2); margin:0 0 4px}
body.np main .bl>.np-seitenkopf[data-ap-titelzeile]>h1{font-size:2.125rem; line-height:1.2; font-weight:700; letter-spacing:-.022em; margin:0}
body.np main .bl .ap-werkzeug{display:flex; align-items:center; gap:var(--ap-1); margin-left:auto}
body.np main .bl .ap-werkzeug form.np-suchleiste{margin:0; flex:0 1 240px; min-width:0}
body.np main .bl .ap-werkzeug label.np-such{min-height:36px; height:36px; padding:0 10px; gap:6px}
body.np main .bl .ap-werkzeug label.np-such input{font-size:15px; background:none; box-shadow:none; border:0; min-height:0; height:34px; padding:0}
body.np main .bl .ap-werkzeug details{position:relative}
body.np main .bl .ap-werkzeug details>summary{list-style:none; cursor:pointer}
body.np main .bl .ap-werkzeug details>summary::-webkit-details-marker{display:none}
body.np main .bl .ap-werkzeug :is(summary.np-filter-knopf,.ap-wkn,button.ap-wkn.ap-text){display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; height:36px;
  padding:0 14px; margin:0; border:0; border-radius:999px; background:var(--ap-fuellung); box-shadow:none; color:var(--np-tinte); font:inherit; font-size:15px; font-weight:500; white-space:nowrap}
body.np main .bl .ap-werkzeug .ap-wkn.ap-rund{width:36px; padding:0}
body.np main .bl .ap-werkzeug details.ap-punkte>summary.ap-wkn.ap-rund>svg{width:20px; height:20px; flex:none; margin:0}
body.np main .bl .ap-werkzeug button.ap-wkn.ap-text[aria-pressed="true"]{background:var(--ap-schlicht); color:var(--ap-akzent-text); box-shadow:none; border:0}
body.np main .bl .ap-werkzeug details.np-filter,body.np main .bl .ap-werkzeug details.np-filter[open]{flex:0 0 auto; width:auto}
body.np main .bl .ap-werkzeug .np-filter-inhalt :is(.np-schalter,.bl-filterzeile){flex-wrap:wrap; overflow:visible; max-width:100%; width:auto}
body.np main .bl .ap-werkzeug .np-filter-inhalt .bl-filterzeile{display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:var(--io-seg-grund)}
body.np main .bl .ap-werkzeug .np-filter-inhalt .bl-filterzeile a.bl-filter{min-height:32px; padding:0 12px; border:0; border-radius:999px; background:none; box-shadow:none;
  color:var(--np-tinte); font-size:13px; font-weight:600; display:inline-flex; align-items:center}
body.np main .bl .ap-werkzeug .np-filter-inhalt .bl-filterzeile a.bl-filter[aria-current]{background:var(--io-seg-wahl); box-shadow:var(--io-seg-schatten)}
body.np main .bl .ap-werkzeug .np-filter-inhalt .bl-filterzeile a.bl-filter span{margin-left:4px; color:var(--ap-zweit); background:none}
@media (hover:hover){body.np main .bl .ap-werkzeug :is(summary.np-filter-knopf,.ap-wkn):hover{background:var(--ap-fuellung-hoch)}}
body.np main .bl .ap-werkzeug :is(label,button).gs-knopf.ap-plus-knopf{display:inline-flex; align-items:center; cursor:pointer; min-height:36px; height:36px; padding:0 16px 0 12px; gap:4px; font-size:15px}
body.np main .bl .ap-werkzeug :is(.np-filter-inhalt,.ap-menue-inhalt){position:absolute; right:0; top:calc(100% + 8px); z-index:40; width:max-content; min-width:260px;
  max-width:min(420px,calc(100vw - 32px)); margin:0; padding:6px; box-sizing:border-box; border-radius:18px; background:var(--io-glas-dicht);
  -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas); border:0; text-align:left}
body.np main .bl .ap-werkzeug .np-filter-inhalt{padding:var(--ap-2); width:min(420px,calc(100vw - 32px))}
body.np main .bl .ap-werkzeug .ap-mz{display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:12px; min-height:44px; padding:6px 12px;
  border-radius:12px; color:var(--np-tinte); text-decoration:none; font-size:15px; font-weight:500; cursor:pointer}
body.np main .bl .ap-werkzeug .ap-mz>svg{color:var(--ap-akzent-text)}
body.np main .bl .ap-werkzeug .ap-mz small{display:block; font-size:13px; font-weight:400; color:var(--ap-zweit)}
@media (hover:hover){body.np main .bl .ap-werkzeug .ap-mz:hover{background:var(--ap-fuellung)}}
body.np main .bl .ap-werkzeug .ap-mz:not(:has(>svg)){grid-template-columns:minmax(0,1fr)}
body.np main .bl .ap-werkzeug .ap-menue-satz{margin:4px 0 0; padding:8px 12px 6px; font-size:13px; color:var(--ap-zweit);
  background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 12px 0/calc(100% - 24px) var(--io-haar) no-repeat}
body.np main .bl .ap-werkzeug .ap-mz-schalter{padding:0 4px 0 12px}
body.np main .bl .ap-werkzeug .ap-mz-schalter form.np-belege-selbst{margin:0; display:block; width:100%}
body.np main .bl .ap-werkzeug .ap-mz-schalter form.np-belege-selbst>button.np-still{width:100%; justify-content:space-between; padding:0; font-size:15px}
body.np main .bl p.ap-status{display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--ap-2); margin:0 0 var(--ap-2); font-size:15px; color:var(--ap-zweit)}
body.np main .bl p.ap-status .mc-zeile{display:contents}
body.np main .bl p.ap-status a.mc-chip.mc-z{display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0; margin:0; border:0; border-radius:0;
  background:none; box-shadow:none; color:var(--ap-zweit); font-size:15px; font-weight:400; text-decoration:none}
body.np main .bl p.ap-status a.mc-chip.mc-z::after{content:"\203A"; font-size:17px; line-height:1}
body.np main .bl p.ap-status a.mc-chip.mc-z .mc-dot{width:8px; height:8px; margin:0}
@media (hover:hover){body.np main .bl p.ap-status a.mc-chip.mc-z:hover{color:var(--np-tinte)}}
body.np main .bl>nav.ap-segment{display:flex; width:max-content; max-width:100%; box-sizing:border-box; margin:0 0 var(--ap-3)}
body.np main .bl>nav.ap-segment>a{font-size:15px; min-height:32px; padding:0 16px; white-space:nowrap}
body.np main .bl>nav.ap-segment>a em{font-style:normal; margin-left:6px; font-size:13px; color:var(--ap-zweit)}
body.np main .bl>.bl-hochladen:has(form.ap-still){margin:0; gap:0; display:block}
body.np main .bl form.bl-ablage.ap-still .np-ablage,body.np main .bl .bl-hochladen form.np-belege-foto{position:absolute; width:1px; height:1px; min-height:0; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); border:0}
body.np main .bl form.bl-ablage>[data-bl-zustand]{display:block; padding:var(--ap-1) 0; font-size:15px; color:var(--ap-zweit)}
body.np main .bl form.bl-ablage>[data-bl-zustand]:empty{display:none}
body.np main .bl form.bl-ablage.ap-leer .np-ablage{border:0; background:var(--ap-gruppe); padding:var(--ap-5) var(--ap-3); text-align:center}
body.np main .bl form.bl-ablage.ap-leer .bl-titel{display:grid; gap:var(--ap-1); font-size:1.375rem; font-weight:600}
body.np main .bl form.bl-ablage.ap-leer .bl-titel>:is(.np-nur-breit,.np-nur-schmal){display:none}
body.np main .bl form.bl-ablage.ap-leer .ap-leer-satz{font-size:17px; font-weight:400; color:var(--ap-zweit)}
body.np main .bl form.bl-ablage.ap-leer .np-ablage::after{background:var(--ap-schlicht); color:var(--ap-akzent-text); box-shadow:none}
body.np main .bl section.bl-karte.ap-flach:is(#eingang,#fehlt){background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; padding:0; border-radius:0; margin:0}
body.np main .bl section.ap-flach .bl-kartenkopf,body.np main .bl section.ap-flach>h2,body.np main .bl table.ap-liste>caption{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0}
body.np main .bl section.ap-flach>p.bl-klein{margin:0 0 var(--ap-2); font-size:15px; color:var(--ap-zweit)}
body.np main .bl a.ap-hinweiszeile{display:grid; grid-template-columns:8px minmax(0,1fr) auto 10px; align-items:center; gap:12px; min-height:44px; padding:10px 16px;
  margin:0 0 var(--ap-3); border-radius:12px; background:var(--ap-gruppe); color:var(--np-tinte); text-decoration:none}
body.np main .bl a.ap-hinweiszeile::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main .bl a.ap-hinweiszeile b{font-size:17px; font-weight:600}
body.np main .bl a.ap-hinweiszeile small{display:block; font-size:15px; color:var(--ap-zweit)}
body.np main .bl a.ap-hinweiszeile .ap-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums}
@media (hover:hover){body.np main .bl a.ap-hinweiszeile:hover{background:var(--ap-gruppe-hoch)}}
body.np main .bl .bl-tabrahmen:has(>.rollbar>table.ap-liste),body.np main .bl .bl-tabrahmen:has(>.rollbar>table.ap-liste) .rollbar{margin:0; overflow:visible; border:0; box-shadow:none; background:none}
body.np main .bl table.bl-tabelle.ap-liste,body.np main .bl table.bl-tabelle.ap-liste>tbody{display:block; width:100%; border:0}
body.np main .bl table.bl-tabelle.ap-liste>thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.ap-monat{display:block}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.ap-monat>th{display:block; padding:var(--ap-3) 18px var(--ap-1); border:0; background:none; text-align:left;
  font-size:13px; line-height:18px; font-weight:600; letter-spacing:.02em; color:var(--ap-zweit)}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.ap-monat:first-child>th{padding-top:0}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile{display:grid; grid-template-columns:auto auto auto auto minmax(0,1fr) auto 12px; grid-template-rows:auto auto;
  column-gap:0; row-gap:2px; align-items:baseline; position:relative; padding:11px 16px; border:0; background-color:var(--ap-gruppe); cursor:pointer;
  transition:background-color .15s ease}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile+tr.bl-zeile{background-image:linear-gradient(var(--io-haarlinie),var(--io-haarlinie));
  background-size:calc(100% - 16px) var(--io-haar); background-position:16px 0; background-repeat:no-repeat}
body.np main .bl table.bl-tabelle.ap-liste>tbody>:is(tr.ap-monat+tr.bl-zeile,tr.bl-zeile:first-child){border-radius:12px 12px 0 0}
body.np main .bl table.bl-tabelle.ap-liste>tbody>:is(tr.bl-zeile:has(+tr.ap-monat),tr.bl-zeile:last-child){border-radius:0 0 12px 12px}
body.np main .bl table.bl-tabelle.ap-liste>tbody>:is(tr.ap-monat+tr.bl-zeile:has(+tr.ap-monat),tr.ap-monat+tr.bl-zeile:last-child,tr.bl-zeile:only-child){border-radius:12px}
@media (hover:hover){body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile:hover{background-color:var(--ap-gruppe-hoch)}}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile:active{background-color:var(--ap-gruppe-hoch)}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td{display:block; padding:0; margin:0; border:0; background:none; box-shadow:none; min-width:0; white-space:nowrap}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile::after{content:"\203A"; grid-column:7; grid-row:1/3; align-self:center; justify-self:end; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.np-wahlzelle{grid-column:1; grid-row:1/3; align-self:center; width:auto; padding:0 12px 0 0}
body.np main .bl table.bl-tabelle.ap-liste:not([data-ap-waehlen])>tbody>tr.bl-zeile>td.np-wahlzelle{display:none}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.bl-von{display:contents}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile .bl-vz{grid-column:2/6; grid-row:1/3; align-self:stretch; display:flex; align-items:flex-start; gap:var(--ap-1); min-width:0}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile a.bl-wer{display:block; flex:1 1 auto; min-width:0; min-height:44px; padding:0 var(--ap-2) 22px 0; margin:0;
  color:var(--np-tinte); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile a.bl-wer b{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; font-weight:600; letter-spacing:-.02em}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile :is(td.bl-datum,td.bl-nr,td.bl-von>.bl-klein,td.bl-status){grid-row:2; font-size:15px; color:var(--ap-zweit); pointer-events:none; position:relative}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-datum{grid-column:2; font-variant-numeric:tabular-nums}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-nr{grid-column:3}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-von>.bl-klein{grid-column:4; display:block}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile :is(td.bl-nr,td.bl-von>.bl-klein):not(:empty)::before{content:"\00B7"; margin:0 6px}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-betrag{grid-column:6; grid-row:1; text-align:right; font-size:17px; font-weight:600;
  font-variant-numeric:tabular-nums; color:var(--np-tinte); pointer-events:none; position:relative; padding-left:var(--ap-2)}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-status{grid-column:6; text-align:right; padding-left:var(--ap-2)}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-status .bl-grund{display:none}
body.np main .bl table.bl-tabelle.ap-liste .bl-pille{display:inline-flex; align-items:center; gap:6px; padding:0; margin:0; border:0; border-radius:0; background:none; box-shadow:none;
  color:var(--ap-zweit); font-size:15px; font-weight:400}
body.np main .bl table.bl-tabelle.ap-liste .bl-pille::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--np-d-null)}
body.np main .bl table.bl-tabelle.ap-liste .bl-pille.bl-gelb::before{background:var(--np-ampel-orange)}
body.np main .bl table.bl-tabelle.ap-liste .bl-pille.bl-gruen::before{background:var(--np-ampel-gruen)}
body.np main .bl table.bl-tabelle.ap-liste .bl-pille.bl-rot::before{background:var(--np-rot)}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile{grid-template-columns:minmax(0,1fr) auto auto; cursor:default}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile::after{content:none}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile .bl-wer{grid-column:1; grid-row:1; display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile .bl-wer b{font-size:17px; font-weight:600; letter-spacing:-.02em}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-von>:not(.bl-wer){grid-column:1; grid-row:2; font-size:15px; color:var(--ap-zweit)}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-datum{grid-column:1; grid-row:2}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-betrag{grid-column:2; grid-row:1/3; align-self:center}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-tun{grid-column:3; grid-row:1/3; align-self:center; padding-left:var(--ap-2)}
body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-tun a.bl-knopf2{min-height:36px; padding:0 14px;
  background:color-mix(in oklab,var(--knopf) 11%,var(--ap-karte)); color:var(--ap-akzent-text); font-size:15px; font-weight:600; display:inline-flex; align-items:center}
@media (max-width:700px){body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile{grid-template-columns:minmax(0,1fr) auto}
  body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-betrag{grid-row:1; align-self:baseline}
  body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-tun{grid-column:2; grid-row:2; padding:4px 0 0}
  body.np main .bl table.bl-tabelle.ap-liste.ap-fehlt>tbody>tr.bl-zeile td.bl-tun a.bl-knopf2{min-height:44px}}
@media (max-width:700px){
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile .bl-vz:has(>a.np-doppel-pille){display:contents}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile .bl-vz:has(>a.np-doppel-pille)>a.bl-wer{grid-column:2/6; grid-row:1/3}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile .bl-vz:has(>a.np-doppel-pille)>.bl-slot{grid-column:6; grid-row:3}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile .bl-vz>a.np-doppel-pille{grid-column:2/7; grid-row:3; justify-self:start; margin-top:8px}}
body.np .ap-ablegen{position:fixed; inset:0; z-index:300; display:grid; place-items:center; padding:var(--ap-2);
  background:color-mix(in oklab,var(--np-tinte) 14%,transparent); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); pointer-events:none}
body.np .ap-ablegen[hidden]{display:none}
body.np .ap-ablegen>.gs-blatt{display:grid; justify-items:center; gap:var(--ap-1); max-width:420px; text-align:center; color:var(--np-tinte);}
body.np .ap-ablegen>.gs-blatt>svg{color:var(--ap-akzent-text)}
body.np .ap-ablegen>.gs-blatt>b{font-size:1.375rem; font-weight:600}
body.np .ap-ablegen>.gs-blatt>p{margin:0; font-size:15px; color:var(--ap-zweit)}
@media (max-width:799px){
  body.np main .bl .ap-werkzeug :is(summary.np-filter-knopf,.ap-wkn,button.gs-knopf.ap-plus-knopf),body.np main .bl .ap-werkzeug label.np-such{min-height:44px; height:44px}
  body.np main .bl .ap-werkzeug .ap-wkn.ap-rund{width:44px}
  body.np main .bl p.ap-status a.mc-chip.mc-z{min-height:44px}
  body.np main .bl .ap-werkzeug .np-filter-inhalt .bl-filterzeile a.bl-filter{min-height:44px}
  body.np main .bl>nav.ap-segment>a{min-height:44px}
}
@media (max-width:700px){
  body.np main .bl>.np-seitenkopf[data-ap-titelzeile]>h1{font-size:2.125rem}
  body.np main .bl>.np-seitenkopf[data-ap-titelzeile]>h1{margin-right:auto}
  body.np main .bl .ap-werkzeug{display:contents}
  body.np main .bl .ap-werkzeug form.np-suchleiste{order:9; flex:1 1 100%}
  body.np main .bl .ap-werkzeug :is(.ap-nur-breit,button.ap-wkn.ap-text.ap-nur-breit){display:none}
  body.np main .bl .ap-werkzeug button.gs-knopf.ap-plus-knopf{width:44px; padding:0}
  body.np main .bl .ap-werkzeug :is(.np-filter-inhalt,.ap-menue-inhalt){position:fixed; left:16px; right:16px; top:auto; bottom:96px; width:auto; max-width:none}
  body.np main .bl>nav.ap-segment{width:100%}
  body.np main .bl>nav.ap-segment>a{flex:1 1 auto; padding:0 10px}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile :is(td.bl-nr,td.bl-von>.bl-klein){display:none}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile{padding:11px 12px 11px 16px}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-status{grid-column:3/7; justify-self:end}
}
body.np main .bl section.bl-karte.bl-frage{background:var(--ap-gruppe); color:var(--np-tinte); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:none; border:0; border-radius:12px; padding:var(--ap-2) var(--ap-2) var(--ap-1); margin:0 0 var(--ap-3)}
body.np main .bl section.bl-karte.bl-frage::before{content:none}
body.np main .bl section.bl-karte.bl-frage>h2{margin:0; font-size:17px; line-height:1.3; font-weight:600; letter-spacing:-.02em; color:var(--np-tinte)}
body.np main .bl section.bl-karte.bl-frage .bl-was{margin:2px 0 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; font-size:15px; color:var(--ap-zweit)}
body.np main .bl section.bl-karte.bl-frage .bl-was .bl-name{display:inline; font-weight:400; color:var(--ap-zweit)}
body.np main .bl section.bl-karte.bl-frage .bl-betrag-form{margin-top:var(--ap-2); gap:var(--ap-1)}
body.np main .bl section.bl-karte.bl-frage .bl-betrag-form label{font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main .bl section.bl-karte.bl-frage .bl-nochmal{margin-top:var(--ap-1)}
body.np main .bl section.bl-karte.bl-frage.bl-frage .bl-nochmal label.bl-knopf2:has(>input[type=file]){align-items:center; justify-content:center; min-height:44px; padding:0 16px;
  border-radius:999px; color:var(--ap-akzent-text); font-size:15px; font-weight:600}
body.np main .bl section.bl-karte.bl-frage .bl-ansehen{margin:var(--ap-1) 0 0}
body.np main .bl section.bl-karte.bl-frage .bl-ansehen a{display:inline-flex; align-items:center; min-height:44px; color:var(--ap-akzent-text); text-decoration:none; font-size:15px; font-weight:500}
@media (hover:hover){body.np main .bl section.bl-karte.bl-frage .bl-ansehen a:hover{text-decoration:none; opacity:.75}}
@media (min-width:701px){body.np main .bl .ap-werkzeug form.np-suchleiste{flex:0 0 240px}}
body.np main .bl .ap-werkzeug .np-filter-inhalt .np-schalter a em{font-size:13px}
body.np main .bl .ap-werkzeug .np-filter-inhalt details.np-info>summary{font-size:13px}
body.np main .bl section.bl-karte.bl-frage .bl-was .bl-klein:not(:empty)::before{content:"\00B7"; margin:0 6px}
body.np main .bl section.bl-karte.bl-frage .bl-was .bl-klein{font-size:15px; color:var(--ap-zweit)}
body.np main .bl section.bl-karte.bl-frage :is(.bl-wofuer,.bl-wahl){gap:var(--ap-1); margin-top:var(--ap-2)}
body.np main .bl section.bl-karte.bl-frage.bl-frage :is(.bl-wofuer,.bl-wahl) button.bl-knopf2[type=submit]{justify-content:space-between; gap:var(--ap-2); min-height:44px;
  padding:0 16px; color:var(--np-tinte); font-size:15px; font-weight:500; text-align:left}
body.np main .bl section.bl-karte.bl-frage.bl-frage :is(.bl-wofuer,.bl-wahl) button.bl-knopf2[type=submit] :is(small,b){font-size:15px; color:var(--ap-zweit); font-weight:400; font-variant-numeric:tabular-nums}
@media (hover:hover){body.np main .bl section.bl-karte.bl-frage.bl-frage :is(.bl-wofuer,.bl-wahl) button.bl-knopf2[type=submit]:hover{}}
body.np main .bl section.bl-karte.bl-frage .bl-immer{font-size:15px}
body.np main .bl section.bl-karte.bl-frage p.bl-klein{font-size:15px; color:var(--ap-zweit)}
body.np main .bl section.bl-karte.bl-frage a{color:var(--ap-akzent-text); text-decoration:none; font-weight:500}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile{grid-template-rows:minmax(22px,auto) auto}
body.np main .bl table.bl-tabelle.ap-liste td.np-wahlzelle input[type=checkbox]{-webkit-appearance:none; appearance:none; width:22px; height:22px; margin:0;
  border:0; border-radius:50%; background:none; box-shadow:inset 0 0 0 1.5px var(--ap-zweit); cursor:pointer; vertical-align:middle}
body.np main .bl table.bl-tabelle.ap-liste td.np-wahlzelle input[type=checkbox]:checked{box-shadow:none; background:var(--ap-haken) no-repeat center/22px}
body.np main .bl table.bl-tabelle.ap-liste td.np-wahlzelle input[type=checkbox]:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np main>p.hinweisband.mf-band:has(+div.bl){margin-left:var(--ap-1); margin-right:var(--ap-1)}
body.np main .bl .ap-werkzeug button.ap-wkn.ap-text[aria-pressed="true"]:not(#ap-nie){box-shadow:none; border:0; background:var(--ap-schlicht); color:var(--ap-akzent-text); font-weight:600}
body.np main .bl button.ap-hinweiszeile{display:grid; grid-template-columns:8px minmax(0,1fr) auto 10px; align-items:center; gap:12px; width:100%;
  min-height:44px; padding:10px 16px; margin:0 0 var(--ap-3); border:0; border-radius:12px; background:var(--ap-gruppe); background-image:none;
  box-shadow:none; color:var(--np-tinte); font:inherit; font-weight:400; text-align:left; cursor:pointer; filter:none}
body.np main .bl button.ap-hinweiszeile::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main .bl button.ap-hinweiszeile b{display:block; font-size:17px; font-weight:600}
body.np main .bl button.ap-hinweiszeile small{display:block; font-size:15px; color:var(--ap-zweit); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main .bl button.ap-hinweiszeile>span:nth-child(2){min-width:0}
body.np main .bl button.ap-hinweiszeile .mc-dot{width:8px; height:8px; margin:0}
@media (hover:hover){body.np main .bl button.ap-hinweiszeile:hover{background:var(--ap-gruppe-hoch)}}
body.np main .bl button.ap-hinweiszeile:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np main .bl .ap-hinweiszeile:has(+.ap-hinweiszeile,+dialog+.ap-hinweiszeile){margin-bottom:var(--ap-1)}
body.np dialog.ap-blick-blatt{width:min(480px,calc(100vw - 32px)); padding:0}
body.np .ap-blatt-kopf{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--ap-1); min-height:52px; padding:0 var(--ap-1);
  border-bottom:var(--io-haar) solid var(--io-haarlinie)}
body.np .ap-blatt-kopf>h2{margin:0; font-size:17px; font-weight:600; text-align:center; color:var(--np-tinte)}
body.np .ap-blatt-kopf>:first-child{justify-self:start}
body.np .ap-blatt-kopf>:last-child{justify-self:end}
body.np .ap-blatt-kopf .gs-knopf--text{min-height:44px; font-size:17px; font-weight:400}
body.np .ap-blatt-kopf .gs-knopf--text.ap-blick-sichern{font-weight:600}
body.np dialog.ap-blick-blatt button.gs-knopf--text:not(#ap-x){--gs-kapsel:none;}
body.np dialog.ap-blick-blatt button.gs-knopf--text:not(#ap-x):focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .ap-blick-blatt .ap-blick-leib{display:grid; gap:var(--ap-2); padding:var(--ap-2)}
body.np .ap-blick-blatt .ap-blick-leib>*{margin:0}
body.np .ap-blick-blatt p.ap-blick-was{display:grid; gap:2px}
body.np .ap-blick-blatt p.ap-blick-was b{font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np .ap-blick-blatt p.ap-blick-was span{font-size:15px; color:var(--ap-zweit)}
body.np .ap-blick-blatt form{margin:0}
body.np .ap-blick-blatt form.bl-betrag-form{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:var(--ap-2); min-height:44px;
  padding:0 16px; border-radius:10px; background:var(--ap-karte)}
body.np .ap-blick-blatt form.bl-betrag-form:focus-within{box-shadow:inset 0 0 0 1.5px var(--ap-akzent-text)}
body.np .ap-blick-blatt form.bl-betrag-form label{margin:0; font-size:17px; font-weight:400; color:var(--np-tinte)}
body.np .ap-blick-blatt form.bl-betrag-form input{width:100%; min-height:44px; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
  text-align:right; font:inherit; font-size:17px; color:var(--np-tinte)}
body.np .ap-blick-blatt form.bl-betrag-form input:focus-visible{outline:none}
body.np .ap-blick-blatt form.bl-nochmal{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1)}
body.np .ap-blick-blatt form.bl-nochmal label.ap-blick-datei{position:relative; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 4px; margin:0; border:0;
  border-radius:8px; background:none; background-image:none; box-shadow:none; color:var(--ap-akzent-text); font-size:17px; font-weight:400; cursor:pointer}
body.np .ap-blick-blatt form.bl-nochmal label.ap-blick-datei svg{width:20px; height:20px}
body.np .ap-blick-blatt :is(.bl-ansehen,p.bl-klein){font-size:15px; color:var(--ap-zweit)}
body.np .ap-blick-blatt a{color:var(--ap-akzent-text); text-decoration:none; font-weight:400}
body.np .ap-blick-blatt .bl-ansehen a{display:inline-flex; align-items:center; min-height:44px; font-size:17px}
body.np .ap-blick-blatt .gs-knopf--text.ap-blick-text{min-height:44px; padding:0 4px; font-size:17px; font-weight:400}
body.np .ap-blick-blatt form:is(.bl-wofuer,.bl-wahl){display:grid; gap:0; padding:0; border-radius:10px; overflow:hidden; background:var(--ap-karte)}
body.np .ap-blick-blatt form:is(.bl-wofuer,.bl-wahl)>button.bl-knopf2{display:flex; justify-content:space-between; align-items:center; gap:var(--ap-2); width:100%;
  min-height:44px; padding:10px 16px; margin:0; color:var(--np-tinte);
  font:inherit; font-size:17px; font-weight:400; text-align:left; cursor:pointer}
body.np .ap-blick-blatt form:is(.bl-wofuer,.bl-wahl)>button.bl-knopf2+button.bl-knopf2{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 16px 0/calc(100% - 16px) var(--io-haar) no-repeat}
body.np .ap-blick-blatt form:is(.bl-wofuer,.bl-wahl)>button.bl-knopf2 :is(small,b){font-size:15px; font-weight:400; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
@media (hover:hover){body.np .ap-blick-blatt form:is(.bl-wofuer,.bl-wahl)>button.bl-knopf2:hover{}}
body.np .ap-blick-blatt form.bl-wofuer>label.ap-schalter{margin:0; border-radius:0; background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 16px 0/calc(100% - 16px) var(--io-haar) no-repeat;
  padding:var(--ap-1) 16px; font-size:17px; font-weight:400}
body.np .ap-blick-blatt ol.bl-teile{padding-left:20px; font-size:15px; color:var(--ap-zweit)}
body.np .ap-blick-blatt .bl-wahl:not(form){display:flex; justify-content:center}
body.np .ap-blick-blatt p.bl-meldung.bl-fehler{margin:0; padding:10px 16px; border:0; border-radius:10px; background:color-mix(in oklab,var(--io-rot) 10%,transparent); color:var(--np-tinte); font-size:15px}
body.np main .bl button.ap-hinweiszeile:has(+dialog+.ap-hinweiszeile){margin-bottom:var(--ap-1)}
body.np .ba-zahlbox button.gs-knopf--text:not(#ap-x){--gs-kapsel:none; min-height:44px; font-weight:500}
body.np .ap-blick-blatt form.bl-nochmal label.ap-blick-datei span{font-size:17px; font-weight:400}
body.np .ap-blick-blatt form.bl-nochmal [data-bl-zustand]:empty{display:none}
body.np .ap-blick-blatt ul.np-belege-sammel{display:grid; gap:0; margin:0; padding:0; list-style:none; border-radius:10px; overflow:hidden; background:var(--ap-karte)}
body.np .ap-blick-blatt ul.np-belege-sammel>li{margin:0; padding:12px 16px; font-size:17px; line-height:1.35; color:var(--np-tinte)}
body.np .ap-blick-blatt ul.np-belege-sammel>li+li{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 16px 0/calc(100% - 16px) var(--io-haar) no-repeat}
@media (max-width:700px){body.np main .bl p.ap-status a.mc-chip.mc-z~a.mc-chip.mc-z{display:none}}
@media (max-width:700px){body.np dialog.ap-blick-blatt{width:100vw; max-width:100vw; margin:auto 0 0; border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0}}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile{grid-template-columns:auto auto auto auto auto minmax(0,1fr) auto auto 12px; align-items:baseline}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.ap-zsym{grid-column:2; grid-row:1/3; align-self:center; padding:0 12px 0 0}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.ap-zsym .gs-bsym{width:32px; height:32px; border-radius:8px}
body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.ap-zsym .gs-bsym>svg{display:block; width:19px; height:19px; color:#fff; stroke:currentColor}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile .bl-vz{grid-column:3/7}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-datum{grid-column:3}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-nr{grid-column:4}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-von>.bl-klein{grid-column:5}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-status{grid-column:7; grid-row:1/3; align-self:center; min-width:136px;
  padding-left:var(--ap-2); text-align:left}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-betrag{grid-column:8; grid-row:1/3; align-self:center; min-width:104px;
  padding-left:var(--ap-2); text-align:right}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile::after{grid-column:9}
body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile+tr.bl-zeile{background-size:calc(100% - 60px) var(--io-haar); background-position:60px 0}
@media (max-width:700px){
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile>td.ap-zsym{display:none}
  body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-status{grid-column:4/7; grid-row:2; align-self:baseline; justify-self:start;
    min-width:0; padding-left:0}
  body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-status:not(:empty)::before{content:"\00B7"; margin:0 6px}
  body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-status .bl-pille{display:inline-flex}
  body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile td.bl-betrag{min-width:0}
  body.np main .bl table.bl-tabelle.ap-liste:not(.ap-fehlt)>tbody>tr.bl-zeile+tr.bl-zeile{background-size:calc(100% - 16px) var(--io-haar); background-position:16px 0}
}
body.np main :is(.ba-unter,.zf-lage,.bl-fehlt>p.bl-klein) a,body.np main a.nebenweg{text-decoration:none; font-weight:500}
body.np main a.nebenweg{display:inline-flex; align-items:center; min-height:44px; padding:0 var(--ap-1)}
body.np main .bl.rg section.bl-karte>p.bl-klein{font-size:15px; color:var(--ap-zweit)}
body.np main form:is(.ba-form,.be-dauer-form){--np-feldbreite:none}
body.np main form.be-dauer-form .bb-feldhuelle>input{max-width:none}
body.np main form.be-dauer-form>label,body.np main form.be-dauer-form>fieldset>legend{font-size:15px; font-weight:600}
body.np main form.be-dauer-form>fieldset{border:0; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--ap-1)}
body.np main .gs-segment.be-seg{align-self:flex-start}
body.np main .gs-segment.be-seg input[type=radio]{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none}
body.np main .gs-segment.be-seg>label:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:1px}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile){display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:0; padding:0; width:100%;
  background:var(--ap-fuellung);}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a{display:flex; align-items:center; gap:var(--ap-1); min-height:44px; padding:0 var(--ap-2); margin:0;
  border:0; border-radius:0; background:none; box-shadow:none; color:var(--np-tinte); font-size:15px; font-weight:400; text-decoration:none; justify-content:flex-start}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a+a{box-shadow:inset 0 .5px 0 var(--np-linie)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a>:is(em,span){margin-left:auto; font-style:normal; color:var(--ap-zweit)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a::after{content:""; flex:none; width:18px; text-align:right; font-weight:600; color:var(--ap-akzent-text)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a:not(:has(>:is(em,span)))::after{margin-left:auto}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a[aria-current]{background:none; box-shadow:none; font-weight:600; color:var(--np-tinte)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a+a[aria-current]{box-shadow:inset 0 .5px 0 var(--np-linie)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt :is(.np-belege-arten>.np-schalter,.bl-filterzeile)>a[aria-current]::after{content:"✓"}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt .bl-filterzeile>details.np-info{align-self:flex-start; margin:var(--ap-1) var(--ap-2)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt .np-belege-arten{display:flex; flex-direction:column; align-items:stretch; gap:var(--ap-1)}
body.np main .bl .ap-werkzeug details.np-filter .np-filter-inhalt .np-belege-arten>details.np-info{align-self:flex-start}
body.np main .bl .ap-leerzustand{display:flex; flex-direction:column; align-items:center; gap:var(--ap-1); padding:var(--ap-5) var(--ap-3); text-align:center}
body.np main .bl .ap-leerzustand>svg{color:var(--ap-zweit)}
body.np main .bl .ap-leerzustand>b{font-size:22px; font-weight:600}
body.np main .bl .ap-leerzustand>p{margin:0 0 var(--ap-1); color:var(--ap-zweit)}
body.np main .bl table.ap-liste tr.bl-zeile td a.np-doppel-pille{display:inline-flex; align-items:center; gap:6px; margin:0; padding:0; min-height:0; border-radius:0;
  background:none; color:var(--ap-zweit); font-size:inherit; font-weight:500; white-space:nowrap}
body.np main .bl table.ap-liste tr.bl-zeile td a.np-doppel-pille::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--np-orange)}
@media (max-width:700px){
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-von>span.bl-klein:has(>a.np-doppel-pille){display:block; grid-column:2/7; grid-row:3;
    justify-self:stretch; min-width:0; margin-top:0; font-size:15px; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  body.np main .bl table.bl-tabelle.ap-liste>tbody>tr.bl-zeile td.bl-von>span.bl-klein:has(>a.np-doppel-pille)::before{content:none}
  body.np main .bl table.ap-liste tr.bl-zeile td.bl-von>span.bl-klein>a.np-doppel-pille{min-height:44px; vertical-align:middle}}
body.np main .bl .ap-menue-inhalt>.ap-mz.ap-nur-schmal{display:none}
@media (max-width:700px){body.np main .bl .ap-menue-inhalt>.ap-mz.ap-nur-schmal{display:flex}}
body.np main section.ba-karte.ba-blatt{max-width:760px; margin-left:auto; margin-right:auto}
body.np main .ba-blattkopf{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--ap-1);
  margin:0 0 var(--ap-1); padding:0 0 var(--ap-2); box-shadow:inset 0 -.5px 0 var(--np-linie)}
body.np main .ba-blattkopf>a{justify-self:start; display:inline-flex; align-items:center; min-height:44px; text-decoration:none; color:var(--ap-akzent-text); font-weight:500}
body.np main .ba-blattkopf>h1{margin:0; font-size:17px; font-weight:600; text-align:center}
body.np main .ba-blattkopf>button{justify-self:end}
body.np main .ba-blatt>p.ba-blattsatz{margin:0 0 var(--ap-2); text-align:center; font-size:15px; color:var(--ap-zweit)}
body.np main details.np-doppel-mehr>summary{display:flex; align-items:center; min-height:44px; padding:0 var(--ap-2); border-radius:var(--ap-rund);
  background:var(--ap-fuellung); color:var(--ap-akzent-text); font-weight:600; cursor:pointer; list-style:none}
body.np main details.np-doppel-mehr>summary::-webkit-details-marker{display:none}
body.np main details.np-doppel-mehr[open]>summary{margin-bottom:var(--ap-2)}
body.np main .bl.rg p.bl-leer{font-size:17px}
body.np main .np-karte:is(.np-belege-offen,.zf-karte)>p.np-zart{font-size:17px}
body.np main ol.bs-liste>li.bs-seite>label>span{font-size:15px}
body.np main .karte>span.fein[data-be-datei-name]{font-size:15px}
body.np main table.rechenweg thead th.zahl{text-align:right}
body.np main label.be-datei{position:relative; overflow:hidden; cursor:pointer; display:inline-flex; width:auto; align-items:center; justify-content:center; min-height:44px; margin:var(--ap-1) 0}
body.np main label.be-datei>span{position:absolute; inset:0}
body.np main label.be-datei>span>input[type=file]{display:block; width:100%; height:100%; opacity:0; cursor:pointer; font-size:0}
body.np main label.be-datei:focus-within{outline:2px solid var(--gs-fokus); outline-offset:2px}
@media (min-width:1360px) and (max-width:1679px){
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf]{grid-template-columns:[voll] minmax(max-content,1fr) [such] auto [filt] auto [zeit] auto [haupt] auto [mehr] auto [ende]}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf] h1{grid-column:voll/such}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,details.np-filter,button.ap-wkn,details.ap-plus,details.ap-punkte){grid-row:2/4; margin-top:0; align-self:center}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf] form.np-suchleiste{width:180px; margin:0 0 0 var(--ap-2)}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf] form.np-suchleiste input[type=search]{min-width:0}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf]>:is(p.ap-status,nav.mc-streifen){grid-row:4}
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter){grid-row:5}
}
@media (min-width:1680px){
  body.np:not(#bl-k1):not(#bl-k2):not(#bl-k3):not(#bl-k4) main[data-gb="belege"] .gs-kopf[data-gs-kopf] form.np-suchleiste{width:200px}
}
body.np .np-buchen-leiste{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin:0 0 0 auto}
body.np main .gs-kopf[data-gs-kopf] .np-seitenkopf>.np-buchen-leiste{grid-row:4; grid-column:voll/ende; justify-self:end; align-self:center; margin:var(--ap-2,16px) 0 0}
body.np .np-buchen-leiste .np-knopf{margin:0; min-height:44px; padding:0 20px; font-size:15px; font-weight:600; white-space:nowrap}
body.np main .np-buchen-leiste .np-buchen{cursor:pointer}
body.np .np-buchen-leiste .np-gebucht{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border-radius:999px; font-size:15px; font-weight:600; color:light-dark(#2C6A0E,#8fd96a); background:light-dark(rgba(54,126,18,.10),rgba(120,200,80,.16))}
body.np .np-buchen-hinweis{flex:1 1 100%; margin:0; text-align:right; font-size:14px; font-weight:600; color:light-dark(#B3261E,#FF8A80)}
body.np main .np-buchen-leiste.np-fest{position:fixed !important; z-index:60 !important; top:12px; margin:0; padding:8px 10px; border-radius:999px; background:light-dark(rgba(255,255,255,.84),rgba(34,38,46,.86)); -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4); box-shadow:0 6px 24px rgba(0,0,0,.16)}
body.np .np-buchen-leiste.np-fest .np-buchen-hinweis{position:absolute; top:100%; right:8px; margin-top:6px; padding:6px 12px; border-radius:12px; background:light-dark(#fff,#2b3038); box-shadow:0 4px 16px rgba(0,0,0,.14); flex:none; width:max-content; max-width:80vw}
body.np .np-fehlt-satz{margin:6px 0 0; font-size:14px; font-weight:600; color:light-dark(#B3261E,#FF8A80)}
body.np .np-fehlt{outline:2px solid light-dark(#B3261E,#FF8A80); outline-offset:3px; border-radius:12px}
@media (max-width:700px){
  body.np .np-buchen-leiste{width:100%; justify-content:stretch}
  body.np main .gs-kopf[data-gs-kopf] .np-seitenkopf>.np-buchen-leiste{justify-self:stretch}
  body.np .np-buchen-leiste .np-knopf{flex:1 1 0; padding:0 12px}
  body.np main .np-buchen-leiste.np-fest{top:auto; bottom:calc(92px + env(safe-area-inset-bottom,0px)); left:12px !important; right:12px; width:auto !important}
  body.np main .np-buchen-leiste.np-fest .np-buchen-hinweis{top:auto; bottom:100%; margin:0 0 6px; left:0; right:0; text-align:center; max-width:none; width:auto}
}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3){--bf-kapsel:#4A5C6A; --bf-orange:#e8890c; --bf-tinte:light-dark(#121815,#eef1f1); --bf-grau:light-dark(#5b6560,#AEB9BC); --bf-zart:light-dark(#8a958f,#8f9b9e); --bf-gruen:light-dark(#247a33,#7fd18a); --bf-rot:light-dark(#b8261a,#ffb0a8); --bf-linie:light-dark(rgba(18,24,21,.08),rgba(255,255,255,.1)); --bf-flaeche:light-dark(rgba(155,168,171,.22),rgba(255,255,255,.1)); --bf-seg:light-dark(#fff,rgba(255,255,255,.2)); --bf-zweit-bg:light-dark(rgba(255,255,255,.85),rgba(255,255,255,.12)); --bf-blatt:light-dark(rgba(250,251,251,.94),rgba(28,34,38,.94)); --bf-innen:light-dark(rgba(255,255,255,.8),rgba(255,255,255,.07))}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3):has(>.pb-gk){padding-top:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>:is(.pb-gk,.pb-k,.pb-raster){max-width:none; margin-left:0; margin-right:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .gs-kopf.pb-gk{container-type:inline-size; display:block; margin:12px 0 var(--m-kopf-abst,24px);
 padding:var(--m-kopf-pad-o,18px) var(--m-pad-s,24px) var(--m-pad-u,16px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--m-luecke,10px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-titel{flex:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-titel h1{margin:0; font-size:var(--m-h1,34px); line-height:var(--m-h1-lh,41px); font-weight:700;
 letter-spacing:var(--m-h1-ls,-.022em); color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.pb-satz{margin:4px 0 0; color:var(--bf-grau); font-size:var(--m-satz,17px); line-height:var(--m-satz-lh,22px); font-weight:400}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug{display:flex; align-items:center; gap:var(--m-luecke,10px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile>.pb-werkzeug{flex:1 1 auto; min-width:max-content; justify-content:flex-end}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile button.pb-kapsel{cursor:pointer}
@media (max-width:700px){body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile button.pb-kapsel{height:44px; min-height:44px}}
@container (max-width:340px){body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile button.pb-kapsel{width:44px!important; padding:0!important} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile button.pb-kapsel span{display:none} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile button.pb-kapsel svg{margin:0} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile summary.pb-kapsel{width:var(--m-knopf,42px)!important; padding:0!important} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile summary.pb-kapsel span{display:none} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile summary.pb-kapsel svg{margin:0}}
@container (max-width:600px){body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile form.bf-suchform:not(:focus-within){flex:none}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile form.bf-suchform:not(:focus-within) label.pb-suche{flex:none; width:var(--m-knopf,42px); padding:0; justify-content:center}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile form.bf-suchform:not(:focus-within) label.pb-suche input{position:absolute; inset:0; opacity:0; width:100%}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile form.bf-suchform:focus-within{flex:1 1 100%; order:9}}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-label{display:block; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); font-weight:600; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-gross{display:block; font-size:var(--m-gross,34px); line-height:var(--m-gross-lh,41px); font-weight:700;
 letter-spacing:var(--m-h1-ls,-.022em); color:var(--bf-tinte); font-variant-numeric:tabular-nums}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(.pb-kapsel,.pb-zweit){display:inline-flex; align-items:center; justify-content:center; gap:8px; height:var(--m-knopf,42px); min-height:0;
 padding:0 var(--m-knopf-px,22px); border:0; border-radius:999px; box-sizing:border-box; font:inherit; font-size:var(--m-knopf-fs,16px);
 font-weight:600; text-decoration:none; white-space:nowrap; flex:none; line-height:20px; margin:0; cursor:pointer; list-style:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kapsel,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-kapsel,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) summary.pb-kapsel{background:var(--bf-kapsel); background-image:none; color:#fff!important;
 box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kapsel svg{color:#fff; margin-left:-4px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(button.pb-zweit,button.pb-kapsel,a.pb-zweit,a.pb-kapsel){width:auto; min-width:0; max-width:100%}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(button,summary):is(.pb-zweit,.pb-kapsel){letter-spacing:-.09px; text-rendering:optimizelegibility}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(button,a).bf-breit{min-width:180px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-zweit,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-zweit{background:var(--bf-zweit-bg); background-image:none; color:var(--bf-tinte);
 box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-rund-leise,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-rund-leise,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) summary.pb-rund-leise{display:inline-grid; place-items:center; width:var(--m-knopf,42px); height:var(--m-knopf,42px);
 min-height:0; padding:0; margin:0; border:0; border-radius:999px; background:var(--bf-zweit-bg); background-image:none; color:var(--bf-tinte);
 flex:none; cursor:pointer; list-style:none; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) summary::-webkit-details-marker{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(button,summary).pb-rund-leise{font-weight:400}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-suchform{display:flex; flex:1 1 auto; min-width:0; margin:0; max-width:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-suchform>label.pb-suche{max-width:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.pb-suche{margin:0; line-height:20px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; height:var(--m-knopf,42px); min-height:0; flex:1 1 auto; min-width:0; width:auto;
 padding:0 16px; border:0; border-radius:999px; background:var(--bf-flaeche); color:var(--bf-grau); font-size:17px; font-weight:500; line-height:24.99px; box-sizing:border-box; box-shadow:none; position:relative}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-suche svg{flex:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.pb-suche input{flex:1 1 auto; width:auto; min-width:0; height:auto; min-height:0; margin:0; padding:0;
 border:0; border-radius:0; background:none!important; box-shadow:none; outline:0; font:inherit; font-size:17px; font-weight:500; line-height:24.99px; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-suche input::placeholder{color:var(--bf-grau); opacity:1}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-suche:focus-within{box-shadow:0 0 0 3px rgba(74,92,106,.25)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile>.pb-werkzeug>details{position:relative; flex:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug>*,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-blatt-kopf .pb-werkzeug>*{margin:0!important}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeit{margin:12px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeit .np-blaettern{display:inline-flex; align-items:center; gap:10px; margin:0; padding:0; background:none; box-shadow:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeit .np-blaettern b{font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeit .np-blaettern a{display:inline-grid; place-items:center; width:32px; height:32px; min-height:0; padding:0; border-radius:999px; background:var(--bf-flaeche); color:var(--bf-tinte); box-shadow:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeit .np-blaettern a svg{width:16px; height:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; height:var(--m-schalter,38px); padding:3px; box-sizing:border-box; border-radius:999px;
 background:var(--bf-flaeche); margin-top:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter a{display:flex; align-items:center; justify-content:center; min-width:44px; height:var(--m-schalter-k,32px); border-radius:999px; font-size:var(--m-schalter-fs,13px);
 font-weight:600; color:var(--bf-grau); text-decoration:none; white-space:nowrap; padding:0 13px; margin:0; min-height:0; background:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter a[aria-current]{background:var(--bf-seg); color:var(--bf-tinte); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) section.np-karte.pb-k,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) a.np-karte.pb-kachel{margin:0 0 var(--m-abst,16px); border-radius:var(--m-rad,24px);
 padding:var(--m-pad-u,16px) var(--m-pad-s,24px) var(--m-pad-u,16px); box-sizing:border-box}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) section.np-karte.pb-k.pb-mit-kopf,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) a.np-karte.pb-kachel{padding-top:var(--m-pad-o,22px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kk{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; column-gap:16px; min-height:44px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kk>.pb-kk-r{margin-left:auto}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kk h2{margin:0; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); font-weight:600; letter-spacing:-.012em; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kk-r{font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:400; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-z{display:flex; align-items:center; gap:var(--m-sym-abst,14px); min-height:var(--m-zeile,64px); padding:var(--m-zeile-py,10px) 0; box-sizing:border-box;
 text-decoration:none; color:var(--bf-tinte); position:relative; margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-z+.pb-z::before{content:""; position:absolute; left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px)); right:0; top:0; border-top:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-links{width:var(--m-sym,38px); flex:none; display:grid; place-items:center}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer{flex:1; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer b{display:block; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--bf-tinte); text-wrap:pretty}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer small{display:block; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:400; color:var(--bf-grau); margin-top:2px; text-wrap:pretty}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer small:empty{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer small em{font-style:normal; color:var(--bf-orange); font-weight:600}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-betrag{font-size:var(--m-betrag,17px); line-height:22px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap;
 color:var(--bf-tinte); text-align:right; min-width:120px; flex:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-betrag.ein{color:var(--bf-gruen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-chev{width:var(--m-chev,8.2px); flex:none; font-size:20px; line-height:22px; color:var(--bf-grau); text-align:right; overflow:visible}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-punkt{display:inline-block; width:9px; height:9px; border-radius:50%; flex:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-punkt.gruen{background:#34b14a} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-punkt.orange{background:var(--bf-orange)} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-punkt.rot{background:var(--bf-rot)} body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-punkt.grau{background:#b5bdb9}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-z.pb-mit-bild{padding:7px 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-bild{display:block; width:var(--m-sym,38px); height:50px; border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 10px -4px rgba(0,0,0,.25)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-bild img{display:block; width:100%; height:100%; object-fit:cover; object-position:center top; border:0; margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym{display:grid; place-items:center; width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:var(--m-sym-rad,10px); color:#fff; flex:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.orange{background:linear-gradient(180deg,#ffb54a,#f08a12)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.rot{background:linear-gradient(180deg,#ff7b6b,#e0412f)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.blau{background:linear-gradient(180deg,#6aa8ff,#2f6fe0)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.gruen{background:linear-gradient(180deg,#5fcf6e,#2e9440)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.tuerkis{background:linear-gradient(180deg,#4fd1c5,#16998d)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-sym.grau{background:linear-gradient(180deg,#a3aeb7,#6f7c86)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-auf{color:inherit; text-decoration:none; font:inherit; outline:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-auf::after{content:""; position:absolute; inset:0; border-radius:12px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-auf:focus-visible::after{box-shadow:0 0 0 3px rgba(74,92,106,.35)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeile{cursor:pointer}
body.np .bf-toast{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:60; max-width:min(92vw,520px); padding:12px 18px; border-radius:14px; background:var(--bf-tinte,#1d1d1f); color:#fff; font-size:15px; line-height:20px; box-shadow:0 6px 24px rgba(0,0,0,.25)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-z>label.bf-wahl{display:none; position:relative; z-index:2; flex:none; margin:0; padding:0; min-height:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-wahl input{width:22px; height:22px; margin:0; accent-color:var(--bf-kapsel); cursor:pointer}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)[data-bf-wahl-an] .pb-z>label.bf-wahl{display:flex; align-items:center}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeile.np-gewaehlt{background:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-zeile:has(.bf-wahl input:checked) .pb-wer b{color:var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-raster{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--m-abst,16px); margin:0 0 var(--m-abst,16px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-raster>*{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) a.np-karte.pb-kachel{display:block; position:relative; text-decoration:none; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kachel .pb-sym{margin-bottom:14px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-gross{white-space:nowrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kachel .t{display:block; margin-top:4px; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kachel small{display:block; margin-top:2px; font-size:var(--m-klein,13px); line-height:18.2px; color:var(--bf-grau); text-wrap:pretty}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kachel .pb-chev{position:absolute; right:var(--m-pad-s,24px); top:var(--m-pad-o,22px); height:var(--m-sym,38px); line-height:var(--m-sym,38px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details[data-ap-menue]{position:relative}
@supports (anchor-name:--pb-x){
 body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details[data-ap-menue]>summary{anchor-name:--pb-menue-anker}
 body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details[data-ap-menue]>.ap-menue-inhalt{position:fixed; position-anchor:--pb-menue-anker; inset:auto; top:calc(anchor(bottom) + 8px); right:anchor(right); left:auto;
  margin:0; position-try-fallbacks:flip-block flip-inline}
}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-menue-inhalt{position:absolute; right:0; top:calc(100% + 8px); z-index:40; width:max-content; min-width:260px;
 max-width:min(420px,calc(100vw - 32px)); max-height:min(70vh,640px); overflow:auto; margin:0; padding:6px; box-sizing:border-box; border-radius:18px;
 background:var(--io-glas-dicht,var(--bf-blatt)); -webkit-backdrop-filter:var(--io-filter,blur(30px)); backdrop-filter:var(--io-filter,blur(30px));
 box-shadow:var(--io-schatten-glas,0 20px 50px -16px rgba(0,0,0,.35)); border:0; text-align:left}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz{display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:12px; width:100%; min-height:44px; padding:6px 12px; margin:0;
 box-sizing:border-box; border:0; border-radius:12px; background:none; box-shadow:none; color:var(--bf-tinte); text-decoration:none;
 font:inherit; font-size:15px; font-weight:500!important; text-align:left; cursor:pointer; list-style:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz:not(:has(>svg)){grid-template-columns:minmax(0,1fr)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz>svg{color:var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz small{display:block; font-size:13px; font-weight:400; color:var(--bf-grau)}
@media (hover:hover){body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz:hover{background:var(--bf-flaeche)}}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-menue-satz{margin:4px 0 0; padding:8px 12px 6px; font-size:13px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz-schalter{padding:0 4px 0 12px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz-schalter form{margin:0; display:block; width:100%}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug .ap-mz-schalter button.np-still{width:100%; justify-content:space-between; padding:0; font-size:15px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter{display:block; width:auto}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-mehr:not([open]) .np-filter-inhalt,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-filter:not([open])>.np-filter-inhalt{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter{padding:0; margin:0!important; border:0; background:none; box-shadow:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter>.np-filter-inhalt{position:static; width:auto; min-width:0; margin:0; padding:4px 12px 10px; background:none; box-shadow:none;
 -webkit-backdrop-filter:none; backdrop-filter:none; border:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter .np-filter-teil{margin:8px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter :is(.np-schalter,.bl-filterzeile){display:flex; flex-wrap:wrap; gap:4px; overflow:visible; max-width:100%; width:auto}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter :is(.np-schalter a,a.bl-filter){min-height:32px; padding:0 12px; border-radius:999px; font-size:13px; font-weight:600;
 display:inline-flex; align-items:center; color:var(--bf-tinte); background:var(--bf-flaeche); box-shadow:none; border:0; text-decoration:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter :is(.np-schalter a[aria-current],a.bl-filter[aria-current]){background:var(--bf-kapsel); color:#fff}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-werkzeug details.bf-filter :is(.np-schalter a em,a.bl-filter span){font-style:normal; margin-left:4px; opacity:.75; background:none; color:inherit}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) main p.pb-fuss,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.pb-fuss{max-width:none; margin:0; padding:0; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-fuss{padding:8px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.pb-fuss a{color:inherit}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-leer{display:grid; justify-items:center; gap:8px; padding:16px 0 8px; text-align:center}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-leer b{font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-leer p{margin:0; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-leer .pb-zweit{margin-top:8px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen{margin:0; padding:0; display:block}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen form.bl-ablage.ap-still .np-ablage,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen form.np-belege-foto{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen form{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen [data-bl-zustand]{display:block; padding:0 0 var(--m-abst,16px); font-size:15px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl-hochladen [data-bl-zustand]:empty{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.ap-ablegen{position:fixed; inset:0; z-index:60; display:grid; place-items:center; background:rgba(20,28,32,.28)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.ap-ablegen[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.ap-ablegen .gs-blatt{padding:32px 40px; border-radius:var(--m-rad,24px); text-align:center; display:grid; justify-items:center; gap:8px; max-width:420px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl.bf-rest{margin:0 0 var(--m-abst,16px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>.bl.bf-rest:empty{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3)>form.bf-auswahl{margin:0 0 var(--m-abst,16px)}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3),body.np dialog.bf-doppelt:not(#bf-1):not(#bf-2):not(#bf-3){border:0; color:var(--bf-tinte); background:var(--bf-blatt); -webkit-backdrop-filter:blur(40px) saturate(1.6);
 backdrop-filter:blur(40px) saturate(1.6); box-shadow:0 30px 80px -20px rgba(0,0,0,.35),inset 1px 1px 0 rgba(255,255,255,.25); border-radius:var(--m-rad,24px); box-sizing:border-box}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3)::backdrop,body.np dialog.bf-doppelt:not(#bf-1):not(#bf-2):not(#bf-3)::backdrop{background:rgba(20,28,32,.28)}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3){position:fixed; inset:12px 12px 12px auto; width:540px; max-width:calc(100vw - 24px); height:auto; max-height:none; margin:0;
 padding:var(--m-pad-o,22px) var(--m-pad-s,24px); overflow:auto}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3)[open]{display:block}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-blatt-kopf,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-fenster-kopf{display:flex; align-items:center; justify-content:space-between; gap:var(--m-luecke,10px); margin-bottom:16px}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3) h2{margin:0; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); font-weight:600;
 letter-spacing:-.012em; color:var(--bf-tinte); min-width:0; overflow-wrap:anywhere}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-blatt-kopf .pb-werkzeug details{position:relative}
body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3) h2:focus,body.np dialog.bf-doppelt:not(#bf-1):not(#bf-2):not(#bf-3) .pb-label:focus{outline:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gross{display:block; height:444px; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 10px 30px -12px rgba(0,0,0,.3)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gross img{display:block; width:100%; height:100%; object-fit:cover; object-position:center top}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-summe{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-top:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-summe .pb-gross{flex:none; font-size:clamp(24px,9vw,var(--m-gross,34px))}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-summe .bf-stand{flex:1 1 200px; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-stand{display:flex; align-items:center; gap:7px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben{border-radius:16px; background:var(--bf-innen); padding:0 var(--m-pad-s,24px); margin-top:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben div{display:flex; justify-content:space-between; gap:16px; min-height:44px; align-items:center; font-size:var(--m-text,15px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben div+div{border-top:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben span:first-child{color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben b{font-weight:600; text-align:right}
body.np dialog.bf-doppelt:not(#bf-1):not(#bf-2):not(#bf-3){width:720px; max-width:calc(100vw - 24px); padding:var(--m-pad-o,22px) var(--m-pad-s,24px) var(--m-pad-s,24px); margin:auto}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-paar[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dkopf{min-height:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dkopf .bf-dtitel{font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dbilder{display:flex; gap:16px; margin:16px 0 0; justify-content:center}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz{text-align:center}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz p,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dsatz{margin:10px 0 0; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); color:var(--bf-grau); text-wrap:pretty}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dsatz{text-align:center; margin:16px 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-bild.bf-dbild{width:200px; height:260px; border-radius:12px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dzahl{margin:8px 0 0; text-align:center; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dbilder{display:grid; grid-template-columns:repeat(var(--bf-n,2),minmax(0,200px)); align-items:start}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz{position:relative; min-width:0; display:flex; flex-direction:column; align-items:stretch}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz .pb-bild.bf-dbild{width:100%; height:auto; aspect-ratio:200/260; display:grid; place-items:center; overflow:hidden}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz .pb-bild.bf-dbild img{width:100%; height:100%; object-fit:cover; object-position:top}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dmarke{position:absolute; top:8px; left:8px; display:inline-flex; align-items:center; gap:4px; padding:2px 10px; border-radius:999px;
 font-size:13px; line-height:20px; font-weight:600; background:var(--bf-kapsel); color:#fff}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dmarke.bleibt{background:var(--bf-gruen); color:#fff}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dunter{margin:4px 0 0; text-align:left; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz form{margin:8px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz button.bf-klein{width:100%; height:36px; font-size:14px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dfuss{margin:12px 0 0; text-align:center; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau); text-wrap:pretty}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-quelle{margin:-4px 0 8px; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-quelle[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-btun{display:flex; margin:16px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) a.pb-kapsel.bf-buchen{flex:1 1 auto; background:var(--bf-kapsel); background-image:none; color:#fff!important}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-vermerk{margin:12px 0 0; padding:10px 14px; border-radius:14px; background:var(--bf-innen); font-size:var(--m-text,15px); line-height:20px; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-vermerk[hidden],body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 12px; margin:12px 0 0; padding:12px 14px; border-radius:16px; background:var(--bf-innen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag>span{font-size:var(--m-klein,13px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag>span i{font-style:normal}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag>span b{display:block; font-size:var(--m-text,15px); line-height:20px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag form{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag button.pb-kapsel{background:var(--bf-kapsel); background-image:none; color:#fff!important; height:36px; padding:0 16px; font-size:15px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-vorschlag small{grid-column:1/-1; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) h3.bf-gelesen-t{margin:20px 0 0; font-size:17px; line-height:22px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben.bf-gelesen{margin-top:8px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben.bf-gelesen b{display:flex; flex-direction:column; align-items:flex-end; padding:6px 0; overflow-wrap:anywhere}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben.bf-gelesen b small{font-size:var(--m-klein,13px); line-height:16px; font-weight:400; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gelesen p.bf-nichts{margin:0; padding:12px 0; font-size:var(--m-text,15px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe button.pb-kapsel,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe button.pb-kapsel:hover{background:var(--bf-kapsel); background-image:none; color:#fff!important; border:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe{justify-content:center; flex-wrap:wrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe form{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-breit{min-width:180px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dpunkte{display:flex; gap:6px; justify-content:center; margin-top:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dpunkte:empty{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.bf-dpunkt{font-weight:400; color:var(--bf-tinte); width:7px; height:7px; min-height:0; min-width:0; flex:none; padding:0; margin:0; border:0; border-radius:4px; background:var(--bf-linie); box-shadow:none; cursor:pointer}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.bf-dpunkt[aria-current]{background:var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dnav{display:flex; align-items:center; gap:10px; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-zweit.bf-pfeil{height:36px; padding:0 14px; font-size:15px; gap:6px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-zweit.bf-pfeil[disabled]{opacity:.38; cursor:default; box-shadow:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dnav .pb-label{font-variant-numeric:tabular-nums; white-space:nowrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dmeldung{margin:0 0 12px; padding:10px 14px; border-radius:14px; background:light-dark(#e6f4e8,rgba(127,209,138,.14)); color:var(--bf-tinte); font-size:var(--m-text,15px); line-height:20px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dmeldung[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz a.pb-bild.bf-dbild{position:relative; cursor:zoom-in}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dlupe{position:absolute; right:8px; bottom:8px; display:grid; place-items:center; width:30px; height:30px; border-radius:999px; background:rgba(20,28,32,.62); color:#fff}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz a.pb-bild.bf-dbild:hover .bf-dlupe{background:var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-dunter b{color:var(--bf-tinte); font-weight:600}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dgrossknopf{display:flex; justify-content:center; margin:12px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-zweit.bf-nebeneinander{height:36px; font-size:15px; padding:0 16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dtabelle{margin:16px 0 0; border-radius:16px; background:var(--bf-innen); overflow:hidden}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab{width:100%; border-collapse:collapse; table-layout:fixed; font-size:var(--m-text,15px); line-height:20px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab th,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td{padding:9px 12px; text-align:left; vertical-align:top; overflow-wrap:break-word; -webkit-hyphens:auto; hyphens:auto; border:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th{font-size:var(--m-klein,13px); line-height:18px; font-weight:600; color:var(--bf-grau); border-bottom:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th small{display:block; font-weight:500}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th:first-child{width:21%}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th:last-child{width:20%}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tbody tr+tr>*{border-top:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tbody th{font-weight:500; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tbody td{color:var(--bf-tinte); font-weight:500; font-variant-numeric:tabular-nums}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.anders{color:var(--bf-rot); font-weight:700; background:light-dark(rgba(184,38,26,.08),rgba(255,176,168,.12))}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.bf-urteil{font-weight:600; white-space:nowrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.bf-urteil svg{vertical-align:-2px; margin-right:4px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tr.ja td.bf-urteil{color:var(--bf-gruen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tr.nein td.bf-urteil{color:var(--bf-rot)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tr.nein>th{color:var(--bf-rot)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab tr.leer td.bf-urteil{color:var(--bf-grau); font-weight:500}
body.np dialog.bf-gross-dlg:not(#bf-1):not(#bf-2):not(#bf-3){position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0;
 border-radius:0; background:light-dark(#eef1f1,#14191c); color:var(--bf-tinte); box-sizing:border-box; overflow:hidden}
body.np dialog.bf-gross-dlg:not(#bf-1):not(#bf-2):not(#bf-3)[open]{display:flex; flex-direction:column}
body.np dialog.bf-gross-dlg:not(#bf-1):not(#bf-2):not(#bf-3)::backdrop{background:rgba(20,28,32,.5)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gkopf{flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid var(--bf-linie); background:var(--bf-blatt)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gtitel{font-size:17px; line-height:22px; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gwert{min-width:52px; text-align:center; font-size:15px; font-variant-numeric:tabular-nums; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gspalten{flex:1 1 auto; min-height:0; display:grid; grid-template-columns:repeat(var(--bf-gn,1),minmax(0,1fr)); gap:1px; background:var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gspalte{display:flex; flex-direction:column; min-width:0; min-height:0; background:light-dark(#eef1f1,#14191c)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gspalte h3{flex:none; margin:0; padding:8px 16px; font-size:15px; line-height:20px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-grollen{position:relative; flex:1 1 auto; min-height:0; overflow:auto; padding:0 16px 16px; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-grollen img{display:block; width:calc(min(100%, 860px) * var(--bf-zoom,1)); max-width:none; height:auto; margin:0 auto 12px; background:#fff; border-radius:6px; box-shadow:0 2px 12px -4px rgba(0,0,0,.3)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gseite{flex:none; display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 16px; font-size:15px; font-variant-numeric:tabular-nums; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gseite button.pb-rund-leise{width:36px; height:36px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gseite button[disabled]{opacity:.38; cursor:default}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-wer small em.bf-gut{color:var(--bf-gruen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder>label>span,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form label:not(.bf-radio)>span,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe label>span{text-align:left; align-self:flex-start}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-laedt{margin:16px 0 0; font-size:var(--m-klein,13px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-meldung{margin:16px 0 0; padding:10px 14px; border-radius:14px; background:light-dark(#e6f4e8,rgba(127,209,138,.14)); color:var(--bf-tinte); font-size:var(--m-text,15px); line-height:20px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-meldung.bf-fehler{background:light-dark(#fdecea,rgba(255,176,168,.14)); color:var(--bf-rot)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-meldung.bf-hinweis{background:light-dark(#fff4e0,rgba(232,137,12,.16))}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-warnkarte{margin:16px 0 0; padding:14px 16px; border-radius:14px; background:light-dark(#fff4e0,rgba(232,137,12,.16)); color:var(--bf-tinte); font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-warnkarte p{margin:0; font-weight:600; color:inherit}
body.np #bf-blatt:has([data-bf-zu-klein],[data-belegfrage=andere_firma]) .bf-btun{display:none!important}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-warn-knoepfe{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-warn-knoepfe label.pb-zweit{position:relative; cursor:pointer}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-meldung a{color:inherit; font-weight:600}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) section.bf-ab{margin:20px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) section.bf-ab>h3{margin:0 0 8px; font-size:17px; line-height:22px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt-neu>section.bf-ab:first-child,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt-neu>p.bf-meldung+section.bf-ab{margin-top:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-angaben.bf-gelesen>div.bf-fehlt b{color:var(--bf-orange)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-satz{margin:8px 0 0; font-size:var(--m-text,15px); line-height:20px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-satz.bf-warn{color:var(--bf-orange)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-grund{margin:4px 0 0; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-gruen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer{margin:8px 0 0; padding:4px 0; border-radius:16px; background:var(--bf-innen); overflow-x:auto}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer table{width:100%; table-layout:fixed; border-collapse:collapse; font-size:var(--m-text,15px); line-height:20px; font-variant-numeric:tabular-nums}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer caption{caption-side:top; text-align:left; padding:8px 14px 4px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer caption small{display:block; font-weight:400; font-size:var(--m-klein,13px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer th,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer td{padding:7px 14px; text-align:right; border:0; white-space:nowrap}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer th:first-child{text-align:left}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer thead th:first-child{width:26%}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer thead th{font-size:var(--m-klein,13px); font-weight:600; color:var(--bf-grau); border-bottom:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer tbody th{font-weight:500; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer tbody td{color:var(--bf-tinte); font-weight:500}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) p.bf-steuer-h{margin:0; padding:4px 14px 8px; font-size:var(--m-klein,13px); line-height:18px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer tr.bf-summe-z>*{border-top:1px solid var(--bf-linie); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-aendern,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-frage{margin:10px 0 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-aendern>summary,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-frage>summary{display:inline-flex; list-style:none; cursor:pointer}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-aendern>summary::-webkit-details-marker,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-frage>summary::-webkit-details-marker{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) details.bf-frage>p{margin:10px 0 8px; font-size:var(--m-text,15px); line-height:20px; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; margin:12px 0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder>label,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form label:not(.bf-radio){display:flex; flex-direction:column; gap:4px; min-width:0; margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder>label>span,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form label:not(.bf-radio)>span{font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder input,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder select,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form select,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form input:not([type=radio]),body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form textarea{width:100%; min-width:0; box-sizing:border-box; min-height:40px; padding:8px 12px; border:1px solid var(--bf-linie); border-radius:12px; background:var(--bf-seg); color:var(--bf-tinte); font:inherit; font-size:16px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe{grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; margin:0; padding:8px 12px 12px; border:1px solid var(--bf-linie); border-radius:14px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder span.bf-feld,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe span.bf-feld{display:block; width:100%; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe legend{padding:0 4px; font-size:var(--m-klein,13px); font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe label{display:flex; flex-direction:column; gap:4px; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-satzreihe label>span{font-size:var(--m-klein,13px); color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-buchen-form{display:flex; flex-direction:column; gap:12px; padding:14px; border-radius:16px; background:var(--bf-innen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-bew,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-zahl{display:flex; flex-direction:column; gap:10px; margin:0; padding:0; border:0; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-bew[hidden]{display:none}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-bew legend,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-zahl legend{padding:0; margin:0 0 4px; font-size:15px; font-weight:600; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) fieldset.bf-bew>p{margin:0; font-size:var(--m-klein,13px); line-height:18px; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.bf-radio{display:flex; align-items:flex-start; gap:10px; margin:0; padding:10px 12px; border:1px solid var(--bf-linie); border-radius:12px; cursor:pointer; background:var(--bf-seg)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.bf-radio:has(input:checked){border-color:var(--bf-kapsel); box-shadow:0 0 0 1px var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.bf-radio input{flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:var(--bf-kapsel)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.bf-radio span{display:flex; flex-direction:column; font-size:15px; line-height:20px; font-weight:500; color:var(--bf-tinte)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.bf-radio small{font-size:var(--m-klein,13px); line-height:18px; font-weight:400; color:var(--bf-grau)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt button.pb-kapsel,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt button.pb-kapsel:hover{align-self:flex-start; background:var(--bf-kapsel); background-image:none; color:#fff!important; border:0; height:40px; padding:0 20px; font-size:15px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt button.pb-kapsel[disabled]{opacity:.45; cursor:default}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt button.pb-kapsel.bf-rot,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt button.pb-kapsel.bf-rot:hover{background:var(--bf-rot)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-inhalt .bf-rot-t{color:var(--bf-rot)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-radius:14px; background:var(--bf-innen)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand+.bf-kand{margin-top:8px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand>span{display:flex; flex-direction:column; min-width:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand b{font-weight:600; color:var(--bf-tinte); overflow-wrap:anywhere}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand small{font-size:var(--m-klein,13px); color:var(--bf-grau); font-variant-numeric:tabular-nums}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-kand form,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-knopfzeile{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) form.bf-knopfzeile{margin-top:10px}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-unten{display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; margin:24px 0 4px; padding-top:16px; border-top:1px solid var(--bf-linie)}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-unten form{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-unten details.bf-frage{margin:0}
body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-unten details.bf-frage[open]{flex-basis:100%}
@media (max-width:700px){
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-raster{grid-template-columns:minmax(0,1fr)}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-felder{grid-template-columns:minmax(0,1fr)}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer th,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer td{padding:7px 6px; font-size:14px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer th:first-child{padding-left:12px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer th:last-child,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-steuer td:last-child{padding-right:12px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile>.pb-werkzeug{min-width:0; flex-basis:100%; justify-content:flex-start; flex-wrap:wrap}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe>form,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe .bf-breit{flex:1 1 100%; min-width:0}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dknoepfe .bf-breit{width:100%}
  body.np dialog.bf-blatt:not(#bf-1):not(#bf-2):not(#bf-3){inset:auto 0 0 0; width:100%; max-width:none; max-height:92vh; border-radius:var(--m-rad,24px) var(--m-rad,24px) 0 0}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gross{height:300px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dbilder{grid-template-columns:repeat(var(--bf-n,2),minmax(0,1fr)); gap:10px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz{display:flex; flex-direction:column}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz>a.pb-bild.bf-dbild{width:100%; aspect-ratio:3/4}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dz .bf-dmarke{position:absolute; margin:0}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-dnav{gap:6px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) button.pb-zweit.bf-pfeil{padding:0 10px; font-size:14px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab{font-size:14px; line-height:18px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab th,body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td{padding:8px 6px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th:first-child{width:24%}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th:last-child{width:44px}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.bf-urteil{text-align:center}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.bf-urteil svg{width:18px; height:18px; margin:0}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab td.bf-urteil span{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) table.bf-dtab thead th:last-child{text-align:center}
  body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .bf-gspalten{grid-template-columns:minmax(0,1fr); grid-auto-rows:minmax(0,1fr)}
}
body.np dialog.ap-belegfenster{width:min(960px,calc(100vw - 32px)); height:min(86vh,760px); max-width:none; max-height:none; padding:24px; border:0; border-radius:24px; box-sizing:border-box;
  background:var(--io-glas-dicht); color:var(--np-tinte); box-shadow:var(--io-schatten-glas)}
body.np dialog.ap-belegfenster[open]{display:flex; flex-direction:column; gap:16px}
body.np dialog.ap-belegfenster::backdrop{background:rgba(20,28,32,.32)}
body.np .ap-bf-kopf{display:flex; align-items:center; justify-content:space-between}
body.np .ap-bf-kopf h2{margin:0; font-size:1.5rem; font-weight:700}
body.np .ap-bf-flaeche{flex:1; display:grid; place-content:center; justify-items:center; gap:8px; text-align:center; padding:32px; border-radius:20px;
  background:var(--ap-gruppe); border:2px dashed var(--ap-zweit)}
body.np .ap-bf-flaeche[data-an]{border-color:var(--ap-akzent-text); background:var(--ap-schlicht)}
body.np .ap-bf-flaeche b{font-size:1.25rem}
body.np .ap-bf-flaeche p{margin:0; color:var(--ap-zweit); max-width:44ch}
body.np .ap-bf-klein{margin:0; text-align:center; font-size:15px}
body.np .ap-bf-klein label{color:var(--ap-akzent-text); cursor:pointer; text-decoration:underline}
@media (max-width:700px){body.np dialog.ap-belegfenster{width:calc(100vw - 16px); height:calc(100dvh - 32px); padding:16px}}


body.np .np-bank-kopf form{margin:0}
body.np .bg-neu form{display:grid; gap:12px; justify-items:start}
body.np .bg-neu h2,body.np .bg-liste h2{margin:0 0 12px}
body.np .bg-konto{display:flex; align-items:center; gap:12px; min-height:44px; width:100%}
body.np .bg-konto input{width:22px; height:22px; flex:none}
body.np .bg-iban{width:100%; max-width:440px; display:grid; gap:6px}
body.np .bg-iban input{width:100%; box-sizing:border-box; min-height:44px}
body.np .bg-noch{margin:16px 0}
body.np .bg-neu-satz{margin:12px 0 0}
body.np .bg-code{display:flex; flex-wrap:wrap; gap:28px; align-items:center}
body.np .bg-qr{flex:none; width:210px; max-width:100%; border-radius:16px; overflow:hidden; line-height:0}
body.np .bg-qr svg{width:100%; height:auto; display:block}
body.np .bg-code-text{display:grid; gap:8px; min-width:0; flex:1 1 240px}
body.np .bg-zeichen{font-size:36px; line-height:1.15; font-weight:700; letter-spacing:.08em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
body.np .bg-schritte{margin:8px 0 0; padding-left:20px; display:grid; gap:4px}
body.np .bg-nur-telefon{display:none; margin-top:8px}
@media (max-width:700px){body.np .bg-nur-telefon{display:block}}
body.np .bg-liste{margin-top:16px}
body.np .bg-geraete{list-style:none; margin:0; padding:0}
body.np .bg-geraet{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--linie-fein)}
body.np .bg-geraet:first-child{border-top:0; padding-top:0}
body.np .bg-was{display:grid; gap:2px; min-width:0; flex:1 1 260px}
body.np .bg-geraet form{margin:0}
body.np .bg-warn{margin:8px 0 0; color:var(--warn)}
body.np .np-bank-zahl{display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0}
body.np .np-bank-rund{flex:none; box-sizing:border-box; width:44px; height:44px; border-radius:50%; display:inline-grid; place-items:center; padding:0; margin:0; border:0; background:var(--np-karte); color:var(--ap-akzent-text); box-shadow:var(--np-schatten); text-decoration:none; cursor:pointer}
body.np .np-bank-rund>svg{width:18px; height:18px}
@media (hover:hover){body.np .np-bank-rund:hover{background:var(--ap-fuellung)}}
body.np form.np-bank-rund-form{display:inline-flex; margin:0}
body.np .bw-ablage-karte{margin:16px 0 0}
body.np .bw-ablage-karte h2{margin:0 0 6px}
body.np .bw-ablage-satz{margin:0 0 12px}
body.np .np-bank :is(.np-pille,.bank-beleg){font-size:13px}
body.np .np-bank .np-ablage .np-ablage-fein{font-size:15px}
body.np main .np-bank p.fein:not(.x){font-size:15px}
body.np main .np-bank span.fein.bz-iban{font-size:15px}
body.np main .np-bank .bz-von{margin:0}
body.np main .np-bank div.bz-feld{font-size:14px; line-height:1.3; margin:0 0 14px}
body.np main .np-bank div.bz-feld>label{margin:0 0 3px; padding:0; font:inherit}
body.np .np-bank p.np-bank-satz{font-size:17px; color:var(--np-grau); margin:8px 0 0}
body.np .np-bank :is(.np-seitenkopf p,.bw-treffer .was,.bw-treffer .bw-offline,.bw-treffer strong,.bw-ablage-satz){font-size:17px}
body.np .bw-wahl2{display:flex; flex-direction:column; gap:6px; align-items:stretch; flex:0 1 25rem; min-width:0}
body.np .bw-knoepfe{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch}
body.np .bw-unter{text-align:center}
@media (max-width:480px){body.np .bw-knoepfe{grid-template-columns:minmax(0,1fr)} body.np .bw-treffer .bw-wahl2{flex:1 1 100%}}
body.np .bw-treffer li.karte::before{content:none}
body.np .bw-treffer li.karte{ overflow:visible;}
body.np .bw-wahl2 .knopf,body.np .bw-wahl2 .knopf2{height:44px; min-height:44px; font-size:14.5px; margin:0; width:100%; max-width:none; justify-self:stretch; box-sizing:border-box; justify-content:center}
body.np .np-bank-kopf .np-knopf{display:inline-flex; align-items:center; gap:8px; cursor:pointer; min-height:44px}
body.np .np-bank-band{margin:0 0 14px; padding:12px 16px; border-radius:16px; background:var(--np-gruen-feld); color:var(--np-gruen-tief); font-weight:600; font-size:17px}
body.np .np-bank-band.rot{background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .np-holding{margin:0 0 14px}
body.np .np-holding .status{margin:0}
body.np .np-holding-liste{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px}
body.np .np-holding-liste li{display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; justify-content:space-between; min-width:0; overflow-wrap:anywhere}
body.np .np-holding-beleg{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; min-width:0}
body.np .np-holding-beleg label{display:flex; flex-direction:column; gap:4px; min-width:0; max-width:100%}
body.np .np-holding-beleg input[type=file]{max-width:100%; min-height:44px}
body.np .bank-ausschuettung{margin:10px 0}
body.np .bank-ausschuettung summary{min-height:44px; display:flex; align-items:center; cursor:pointer}
body.np .bank-ausschuettung label{display:flex; flex-direction:column; gap:4px; margin:8px 0}
body.np .bank-ausschuettung input{min-height:44px; max-width:100%; box-sizing:border-box}
body.np .bank-ausschuettung-aussen{border:0; padding:0; margin:12px 0 0; min-width:0}
body.np .bank-ausschuettung-aussen legend{font-weight:600; padding:0; margin:0 0 4px}
body.np .bank-ausschuettung .bank-ausschuettung-aussen label{flex-direction:row; align-items:center; gap:10px; min-height:44px; margin:2px 0}
body.np .bank-ausschuettung .bank-ausschuettung-aussen input{min-height:0; width:22px; height:22px; flex:0 0 auto; margin:0}
body.np .np-bank .fehlerband{margin:0 0 14px; padding:12px 16px; border-radius:16px; background:var(--np-rot-feld); color:var(--np-rot-tief); font-weight:500; font-size:17px; line-height:1.45; border:0}
body.np .np-bank>.status,body.np .np-bank>.erfolg,body.np .np-bank>.meldung{margin:0 0 14px; border-radius:16px}
body.np .np-bank>section.karte{margin:0 0 14px}
body.np .np-bank-oben{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:14px; align-items:stretch; margin:0 0 14px}
body.np .np-bank-oben.allein{grid-template-columns:minmax(0,1fr)}
body.np .np-bank-oben>.np-karte{margin:0}
body.np .np-bank-oben>form{margin:0; display:flex}
body.np .np-bank-oben .np-ablage{margin:0; flex:1; position:relative}
body.np .np-bank-ablage{margin:0}
body.np .np-bank-ablage .np-ablage{position:relative}
body.np .np-bank-stand{display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:10px 28px; align-items:start}
body.np .np-bank-stand .np-leer{grid-column:1/-1}
body.np .np-bank-konten .np-zeile{padding:9px 4px; text-decoration:none; color:inherit; min-height:44px}
body.np .np-bank-leise{display:flex; flex-wrap:wrap; gap:4px 18px; margin:10px 0 0; align-items:center}
body.np .np-bank-leise .np-still,body.np .np-bank .np-still{min-height:44px; display:inline-flex; align-items:center}
body.np .np-bank-jahre{display:inline-flex; gap:10px; align-items:center; font-size:13.5px; color:var(--np-grau)}
body.np .np-bank-umsaetze h2{margin:0 0 10px; font-size:18px}
body.np .np-bank-werkzeug{display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; justify-content:space-between; margin:0 0 10px}
body.np .np-bank-zr{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
body.np .np-bank-werkzeug .np-schalter{max-width:100%; overflow-x:auto}
body.np .np-bank-werkzeug .np-schalter a{white-space:nowrap; min-height:38px}
body.np .np-bank-werkzeug .np-blaettern a{width:44px; height:44px}
body.np .np-bank-suche{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; flex:1 1 auto}
body.np .np-bank-such{display:flex; align-items:center; gap:8px; flex:1 1 220px; min-width:0; padding:0 12px; background:var(--np-feld); border-radius:12px; color:var(--np-grau)}
body.np .np-bank-such{flex-wrap:nowrap; height:44px}
body.np form label.np-such.np-bank-such>input{box-sizing:border-box; height:44px; min-height:0; max-height:44px; padding:0; border:0; margin:0; flex:1 1 0; width:auto; order:0}
body.np .np-bank-such input{flex:1 1 0; width:auto; min-width:0; max-width:none; border:0; background:transparent; height:44px; min-height:44px; margin:0; padding:0; font-size:15px; box-shadow:none}
body.np .np-bank-such input:focus{outline:0}
body.np .np-bank-such:focus-within{outline:2px solid var(--gs-fokus)}
body.np .np-bank-sort{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--np-grau)}
body.np .np-bank-sort select{min-height:44px; padding:0 10px; font-size:14px; max-width:100%}
body.np .np-bank-suche .np-knopf{min-height:44px}
body.np .np-bank-summen{display:flex; flex-wrap:wrap; gap:4px 18px; margin:0 0 4px; font-size:13px; color:var(--np-grau)}
body.np .np-bank-summen b{font-weight:700}
body.np .np-bank-liste{margin:0; padding:0}
body.np .np-bank-z{text-decoration:none; color:inherit; min-height:56px}
body.np .gd-markiert{margin:4px -12px; padding:4px 12px 14px; border-radius:14px; background:color-mix(in srgb,var(--np-gruen) 9%,transparent); box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--np-gruen) 45%,transparent)}
body.np .gd-markiert .gd-tun{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:6px 0 0 52px}
body.np .gd-markiert .gd-tun>p{flex:1 1 100%; margin:0; font-size:15px; color:var(--np-grau)}
body.np .gd-markiert .gd-tun-form{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0}
@media (max-width:700px){body.np .gd-markiert{margin:4px -6px; padding:4px 6px 12px}body.np .gd-markiert .gd-tun{padding-left:0}}
body.np .np-bank-z time{flex:none; width:78px; font-size:13px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np .np-bank-z .np-betrag{font-variant-numeric:tabular-nums}
body.np .np-bank-z .np-betrag.minus,body.np .np-bank-termine .np-betrag.minus{color:var(--np-tinte)}
body.np .np-bank-p{flex:none; display:flex; flex-wrap:wrap; gap:4px 6px; justify-content:flex-end; align-items:center; width:196px}
body.np .np-bank .np-info>summary{width:44px; height:44px; margin:-12px; background:radial-gradient(circle,var(--np-feld) 10px,transparent 11px); box-shadow:none}
body.np .np-bank .np-info>div{top:34px}
body.np .np-bank-z .np-betrag{min-width:118px; text-align:right}
body.np .np-bank-z form{margin:0}
body.np .np-pille.np-bank-tun{background:var(--np-gruen); color:var(--np-auf-gruen)}
body.np .np-bank-ansicht{gap:22px}
body.np .np-bank-zettel{background:var(--np-feld); border-radius:18px; padding:20px; display:flex; flex-direction:column; gap:6px; min-width:0}
body.np .np-bank-zettel small{font-size:13px; color:var(--np-grau)}
body.np .np-bank-zettel>b{font-size:17px; overflow-wrap:anywhere}
body.np .np-bank-zettel p{margin:0; font-size:14px; overflow-wrap:anywhere}
body.np .np-bank-raus{margin:10px 0 0; display:flex; align-items:center; gap:8px}
body.np .np-bank-zettel :is(button,a).np-still{color:var(--np-gruen-tief)}
body.np .np-bank-schritt{margin:0 0 16px}
body.np .np-bank-schritt h3,body.np .np-bank-was details.bank-was>summary,body.np .np-bank-teilen>summary{font-size:15.5px; font-weight:700; margin:0 0 8px; letter-spacing:-.01em}
body.np .np-bank-was details.bank-was>summary{list-style:none; pointer-events:none; padding:0; min-height:44px; display:flex; align-items:center}
body.np .np-bank-was details.bank-was>summary::-webkit-details-marker{display:none}
body.np .np-bank-was fieldset{border:0; padding:0; margin:0 0 10px; display:flex; flex-wrap:wrap; gap:6px}
body.np .np-bank-was legend{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
body.np .np-bank-was .bank-art{display:inline-flex; align-items:center; gap:6px; padding:0 12px; min-height:38px; border-radius:999px; background:var(--np-feld); font-size:15px; cursor:pointer; margin:0}
body.np .np-bank-was .bank-art:has(input:checked){order:-1; background:var(--ap-wahl-grund); color:var(--np-tinte); box-shadow:inset 0 0 0 2px var(--ap-wahl-rand); font-weight:600}
body.np .np-bank-was .bank-art .fein{display:none}
body.np .np-bank-was .bank-art input{position:static; flex:none; width:18px; height:18px; min-height:0; min-width:0; margin:0}
body.np .np-bank-was form>label{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 8px; font-size:14px}
body.np .np-bank-was select{min-height:44px; max-width:100%}
body.np .np-bank-was .bank-mehrere{margin:0 0 8px}
body.np .np-bank-was .bank-mehrere label{display:flex; gap:8px; align-items:center; min-height:44px; font-size:14px}
body.np .np-bank-was .bank-zurueck{display:none}
body.np .np-bank-was button.knopf{min-height:44px}
body.np .np-bank-vorschlag{margin:0; padding:10px 4px}
body.np .np-bank-vz{flex:1; min-width:0; display:grid; gap:6px}
body.np .np-bank-vz-z{display:flex; justify-content:space-between;
  align-items:baseline; gap:12px; min-width:0}
body.np .np-bank-teilen{border-top:1px solid var(--np-linie); padding-top:12px}
body.np .np-bank-teilen>summary{cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--np-gruen-tief)}
body.np .np-bank-teil{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) auto; gap:8px; align-items:end; margin:0 0 8px}
body.np .np-bank-teil[hidden]{display:none}
body.np .np-bank-teil label,body.np .np-bank-notiz,body.np .np-bank-felder label{display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--np-grau); min-width:0}
body.np .np-bank-teil select,body.np .np-bank-teil input,body.np .np-bank-notiz input,body.np .np-bank-felder input,body.np .np-bank-felder select{min-height:44px; padding:0 10px; font-size:15px; width:100%; max-width:none; min-width:0; color:var(--np-tinte)}
body.np .np-bank-teil input{text-align:right; font-variant-numeric:tabular-nums}
body.np .np-bank-fuss{display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin-top:12px; font-size:14px}
body.np .np-bank-fuss .np-knopf{cursor:pointer; min-height:44px}
body.np .np-bank-teilen .np-bank-notiz{--np-feldbreite:none; width:100%}
body.np .np-bank-nichts{margin:12px 0 0; font-size:15px; line-height:1.4; color:var(--np-grau)}
body.np .np-bank-fuss .np-bank-nichts{margin:0}
body.np .np-bank-seite .np-karte{padding:22px}
body.np .np-bank-zwei{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:14px; align-items:start; margin:0 0 14px}
body.np .np-bank-zwei>.np-karte{margin:0}
body.np .np-bank-zwei h2,body.np .np-bank-termine h2{margin:0 0 10px; font-size:18px}
body.np .np-bank-felder{display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin:0 0 10px}
body.np .np-bank-felder label{flex:1 1 150px}
body.np .np-bank-felder .np-knopf,body.np .np-bank-wenn .np-knopf{cursor:pointer; min-height:44px}
body.np .np-bank-frage{margin:0 0 16px}
body.np .np-bank-frage .np-bank-felder{display:block; margin:16px 0; padding:0 16px; border-radius:16px; background:var(--ap-fuellung,var(--np-feld))}
body.np .np-bank-frage .np-bank-felder label{display:flex!important; flex-direction:row; flex-wrap:nowrap; max-width:none!important; width:auto!important; align-items:center!important; align-items:center; justify-content:space-between; gap:16px; min-height:48px; font-size:15px; color:var(--np-tinte); border-top:.5px solid var(--np-linie)}
body.np .np-bank-frage .np-bank-felder label:first-child{border-top:0}
body.np .np-bank-frage .np-bank-felder input{width:9.5rem!important; max-width:45%!important; flex:none; height:44px; min-height:44px; margin:0!important; text-align:right; background:transparent; border:0; box-shadow:none; font-variant-numeric:tabular-nums}
body.np .np-bank-frage .np-bank-felder input:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:-2px; border-radius:10px}
body.np .np-bank-frage .np-bank-knoepfe{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
body.np .np-ks-frage{margin:10px 0 0}
body.np .np-ks-frage .np-ks-frage-t{margin:0 0 10px; font-size:14px; line-height:1.45; color:var(--np-grau)}
body.np .np-ks-frage .np-ks-frage-t b{display:block; color:var(--np-tinte); font-size:15px; margin-bottom:2px}
body.np .np-ks-fehler{margin:0 0 10px; color:var(--np-rot-tief); font-weight:600}
body.np .np-ks-unbekannt .np-gross{font-size:22px; line-height:1.25}
body.np .np-waechter-home{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0 0 14px; font-size:13.5px; color:var(--np-grau)}
body.np .np-waechter-home p{margin:0}
body.np .np-leerweg>.np-geld{grid-area:auto}
body.np .np-waechter-home a.np-still{min-height:44px; display:inline-flex; align-items:center}
body.np .np-waechter-home.rot{padding:10px 14px; border-radius:14px; background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .np-waechter-home.rot .np-knopf{min-height:44px; display:inline-flex; align-items:center}
body.np .np-bank-knoepfe{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0}
body.np .np-bank-knoepfe .np-knopf{cursor:pointer; min-height:44px}
body.np .np-bank-knoepfe .np-still{min-height:44px; display:inline-flex; align-items:center}
body.np .np-bank-mehr{margin:0 0 10px}
body.np .np-bank-mehr>summary{cursor:pointer; min-height:44px; display:flex; align-items:center; font-size:14px; font-weight:600; color:var(--np-gruen-tief)}
body.np .np-bank-zr .np-blaettern>b{font-size:14px}
body.np .np-bank-ablage .gs-datei .gs-datei-name{font-size:15px}
body.np dialog#np-alle a.np-zeile .np-t :is(b,span){white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np .np-bank-ergebnis{margin:14px 0 0; padding:14px 16px; border-radius:16px; background:var(--np-feld)}
body.np .np-bank-ergebnis p{margin:2px 0 4px; font-size:14px}
body.np .np-bank-puffer{margin:0; padding:0 24px 6px; font-size:14px; color:var(--np-grau)}
body.np .np-bank-puffer.rot{color:var(--np-rot-tief); font-weight:700}
body.np .np-bank-hinweis{margin:0 0 10px}
body.np .np-bank-verlauf{margin:0 0 14px}
body.np .np-bank-termine .np-liste>li{min-height:52px}
body.np .np-bank-termine time{flex:none; width:78px; font-size:13px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np .np-bank-termine .np-t{flex:1; min-width:0}
body.np .np-bank-termine .np-t b{display:block; font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-bank-termine .np-t span{display:block; font-size:13px; color:var(--np-grau); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-bank-termine .np-betrag{font-weight:700; font-size:14.5px; white-space:nowrap}
body.np .np-bank-termine .np-info>div{left:auto; right:-8px}
body.np .np-bank-termine li:target{background:var(--np-gruen-hauch); border-radius:12px}
body.np .np-bank-tabelle{overflow-x:auto}
body.np .np-bank-tabelle table{width:100%; border-collapse:collapse; font-size:13.5px}
body.np .np-bank-tabelle th,body.np .np-bank-tabelle td{padding:8px 10px; text-align:left; border-bottom:1px solid var(--np-linie); white-space:nowrap}
body.np .np-bank-tabelle td.zahl{text-align:right; font-variant-numeric:tabular-nums}
body.np .np-bank-tabelle tr.warn td{color:var(--np-rot-tief)}
body.np .np-bank-rueck{margin:0 0 6px}
@media (max-width:1100px){
  body.np .np-bank-oben,body.np .np-bank-zwei{grid-template-columns:minmax(0,1fr)}
  body.np .np-bank-was .bank-art{min-height:44px}
  body.np .np-bank .np-schalter a{height:44px; min-height:44px}
}
@media (max-width:700px){
  body.np .np-bank-stand{grid-template-columns:minmax(0,1fr)}
  body.np .np-bank-z{flex-wrap:wrap; gap:4px 10px}
  body.np .np-bank-z .np-t{flex:1 1 0}
  body.np .np-bank-z .np-betrag{min-width:0}
  body.np .np-bank-p{flex:1 1 100%; width:auto; justify-content:flex-start; padding-left:58px}
  body.np .np-bank-werkzeug .np-schalter{flex-wrap:wrap;}
  body.np .np-bank-teil{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.np .np-bank-teil label:first-child{grid-column:1/-1}
  body.np .np-bank-puffer{padding:0 18px 6px}
  body.np .np-bank-kopf>form,body.np .np-bank-kopf>a.np-knopf{flex:1 1 100%}
  body.np .np-bank-kopf>form .np-knopf{width:100%; justify-content:center}
}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe){display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; grid-template-areas:"wahl wer betrag stand" ". knoepfe knoepfe knoepfe"; align-items:center; gap:8px 16px; padding:12px 0}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>label.bz-wahl{grid-area:wahl; display:flex; align-items:center; gap:12px; min-height:44px}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bank-wer{grid-area:wer; min-width:0; font-size:17px}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bank-wer .bz-iban{display:block; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bank-betrag{grid-area:betrag; white-space:nowrap; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bank-beleg{grid-area:stand; justify-self:end}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bz-knoepfe{grid-area:knoepfe; justify-content:flex-end}
@media (max-width:600px){
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe){grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"wahl wer wer" "wahl stand betrag" "knoepfe knoepfe knoepfe"}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bank-beleg{justify-self:start}
body.np main .np-bank.np-bank-unter ol.bank-zeilen>li:has(>.bz-knoepfe)>.bz-knoepfe{justify-content:flex-start}
}
body.np main .np-bank :is(.np-bank-z,.gk-abschnitt,.gk-such-leer)[hidden]{display:none}
@media (max-width:600px){body.np:has(main .np-bank) .portalfuss .innen{padding-right:72px}}
body.np main .np-bank form.kasse-form .reihe>label,body.np main .np-bank form.kasse-form .reihe>label:not(.np-such):has(>input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button])){display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; justify-content:flex-end; gap:6px; align-self:end; margin:0}
body.np main .np-bank form.kasse-form .reihe>label>span:first-child{min-height:20px}
body.np main .np-bank form.kasse-form .reihe>label:not(.np-such):has(>input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]))>input,body.np main .np-bank form.kasse-form .reihe input:not([type=hidden]):not([type=checkbox]){min-height:48px; height:48px; box-sizing:border-box; flex:none}
@media (max-width:600px){body.np main .np-bank a[href$="/kassenabschluss"]{display:inline-flex; align-items:center; min-height:44px}}
body.np form:has(input[name=art]):not(:has(input[name=art][value=ausschuettung]:checked)) .bank-ausschuettung{display:none}
body.np form:has(input[name=art]):not(:has(input[name=art][value=forderung]:checked)):not(:has(input[name=art][value=verbindlichkeit]:checked)) :is(.bank-re-wahl,details.bank-mehrere){display:none}
body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug){display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"titel werkzeug"; align-items:start; gap:8px 16px; margin:0 0 16px}
body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug)>div:first-child{grid-area:titel; min-width:0}
body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug) h1{font-size:34px; line-height:1.12; font-weight:700; letter-spacing:-.024em; margin:0}
body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug) .gk-zeile,body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug)>div:first-child>p{margin:4px 0 0; font-size:17px; line-height:1.4; color:var(--ap-zweit); max-width:52em}
body.np main .np-bank .gk-werkzeug{grid-area:werkzeug; display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:nowrap; min-width:0}
body.np main .np-bank .gk-werkzeug>form{margin:0}
body.np main .np-bank .gk-knoepfe{display:flex; align-items:center; gap:8px}
body.np main .np-bank .gk-werkzeug .np-knopf{min-height:44px; display:inline-flex; align-items:center; gap:8px; white-space:nowrap}
body.np main .np-bank .gk-werkzeug .np-knopf>svg{flex:none}
body.np main .np-bank .gk-suche{min-width:0}
body.np main .np-bank .gk-suche .np-filterleiste{display:flex; flex-wrap:nowrap; align-items:center; gap:8px; margin:0; position:relative}
body.np main .np-bank .gk-suche .np-bank-suche{flex:0 1 260px; width:260px; min-width:0; margin:0}
@media (min-width:701px){body.np main .np-bank .gk-suche .np-bank-suche{flex-shrink:0}}
body.np main .np-bank .gk-suche .np-bank-such{flex:1 1 220px; height:44px; border-radius:999px; background:var(--ap-fuellung)}
body.np main .np-bank .gk-suche details.np-filter{position:static}
body.np main .np-bank .gk-suche details.np-filter>summary{min-height:44px; border-radius:999px}
body.np main .np-bank .gk-suche .np-filter-inhalt{position:absolute; right:0; top:calc(100% + 8px); z-index:60; width:min(440px,92vw); box-sizing:border-box; padding:16px; margin:0;
  border-radius:var(--ap-rund-karte); background:var(--ap-material-dicht); -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter); box-shadow:var(--ap-schatten-3)}
body.np main .np-bank .gk-suche .np-filter-teil{display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0 0 16px}
body.np main .np-bank .gk-suche .np-filter-teil:last-child{margin-bottom:0}
body.np main .np-bank .gk-suche .np-filter-teil .np-schalter{flex-wrap:wrap; max-width:100%}
body.np main .np-bank>nav.np-reiter[data-gk-segment]{margin:0 0 16px}
body.np main .np-bank .gk-status{margin:0 0 16px}
body.np main .np-bank nav.mc-streifen.gk-status{gap:4px 16px}
body.np main .np-bank nav.mc-streifen.gk-status .mc-streifen-t{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank nav.mc-streifen.gk-status a.mc-chip{min-height:44px; padding:0 4px; background:none; box-shadow:none; border-radius:8px; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank nav.mc-streifen.gk-status a.mc-chip b{color:var(--np-tinte); font-weight:600}
body.np main .np-bank nav.mc-streifen.gk-status a.mc-chip::after{content:"\203A"; margin-left:4px; color:var(--ap-zweit); font-size:18px}
body.np main .np-bank p.np-bank-hinweis.gk-status{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .np-bank-oben.allein{display:block; margin:0 0 24px}
body.np main .np-bank .np-bank-stand{display:block; padding:16px 16px 8px}
body.np main .np-bank .np-bank-stand .np-gross{font-size:34px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
body.np main .np-bank .np-bank-stand .np-bank-summe>.np-zart{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .np-bank-konten{margin:8px 0 0}
body.np main .np-bank .np-bank-konten .np-zeile{display:grid; grid-template-columns:28px minmax(0,1fr) auto 12px; align-items:center; gap:12px; min-height:56px; padding:8px 0; border-radius:0}
body.np main .np-bank .np-bank-konten .np-zeile::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main .np-bank .np-bank-konten .np-zeile:not(:has(.np-betrag))::after{grid-column:4}
body.np main .np-bank .np-bank-konten .np-zeile .np-t b{font-size:17px; font-weight:600}
body.np main .np-bank .np-bank-konten .np-zeile .np-t span{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .np-bank-konten .np-zeile+.np-zeile{box-shadow:0 -.5px 0 var(--np-linie)}
body.np main .np-bank .gk-teil{margin:0 0 24px; padding:0; background:none; box-shadow:none; border:0}
body.np main .np-bank .gk-teil>h2{font-size:22px; font-weight:600; letter-spacing:-.01em; margin:0 0 8px}
body.np main .np-bank .np-bank-umsaetze .np-bank-summen{font-size:15px; color:var(--ap-zweit); margin:0 0 8px; gap:4px 16px}
body.np main .np-bank .np-bank-liste{display:block; margin:0}
body.np main .np-bank .gk-abschnitt{margin:16px 16px 8px; font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ap-zweit)}
body.np main .np-bank .np-bank-liste>.gk-abschnitt:first-child{margin-top:0}
body.np main .np-bank .np-bank-liste>.np-bank-z{display:grid; grid-template-columns:auto minmax(0,1fr) auto 12px; grid-template-areas:"name name betrag pf" "zeit unter status pf";
  align-items:center; gap:2px 12px; min-height:60px; box-sizing:border-box; padding:8px 16px; margin:0; background:var(--ap-karte); border-radius:0; text-decoration:none; color:inherit; box-shadow:none}
body.np main .np-bank .np-bank-liste>.np-bank-z:first-child,body.np main .np-bank .np-bank-liste>.gk-abschnitt+.np-bank-z{border-top-left-radius:var(--ap-rund-karte); border-top-right-radius:var(--ap-rund-karte)}
body.np main .np-bank .np-bank-liste>.np-bank-z:last-child,body.np main .np-bank .np-bank-liste>.np-bank-z:has(+.gk-abschnitt){border-bottom-left-radius:var(--ap-rund-karte); border-bottom-right-radius:var(--ap-rund-karte)}
body.np main .np-bank .np-bank-liste>.np-bank-z{position:relative}
body.np main .np-bank .np-bank-liste>.np-bank-z+.np-bank-z::before{content:""; position:absolute; left:16px; right:0; top:0; height:.5px; background:var(--np-linie); pointer-events:none}
body.np main .np-bank .np-bank-liste>.np-bank-z>.np-t{display:contents}
body.np main .np-bank .np-bank-liste>.np-bank-z>.np-t>b{grid-area:name; font-size:17px; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main .np-bank .np-bank-liste>.np-bank-z>.np-t>span{grid-area:unter; font-size:15px; color:var(--ap-zweit); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main .np-bank .np-bank-liste>.np-bank-z>time{grid-area:zeit; width:auto; font-size:15px; color:var(--ap-zweit); align-self:center}
body.np main .np-bank .np-bank-liste>.np-bank-z>.np-betrag{grid-area:betrag; min-width:0; font-size:17px; font-weight:600; text-align:right; font-variant-numeric:tabular-nums}
body.np main .np-bank .np-bank-liste>.np-bank-z>.np-bank-p{grid-area:status; width:auto; padding:0; justify-content:flex-end; gap:4px 12px}
body.np main .np-bank .np-bank-liste>.np-bank-z>form{grid-area:status}
body.np main .np-bank .np-bank-liste>a.np-bank-z::after{grid-area:pf; content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
@media (hover:hover){body.np main .np-bank .np-bank-liste>a.np-bank-z:hover{background-color:var(--ap-fuellung)}}
body.np main .np-bank .np-bank-p .np-pille{display:inline-flex; align-items:center; gap:6px; min-height:0; padding:0; margin:0; border:0; background:none; box-shadow:none; font-size:15px; font-weight:400; color:var(--ap-zweit); text-decoration:none}
body.np main .np-bank .np-bank-p .np-pille::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--knopf); flex:none}
body.np main .np-bank .np-bank-p .np-pille.grau::before{background:var(--np-grau-hell)}
body.np main .np-bank .np-bank-p .np-pille.np-bank-tun::before{background:var(--np-ampel-orange)}
body.np main .np-bank .np-bank-p .np-pille.rot::before{background:var(--np-rot)}
body.np main .np-bank .np-bank-p .np-pille.minus::before{background:var(--np-rot)}
body.np main .np-bank .np-bank-p .np-pille.np-bank-tun{color:var(--np-tinte)}
body.np main .np-bank .gk-fussnote{margin:8px 16px 0; font-size:15px}
body.np main .np-bank .gk-fussnote a{min-height:44px; display:inline-flex; align-items:center}
body.np main .np-bank form.gk-ziehen{margin:0}
body.np main .np-bank form.gk-ziehen .np-ablage:not(.zieht){position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; padding:0; margin:-1px}
body.np main .np-bank form.gk-ziehen:target{scroll-margin-top:96px}
body.np main .np-bank form.gk-ziehen:target .np-ablage:not(.zieht){position:relative; width:auto; height:auto; overflow:visible; clip:auto; clip-path:none; white-space:normal; display:flex; flex-direction:column; align-items:center; gap:6px; margin:16px 0; padding:28px 16px; border:2px dashed var(--ap-trenn,#c7ced4); border-radius:18px; text-align:center; cursor:pointer}
body.np main .np-bank form.gk-ziehen:target .np-ablage:not(.zieht) input[type=file]{position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
body.np main .np-bank form.gk-ziehen .np-ablage.zieht{position:fixed; inset:24px; z-index:80; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; margin:0;
  border:0; border-radius:var(--ap-rund-blatt); background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--ap-schatten-3); font-size:22px}
body.np main .np-bank form.gk-ziehen .np-ablage.zieht b{font-size:22px; font-weight:600}
body.np main .np-bank form.gk-ziehen .np-ablage.zieht .np-ablage-fein{font-size:17px; color:var(--ap-zweit)}
body.np dialog.np-fenster .gk-blatt-kopf{display:grid; grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr); align-items:center; gap:8px}
body.np dialog.np-fenster .gk-blatt-kopf>h2{margin:0; padding:0; align-self:center; line-height:1.3; font-size:17px; font-weight:600; text-align:center}
body.np dialog.np-fenster .gk-blatt-kopf>:is(.gk-blatt-ab,.gk-blatt-sichern){min-height:44px; padding:0 8px; border:0; background:none; box-shadow:none; font:inherit; font-size:17px; color:var(--ap-akzent-text); cursor:pointer; border-radius:10px}
body.np dialog.np-fenster .gk-blatt-kopf>.gk-blatt-ab{justify-self:start}
body.np dialog.np-fenster .gk-blatt-kopf>.gk-blatt-sichern{justify-self:end; font-weight:600}
@media (hover:hover){body.np dialog.np-fenster .gk-blatt-kopf>:is(.gk-blatt-ab,.gk-blatt-sichern):hover{background:var(--ap-fuellung)}}
body.np dialog.gk-blatt .gk-blatt-satz{font-size:15px; color:var(--ap-zweit); margin:8px 0 16px}
body.np dialog.gk-blatt .gk-formular{display:block; margin:0 0 16px; padding:0 16px; border-radius:var(--ap-rund-karte); background:var(--ap-fuellung)}
body.np dialog.gk-blatt .gk-formular>label:not(#np-x),body.np dialog.gk-blatt .gk-formular>.bz-feld:not(#np-x){display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; max-width:none; margin:0; padding:4px 0; font-size:17px; font-weight:400; color:var(--np-tinte); flex-direction:row; flex-wrap:nowrap}
body.np dialog.gk-blatt .gk-formular>:is(label,.bz-feld)+:is(label,.bz-feld){box-shadow:0 -.5px 0 var(--np-linie)}
body.np dialog.gk-blatt .gk-formular>:is(label,.bz-feld) :is(input,select):not(#np-x){flex:1 1 180px; width:auto; min-width:0; max-width:60%; font-weight:400; min-height:44px; margin:0; border:0; background:transparent; text-align:right; font-size:17px}
body.np dialog.gk-blatt .gk-formular>p{margin:8px 0; font-size:15px; color:var(--ap-zweit)}
body.np dialog.gk-blatt .gk-aktionen{display:flex; flex-direction:column; gap:0; margin:0; padding:0 16px; border-radius:var(--ap-rund-karte); background:var(--ap-fuellung)}
body.np dialog.gk-blatt .gk-aktionen>:is(a,form){display:flex; align-items:center; min-height:48px; margin:0}
body.np dialog.gk-blatt .gk-aktionen>:is(a,form)+:is(a,form){box-shadow:0 -.5px 0 var(--np-linie)}
body.np dialog.gk-blatt .gk-aktionen :is(a,button).knopf2{min-height:44px; padding:0; color:var(--ap-akzent-text); font-size:17px; font-weight:400}
body.np main .np-bank .gk-mitteilung h2{font-size:17px; font-weight:600}
body.np main .np-bank .gk-mitteilung .np-bank-knoepfe{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:16px 0 0}
body.np main .np-bank .np-knopf.np-zweit{ color:var(--io-zweit-text);}
body.np main .np-bank .gk-gruppe{border-radius:var(--ap-rund-karte); background:var(--ap-karte); overflow:hidden}
body.np main .np-bank .gk-reihe{display:grid; grid-template-columns:minmax(0,1fr) auto 12px; align-items:center; gap:12px; width:100%; min-height:60px; padding:8px 16px; margin:0; border:0; background:none; box-shadow:none; text-align:left; font:inherit; color:inherit; cursor:pointer}
body.np main .np-bank .gk-reihe::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main .np-bank .gk-reihe-t b{display:block; font-size:17px; font-weight:600}
body.np main .np-bank .gk-reihe-t span{display:block; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .gk-reihe-w{font-size:17px; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
@media (hover:hover){body.np main .np-bank .gk-reihe:hover{background:var(--ap-fuellung)}}
body.np .np-bank-ansicht.np-teilung,body.np dialog.np-fenster .np-bank-ansicht.np-teilung{display:flex; flex-direction:column; gap:24px}
@media (min-width:701px){body.np dialog.np-fenster:has(.np-bank-ansicht){width:min(720px,calc(100vw - 32px))}}
@media (max-width:700px){body.np dialog.np-fenster.breit:has(.np-bank-ansicht){width:auto}
  body.np dialog.gk-blatt .gk-formular>label:not(#np-x),body.np dialog.gk-blatt .gk-formular>.bz-feld:not(#np-x){flex-wrap:wrap; gap:0 16px; padding:8px 0 4px; font-size:15px; color:var(--ap-zweit)}
  body.np dialog.gk-blatt .gk-formular>:is(label,.bz-feld) :is(input,select):not(#np-x),body.np dialog.gk-blatt .gk-formular>:is(label,.bz-feld)>.af:not(#np-x){flex:1 1 100%; max-width:none; text-align:left; color:var(--np-tinte)}
  body.np dialog.np-fenster .np-f-kopf.gk-blatt-kopf{gap:4px}
  body.np dialog.np-fenster .np-f-kopf.gk-blatt-kopf>:is(.gk-blatt-ab,.gk-blatt-sichern):not(#np-x){padding:0 4px}}
body.np dialog.np-fenster .np-bank-zettel{background:none; border-radius:0; padding:0}
body.np dialog.np-fenster .gk-blatt-kopf{grid-template-columns:auto minmax(0,1fr) auto}
body.np dialog.np-fenster[id] .np-f-kopf.gk-blatt-kopf>h2:not(#np-x){white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; margin:0; padding:0; position:static; transform:none; align-self:center; font-size:17px; line-height:22px; font-weight:600}
@media (max-width:700px){body.np dialog.np-fenster[id] .np-f-kopf.gk-blatt-kopf>h2:not(#np-x){white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; hyphens:auto; -webkit-hyphens:auto; line-height:20px}}
body.np dialog.np-fenster .np-f-kopf.gk-blatt-kopf>:is(.gk-blatt-ab,.gk-blatt-sichern):not(#np-x){margin:0; align-self:center; background:none; box-shadow:none}
body.np main .np-bank-seite .gk-ansicht{max-width:720px}
body.np .np-bank .gk-wahl-such{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:8px; height:44px; padding:0 12px; margin:0 0 8px; border-radius:999px; background:var(--ap-fuellung); color:var(--ap-zweit)}
body.np .np-bank .gk-wahl-such input{flex:1 1 auto; width:auto; min-width:0; height:44px; min-height:44px; border:0; background:transparent; box-shadow:none; padding:0; margin:0; font-size:17px}
body.np .np-bank fieldset:has(>.bank-art){display:flex; flex-direction:column; flex-wrap:nowrap; gap:0; max-height:352px; overflow:auto; padding:0 0 0 16px; margin:0 0 16px; border-radius:var(--ap-rund-karte); background:var(--ap-fuellung)}
body.np .np-bank fieldset>.bank-art{flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 16px 10px 0; margin:0; border-radius:0; background:none; font-size:17px; line-height:1.3; color:var(--np-tinte)}
body.np .np-bank fieldset>.bank-art+.bank-art{box-shadow:0 -.5px 0 var(--np-linie)}
body.np .np-bank fieldset>.bank-art input{position:absolute; width:1px; height:1px; opacity:0; margin:0}
body.np .np-bank fieldset>.bank-art:has(input:checked){background:none; border:0; box-shadow:none; outline:0; color:var(--np-tinte); font-weight:600}
body.np .np-bank fieldset>.bank-art:has(input:checked)::after{content:""; flex:none; width:20px; height:20px; background:var(--ap-haken) no-repeat center/20px}
body.np .np-bank fieldset>.bank-art:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:-2px; border-radius:8px}
body.np .np-bank fieldset>.bank-art[hidden]{display:none}
body.np .np-bank section.karte fieldset:has(>.bank-art){background:none; border-radius:0; box-shadow:none; padding:0}
body.np .np-bank fieldset:has(>.bank-art)>legend{float:none; width:auto; max-width:100%; box-sizing:border-box; padding:12px 0 4px; margin:0; font-size:15px; font-weight:600; color:var(--ap-zweit)}
body.np .np-bank fieldset>.bank-art .fein{margin-left:auto; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank>section.bank-pruefung h2{display:flex; align-items:center; gap:8px; font-size:17px; font-weight:600}
body.np main .np-bank>section.bank-pruefung h2::before{content:""; flex:none; width:10px; height:10px; border-radius:50%; background:var(--np-rot)}
body.np main .np-bank>section.bank-pruefung .fehlerband{margin:8px 0 0; padding:0; background:none; color:var(--np-tinte); font-size:17px; font-weight:400}
body.np main:has(.np-bank-seite)>nav.np-reiter{display:none}
body.np main .np-bank .np-bank-termine.gk-teil>ul.np-liste{margin:0; padding:0 16px; border-radius:var(--ap-rund-karte); background:var(--ap-karte)}
body.np main .np-bank .np-bank-termine.gk-teil .np-bank-mehr{margin:8px 0 0}
body.np main .np-bank .np-bank-termine.gk-teil .np-bank-mehr>summary{padding:0 16px; font-size:15px}
body.np main .np-bank .np-bank-termine ul.np-liste>li{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; grid-template-areas:"name name betrag info" "zeit unter unter info"; align-items:center; gap:2px 12px; min-height:60px; padding:8px 0}
body.np main .np-bank .np-bank-termine ul.np-liste>li>.np-t{display:contents}
body.np main .np-bank .np-bank-termine ul.np-liste>li>.np-t>b{grid-area:name; font-size:17px; font-weight:600; min-width:0}
body.np main .np-bank .np-bank-termine ul.np-liste>li>.np-t>span{grid-area:unter; font-size:15px; color:var(--ap-zweit); min-width:0}
body.np main .np-bank .np-bank-termine ul.np-liste>li>time{grid-area:zeit; width:auto; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .np-bank-termine ul.np-liste>li>:is(.np-betrag,.np-zart){grid-area:betrag; font-size:17px; font-variant-numeric:tabular-nums; text-align:right}
body.np main .np-bank .np-bank-termine ul.np-liste>li>.np-info{grid-area:info}
body.np main .np-bank .gk-leer{display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; padding:64px 16px; max-width:480px; margin:0 auto}
body.np main .np-bank .gk-leer>p{margin:0; font-size:17px; line-height:1.45; color:var(--ap-zweit)}
body.np main .np-bank .gk-leer>form{margin:0}
body.np main .np-bank .gk-leer .gk-leer-sym{width:64px; height:64px; border-radius:15px}
body.np main .np-bank .gk-leer .gk-leer-sym>svg{width:34px; height:34px}
body.np main .np-bank .gk-bearbeiten{min-height:44px; padding:0 8px; border:0; background:none; box-shadow:none; color:var(--ap-akzent-text); font:inherit; font-size:17px; cursor:pointer; border-radius:10px}
body.np main .np-bank .np-schalter.gk-mini a{min-height:44px}
body.np main .np-bank .np-bank-p a.np-pille{min-height:44px; padding:11px 0; margin:-11px 0; box-sizing:border-box}
body.np main .np-bank .np-bank-z[data-ausgeblendet] :is(button,.np-knopf){min-height:44px}
body.np main .np-bank>nav.np-reiter[data-gk-segment][hidden]{display:none}
body.np main .np-bank.np-bank-unter label.bz-wahl{display:grid; grid-template-columns:24px minmax(0,1fr) auto; grid-template-areas:"box wer betrag" "box tag tag"; align-items:center; gap:2px 12px; min-height:52px; margin:0}
body.np main .np-bank.np-bank-unter label.bz-wahl>input{grid-area:box; margin:0}
body.np main .np-bank.np-bank-unter label.bz-wahl>.bank-wer{grid-area:wer; font-size:17px; font-weight:600; min-width:0}
body.np main .np-bank.np-bank-unter label.bz-wahl>.bank-tag{grid-area:tag; font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank.np-bank-unter label.bz-wahl>.bank-betrag{grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right}
body.np main .np-bank.np-bank-unter :is(span,p).fein{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .bz-gesamt{font-size:34px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; margin:4px 0}
body.np main .np-bank section.flaeche-gut>h2.klein-titel{font-size:15px; font-weight:400; color:var(--ap-zweit); margin:0}
body.np main .np-bank .gk-konten>ol.bank-zeilen{list-style:none; margin:0; padding:0 16px; border-radius:var(--ap-rund-karte); background:var(--ap-karte)}
body.np main .np-bank .gk-konten li.bz-konto{display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"wer betrag" "beleg knopf"; align-items:center; gap:2px 12px; min-height:60px; padding:8px 0; margin:0; border:0; background:none; box-shadow:none}
body.np main .np-bank .gk-konten li.bz-konto+li.bz-konto{box-shadow:0 -.5px 0 var(--np-linie)}
body.np main .np-bank .gk-konten li.bz-konto>.bank-wer{grid-area:wer; font-size:17px; min-width:0}
body.np main .np-bank .gk-konten li.bz-konto>.bank-wer br,body.np main .np-bank .gk-konten .bz-iban:empty{display:none}
body.np main .np-bank .gk-konten li.bz-konto>.bank-wer .bz-iban{display:block; font-variant-numeric:tabular-nums}
body.np main .np-bank .gk-konten li.bz-konto>button[data-bb-kopieren]{grid-column:1/-1; justify-self:start; width:auto; min-height:44px; padding:0 8px; margin:0 0 0 -8px; border:0; background:none; box-shadow:none; color:var(--ap-akzent-text); font-size:17px; font-weight:400}
body.np main .np-bank .gk-konten li.bz-konto>.bank-wer .fein{font-size:15px; color:var(--ap-zweit)}
body.np main .np-bank .gk-konten li.bz-konto>.bank-betrag{grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right}
body.np main .np-bank .gk-konten li.bz-konto>.bank-beleg{grid-area:beleg; font-size:15px; font-weight:400; color:var(--ap-zweit); padding:0; background:none}
body.np main .np-bank .gk-konten li.bz-konto>.gk-bearbeiten{grid-area:knopf; justify-self:end}
body.np main .np-bank .gk-konten li.bz-konto:not(#np-x){grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"wer betrag knopf" "beleg beleg beleg"}
body.np main .np-bank .gk-konten li.bz-konto>.gk-bearbeiten:not(#np-x){align-self:center; margin:0 0 0 8px}
body.np main .np-bank .gk-konten li.bz-konto:not(#np-x)>:is(.bank-wer,.bank-betrag){align-self:center}
body.np main .np-bank-kasse .kasse:not(#np-x){max-width:none}
body.np dialog#gk-blatt-kasse .kasse-form .reihe{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr)); min-width:0; max-width:100%}
body.np dialog#gk-blatt-kasse .kasse-form .reihe>label{min-width:0; max-width:100%}
body.np dialog#gk-blatt-kasse .kasse-form :is(input,select){max-width:100%; box-sizing:border-box}
body.np main .np-bank-kasse .kasse-stand:not(#np-x){background:var(--ap-karte); border:0; border-radius:var(--ap-rund-karte); box-shadow:none}
body.np main .np-bank-kasse .kasse-stand .was:not(#np-x){color:var(--ap-zweit); font-weight:400}
body.np :is(main .np-bank-kasse,dialog#gk-blatt-kasse) details:not(.zahl-i):not(.np-ra-mehr)>summary{list-style:none; display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; color:var(--ap-akzent-text)}
body.np :is(main .np-bank-kasse,dialog#gk-blatt-kasse) details:not(.zahl-i):not(.np-ra-mehr)>summary::-webkit-details-marker{display:none}
body.np :is(main .np-bank-kasse,dialog#gk-blatt-kasse) details:not(.zahl-i):not(.np-ra-mehr)>summary::after{content:"\203A"; color:var(--ap-zweit); transition:transform .2s}
body.np :is(main .np-bank-kasse,dialog#gk-blatt-kasse) details[open]:not(.zahl-i):not(.np-ra-mehr)>summary::after{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){body.np :is(main .np-bank-kasse,dialog#gk-blatt-kasse) details:not(.zahl-i):not(.np-ra-mehr)>summary::after{transition:none}}
body.np main .np-bank .bank-hilfe .bw-treffer>li.karte:not(#np-x){ padding:0; margin:0}
body.np main .np-bank .bw-anleitung>summary:not(#np-x)::before{content:none}
body.np main .np-bank .bw-anleitung>summary:not(#np-x)::after{content:"\203A"; color:var(--ap-zweit); margin-left:8px; transition:transform .2s}
body.np main .np-bank .bw-anleitung[open]>summary:not(#np-x)::after{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){body.np main .np-bank .bw-anleitung>summary:not(#np-x)::after{transition:none}}
body.np main .np-bank-verbinden nav.bw-reiter:not(#np-x){display:inline-flex; gap:0; padding:4px; margin:0 0 16px; border-radius:999px; background:var(--ap-fuellung)}
body.np main .np-bank-verbinden nav.bw-reiter a:not(#np-x){border:0; border-radius:999px; padding:0 16px; color:var(--np-tinte); font-weight:400; background:none}
body.np main .np-bank-verbinden nav.bw-reiter a[aria-current=page]:not(#np-x){background:var(--ap-karte); font-weight:600; box-shadow:var(--ap-schatten-1)}
body.np main .np-bank-verbinden ol.bw-schritte:not(#np-x){position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; margin:-1px; padding:0; border:0}
body.np main .np-bank-verbinden .np-bank-ablage .np-ablage:not(#np-x){border:0; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:none}
body.np main .np-bank-verbinden .np-bank-ablage .np-ablage:not(#np-x) b{color:var(--ap-akzent-text)}
body.np main .np-bank-verbinden :is(span,p).fein:not(#np-x){font-size:15px; color:var(--ap-zweit)}
body.np main .gk-geldkopf h1:not(#np-x){font-size:34px; font-weight:700; line-height:1.15; margin:0}
body.np main .gk-geldkopf p:not(#np-x){margin:4px 0 0; font-size:17px; color:var(--ap-zweit)}
@media (max-width:700px){
  body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug){grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"titel werkzeug"}
  body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug):has(.gk-suche){grid-template-areas:"titel werkzeug" "suche suche"}
  body.np main .np-bank .gk-werkzeug{display:contents}
  body.np main .np-bank .gk-werkzeug>.gk-suche{grid-area:suche}
  body.np main .np-bank .gk-knoepfe{grid-area:werkzeug; justify-self:end}
  body.np main .np-bank .gk-knoepfe>.np-knopf:has(>svg),body.np main .np-bank .gk-knoepfe>form>.np-knopf:has(>svg){width:44px; height:44px; min-height:44px; padding:0; justify-content:center; border-radius:50%; gap:0}
  body.np main .np-bank .gk-knoepfe .np-knopf>svg{width:20px; height:20px}
  body.np main .np-bank .gk-knoepfe .np-knopf:has(>svg)>span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}
  body.np main .np-bank .np-bank-kopf:has(>.gk-werkzeug):has(.gk-mini){grid-template-areas:"titel werkzeug" "suche suche"}
  body.np main .np-bank .gk-werkzeug>.gk-mini{grid-area:suche; justify-self:start}
  body.np main .np-bank .gk-suche .np-bank-suche{flex:1 1 auto}
  body.np main .np-bank .gk-suche .np-filter-inhalt{position:fixed; left:8px; right:8px; top:auto; bottom:calc(8px + env(safe-area-inset-bottom)); width:auto; max-height:70vh; overflow:auto}
  body.np main .np-bank .np-bank-liste>.np-bank-z>.np-t>span{display:none}
}
@media (prefers-reduced-transparency:reduce){body.np main .np-bank .gk-suche .np-filter-inhalt,body.np main .np-bank form.gk-ziehen .np-ablage.zieht{background:var(--ap-karte); -webkit-backdrop-filter:none; backdrop-filter:none}}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld{--gd-tinte:var(--ap-tinte,#121815); --gd-grau:var(--ap-zweit,#5b6560); --gd-gruen:var(--ap-akzent-text,#247a33);
  --gd-linie:var(--io-haarlinie,rgba(18,24,21,.08)); --gd-flaeche:rgba(155,168,171,.22);
  --gd-seg:var(--io-seg-wahl,#fff); --gd-kapsel:#4A5C6A; --gd-orange:#e8890c; --gd-rot:#b8261a;
  max-width:none; margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>*{max-width:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gs-kopf.gd-kopf[data-gs-kopf]{display:block; container-type:inline-size; margin:12px 0 var(--m-kopf-abst,24px);
  padding:var(--m-kopf-pad-o,18px) var(--m-pad-s,24px) var(--m-pad-u,16px)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf-zeile{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--m-luecke,10px); margin:0; padding:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf-zeile>.gd-titel{flex:none; display:block}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf-zeile h1{margin:0; font-size:var(--m-h1,34px); line-height:var(--m-h1-lh,41px); font-weight:700; letter-spacing:var(--m-h1-ls,-.022em); color:var(--gd-tinte)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug{display:flex; align-items:center; gap:var(--m-luecke,10px); flex:1 1 auto; min-width:max-content; justify-content:flex-end}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug>details.np-ra-mehr{margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-unten{margin-top:16px; padding:0; background:none; box-shadow:none; border:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-label{position:relative}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-label>details.np-info{display:inline-flex; align-items:center; height:var(--m-klein-lh,18px); margin:0 0 0 6px; vertical-align:top}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-label>details.np-info>summary{display:inline-grid; place-items:center; width:44px; height:44px; min-height:0; margin:-14px; padding:0; border-radius:50%; font-size:11px; line-height:1;
  color:var(--gd-grau); box-shadow:none; background:radial-gradient(circle,transparent 0 6.8px,currentColor 6.8px 8px,transparent 8.1px); cursor:pointer}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-label>details.np-info>div{position:absolute; z-index:5; left:0; top:24px; width:min(320px,70vw); font-weight:400}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-label{display:block; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); font-weight:600; color:var(--gd-grau)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-gross{display:block; font-size:var(--m-gross,34px); line-height:var(--m-gross-lh,41px); font-weight:700; letter-spacing:var(--m-h1-ls,-.022em);
  color:var(--gd-tinte); font-variant-numeric:tabular-nums}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-gross.np-betrag.minus{color:var(--gd-rot)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; width:100%!important; max-width:none!important; justify-self:stretch; height:var(--m-schalter,38px); padding:3px;
  box-sizing:border-box; border-radius:999px; background:var(--gd-flaeche); margin:16px 0 0; overflow:visible; -webkit-mask-image:none; mask-image:none; gap:0; border:0; box-shadow:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a{display:flex; align-items:center; justify-content:center; height:var(--m-schalter-k,32px); min-height:0; border-radius:999px;
  font-size:var(--m-schalter-fs,13px); line-height:18px; font-weight:600; color:var(--gd-grau); text-decoration:none; white-space:nowrap; padding:0 13px; margin:0;
  background:none; box-shadow:none; border:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a[aria-current]{background:var(--gd-seg); color:var(--gd-tinte);
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a::after,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a::before{display:none}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-kapsel{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:var(--m-knopf,42px); min-height:0; padding:0 var(--m-knopf-px,22px);
  border-radius:999px; box-sizing:border-box; border:0; font:inherit; font-size:var(--m-knopf-fs,16px); font-weight:600; line-height:20px; text-decoration:none;
  white-space:nowrap; flex:none; margin:0; cursor:pointer; letter-spacing:inherit; background:var(--gd-kapsel,#4A5C6A); background-image:none; color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-kapsel svg{color:#fff; margin-left:-4px}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche) .gd-rund-leise,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug summary.np-ra-mehrknopf{display:inline-grid; place-items:center; width:var(--m-knopf,42px); height:var(--m-knopf,42px);
  min-height:0; min-width:0; padding:0; border:0; border-radius:999px; background:var(--ap-fuellung-hoch,rgba(255,255,255,.85)); color:var(--gd-tinte,#121815); flex:none; cursor:pointer;
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-raster{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--m-abst,16px); margin:0 0 var(--m-abst,16px)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-raster>*{margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-breit2{grid-column:span 2}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-raster.gd-wallet{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-raster.gd-wallet>.gd-breit2{grid-column:auto}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k{border-radius:var(--m-rad,24px); padding:var(--m-pad-o,22px) var(--m-pad-s,24px) var(--m-pad-u,16px); box-sizing:border-box; color:#fff;
  display:flex; flex-direction:column; justify-content:space-between; gap:24px; min-height:134px;
  background:linear-gradient(135deg,#2b2f33 0%,#141618 60%,#22262a 100%); box-shadow:0 18px 40px -16px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.16)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .oben,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .unten{display:flex; align-items:center; justify-content:space-between; gap:var(--m-luecke,10px)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .bank-wort{font-weight:700; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); letter-spacing:-.02em; color:#fff}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .ok{font-size:var(--m-klein,13px); line-height:18px; display:flex; gap:7px; align-items:center; color:rgba(255,255,255,.8)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .nm{display:block; min-width:0; color:#fff; text-decoration:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .nm b{display:block; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:#fff}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .nm small{display:block; font-size:var(--m-klein,13px); line-height:var(--m-text-lh,20px); color:rgba(255,255,255,.78); margin-top:2px}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .gd-saldo{display:block; margin-top:2px; font-size:var(--m-betrag,17px); font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; color:#fff}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .np-bank-rund-form{display:contents; margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .np-bank-rund{width:var(--m-knopf,42px); height:var(--m-knopf,42px); min-height:0; min-width:0; margin:0; padding:0; border:0; border-radius:999px;
  display:grid; place-items:center; background:rgba(255,255,255,.14); color:#7fd18a; flex:none; box-shadow:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .np-bank-rund svg{width:20px; height:20px}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-plus{border-radius:var(--m-rad,24px); border:2px dashed rgba(74,92,106,.35)!important; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; box-sizing:border-box; min-height:134px; padding:0; margin:0; font:inherit; color:var(--gd-tinte); background:var(--ap-fuellung-hoch,rgba(255,255,255,.8));
  font-weight:600; font-size:var(--m-zt,17px); line-height:25px; letter-spacing:inherit; cursor:pointer; box-shadow:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-plus .p{display:grid; place-items:center; width:var(--m-knopf,42px); height:var(--m-knopf,42px); border-radius:999px; background:var(--gd-kapsel); color:#fff}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .np-bank-umsaetze{margin:0; padding:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen{margin:0; padding:0; border:0; background:none; box-shadow:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.np-bank-oben:empty{display:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld section.np-karte.gd-monat{margin:0 0 var(--m-abst,16px); border-radius:var(--m-rad,24px); padding:var(--m-pad-o,22px) var(--m-pad-s,24px) var(--m-pad-u,16px); box-sizing:border-box; display:block}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld section.np-karte.gd-monat::before{display:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; column-gap:16px; min-height:44px}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk>.gd-kk-r{margin-left:auto}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk h2{margin:0; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); font-weight:600; letter-spacing:-.012em; color:var(--gd-tinte); position:static; width:auto; height:auto; clip:auto; overflow:visible}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk-r{font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:400; color:var(--gd-grau)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk-r b{color:var(--gd-gruen); font-weight:600}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kk-r span{color:inherit; font-weight:inherit}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-nur-vorleser,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld p.gd-nur-vorleser,:is(body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche) .gd-nur-vorleser{position:absolute; margin:0; padding:0; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-zeilen>.np-bank-z,:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-z{display:flex; align-items:center; gap:var(--m-sym-abst,14px); min-height:var(--m-zeile,64px);
  padding:var(--m-zeile-py,10px) 0; margin:0; box-sizing:border-box; text-decoration:none; color:var(--gd-tinte,#121815); position:relative; border:0; border-radius:0;
  background:none; box-shadow:none; grid-template-columns:none; width:auto}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-zeilen>.np-bank-z::after,:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-z::after{display:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z::before{display:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z+.np-bank-z::before,:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-z+.gd-z::before{content:""; display:block; position:absolute; left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px)); right:0; top:0;
  height:0; width:auto; border:0; border-top:1px solid var(--gd-linie,rgba(18,24,21,.08)); background:none; border-radius:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z[hidden]{display:none}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-links{width:var(--m-sym,38px); flex:none; display:grid; place-items:center}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-wer{flex:1; min-width:0; display:block}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-wer b{display:block; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--gd-tinte,#121815); text-wrap:pretty}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-wer small{display:block; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:400; color:var(--gd-grau,#5b6560); margin-top:2px; text-wrap:pretty}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-wer small time{color:inherit; font:inherit; margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.np-betrag{font-size:var(--m-betrag,17px); line-height:22px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--gd-tinte);
  text-align:right; min-width:120px; flex:none; margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.np-betrag.plus{color:var(--gd-gruen)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-chev{width:var(--m-chev,8.2px); flex:none; font-size:20px; line-height:22px; color:var(--gd-grau); text-align:right; overflow:visible}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-stand{display:flex; align-items:center; gap:7px; color:var(--gd-grau); font-size:var(--m-klein,13px); line-height:1.47; width:92px; flex:none}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-stand+.gd-stand{width:auto; margin-left:-6px}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-punkt{display:inline-block; width:9px; height:9px; border-radius:50%; flex:none}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-punkt.gruen{background:#34b14a} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-punkt.orange{background:var(--gd-orange,#e8890c)}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-punkt.rot{background:var(--gd-rot,#b8261a)} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-punkt.grau{background:#b5bdb9}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-kreis{width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:50%; flex:none; display:grid; place-items:center; color:#fff; font-weight:600;
  font-size:var(--m-text,15px); line-height:1; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 8px -3px rgba(0,0,0,.3)}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f0{background:#2f6bd0} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f1{background:#6450d8} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f2{background:#2b2f33} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f3{background:#a85706}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f4{background:#b05634} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f5{background:#e0412f} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f6{background:#16998d} :is(body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto) .gd-f7{background:#2e9440}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .np-bank-umsaetze>p.np-zart,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .np-bank-umsaetze>p.gk-fussnote,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .np-bank-umsaetze>p.np-leer{margin:0 0 var(--m-abst,16px)}
body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld p.gd-summen{margin:0 0 var(--m-abst,16px); font-size:var(--m-klein,13px); color:var(--gd-grau)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto{width:min(1180px,calc(100vw - 48px)); max-width:none; max-height:calc(100vh - 48px); border-radius:var(--m-rad,24px); padding:0!important; box-sizing:border-box;
  --gd-tinte:var(--ap-tinte,#121815); --gd-grau:var(--ap-zweit,#5b6560); --gd-linie:var(--io-haarlinie,rgba(18,24,21,.08)); --gd-kapsel:#4A5C6A}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche)>.np-f-innen{padding:var(--m-pad-o,22px) var(--m-pad-s,24px) var(--m-pad-s,24px); box-sizing:border-box; max-height:calc(100vh - 48px); overflow:auto}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche) .gd-fenster-kopf{display:flex; align-items:center; justify-content:space-between; gap:var(--m-luecke,10px); margin:0 0 16px; padding:0; min-height:0; height:auto; border:0}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche) .gd-fenster-kopf>.gd-rund-leise{margin:0!important; width:var(--m-knopf,42px)!important; height:var(--m-knopf,42px)!important; min-width:0!important; min-height:0!important; padding:0!important}
:is(body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto,body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche) .gd-fenster-kopf h2{margin:0!important; padding:0!important; min-height:0; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); font-weight:600; letter-spacing:-.012em; color:var(--ap-tinte,#121815)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-schritte{display:flex; gap:16px; align-items:stretch}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini{flex:1; min-width:0; border-radius:16px; background:var(--ap-fuellung-hoch,rgba(255,255,255,.8)); padding:16px; box-sizing:border-box}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini.an{box-shadow:0 0 0 3px rgba(74,92,106,.25)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini.gd-noch{opacity:.55}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini-kopf{display:flex; align-items:center; gap:var(--m-luecke,10px); margin-bottom:12px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini-kopf b{font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--gd-tinte)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-kreis.gd-schritt{background:#66737d; font-weight:600}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini.an .gd-kreis.gd-schritt{background:#4A5C6A}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-z{min-height:52px!important; padding:7px 0!important}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-z+.gd-z::before{display:none!important}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-sym{display:grid; place-items:center; width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:var(--m-sym-rad,10px); color:#fff; flex:none;
  background:linear-gradient(180deg,#6d808f,#4A5C6A); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto p.gd-mini-satz{margin:0 0 6px; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); color:var(--gd-grau); text-wrap:pretty}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-zeiten+p.gd-nach{margin:12px 0 0}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto p.gd-mini-satz.gd-vor{margin:0 0 12px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini-knopf{margin-top:12px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-such-form{margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-suche{margin:0; display:flex; align-items:center; gap:8px; height:var(--m-knopf,42px); padding:0 16px; border-radius:999px; background:rgba(155,168,171,.22)!important; border:0!important; box-shadow:none!important;
  color:var(--gd-grau); font-size:var(--m-text,15px); box-sizing:border-box}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-suche input{flex:1; min-width:0; border:0!important; background:none!important; box-shadow:none!important; width:auto; padding:0; margin:0; height:auto; min-height:0; box-shadow:none; font:inherit; font-size:var(--m-text,15px); color:var(--gd-tinte); outline:none}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-zeiten{display:grid; grid-template-columns:1fr 1fr; gap:8px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-zeit{border-radius:12px; background:rgba(74,92,106,.12); height:var(--m-knopf,42px); display:grid; place-items:center; font-size:var(--m-zt,17px); font-weight:600; color:var(--gd-tinte)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-fertig{text-align:center; padding-top:8px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-fertig-kreis{width:64px; height:64px; margin:0 auto; border-radius:50%; display:grid; place-items:center; color:#fff; background:#2e9440;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 8px -3px rgba(0,0,0,.3)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-fertig>b{display:block; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); margin-top:14px; color:var(--gd-tinte)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-fertig p.gd-mini-satz{margin:4px 0 16px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto p.gd-notweg{margin:16px 0 0; text-align:center; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); color:var(--gd-grau)}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-still{border:0; background:none; padding:0; margin:0; min-height:0; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:2px; cursor:pointer}
@media (max-width:1100px){body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-schritte{flex-wrap:wrap} body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini{flex:1 1 calc(50% - 8px)}}
@media (max-width:1024px){body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf .gd-kapsel,body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug summary.np-ra-mehrknopf{height:44px; min-height:44px}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf .gd-kapsel{min-width:44px} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .np-bank-rund{width:44px; height:44px}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter{height:50px} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a{height:44px}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug .np-ra-menue{max-height:calc(100dvh - 220px); overflow-y:auto; overscroll-behavior:contain}}
@media (max-width:700px){body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-mini{flex:1 1 100%}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-raster{grid-template-columns:minmax(0,1fr)} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-breit2{grid-column:auto}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-plus{min-height:0; flex-direction:row; padding:14px}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z{flex-wrap:wrap; row-gap:2px} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.np-betrag{min-width:0}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.gd-stand{order:5; width:auto; flex:1 0 100%; padding-left:48px; box-sizing:border-box}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.gd-stand:empty{display:none} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.gd-stand+.gd-stand{margin-left:0}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z>.gd-chev{order:4}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug .np-ra-menue{bottom:calc(96px + env(safe-area-inset-bottom,0px)); max-height:calc(100dvh - 240px)}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug{min-width:0; flex:none}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf .gd-kapsel{width:44px; padding:0} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf .gd-kapsel>span{display:none} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kopf .gd-kapsel svg{margin:0}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter{display:grid; grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-columns:auto; height:auto; min-height:50px; border-radius:var(--m-rad,24px); overflow:visible}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a{width:auto!important; min-width:0; padding:0 10px}
  body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-zeilen>.np-bank-z{gap:10px} body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-links{display:grid!important}}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto::backdrop{background:rgba(20,28,32,.28); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche{width:min(640px,calc(100vw - 32px)); max-width:none; border-radius:var(--m-rad,24px); padding:0!important}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .np-f-leib{padding:0!important; margin:0}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .np-filterleiste{display:block; margin:0; padding:0}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .np-filterleiste form.np-suchleiste{width:auto; margin:0 0 12px}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche details.np-filter>summary{display:none}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .np-filter-inhalt{position:static!important; inset:auto!important; width:auto!important; max-width:none!important; margin:0!important; box-shadow:none!important; transform:none!important}
body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .np-filter-inhalt .np-schalter{flex-wrap:wrap; height:auto; max-width:100%; overflow:visible}


body.np .rechnungsseite .re-gruppe{margin:0 0 var(--ap-2)}
body.np .rechnungsseite .re-gruppe>.feld-reihe,body.np .rechnungsseite .re-gruppe .feld.breit{margin:0}
body.np .rechnungsseite .re-gruppe .feld.breit+.feld.breit{margin-top:var(--ap-2)}
body.np .rechnungsseite .re-gruppe-satz{margin:0 0 var(--ap-2); color:var(--ap-zweit)}
body.np .rechnungsseite .re-gruppe .re-hinweis{margin:var(--ap-1) 0 0}
body.np .rechnungsseite .re-gruppe label.ap-schalter:first-of-type{margin-top:0}
body.np .rechnungsseite details.re-gruppe>summary{display:flex; align-items:center; min-height:44px; cursor:pointer; font-weight:600}
body.np .rechnungsseite details.re-gruppe[open]>summary{margin-bottom:var(--ap-2)}
body.np .rechnungsseite .re-zm-wahl{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1) var(--ap-2); margin:0 0 var(--ap-2)}
body.np .rechnungsseite .re-zm-wahl .np-schalter{display:inline-flex; margin:0}
body.np .rechnungsseite .re-zm-gruppe{display:inline-flex; align-items:center; gap:var(--ap-1)}
body.np .rechnungsseite .re-zm-wahl .np-schalter a{min-height:44px; min-width:44px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center}
body.np .np-re .np-seitenkopf form{margin:0}
body.np .np-re-kenn{display:flex; align-items:flex-end; gap:16px 28px; flex-wrap:wrap}
body.np .np-re-kenn a.np-gross{display:block; color:var(--np-tinte); text-decoration:none}
body.np .np-re-kenn a.np-gross:hover{color:var(--np-link)}
body.np .np-re-kenn .np-info{vertical-align:middle}
body.np .np-re-ueber{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-left:auto}
body.np .np-re-ueber a.np-pille{text-decoration:none; min-height:44px; padding:4px 14px}
body.np .np-re-ueber a.np-pille.re-warn{background:color-mix(in oklab,var(--np-rot-tief) 14%,transparent); color:var(--np-rot-tief); box-shadow:none}
body.np .np-re-ueber form,body.np .np-re-alle{margin:0}
body.np .np-re-werkzeug .np-schalter{max-width:100%; overflow-x:auto; scrollbar-width:none}
body.np .np-re-werkzeug .np-schalter::-webkit-scrollbar{display:none}
body.np .np-re-werkzeug .np-schalter a{white-space:nowrap; flex:none}
body.np .np-re-liste{padding:8px 16px}
body.np .np-re-liste .np-zeile{text-decoration:none; color:inherit; min-height:56px; flex-wrap:nowrap}
body.np .np-re-zz{display:flex; align-items:center; gap:2px; border-bottom:1px solid var(--np-linie)}
body.np .np-re-zz:last-child{border-bottom:0}
body.np .np-re-zz>a.np-zeile{flex:1 1 auto; min-width:0; border-bottom:0}
body.np .np-re-kopie{flex:none; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; color:var(--np-grau)}
body.np .np-re-leer{visibility:hidden; pointer-events:none}
body.np .np-re-kopie:hover{background:var(--np-gruen-hauch); color:inherit}
body.np .np-re-liste .np-zeile .np-pille{flex:none; text-decoration:none}
body.np .np-re-liste .np-zeile .np-betrag{min-width:104px; text-align:right}
body.np .np-re-zwei{color:var(--np-tinte) !important; font-weight:600}
body.np .np-re-zwei span{display:inline !important; color:inherit !important}
body.np a.np-re-draussen{display:flex; min-height:44px; align-items:center; padding:0 4px}
body.np .np-re-leise{display:flex; gap:6px 22px; flex-wrap:wrap; margin:4px 4px 0}
body.np .np-re-leise details{font-size:13px}
body.np .np-re-leise summary,body.np details.np-re-klapp>summary{cursor:pointer; color:var(--np-grau); font-weight:600; font-size:13px; min-height:44px; display:inline-flex; align-items:center; gap:6px}
body.np .np-re-leise summary:hover,body.np details.np-re-klapp>summary:hover{color:var(--np-tinte)}
body.np .np-re-leise p{display:flex; flex-wrap:wrap; gap:2px 18px; margin:0 0 8px}
body.np .np-re-leise p a{display:inline-flex; min-height:36px; align-items:center; color:var(--np-link); font-weight:600; text-decoration:none}
body.np .np-re-leise p a:hover{text-decoration:underline}
body.np .np-re-leise p a[aria-current]{color:var(--np-tinte)}
body.np .np-re-wahl{max-height:52vh; overflow:auto; margin:6px 0}
body.np .np-re-wahl .np-zeile{text-decoration:none; color:inherit; padding:10px 8px}
body.np .np-re-fremd{margin:10px 0 0}
body.np details.np-re-klapp{margin:6px 0 10px}
body.np details.np-re-klapp[open]>summary{color:var(--np-tinte)}
body.np .np-re-fund{margin:0 6px}
body.np .np-re-auto details.np-re-fund>div{left:auto; right:-8px; transform-origin:top right}
body.np .np-re .np-zeile .np-t b,body.np .np-re .np-zeile .np-betrag{font-size:15px}
body.np .np-re-giro{display:flex; gap:18px 28px; align-items:center; flex-wrap:wrap; margin:16px 0; max-width:760px}
body.np .np-re-giro>div{flex:1 1 300px; min-width:0}
body.np .np-re-giro h2{margin:0 0 4px; font-size:17px}
body.np .np-re-giro p{margin:0 0 10px; color:var(--np-grau); font-size:13px}
body.np .np-re-giro.ohne p{margin:0; color:var(--np-tinte)}
body.np .np-re-giro dl{margin:0; display:grid; gap:4px}
body.np .np-re-giro dl div{display:flex; gap:10px; font-size:13px}
body.np .np-re-giro dt{color:var(--np-grau); flex:0 0 128px}
body.np .np-re-giro dd{margin:0; font-weight:600; overflow-wrap:anywhere}
body.np .np-re-code{margin:0 0 0 auto; text-align:center; flex:none}
body.np .np-re-code svg,body.np .np-re-code img{display:block; width:148px; height:148px; background:#fff; border-radius:12px; padding:6px; box-sizing:border-box; margin:0 auto}
body.np .np-re-code figcaption{font-size:12px; color:var(--np-grau); margin-top:4px; max-width:240px}
body.np .np-re-code.gross{margin:0 auto}
body.np .np-re-code.gross img{width:240px; height:240px}
body.np .np-re-teilzeile{font-weight:600; margin:10px 0 0}
body.np .np-re-angaben{margin:0 0 14px}
body.np .np-re-mahn{flex-wrap:wrap}
body.np .np-re-ls h2{margin:0 0 4px; font-size:17px}
body.np .np-re-ls-liste{margin:10px 0}
body.np .np-re-ls-zeile{cursor:pointer; min-height:44px; gap:12px}
body.np .np-re-ls-zeile input{width:20px; height:20px; flex:0 0 auto; accent-color:var(--np-gruen-tief)}
body.np .np-re-ls-fehlt{flex:0 1 220px; font-size:13px; color:var(--np-rot-tief)}
body.np .np-re-ls-alt a{color:var(--np-link); font-weight:600; display:inline-flex; min-height:44px; align-items:center}
body.np .np-re-mahn a.np-t{text-decoration:none; color:inherit; flex:1 1 260px; display:flex; flex-direction:column; justify-content:center; min-height:44px}
body.np :is(.np-re,.np-ra-ansicht) .np-pille{font-size:13px}
body.np .np-re-mahn a.np-t>span.re-hinweis{font-size:15px; color:var(--ap-zweit)}
body.np ol.st-zeit a{display:inline-flex; align-items:center; min-height:44px}
body.np main button.np-knopf.klein[data-np-auf="np-re-angebote"]{min-height:44px; height:auto}
body.np main :is(table.re-tabelle,table.re-positionen) th,body.np .np-ra-ansicht th,body.np .np-ra-ansicht .marke{font-size:13px}
body.np .np-ra-ansicht .knopf-leise{font-size:15px}
body.np .np-ra-ansicht section[aria-labelledby=re-senden] form.re-zeile-form>button{margin:0; min-height:48px; height:48px}
body.np a#np-re-nummer-aendern{display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px}
body.np .np-re-akt{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
body.np .np-re-akt form{margin:0}
body.np h2.np-re-abschnitt{font-size:15px; font-weight:600; margin:18px 0 8px; color:var(--np-tinte)}
body.np .np-re-auto h2{font-size:15px; font-weight:600; margin:0 0 4px}
body.np .np-re-autoform{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:8px 0 0}
body.np .np-re-autoform label{display:inline-flex; align-items:center; gap:8px; min-height:44px}
body.np .np-re-autoform input[type=checkbox]{width:22px; height:22px}
body.np .np-re-autoform input[type=number]{width:72px; min-height:44px; font:inherit; padding:0 8px}
body.np a.np-re-qr{display:block; width:44px; height:44px; border-radius:8px; background:#fff; box-shadow:inset 0 0 0 1px var(--np-linie); padding:3px; box-sizing:border-box}
body.np a.np-re-qr img{display:block; width:38px; height:38px}
body.np #np-re-stufen section.karte{ padding:0;}
body.np .np-re-auto{display:flex; gap:10px 18px; align-items:center; flex-wrap:wrap; padding:14px 20px; margin:0 0 14px}
body.np .np-re-auto .np-t{display:flex; flex-direction:column; flex:1 1 260px; min-width:0}
body.np .np-re-auto .np-t span{color:var(--np-grau); font-size:13px}
body.np .np-re-auto form{margin:0}
body.np .np-re-auto .np-knopf{min-height:44px}
body.np h2.np-re-gruppe{font-size:15px; margin:18px 4px 8px}
body.np .np-re-brief{display:flex; gap:14px 40px; flex-wrap:wrap; align-items:flex-start; background:var(--np-karte); border-radius:22px; box-shadow:var(--np-schatten); padding:18px 24px; margin:0 0 14px}
body.np .np-re-brief>div{display:flex; flex-direction:column; min-width:0}
body.np .np-re-brief small{color:var(--np-grau); font-size:12px}
body.np .np-re-brief b{font-size:16px}
body.np .np-re-brief span{color:var(--np-grau); font-size:13px}
body.np .np-re-brief .np-re-ueb{margin-left:auto; align-self:center}
body.np .np-re-nrfeld{display:flex; flex-direction:column; gap:2px}
body.np .np-re-nrfeld[hidden]{display:none}
body.np .np-re-nrfeld>span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np .np-re-nrfeld input{font:inherit; font-size:16px; font-weight:650; font-variant-numeric:tabular-nums; min-height:44px; width:min(16rem,100%); padding:0 12px; margin-left:-12px}
body.np .np-re-nrfeld small{font-size:13px}
body.np .np-re-brief span a{color:var(--np-link); font-weight:600; display:inline-flex; min-height:44px; align-items:center}
body.np .np-re-vorlage{padding:8px 18px; margin:0 0 14px}
body.np .np-re-vorlage .np-zeile{gap:10px 16px; flex-wrap:wrap}
body.np .np-re-vorlage .np-knopf{min-height:44px; height:44px}
body.np .np-re-such{position:relative; display:block}
body.np .np-re-such[hidden]{display:none}
body.np .np-re-such input{width:100%; box-sizing:border-box}
body.np .np-re-such-zeile{display:flex; gap:8px; align-items:stretch}
body.np .np-re-such-zeile input{flex:1 1 auto; min-width:0}
body.np .np-re-such-zeile .np-knopf{flex:none; min-height:44px}
body.np #np-re-kundenliste li.kopf{font-size:12px; color:var(--np-grau); min-height:28px; cursor:default; padding:6px 12px 2px}
body.np #np-re-kundenliste li.kopf:hover{background:none}
body.np .np-re-doppelt{display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 0}
body.np ul.np-re-vorschlag,body.np #np-re-kundenliste{position:absolute; z-index:40; left:0; right:0; top:100%; margin:4px 0 0; padding:6px; list-style:none; background:var(--np-karte); border-radius:16px; box-shadow:var(--np-schatten-hoch); max-height:280px; overflow:auto; min-width:240px}
body.np ul.np-re-vorschlag[hidden],body.np #np-re-kundenliste[hidden]{display:none}
body.np ul.np-re-vorschlag li,body.np #np-re-kundenliste li{padding:10px 12px; border-radius:10px; cursor:pointer; font-size:15px; min-height:44px; box-sizing:border-box; display:flex; align-items:center; gap:8px; justify-content:space-between}
body.np ul.np-re-vorschlag li small,body.np #np-re-kundenliste li small{color:var(--np-grau); font-size:12px; white-space:nowrap}
body.np ul.np-re-vorschlag li[aria-selected=true],body.np #np-re-kundenliste li[aria-selected=true],body.np ul.np-re-vorschlag li:hover,body.np #np-re-kundenliste li:hover{background:var(--np-gruen-hauch)}
body.np #np-re-kundenliste li.neu{color:var(--np-gruen-tief); font-weight:600}
body.np .np-re-pos{position:relative}
body.np form.np-re-an select#re-partner{display:none}
body.np form.np-re-an .re-live{display:none}
body.np form.np-re-an .np-re-such~small{display:none}
body.np .np-re-angaben .angaben{display:flex; gap:10px 34px; flex-wrap:wrap}
body.np .np-re-angaben .angabe .was{color:var(--np-grau); font-size:13px}
body.np .np-re-angaben .angabe .wert{font-weight:700; font-size:17px; letter-spacing:-.01em}
body.np .np-re-gs{margin:14px 0}
body.np form.np-re-an #re-artikel{display:none !important}
body.np .np-re-summe{display:flex; gap:18px 32px; flex-wrap:wrap; align-items:flex-start; background:var(--np-karte); border-radius:22px; box-shadow:var(--np-schatten); padding:18px 24px; margin:12px 0 14px}
body.np .np-re-zahlen{flex:1 1 280px; min-width:0}
body.np .np-re-zahlen dl{margin:0; max-width:420px}
body.np .np-re-zahlen dl>div{display:flex; justify-content:space-between; gap:16px; padding:4px 0; font-size:15px}
body.np .np-re-zahlen dd{margin:0; white-space:nowrap}
body.np .np-re-zahlen dl>div.summe{font-weight:700; font-size:20px; letter-spacing:-.02em; border-top:1px solid var(--np-linie); margin-top:6px; padding-top:10px}
body.np .np-re-zahlen .np-re-hinweis{color:var(--np-rot-tief); font-size:13px; margin:8px 0 0}
body.np .np-re-vorschau{flex:none; margin-left:auto; text-align:center; max-width:260px}
body.np .np-re-vorschau p{font-size:13px; color:var(--np-grau); margin:0; text-align:left}
body.np .np-re-kform{display:grid; gap:10px}
body.np .np-re-kform label.feld{display:grid; gap:4px; font-size:13px}
body.np .np-re-kform input{height:44px; padding:0 12px; width:100%; box-sizing:border-box}
body.np .np-re-zwei-f{display:grid; grid-template-columns:110px 1fr; gap:10px}
body.np .np-re-kfehler{color:var(--np-rot-tief); font-weight:600; margin:0}
body.np .np-re-kfehler[hidden]{display:none}
body.np form.np-re-ang{flex-wrap:wrap}
@media (max-width:700px){
  body.np .np-re-liste{padding:6px 10px}
  body.np .np-re-liste .np-zeile{flex-wrap:wrap; gap:4px 10px}
  body.np .np-re-liste .np-zeile .np-t{flex:1 1 100%}
  body.np .np-re-liste .np-zeile .np-betrag{margin-left:auto; min-width:0}
  body.np .np-re-werkzeug .np-rechts{margin-left:0}
  body.np .np-re-ueber{margin-left:0}
  body.np .np-re-code{margin:0 auto}
  body.np .np-re-vorschau{margin:0 auto}
  body.np .np-re-brief .np-re-ueb{margin-left:0}
  body.np .np-re .np-knopf.klein,body.np .np-re-akt .np-knopf{height:44px; min-height:44px}
}
body.np .re-schieben .np-knopf{width:44px; height:44px; min-width:44px; padding:0; justify-content:center; font-size:17px}
body.np label.feld:has(> #np-re-kundensuche){flex-direction:column; align-items:stretch; justify-content:flex-start}
body.np label.feld:has(> #np-re-kundensuche)>*{align-self:stretch; margin-left:0; margin-right:0; text-align:left}
body.np .np-re-such-zeile .np-knopf{height:auto}
body.np #re-entwurf .knopf{min-height:44px}
body.np .re-kopfzeile:has(#hd-oss) .re-filter{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px}
body.np .re-kopfzeile:has(#hd-oss) .re-filter>*{margin:0; align-self:center}
body.np .re-kopfzeile:has(#hd-oss) .re-filter select,body.np .re-kopfzeile:has(#hd-oss) .re-filter .knopf-leise{min-height:44px; box-sizing:border-box}
body.np #re-entwurf .re-knoepfe{display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px}
body.np #re-entwurf .re-knoepfe>.knopf{margin:0; vertical-align:middle}
body.np .an-weg-form .knopf-leise,body.np .an-weg-form .knopf,body.np #verwaltung a.knopf,body.np a.knopf.klein[href*="/artikel"],body.np form[action$="/rechnungen/import"] .knopf{min-height:44px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box}
body.np .re-griff{color:var(--np-grau)}
body.np tr.re-gruppe td{background:var(--np-gruen-hauch)}
body.np tr.re-gruppe textarea{font-weight:650}
body.np tr.re-zwischensumme td{border-top:2px solid var(--np-gruen-tief)}
body.np tr.re-gruppe-kopf td{padding-top:14px}
body.np .re-iban-hinweis{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; background:var(--np-karte); border-radius:18px; box-shadow:var(--np-schatten); padding:14px 20px; margin:0 0 14px}
body.np .re-iban-hinweis p{margin:0; flex:1 1 280px}
body.np .re-iban-hinweis.fehler{box-shadow:inset 0 0 0 2px var(--np-rot-tief), var(--np-schatten)}
body.np .re-iban-hinweis .knopf{min-height:44px}
body.np .np-re-fuss{padding:18px 22px; margin:0 0 14px}
body.np .np-re-fuss h2{font-size:17px; margin:0 0 12px}
body.np .np-re-fuss-raster{display:flex; gap:18px 28px; align-items:flex-start; flex-wrap:wrap}
body.np .np-re-muster{flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--np-gruen-tief); font-weight:600; font-size:13px; text-decoration:none; min-height:44px}
body.np .np-re-muster img{display:block; width:200px; height:auto; aspect-ratio:300/424; background:#fff; border-radius:10px; box-shadow:0 0 0 1px var(--np-linie), var(--np-schatten)}
body.np .np-re-fuss dl{flex:1 1 300px; margin:0; display:flex; flex-direction:column; gap:14px; min-width:0}
body.np .np-re-fuss dt{font-weight:650; margin:0 0 2px}
body.np .np-re-fuss dd{margin:0; color:var(--np-tinte); overflow-wrap:anywhere}
body.np .np-re-fuss dd a{color:var(--np-link); font-weight:600; display:inline-flex; align-items:center; min-height:44px}
body.np .np-re-fuss .np-re-code.klein{margin:8px 0 0}
body.np .np-re-fuss-unter{margin:6px 0 0}
body.np .np-re-fuss .np-re-code.klein{text-align:left; width:max-content; max-width:100%}
body.np .np-re-fuss .np-re-code.klein svg{width:120px; height:120px; margin:0}
body.np .np-re-fuss .np-re-code.klein figcaption{text-align:left; max-width:none}
body.np details.np-ra-mehr{position:relative; display:inline-block}
body.np details.np-ra-mehr>summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:var(--ap-1,8px)}
body.np details.np-ra-mehr>summary::-webkit-details-marker{display:none}
body.np details.np-ra-mehr>summary.np-ra-mehrknopf.rund{width:44px; height:44px; min-height:44px; justify-content:center; border-radius:999px;
  color:var(--ap-zweit,#5B6560); background:transparent}
@media (hover:hover){body.np details.np-ra-mehr>summary.np-ra-mehrknopf.rund:hover{background:var(--ap-fuellung)}}
body.np details.np-ra-mehr[open]>summary.rund{background:var(--ap-fuellung-hoch); color:var(--np-tinte)}
body.np .np-ra-menue{position:absolute; right:0; top:calc(100% + 8px); z-index:60; min-width:280px; width:max-content; max-width:min(92vw,360px); padding:6px;
  border-radius:var(--ap-rund,14px); background:var(--ap-material-dicht); -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter);
  box-shadow:var(--ap-schatten-3); transform-origin:top right;
  transition:transform var(--ap-feder-zeit) var(--ap-feder),opacity .18s ease}
@starting-style{body.np details.np-ra-mehr[open]>.np-ra-menue{transform:scale(.94) translateY(-4px); opacity:0}}
@media (min-width:701px){@supports (anchor-name:--np-ra-x){
  body.np details.np-ra-mehr>summary{anchor-name:--np-ra-anker}
  body.np details.np-ra-mehr>.np-ra-menue{position:fixed; position-anchor:--np-ra-anker; inset:auto; top:calc(anchor(bottom) + 8px); right:anchor(right); left:auto;
    margin:0; position-try-fallbacks:flip-inline}}}
body.np .np-ra-menue form{margin:0; display:block}
body.np main .np-ra-menue .np-ra-punkt{display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:44px; box-sizing:border-box; padding:10px 14px; margin:0;
  border:0; border-radius:10px; background:transparent!important; color:var(--np-tinte)!important; box-shadow:none!important; font:inherit; font-weight:500;
  text-align:left; text-decoration:none; white-space:normal; cursor:pointer; filter:none}
body.np main .np-ra-menue .np-ra-punkt+.np-ra-punkt,body.np main .np-ra-menue form+.np-ra-punkt,body.np main .np-ra-menue .np-ra-punkt+form,
body.np main .np-ra-menue form+form{box-shadow:none}
@media (hover:hover){body.np main .np-ra-menue .np-ra-punkt:hover{background:var(--ap-fuellung)!important}}
body.np main .np-ra-menue .np-ra-punkt:active{background:var(--ap-fuellung-hoch)!important; transform:none}
@media (max-width:700px){
  body.np .np-ra-menue{position:fixed; left:8px; right:8px; top:auto; bottom:calc(8px + env(safe-area-inset-bottom)); max-width:none; min-width:0;
    border-radius:var(--ap-rund-blatt,28px); padding:10px; transform-origin:bottom center;
    transition:transform var(--ap-feder-ruhig-zeit) var(--ap-feder-ruhig),opacity .2s ease}
  @starting-style{body.np details.np-ra-mehr[open]>.np-ra-menue{transform:translateY(40px); opacity:0}}
  body.np details.np-ra-mehr[open]::before{content:""; position:fixed; inset:0; z-index:59; background:rgba(10,18,14,.22)}
  body.np main .np-ra-menue .np-ra-punkt{min-height:52px; font-size:1.0625rem; border-radius:14px}
}
@media (prefers-reduced-motion:reduce){body.np .np-ra-menue{transition:opacity .2s ease} @starting-style{body.np details.np-ra-mehr[open]>.np-ra-menue{transform:none}}}
@media (prefers-reduced-transparency:reduce){body.np .np-ra-menue{background:var(--ap-karte); -webkit-backdrop-filter:none; backdrop-filter:none}}
body.np .np-seitenkopf>details.np-ra-mehr{flex:none}
body.np details.np-ra-klapp{padding:0; margin:0 0 var(--ap-2,16px)}
body.np details.np-ra-klapp>summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:56px; padding:0 var(--ap-3,24px); font-weight:600; color:var(--np-tinte); border-radius:inherit}
body.np details.np-ra-klapp>summary::-webkit-details-marker{display:none}
body.np details.np-ra-klapp>summary::after{content:""; flex:none; width:8px; height:8px; border-right:2px solid var(--ap-zweit); border-bottom:2px solid var(--ap-zweit);
  transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np details.np-ra-klapp[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
body.np details.np-ra-klapp>:not(summary){margin-left:var(--ap-3,24px); margin-right:var(--ap-3,24px)}
body.np details.np-ra-klapp>:last-child:not(summary){margin-bottom:var(--ap-3,24px)}
body.np details.np-ra-klapp>p{color:var(--ap-zweit)}
@media (max-width:700px){body.np details.np-ra-klapp>summary{padding:0 var(--ap-2,16px)} body.np details.np-ra-klapp>:not(summary){margin-left:var(--ap-2,16px); margin-right:var(--ap-2,16px)}}
body.np form.np-ra-such{display:block; margin:0 0 var(--ap-2,16px); position:relative; max-width:560px}
body.np form.np-ra-such label.feld{display:block; margin:0}
body.np form.np-ra-such label.feld>span,body.np form.np-ra-such button{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; padding:0; margin:0; min-height:0}
body.np form.np-ra-such input[type=search]{width:100%; box-sizing:border-box; height:44px; border:0; border-radius:12px; padding:0 14px 0 40px;
  background:var(--ap-fuellung) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6560' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center/18px 18px;
  font:inherit; color:var(--np-tinte)}
body.np input[type=checkbox][role=switch]{appearance:none; -webkit-appearance:none; flex:none; width:51px; height:31px; margin:0; border-radius:999px; position:relative;
  background:var(--ap-fuellung-hoch); cursor:pointer; transition:background-color .25s ease}
body.np input[type=checkbox][role=switch]::after{content:""; position:absolute; top:2px; left:2px; width:27px; height:27px; border-radius:50%; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.14); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np input[type=checkbox][role=switch]:checked{background:var(--knopf)}
body.np input[type=checkbox][role=switch]:checked::after{transform:translateX(20px)}
body.np input[type=checkbox][role=switch]:active::after{width:31px}
body.np input[type=checkbox][role=switch]:checked:active::after{transform:translateX(16px)}
@media (max-width:700px){
  body.np nav.np-reiter[aria-label=Rechnungen]{display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; max-width:100%}
  body.np nav.np-reiter[aria-label=Rechnungen]::-webkit-scrollbar{display:none}
  body.np nav.np-reiter[aria-label=Rechnungen] a{flex:none; white-space:nowrap}
}
body.np .np-re-liste>a.np-zeile[data-stand]{padding-right:46px}
@media (max-width:700px){body.np .np-re-liste>a.np-zeile[data-stand]{padding-right:0}}
body.np form#bs-rg p.bs-dok-tipp{display:none}
body.np .np-ra-ansicht .np-ra-dok{padding:var(--ap-3,24px)}
body.np .np-ra-ansicht .np-ra-dok .np-re-angaben{margin:0 0 var(--ap-3,24px)}
body.np .np-ra-ansicht .np-ra-dok .angaben{display:flex; flex-wrap:wrap; gap:var(--ap-2,16px) var(--ap-4,32px)}
body.np .np-ra-ansicht .np-ra-dok .angabe .was{color:var(--ap-zweit); font-size:.8125rem; letter-spacing:0}
body.np .np-ra-ansicht .np-ra-dok .angabe .wert{font-size:1.0625rem; font-weight:650; font-variant-numeric:tabular-nums}
body.np .np-ra-ansicht .np-ra-dok .tabelle-rahmen{background:none; box-shadow:none; border-radius:0; margin:0}
body.np .np-ra-ansicht .np-ra-dok table.re-tabelle{background:none}
body.np .np-ra-ansicht .np-ra-dok table.re-tabelle th{background:none; color:var(--ap-zweit); font-size:13px; letter-spacing:.02em; font-weight:600;
  border-bottom:1px solid var(--np-linie); padding:0 8px 8px}
body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td{border-bottom:1px solid var(--np-linie); padding:12px 8px; font-variant-numeric:tabular-nums}
body.np .np-ra-ansicht .np-ra-dok table.re-tabelle tr>:first-child{padding-left:0}
body.np .np-ra-ansicht .np-ra-dok table.re-tabelle tr>:last-child{padding-right:0}
body.np .np-ra-ansicht .np-ra-dok dl.re-summen{margin:var(--ap-2,16px) 0 0 auto; max-width:360px}
body.np .np-ra-ansicht .np-ra-dok dl.re-summen>div{display:flex; justify-content:space-between; gap:16px; padding:4px 0; border:0; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .np-ra-ansicht .np-ra-dok dl.re-summen dd{margin:0; color:var(--np-tinte)}
body.np .np-ra-ansicht .np-ra-dok dl.re-summen>div.summe{color:var(--np-tinte); font-weight:700; font-size:1.25rem; letter-spacing:-.017em;
  border-top:1px solid var(--np-linie); margin-top:8px; padding-top:12px}
body.np .np-ra-ansicht .np-re-giro{max-width:none}
body.np .np-ra-ansicht>p.an-leise,body.np .np-ra-ansicht p.an-leise{color:var(--ap-zweit); font-size:.8125rem; margin:0 0 var(--ap-1,8px)}
body.np .np-ra-ansicht section.an-block{background:var(--ap-karte); border-radius:var(--ap-rund-karte,22px); box-shadow:var(--ap-schatten-1);
  padding:var(--ap-3,24px); margin:var(--ap-2,16px) 0; border:0}
body.np .np-ra-ansicht section.an-block>h2{margin:0 0 var(--ap-1,8px); font-size:1.0625rem; letter-spacing:-.012em}
body.np .np-ra-ansicht section.an-block .an-satz{color:var(--ap-zweit)}
body.np .np-ra-ansicht form.re-zeile-form{display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--ap-1,8px); margin:var(--ap-2,16px) 0 0}
body.np .np-ra-ansicht form.re-zeile-form>label.feld{flex:1 1 100%; display:flex; flex-direction:column; gap:4px; margin:0; max-width:none}
body.np .np-ra-ansicht form.re-zeile-form>label.feld>span{color:var(--ap-zweit); font-size:.8125rem; font-weight:500}
body.np .np-ra-ansicht form.re-zeile-form input:not([type=checkbox]),body.np .np-ra-ansicht form.re-zeile-form select{height:44px; width:100%; box-sizing:border-box}
body.np .np-ra-ansicht form.re-zeile-form>button{margin:var(--ap-1,8px) 0 0}
body.np .np-ra-ansicht form.an-weg-form{margin:var(--ap-1,8px) 0 0}
body.np .np-ra-ansicht form.an-weg-form .knopf-leise{background:none; box-shadow:none; color:var(--ap-akzent-text); font-weight:600; padding:0; min-height:44px; border:0}
body.np .np-ra-ansicht #re-versandsatz{margin-top:var(--ap-2,16px)}
body.np .np-ra-ansicht p.re-versandstand{display:flex; align-items:baseline; gap:8px; margin:0 0 var(--ap-1,8px); color:var(--np-tinte); font-weight:600}
body.np .np-ra-ansicht p.re-versandstand .re-haken{color:var(--np-gruen,#1a7f37); font-weight:700}
body.np .np-ra-ansicht section#schicken{padding-bottom:max(var(--ap-3,24px),20px)}
body.np .np-ra-ansicht section#schicken form.an-weg-form{margin-bottom:0}
body.np .np-ra-ansicht section#schicken{scroll-margin-top:16px}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form{display:block; margin-top:var(--ap-1,8px)}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label{display:flex; flex-direction:row; align-items:center; justify-content:space-between;
  gap:var(--ap-2,16px); min-height:52px; padding:4px 0; border-bottom:1px solid var(--np-linie); margin:0; flex-wrap:nowrap; width:100%; max-width:none}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label>span{flex:none; color:var(--np-tinte); font-size:.9375rem}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label :is(input:not([type=checkbox]),select){flex:0 1 300px; width:auto; min-width:0;
  text-align:right; background:var(--ap-fuellung); border:0; font-variant-numeric:tabular-nums}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label :is(select){text-align:left}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label.re-buchen{border-bottom:0; flex-direction:row-reverse; justify-content:space-between; gap:12px; display:flex; width:100%; min-height:52px}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>button{margin-top:var(--ap-2,16px)}
body.np .np-ra-ansicht details.re-mahntext{margin:var(--ap-1,8px) 0}
body.np .np-ra-ansicht details.re-mahntext>summary{color:var(--ap-akzent-text); font-weight:600; min-height:44px; display:flex; align-items:center; cursor:pointer}
body.np .np-ra-ansicht details.re-mahntext pre{white-space:pre-wrap; background:var(--ap-fuellung); border-radius:var(--ap-rund,14px); padding:var(--ap-2,16px);
  font:inherit; font-size:.875rem; color:var(--np-tinte); margin:0 0 var(--ap-1,8px)}
body.np .np-ra-ansicht section[aria-labelledby=re-verlauf],body.np .np-ra-ansicht section.an-block:last-child{color:var(--ap-zweit)}
@media (max-width:700px){
  body.np .np-ra-ansicht .np-ra-dok{padding:var(--ap-2,16px)}
  body.np .np-ra-ansicht section.an-block{padding:var(--ap-2,16px) var(--ap-2,16px) var(--ap-3,24px)}
  body.np .np-ra-ansicht form.re-zeile-form>button{flex:1 1 100%}
  body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label :is(input:not([type=checkbox]),select){flex:1 1 auto; max-width:62%}
  body.np .np-ra-ansicht .np-ra-dok dl.re-summen{max-width:none}
}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label,body.np .np-re-auto form.np-re-autoform>label{
  flex-wrap:nowrap!important; max-width:none!important; width:100%!important; align-items:center!important}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label>span{flex:none!important; width:auto!important}
body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label>:is(input:not([type=checkbox]),select){flex:0 1 300px!important; width:auto!important; min-width:0!important}
body.np .np-re-auto form.np-re-autoform>label.np-re-tage>input{flex:none!important; width:88px!important}
@media (max-width:700px){body.np .np-ra-ansicht section[aria-labelledby=re-zahl] form.re-zeile-form>label>:is(input:not([type=checkbox]),select){flex:1 1 auto!important; max-width:64%}}
@media (max-width:700px){
  body.np .np-ra-ansicht .np-ra-dok p.rollhinweis{display:none}
  body.np .np-ra-ansicht .np-ra-dok .rollbar{overflow:visible}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle,body.np .np-ra-ansicht .np-ra-dok table.re-tabelle tbody{display:block; width:100%; min-width:0}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle thead{display:none}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle tr{display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; padding:12px 0; border-bottom:1px solid var(--np-linie)}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td{display:block; border:0; padding:0!important; text-align:left}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:first-child{flex:1 1 60%; min-width:0; font-weight:600; order:1}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:last-child{flex:none; order:2; text-align:right; font-weight:600}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:not(:first-child):not(:last-child){order:3; flex:none; color:var(--np-grau); font-size:.875rem}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:nth-child(2){flex-basis:auto; margin-right:0}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:nth-child(3)::before{content:"× "}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle td:first-child+td{clear:both}
  body.np .np-ra-ansicht .np-ra-dok table.re-tabelle tr::after{content:""; order:2; flex-basis:100%; height:0}
}
body.np .np-re-mahn .np-re-akt{flex-wrap:nowrap; gap:4px}
body.np .np-re-auto{position:relative; display:block; padding:var(--ap-3,24px)}
body.np .np-re-auto>h2{margin:0 0 4px; padding-right:44px}
body.np .np-re-auto>p.np-zart{color:var(--ap-zweit); margin:0 0 var(--ap-2,16px); max-width:62ch}
body.np .np-re-auto>details.np-re-fund{position:absolute; right:var(--ap-2,16px); top:var(--ap-2,16px); margin:0}
body.np .np-re-auto form.np-re-autoform{display:block; margin:0}
body.np .np-re-auto form.np-re-autoform>label{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2,16px); min-height:52px;
  border-top:1px solid var(--np-linie); margin:0; font-weight:500; flex-wrap:nowrap; width:100%; max-width:none; box-sizing:border-box; color:var(--np-tinte)}
body.np .np-re-auto form.np-re-autoform>label.np-re-haken{flex-direction:row-reverse}
body.np .np-re-auto form.np-re-autoform>label.np-re-tage{flex-direction:row-reverse}
body.np .np-re-auto form.np-re-autoform>label.np-re-tage input{width:88px; height:44px; text-align:right; background:var(--ap-fuellung); border:0; font-variant-numeric:tabular-nums}
body.np .np-re-auto form.np-re-autoform:not(:has(input[role=switch]:checked))>label.np-re-tage{opacity:.5}
body.np .np-re-auto form.np-re-autoform>button{margin-top:var(--ap-2,16px)}
body.np details#np-re-stufen{background:var(--ap-karte); border-radius:var(--ap-rund-karte,22px); box-shadow:var(--ap-schatten-1); margin:0 0 var(--ap-2,16px)}
body.np details#np-re-stufen>summary{list-style:none; display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:0 var(--ap-3,24px);
  margin:0; color:var(--np-tinte); font-size:.9375rem}
body.np details#np-re-stufen>summary::-webkit-details-marker{display:none}
body.np details#np-re-stufen>summary::after{content:""; width:8px; height:8px; border-right:2px solid var(--ap-zweit); border-bottom:2px solid var(--ap-zweit);
  transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np details#np-re-stufen[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
body.np details#np-re-stufen>section.karte{padding:0 var(--ap-3,24px) var(--ap-3,24px)!important}
body.np details#np-re-stufen>section.karte>h2{display:none}
body.np details#np-re-stufen>section.karte>p{color:var(--ap-zweit)}
body.np main details#np-re-stufen .knopf{ color:var(--ap-akzent-text);}
@media (max-width:700px){
  body.np .np-re-mahn .np-re-akt{margin-left:auto}
  body.np .np-re-auto{padding:var(--ap-2,16px) var(--ap-2,16px) var(--ap-3,24px)}
  body.np details#np-re-stufen>summary{padding:0 var(--ap-2,16px)}
  body.np details#np-re-stufen>section.karte{padding:0 var(--ap-2,16px) var(--ap-3,24px)!important}
}
body.np .np-ra-leistungen .np-ra-preis{display:flex; flex-direction:column; align-items:flex-end; flex:none; font-variant-numeric:tabular-nums}
body.np .np-ra-leistungen .np-ra-preis small{color:var(--ap-zweit); font-size:.8125rem}
body.np .np-ra-leistungen .np-zeile{text-decoration:none; color:inherit; flex-wrap:nowrap}
body.np .np-ra-leistungen .np-zeile .np-t>span{color:var(--ap-zweit)}
body.np details#ar-preise form .feld-reihe{display:flex; flex-direction:column; gap:var(--ap-2,16px)}
body.np details#ar-preise form label.feld{display:flex; flex-direction:column; gap:4px; max-width:420px; position:relative}
body.np details#ar-preise form label.feld>details.zahl-i{position:absolute; right:0; top:0}
body.np .pl-zahl.pl-offen b{color:var(--np-tinte)}
html body.np main .pl-neu a.c2-zweit{background:var(--ap-schlicht); color:var(--ap-akzent-text); box-shadow:none; border:0}
@media (hover:hover){html body.np main .pl-neu a.c2-zweit:hover{background:var(--ap-schlicht-hoch)}}
body.np p.pl-unten a{color:var(--ap-zweit)}
body.np .np-ra-kontakt p:has(>a.rueckweg){margin:0 0 var(--ap-1,8px)}
body.np .np-ra-kontakt a.rueckweg{display:inline-flex; align-items:center; min-height:44px; color:var(--ap-akzent-text); font-weight:600; text-decoration:none}
body.np .np-ra-kontakt .np-ra-zahlen .np-re-angaben{margin:0}
body.np .np-ra-kontakt .np-ra-zahlen .angaben{display:flex; flex-wrap:wrap; gap:var(--ap-2,16px) var(--ap-5,40px)}
body.np .np-ra-kontakt .np-ra-zahlen .angabe .was{color:var(--ap-zweit); font-size:.8125rem}
body.np .np-ra-kontakt .np-ra-zahlen .angabe .wert{font-size:1.375rem; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
body.np .np-ra-kontakt .np-werkzeug{margin:0 0 var(--ap-2,16px)}
body.np .np-ra-kontakt .np-schalter{max-width:100%; overflow-x:auto; scrollbar-width:none}
body.np .np-ra-kontakt .np-schalter::-webkit-scrollbar{display:none}
body.np .np-ra-kontakt .np-schalter a{white-space:nowrap; flex:none}
body.np .np-ra-kontakt .np-schalter .zahlmarke{background:var(--np-rot-feld); color:var(--np-rot-tief); border-radius:999px; padding:0 6px; font-size:.75rem; margin-left:4px}
body.np .np-ra-kontakt section.an-block{background:var(--ap-karte); border-radius:var(--ap-rund-karte,22px); box-shadow:var(--ap-schatten-1);
  padding:var(--ap-3,24px); margin:0 0 var(--ap-2,16px); border:0}
body.np .np-ra-kontakt section.an-block>h2{margin:0 0 var(--ap-2,16px); font-size:1.0625rem}
body.np .np-ra-kontakt details.np-ra-neu{background:var(--ap-fuellung); border-radius:var(--ap-rund,14px); margin:0 0 var(--ap-2,16px)}
body.np .np-ra-kontakt details.np-ra-neu>summary{min-height:48px; padding:0 var(--ap-2,16px); color:var(--ap-akzent-text)}
body.np .np-ra-kontakt details.np-ra-neu>form{margin:0 var(--ap-2,16px) var(--ap-2,16px)}
body.np form.np-ra-notiz fieldset.re-rolle{display:flex; align-items:center; gap:2px; border:0; padding:2px; margin:0 0 var(--ap-2,16px); background:var(--ap-fuellung);
  border-radius:12px; width:max-content; max-width:100%; position:relative}
body.np form.np-ra-notiz fieldset.re-rolle>legend{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
body.np form.np-ra-notiz fieldset.re-rolle>label{display:flex; align-items:center; min-height:40px; padding:0 16px; border-radius:10px; cursor:pointer; font-weight:500;
  color:var(--ap-zweit); transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
body.np form.np-ra-notiz fieldset.re-rolle>label>input{position:absolute; opacity:0; pointer-events:none}
body.np form.np-ra-notiz fieldset.re-rolle>label:has(input:checked){background:var(--ap-karte); color:var(--np-tinte); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.10)}
body.np form.np-ra-notiz fieldset.re-rolle>label:has(input:focus-visible){outline:3px solid var(--gs-fokus)}
body.np form.np-ra-notiz fieldset.re-rolle>details.zahl-i{margin:0 4px}
body.np form.np-ra-notiz label.feld{display:flex; flex-direction:column; gap:4px; margin:0 0 var(--ap-2,16px)}
body.np form.np-ra-notiz label.feld>span{color:var(--ap-zweit); font-size:.8125rem}
body.np form.np-ra-notiz label.feld small{color:var(--ap-zweit)}
body.np form.np-ra-notiz textarea,body.np form.np-ra-notiz input[type=text]{width:100%; box-sizing:border-box}
body.np form.np-ra-notiz:not(:has(input[value=aufgabe]:checked)) .feld-reihe{display:none}
body.np .np-ra-kontakt ol.st-zeit{list-style:none; margin:0; padding:0}
body.np .np-ra-kontakt ol.st-zeit>li{display:flex; gap:var(--ap-2,16px); padding:12px 0; border-top:1px solid var(--np-linie)}
body.np .np-ra-kontakt ol.st-zeit .st-tag{flex:0 0 96px; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np .np-ra-kontakt ol.st-zeit a{color:var(--np-tinte); font-weight:600; text-decoration:none}
body.np .np-ra-kontakt dl.st-dl{display:grid; grid-template-columns:max-content 1fr; gap:0; margin:0}
body.np .np-ra-kontakt dl.st-dl>dt{color:var(--ap-zweit); padding:10px 24px 10px 0; border-top:1px solid var(--np-linie)}
body.np .np-ra-kontakt dl.st-dl>dd{margin:0; padding:10px 0; border-top:1px solid var(--np-linie)}
body.np .np-ra-kontakt dl.st-dl>:is(dt,dd):nth-child(-n+2){border-top:0}
@media (max-width:700px){
  body.np .np-ra-kontakt section.an-block{padding:var(--ap-2,16px) var(--ap-2,16px) var(--ap-3,24px)}
  body.np .np-ra-kontakt dl.st-dl{grid-template-columns:1fr}
  body.np .np-ra-kontakt dl.st-dl>dt{padding:10px 0 0}
  body.np .np-ra-kontakt dl.st-dl>dd{border-top:0; padding:2px 0 10px}
  body.np .np-ra-kontakt ol.st-zeit .st-tag{flex-basis:84px}
}
html body.np.np main .np-t>span.rv-meta,html body.np.np main .np-t>.rv-meta{font-size:.9375rem; line-height:1.4; color:var(--ap-zweit)}
html body.np.np main p.rv-meta,html body.np.np main p.rv-hinweis-text,html body.np.np main p.rv-fein{font-size:.9375rem; line-height:1.47; color:var(--ap-zweit)}
html body.np.np main .np-re-mahn a.np-t{min-height:44px; display:flex; flex-direction:column; justify-content:center}
html body.np.np main .np-ra-ansicht table.re-tabelle th{font-size:.8125rem; color:var(--np-grau)}
html body.np.np main .np-ra-ansicht table td.zahl,html body.np.np main .np-ra-ansicht table.re-tabelle td{color:var(--np-tinte)}
html body.np.np main .np-re-auto form.np-re-autoform>label.np-re-tage{color:var(--np-tinte)}
html body.np.np main .np-re-auto form.np-re-autoform:not(:has(input[role=switch]:checked))>label.np-re-tage{opacity:.62}
html body.np.np main .np-ra-ansicht .marke{font-size:.8125rem}
html body.np.np main .np-ra-ansicht form.an-weg-form .knopf-leise{font-size:.9375rem}
html body.np.np main .np-ra-ansicht form#rv-senden{align-items:flex-end}
html body.np.np main .np-ra-ansicht a.nebenweg{text-decoration:none; color:var(--ap-akzent-text); font-weight:600}
html body.np.np main .np-ra-ansicht form#rv-senden>label.feld{flex:1 1 320px}
html body.np.np main .np-ra-ansicht form#rv-senden>button{margin:0; min-height:44px; height:44px; box-sizing:border-box}
html body.np.np main .np-ra-ansicht form#rv-senden>label.feld>input{height:44px; box-sizing:border-box}
html body.np.np main .np-ra-ansicht p.rv-zweitweg{margin:var(--ap-1) 0 0}
html body.np main .np-seitenkopf.rv-kopf{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--ap-2) var(--ap-3); margin:0 0 var(--ap-2)}
html body.np main .np-seitenkopf.rv-kopf>.rv-titel{flex:1 1 320px; min-width:0}
html body.np.np main .np-seitenkopf.rv-kopf.rv-kopf h1{font-size:2.125rem; line-height:1.18; font-weight:700; letter-spacing:-.022em; margin:0}
html body.np.np main .np-seitenkopf.rv-kopf.rv-kopf .rv-titel>p{margin:4px 0 0; font-size:1.0625rem; line-height:1.41; color:var(--ap-zweit); max-width:640px}
html body.np main .rv-kopf .rv-h1{display:flex; align-items:center; gap:var(--ap-1)}
html body.np.np main .rv-kopf .rv-h1>details.zahl-i{margin:0; position:relative; inset:auto; flex:none}
html body.np main .np-seitenkopf.rv-kopf.pl-kopf>.rv-titel{flex-basis:440px}
html body.np main .rv-kopf .rv-werkzeug{display:flex; align-items:center; gap:var(--ap-1); flex-wrap:nowrap; min-width:0}
@media (min-width:701px){html body.np main .rv-kopf .rv-werkzeug{margin-top:-2px}}
html body.np main:has(nav.np-reiter[data-rv-segment])>nav.np-pfad{display:none}
html body.np main .pl:has(.rv-kopf){max-width:none}
html body.np.np main .pl>.np-seitenkopf.rv-kopf.pl-kopf{margin-bottom:0}
html body.np.np main .pl>nav.np-reiter[data-rv-segment]{margin-bottom:var(--ap-1)}
html body.np main .rv-kopf .rv-such form.st-suche{display:flex; flex:0 1 280px; width:280px; margin:0}
html body.np main .rv-kopf .rv-such form.st-suche>label.feld{flex:1 1 auto; width:auto; margin:0}
html body.np main .rv-kopf .rv-such form.st-suche>label.feld>input{width:100%; height:44px; box-sizing:border-box}
html body.np main .rv-kopf .rv-such form.st-suche>button{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); padding:0; border:0}
html body.np main .rv-kopf .rv-such,html body.np main .rv-kopf .rv-aktionen{display:flex; align-items:center; gap:var(--ap-1); flex-wrap:nowrap}
html body.np main .rv-kopf .rv-aktionen>form{margin:0}
html body.np main .rv-kopf .rv-such form.np-suchleiste{flex:0 1 280px; width:280px; margin:0}
html body.np main .rv-kopf .rv-such form.pl-werkzeug{display:flex; align-items:center; gap:var(--ap-1); margin:0; padding:0; background:none; box-shadow:none}
html body.np main .rv-kopf .rv-such form.pl-werkzeug>label.pl-suche{flex:0 1 320px; width:320px; margin:0; height:44px}
html body.np.np main .rv-kopf .rv-such form.pl-werkzeug{align-items:center}
html body.np.np main .rv-kopf .rv-such form.pl-werkzeug>details.np-filter.rv-filter{margin:0}
html body.np.np.np main .rv-kopf .rv-such form.pl-werkzeug>label.pl-suche{margin:0; align-self:center; height:44px}
html body.np.np.np main .rv-kopf .rv-such form.pl-werkzeug>label.pl-suche input{min-height:44px; height:44px; padding-top:0; padding-bottom:0; box-sizing:border-box}
html body.np.np main .rv-kopf .rv-such form.pl-werkzeug>label.pl-suche input:focus{box-shadow:var(--lg-mulde),0 0 0 3px color-mix(in oklab,var(--knopf) 45%,transparent)}
html body.np.np main .np-seitenkopf.rv-kopf.pl-kopf{margin:0 0 var(--ap-2)}
html body.np.np main .pl .pl-zahl.pl-offen b{color:var(--np-tinte)}
html body.np.np main .rv-kopf a.c2-haupt.rv-haupt,html body.np.np main .rv-editor .c2-fertig-leiste .c2-haupt{background:var(--knopf); color:var(--auf-knopf); box-shadow:var(--lg-gruen-schatten)}
html body.np main .rv-kopf a.rv-haupt{display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; white-space:nowrap}
html body.np main .rv-kopf a.rv-haupt>svg{flex:none}
html body.np main .rv-kopf .rv-weg{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
html body.np main .rv-kopf details.np-ra-mehr>summary.rv-mehr{background:var(--ap-fuellung); color:var(--np-tinte)}
html body.np:not(#gs-k) main .np-ra-ansicht p.geld-gespeichert{margin:0 0 16px}
html body.np:not(#gs-k) main .np-ra-ansicht form.an-weg-form{margin:16px 0 0; display:block}
html body.np:not(#gs-k) main .np-ra-ansicht form.an-weg-form>.knopf-leise{display:inline-flex; align-items:center; justify-content:flex-start; height:auto; min-height:44px; max-width:100%; box-sizing:border-box; padding:10px 18px; margin:0; text-align:left; white-space:normal; line-height:1.3}
html body.np main .rv-kopf details.np-ra-mehr[open]>summary.rv-mehr{background:var(--ap-fuellung-hoch)}
html body.np main .np-ra-menue .rv-menue-titel{margin:8px 14px 2px; font-size:.8125rem; font-weight:600; color:var(--ap-zweit); line-height:1.4}
html body.np main .np-ra-menue .rv-menue-titel:first-child{margin-top:4px}
html body.np main .np-ra-menue.rv-menue{max-height:min(72vh,620px); overflow-y:auto; overscroll-behavior:contain}
html body.np main nav.np-reiter[data-rv-segment]{margin:0 0 var(--ap-3); width:max-content; max-width:100%}
html body.np main details.np-filter.rv-filter{position:relative; margin:0}
html body.np main details.np-filter.rv-filter>summary.np-filter-knopf{min-height:44px; white-space:nowrap}
html body.np main details.np-filter.rv-filter>.np-filter-inhalt{position:absolute; right:0; top:calc(100% + 8px); z-index:60; width:360px; max-width:min(92vw,360px);
  margin:0; padding:var(--ap-2); gap:var(--ap-2); border-radius:var(--ap-rund-karte); background:var(--ap-material-dicht);
  -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter); box-shadow:var(--ap-schatten-3); max-height:min(72vh,640px); overflow-y:auto}
html body.np main details.np-filter.rv-filter .np-filter-teil{display:flex; flex-direction:column; gap:6px}
html body.np main details.np-filter.rv-filter .np-filter-teil>.np-zart{font-size:.8125rem; font-weight:600; color:var(--ap-zweit); padding:0 4px}
html body.np main details.np-filter.rv-filter .np-re-werkzeug{display:flex; flex-wrap:wrap; gap:var(--ap-1); align-items:center}
html body.np main .rv-wahl{display:flex; flex-direction:column; border-radius:var(--ap-rund); background:var(--ap-fuellung); padding:4px}
html body.np main .rv-wahl>a{display:flex; align-items:center; gap:var(--ap-1); min-height:44px; padding:0 12px; border-radius:10px; color:var(--np-tinte); text-decoration:none;
  font-weight:500; font-size:1.0625rem; background:transparent; box-shadow:none}
html body.np main .rv-wahl>a>span{margin-left:auto; color:var(--ap-zweit); font-size:.9375rem; font-weight:500}
html body.np main .rv-wahl>a::after{content:""; flex:none; width:20px; height:20px; margin-left:auto}
html body.np main .rv-wahl>a>span+*,html body.np main .rv-wahl>a:has(>span)::after{margin-left:0}
html body.np main .rv-wahl>a[aria-current]{background:var(--ap-karte); font-weight:600; color:var(--np-tinte)}
html body.np main .rv-wahl>a[aria-current]::after{background:var(--ap-haken) no-repeat center/20px}
@media (hover:hover){html body.np main .rv-wahl>a:not([aria-current]):hover{background:var(--ap-fuellung-hoch)}}
html body.np main .rv-stand{display:inline-flex; align-items:center; gap:6px; font-size:.9375rem; color:var(--ap-zweit); white-space:nowrap; flex:none}
html body.np main .rv-punkt{display:inline-block; flex:none; width:8px; height:8px; border-radius:50%; background:var(--np-grau)}
html body.np main .rv-punkt.rv-rot{background:var(--np-rot)}
html body.np main .rv-punkt.rv-orange{background:var(--np-orange)}
html body.np main .rv-punkt.rv-gruen{background:var(--np-gruen)}
html body.np main a.rv-status{display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--np-tinte); font-weight:600; text-decoration:none}
html body.np main a.rv-status::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--np-grau)}
html body.np main a.rv-status.rv-rot::before{background:var(--np-rot)}
html body.np main a.rv-status::after{content:"\203A"; color:var(--ap-zweit); font-size:1.25rem; font-weight:400; line-height:1}
html body.np.np main .np-re-liste.np-re-liste h2.rv-monat.rv-monat:not(#rv-x){margin:var(--ap-2) 0 4px; padding:0; font-size:.8125rem; line-height:1.4; font-weight:600; color:var(--ap-zweit); letter-spacing:0}
html body.np.np main .np-re-liste.np-re-liste h2.rv-monat.rv-monat:not(#rv-x):first-child{margin-top:4px}
html body.np main .np-re-liste .np-re-zz>a.np-zeile::after{content:"\203A"; flex:none; color:var(--ap-zweit); font-size:1.25rem; line-height:1; margin-left:2px}
html body.np main .np-re-liste .np-zeile .np-betrag{font-variant-numeric:tabular-nums}
@media (hover:hover){
  html body.np main .np-re-liste .np-re-zz>.np-re-kopie{opacity:0; transition:opacity .2s ease}
  html body.np main .np-re-liste .np-re-zz:hover>.np-re-kopie,html body.np main .np-re-liste .np-re-zz>.np-re-kopie:focus-visible{opacity:1}
}
html body.np main .rv-zeitwahl{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-2); margin:0 0 var(--ap-3)}
html body.np main .rv-zeitwahl .rv-leer{display:inline-block; width:44px; height:44px}
html body.np main p.fehlerband.rv-hinweis{position:relative; margin:0 0 var(--ap-3); padding:var(--ap-2) var(--ap-3) var(--ap-2) calc(var(--ap-3) + 20px);
  background:var(--ap-karte); color:var(--np-tinte); border:0; border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1); font-size:.9375rem; line-height:1.47}
html body.np main p.fehlerband.rv-hinweis::before{content:""; position:absolute; left:var(--ap-3); top:calc(var(--ap-2) + 8px); width:8px; height:8px; border-radius:50%; background:var(--np-orange)}
html body.np main .rechnungsseite:has(.rv-kopf) p a:not([class]),html body.np main .rechnungsseite:has(.rv-kopf) dd a:not([class]){text-decoration:none; color:var(--ap-akzent-text); font-weight:600}
html body.np main .rv-liste .np-zeile{min-height:56px}
html body.np main form.rv-formular{max-width:760px; display:block}
html body.np main form.rv-formular .rv-gruppe{margin:0 0 var(--ap-3)}
html body.np.np main form.rv-formular.rv-formular h2.rv-gtitel.rv-gtitel:not(#rv-x){margin:0 0 6px var(--ap-2); font-size:.8125rem; line-height:1.4; font-weight:600; color:var(--ap-zweit); letter-spacing:0}
html body.np main form.rv-formular .rv-zeilen{background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1); padding:0 var(--ap-2)}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.feld{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:var(--ap-2);
  min-height:52px; width:100%; max-width:none; margin:0; padding:6px 0; box-sizing:border-box; border-top:1px solid var(--np-linie)}
html body.np main form.rv-formular .rv-zeilen>:first-child{border-top:0}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.feld>span{flex:1 1 45%; min-width:0; color:var(--np-tinte); font-size:.9375rem; font-weight:500; line-height:1.35}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.feld>input{flex:0 1 55%; width:auto; min-width:0; height:44px; box-sizing:border-box; text-align:right;
  background:var(--ap-fuellung); border:0; border-radius:10px; padding:0 12px; font-variant-numeric:tabular-nums}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.rv-text{flex-direction:column; align-items:stretch; gap:6px; padding:12px 0}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.rv-text>textarea{width:100%; box-sizing:border-box; background:var(--ap-fuellung); border:0; border-radius:10px; padding:10px 12px; min-height:64px}
html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-schalterzeile.rv-schalterzeile.rv-schalterzeile{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; gap:var(--ap-2);
  min-height:52px; margin:0; padding:6px 0; font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np main form.rv-formular .re-ku{padding-bottom:var(--ap-2)}
html body.np main form.rv-formular .re-ku>.fein{font-size:.9375rem; color:var(--ap-zweit); line-height:1.47; margin:6px 0 0}
html body.np main form.rv-formular .re-ku>.wahl-rat{font-size:.9375rem; color:var(--ap-zweit); margin:var(--ap-1) 0 0}
html body.np main form.rv-formular>button[type=submit]{margin:0 0 var(--ap-2)}
html body.np.np main form.rv-formular .rv-zeilen>p.rv-gsatz{margin:12px 0 4px}
html body.np.np main form.rv-formular .rv-zeilen>label.ap-schalter,html body.np.np main form.rv-formular .rv-zeilen>.re-ku>label.ap-schalter{min-height:52px; margin:0; padding:6px 0; border-top:1px solid var(--np-linie); background:none; border-radius:0; box-shadow:none}
html body.np.np main form.rv-formular .rv-zeilen>label.ap-schalter:first-child{border-top:0}
html body.np.np main form.rv-formular .re-ku>.fein{font-size:.9375rem; color:var(--ap-zweit); line-height:1.47; margin:6px 0 0}
html body.np.np main form.rv-formular details.rv-klappgruppe>summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:52px; padding:0 var(--ap-2); border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); color:var(--np-tinte); font-weight:500; font-size:1.0625rem}
html body.np.np main form.rv-formular details.rv-klappgruppe>summary::-webkit-details-marker{display:none}
html body.np.np main form.rv-formular details.rv-klappgruppe>summary::after{content:"\203A"; color:var(--ap-zweit); font-size:1.25rem; transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
html body.np.np main form.rv-formular details.rv-klappgruppe[open]>summary::after{transform:rotate(90deg)}
html body.np.np main form.rv-formular details.rv-klappgruppe[open]>summary{margin-bottom:var(--ap-1)}
html body.np main:has(.rv-editor) nav.np-pfad{display:none}
html body.np main .rv-editor>.np-seitenkopf.rv-editorleiste{position:sticky; top:8px; z-index:20; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--ap-2);
  margin:0 0 var(--ap-3); padding:6px 8px; min-height:56px; border-radius:var(--ap-rund-blatt); background:var(--ap-material-dicht);
  -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter); box-shadow:var(--ap-schatten-2)}
html body.np main .rv-editorleiste>a.rv-abbrechen{justify-self:start; display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border-radius:999px;
  color:var(--ap-akzent-text); font-weight:600; text-decoration:none; font-size:1.0625rem}
@media (hover:hover){html body.np main .rv-editorleiste>a.rv-abbrechen:hover{background:var(--ap-fuellung)}}
html body.np.np main .rv-editor .np-seitenkopf.rv-editorleiste .rv-titel{text-align:center; min-width:0; flex:none}
html body.np.np main .rv-editor .np-seitenkopf.rv-editorleiste h1{font-size:1.0625rem; line-height:1.3; font-weight:600; letter-spacing:-.01em; margin:0}
html body.np.np main .rv-editor .np-seitenkopf.rv-editorleiste p{font-size:.8125rem; line-height:1.35; color:var(--ap-zweit); margin:0}
html body.np main .rv-editor form.bs-dok>.bs-dok-fenster{margin-left:auto; margin-right:auto}
html body.np main .rv-editor>p.rd-voll{text-align:center}
html body.np.np main .rv-editor .c2-fertig-leiste p.c2-offen{color:var(--ap-zweit)}
html body.np.np main .rv-editor .c2-anschrift b.c2-leer{color:var(--ap-akzent-text)}
html body.np.np main .rv-editor .c2-zeile.c2-geist{color:var(--ap-akzent-text)}
html body.np.np main .rv-editor .bs-tafel-kopf>h3{margin:0; font-size:1.0625rem; font-weight:600; line-height:1.3}
html body.np.np main .rv-editor .bs-tafel-kopf>button.bs-tafel-zu{margin:0}
html body.np.np main .rv-editor ul.c2-wahlliste{gap:0; padding:0 var(--ap-2); background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rv-editor ul.c2-wahlliste>li+li{border-top:1px solid var(--np-linie)}
html body.np.np main .rv-editor ul.c2-wahlliste button.c2-wahl:not([aria-pressed="true"]){background:transparent; box-shadow:none}
html body.np.np main .rv-editor ul.c2-wahlliste button.c2-wahl{min-height:52px; border-radius:10px}
html body.np.np main .rv-editor ul.c2-wahlliste button.c2-wahl>small{font-size:.9375rem; font-weight:400; color:var(--ap-zweit)}
html body.np.np main .rv-editor .c2-zweit{color:var(--ap-akzent-text)}
html body.np.np main .rv-editor .bs-stelle-name{background:var(--knopf); color:var(--auf-knopf)}
html body.np.np main .rv-editor button.bs-stelle.bs-jetzt{box-shadow:inset 0 0 0 2.5px var(--knopf)}
html body.np.np main .rv-editor button.bs-stelle:focus-visible{outline-color:var(--gs-fokus)}
html body.np.np main .rv-editor label.rd-haken input{accent-color:var(--knopf)}
html body.np main .rechnungsseite:has(form.rv-formular)>:is(section,div.mit-i,p){max-width:760px}
html body.np main .rechnungsseite:has(form.rv-formular)>div.mit-i{margin-bottom:var(--ap-2)}
@media (max-width:700px){
  html body.np main .np-seitenkopf.rv-kopf{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:var(--ap-2) var(--ap-1)}
  html body.np main .rv-kopf .rv-werkzeug{display:contents}
  html body.np main .np-seitenkopf.rv-kopf>.rv-titel{grid-column:1; grid-row:1}
  html body.np main .rv-kopf .rv-aktionen{grid-column:2; grid-row:1; align-self:start; padding-top:2px}
  html body.np main .rv-kopf:not(.rv-kompakt) .rv-aktionen{grid-column:1 / -1; grid-row:3; padding-top:0; flex-wrap:wrap}
  html body.np main .rv-kopf .rv-such{grid-column:1 / -1; grid-row:2; width:100%; min-width:0}
  html body.np main .rv-kopf .rv-such form.np-suchleiste,html body.np main .rv-kopf .rv-such form.pl-werkzeug,html body.np main .rv-kopf .rv-such form.pl-werkzeug>label.pl-suche{flex:1 1 auto; width:auto; min-width:0}
  html body.np.np main .rv-kopf .rv-such form.pl-werkzeug{width:100%; flex-wrap:nowrap}
  html body.np main .rv-kopf a.rv-haupt{width:44px; height:44px; min-width:44px; padding:0; border-radius:999px; flex:none}
  html body.np main .rv-kopf a.rv-haupt>.rv-wort{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
  html body.np main .rv-kopf .rv-aktionen>form>button{min-height:44px; white-space:nowrap}
  html body.np main details.np-filter.rv-filter>summary.np-filter-knopf{padding:0 14px}
  html body.np main details.np-filter.rv-filter>.np-filter-inhalt{position:fixed; left:8px; right:8px; top:auto; bottom:calc(8px + env(safe-area-inset-bottom)); width:auto; max-width:none;
    border-radius:var(--ap-rund-blatt); padding:var(--ap-2)}
  html body.np main details.np-filter.rv-filter[open]::before{content:""; position:fixed; inset:0; z-index:59; background:var(--ap-fuellung-hoch)}
  html body.np main nav.np-reiter[data-rv-segment]{margin-bottom:var(--ap-2); width:100%; display:flex; overflow:visible}
  html body.np.np main nav.np-reiter[data-rv-segment]>a{flex:1 1 auto; min-width:0; padding-left:4px; padding-right:4px; font-size:.8125rem; letter-spacing:-.01em; justify-content:center; text-align:center}
  html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.feld{flex-direction:column; align-items:stretch; gap:6px; padding:10px 0}
  html body.np.np main form.rv-formular.rv-formular.rv-formular .rv-zeilen.rv-zeilen.rv-zeilen>label.rv-zeile.rv-zeile.rv-zeile.feld>input{flex:none; width:100%; text-align:left}
  html body.np main .rv-editor>.np-seitenkopf.rv-editorleiste{top:4px; grid-template-columns:auto minmax(0,1fr) auto; padding:4px 6px}
  html body.np main .rv-editorleiste>a.rv-abbrechen{padding:0 10px}
  html body.np.np main .rv-editor .np-seitenkopf.rv-editorleiste p{display:none}
  html body.np main .rv-editorleiste>.rv-platz{width:44px}
  html body.np main .rv-zeitwahl{gap:var(--ap-1)}
}
html body.np.np :is(main,body) .c2-haupt{background:var(--knopf); color:var(--auf-knopf); box-shadow:var(--lg-gruen-schatten)}
html body.np.np :is(main,body) .c2-zweit{background:var(--io-zweit); color:var(--io-zweit-text); box-shadow:none}
html body.np.np :is(main,body) .c2-zweit:is(:hover,:focus-visible,:active),html body.np.np :is(main,body) .c2-zweit[disabled]{background:var(--io-zweit); color:var(--io-zweit-text); filter:brightness(.97)}
html body.np.np :is(main,body) .c2-haupt:is(:hover,:active){background:var(--knopf); color:var(--auf-knopf); filter:brightness(1.06)}
html body.np.np .c2-sheet .rv-blattkopf{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--ap-1);
  margin:0 0 var(--ap-2); padding:0 0 var(--ap-1); box-shadow:inset 0 -.5px 0 var(--np-linie)}
html body.np.np .c2-sheet .rv-blattkopf>h2{margin:0; font-size:17px; font-weight:600; line-height:1.3; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html body.np.np .c2-sheet .rv-blattkopf>.rv-blatt-ab{justify-self:start; display:inline-flex; align-items:center; min-height:44px; padding:0 var(--ap-1); margin:0;
  border:0; background:none; box-shadow:none; color:var(--ap-akzent-text); font:inherit; font-size:17px; font-weight:500; cursor:pointer}
html body.np.np .c2-sheet .rv-blattkopf>.c2-haupt{justify-self:end; align-self:center; min-height:44px; margin:0; padding:0 18px; font-size:16px; flex:none}
html body.np.np .c2-sheet .rv-blattkopf+.c2-sheet-satz{text-align:center}
html body.np.np main h1:has(+ i.rv-gm){font-size:34px; font-weight:700; line-height:1.15; letter-spacing:-.022em}
html body.np.np main h1 .rv-nr{white-space:nowrap}
html body.np.np main .rv-kopf .rv-such form.np-suchleiste{flex:0 0 280px; min-width:0}
html body.np.np main .rv-kopf details.np-filter.rv-filter[open]{flex:none}
html body.np.np main details.np-filter.rv-filter>.np-filter-inhalt{max-height:calc(100dvh - 132px)}
html body.np.np main details.np-filter.rv-filter .rv-wahl[aria-label="Sortiert nach"]{flex-direction:row; flex-wrap:wrap; gap:2px}
html body.np.np main details.np-filter.rv-filter .rv-wahl[aria-label="Sortiert nach"]>a{flex:1 1 40%; padding:0 10px}
html body.np.np main details.np-filter.rv-filter .np-schalter>a,html body.np.np main details.np-filter.rv-filter .rv-zeitwahl a{min-height:44px; box-sizing:border-box; display:inline-flex; align-items:center}
@media (max-width:700px){html body.np.np main .rv-kopf .rv-such form.np-suchleiste{flex:1 1 auto}}
html body.np.np main .np-ra-dok .rollbar{background:none}
@media (max-width:480px){
  html body.np.np main nav.np-reiter[data-rv-segment]{display:flex; width:100%; max-width:100%; overflow:visible; gap:0; box-sizing:border-box}
  html body.np.np main nav.np-reiter[data-rv-segment]>a{flex:1 1 auto; min-width:0; padding:0 5px; font-size:13px; letter-spacing:-.01em; justify-content:center; text-align:center; white-space:nowrap}
}
@media (max-width:700px){
  html body.np.np:has(main .rv-editor) nav.np-unten{display:none}
  html body.np.np:has(main .rv-editor) main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  html body.np.np main .rv-editor .c2-fertig-leiste{bottom:calc(8px + env(safe-area-inset-bottom)); margin-right:0}
}
html body.np.np main .rv-editor .bs-dok-blatt{will-change:auto}
html body.np.np main :is(i.rv-gm + p,p.fein,.re-einrichtung) a{text-decoration:none; color:var(--ap-akzent-text); font-weight:600}
html body.np.np main .re-einrichtung li>a:last-child{display:inline-flex; align-items:center; min-height:44px; padding:0 var(--ap-2); border-radius:999px; background:var(--io-zweit); color:var(--io-zweit-text)}
html body.np.np main .rd .c2-anschrift b.c2-leer{color:var(--ap-akzent-text)}
html body.np.np main .np-re-akt :is(.np-knopf,button){min-height:44px; height:auto; box-sizing:border-box}
html body.np.np main .rv-zeitwahl a{min-height:44px; min-width:44px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center}
html body.np.np .c2-sheet .c2-griff{min-height:44px; margin-bottom:0}
html body.np.np main :is(.np-re,.rv-kopf,.np-ra-ansicht,.rechnungsseite) details.zahl-i>summary{position:relative}
html body.np.np main :is(.np-re,.rv-kopf,.np-ra-ansicht,.rechnungsseite) details.zahl-i>summary::before{content:""; position:absolute; left:50%; top:50%; width:44px; height:44px; transform:translate(-50%,-50%)}
html body.np.np :is(main .rechnungsseite,main .np-re,main .np-ra-ansicht,.c2-sheet) input:is([type=checkbox],[type=radio]):not([role=switch]){width:22px; height:22px; min-width:22px; margin:0 8px 0 0; accent-color:var(--knopf); vertical-align:middle}
html body.np.np main :is(.rechnungsseite,.np-re) input[type=file]{font:inherit; font-size:15px; color:var(--ap-zweit); max-width:100%}
html body.np.np main :is(.rechnungsseite,.np-re) input[type=file]::file-selector-button{-webkit-appearance:none; appearance:none; min-height:44px; margin:0 12px 0 0; padding:0 18px;
  border:0; border-radius:999px; background:var(--io-zweit); color:var(--io-zweit-text); font:inherit; font-weight:600; cursor:pointer}
html body.np.np main .np-re-auto form.np-re-autoform:not(:has(input[role=switch]:checked))>label.np-re-tage{color:var(--ap-zweit); opacity:1}
html body.np.np main .rv-zusatz{font-size:15px; color:var(--np-tinte)}
html body.np.np main .rechnungsseite button.knopf.loeschen{background:var(--io-rot); color:var(--io-rot-text); font-size:15px; min-height:44px; box-shadow:none}
html body.np.np .c2-sheet{-webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter)}
html body.np.np:has(section.c2-sheet:not([hidden])) main .rv-kopf .rv-haupt{visibility:hidden}
html body.np.np:has(main :is(nav[data-rv-segment],.rechnungsseite,.np-re,.rv-editor,.np-ra-ansicht,.pl)) nav.np-unten :is(a,button):not([aria-current]){color:var(--np-tinte)}
html body.np.np main .rv-editor .bs-tafel ul.c2-wahlliste{background:transparent; box-shadow:none; border-radius:0; padding:0}
html body.np.np main .rv-leer{display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--ap-2); padding:56px 16px; max-width:480px; margin:0 auto}
html body.np.np main .rv-leer>p{margin:0; font-size:17px; line-height:1.45; color:var(--ap-zweit)}
html body.np.np main .rv-leer .rv-leer-sym{width:64px; height:64px; border-radius:15px}
html body.np.np main .rv-leer .rv-leer-sym>svg{width:34px; height:34px}
html body.np.np main section.rv-leer-wrap{background:none; box-shadow:none; padding:0}
html body.np.np main .rv-verlauf-filter{display:flex; justify-content:flex-start; position:relative; margin:0 0 var(--ap-1)}
html body.np.np main :is(i.rv-gm + p,.rv-kopf .rv-titel>p){white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; min-width:0}
html body.np.np main :is(.rv-titel,.np-seitenkopf>div,.seitenkopf>div,.mk-kopf):has(>i.rv-gm + p){min-width:0; max-width:100%}
html body.np.np main td[data-io-titel="Umsatzsteuer"] select{min-width:13.5em}
html body.np.np :is(main,body) button.bs-stelle{color:var(--ap-akzent-text); background:color-mix(in oklab,var(--knopf) 7%,transparent); box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--knopf) 40%,transparent)}
html body.np.np :is(main,body) button.bs-stelle:hover{background:var(--io-zweit); box-shadow:inset 0 0 0 2px var(--knopf)}
html body.np.np :is(main,body) button.bs-stelle:is(:active,.bs-gedrueckt){background:var(--io-zweit)}
html body.np.np :is(main,body) button.bs-stelle.bs-jetzt{background:transparent; box-shadow:inset 0 0 0 2.5px var(--knopf)}
html body.np main:has(.rb-editor) nav.np-pfad{display:none}
html body.np.np main .rb-editor.rb-editor{max-width:880px; margin:0 auto}
html body.np.np main .rb-editor>.np-seitenkopf.rv-editorleiste.rb-leiste{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); margin:0 0 var(--ap-4); padding:6px 8px}
html body.np.np main .rb-leiste>.rb-rechts{justify-self:end; display:flex; align-items:center; gap:var(--ap-1)}
html body.np.np main .rb-leiste .rv-titel h1{font-size:1.0625rem}
html body.np.np main .rb-leiste>.rb-rechts>.gs-knopf.rb-haupt{min-height:44px; padding:0 18px}
html body.np.np main .rb-leiste p.rv-fest-frage{position:absolute; left:16px; right:16px; top:calc(100% + 8px); margin:0; padding:12px 16px; border-radius:var(--ap-rund-karte);
  background:var(--ap-karte); box-shadow:var(--io-schatten-glas); color:var(--np-tinte); font-size:.9375rem; line-height:1.4; text-align:center}
html body.np.np main .rb-editor h2.rb-gtitel.rb-gtitel:not(#rb-x){margin:var(--ap-3) 0 6px var(--ap-2); font-size:.8125rem; line-height:1.4; font-weight:600; color:var(--ap-zweit); letter-spacing:0; text-transform:none}
html body.np.np main .rb-editor section.rb-gruppe{margin:0 0 var(--ap-2)}
html body.np.np main .rb-editor>p.rb-satz{margin:0 var(--ap-2) var(--ap-3); text-align:center}
html body.np.np main .rb-editor section.rb-gruppe>h2.rb-gtitel.rb-gtitel:not(#rb-x){margin-top:0}
html body.np.np main .rb-editor .np-re-brief.np-re-brief,
html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe,
html body.np.np main .rb-editor form.re-form>fieldset.re-rolle,
html body.np.np main .rb-editor form.re-form>label.feld.breit{display:block; margin:0 0 var(--ap-2); padding:0 var(--ap-2); background:var(--ap-karte); border:0; border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rb-editor .np-re-brief.np-re-brief>div{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px var(--ap-2); min-height:52px; padding:8px 0; border-top:1px solid var(--np-linie)}
html body.np.np main .rb-editor .np-re-brief.np-re-brief>div:first-child{border-top:0}
html body.np.np main .rb-editor .np-re-brief>div>small{grid-row:1/3; font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor .np-re-brief>div>b{text-align:right; font-weight:600}
html body.np.np main .rb-editor .np-re-brief>div>span{grid-column:2; text-align:right; font-size:.8125rem; color:var(--ap-zweit)}
html body.np.np main .rb-editor .np-re-brief>div>label.np-re-nrfeld{grid-column:1/-1}
html body.np.np main .rb-editor .np-re-brief>.np-re-ueb{display:flex; justify-content:flex-end}
html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe>label.feld,
html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe>.feld{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:center; column-gap:var(--ap-2); row-gap:2px; width:auto; max-width:none; min-height:52px; margin:0; padding:6px 0; border-top:1px solid var(--np-linie)}
html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe>:first-child{border-top:0}
html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>span:first-child{grid-row:1; display:flex; align-items:center; flex-wrap:wrap; gap:4px; font-size:.9375rem; font-weight:500; color:var(--np-tinte); line-height:1.35}
html body.np.np main .rb-editor.rb-editor form.re-form.re-form>.feld-reihe.feld-reihe>label.feld.feld>*{align-self:center; margin-top:0; margin-bottom:0}
html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>:not(span:first-child){grid-column:2; min-width:0; width:100%; box-sizing:border-box}
html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>small{width:auto}
html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>small{font-size:.8125rem; color:var(--ap-zweit)}
html body.np.np main .rb-editor form.re-form>label.feld.breit{display:flex; flex-direction:column; gap:6px; padding:12px var(--ap-2)}
html body.np.np main .rb-editor form.re-form>label.feld.breit>span:first-child{font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form>fieldset.re-rolle{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1); padding:8px var(--ap-2)}
html body.np.np main .rb-editor form.re-form>fieldset.re-rolle>legend{font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>:is(.feld-reihe,fieldset.re-rolle,label.feld.breit){display:block; margin:0 0 var(--ap-2); padding:0 var(--ap-2); background:var(--ap-karte); border:0; border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:center; column-gap:var(--ap-2); row-gap:2px; width:auto; max-width:none; min-height:52px; margin:0; padding:6px 0; border-top:1px solid var(--np-linie)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld:first-child{border-top:0}
html body.np.np main .rb-editor.rb-editor form.re-form.re-form details.np-re-mehr>.feld-reihe.feld-reihe>label.feld.feld>*{align-self:center; margin-top:0; margin-bottom:0}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld>span:first-child{grid-row:1; display:flex; align-items:center; flex-wrap:wrap; gap:4px; font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld>:not(span:first-child){grid-column:2; min-width:0; width:100%; box-sizing:border-box}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld>small{width:auto; font-size:.8125rem; color:var(--ap-zweit)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>label.feld.breit{display:flex; flex-direction:column; gap:6px; padding:12px var(--ap-2)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>label.feld.breit>span:first-child{font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>fieldset.re-rolle{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1); padding:8px var(--ap-2)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>fieldset.re-rolle>legend{font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form :is(details.np-re-mehr>.feld-reihe.re-schalter,form>.feld-reihe.re-schalter){display:flex; flex-direction:column; align-items:stretch}
html body.np.np main .rb-editor form.re-form .feld-reihe.re-schalter>:is(label.re-buchen,small){display:flex; align-items:center; gap:12px; min-height:52px; margin:0; padding:6px 0; border-top:1px solid var(--np-linie)}
html body.np.np main .rb-editor form.re-form .feld-reihe.re-schalter>:first-child{border-top:0}
html body.np.np main .rb-editor form.re-form details.np-re-mehr{margin:0 0 var(--ap-3)}
html body.np.np main .rb-editor form.re-form details.np-re-mehr>summary{display:flex; align-items:center; min-height:44px; margin:0 0 var(--ap-1) var(--ap-2)}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>label{display:inline-flex; align-items:center; gap:8px; min-height:44px; margin:0; padding:0 14px; border-radius:999px; background:var(--io-seg-grund); font-size:.9375rem; cursor:pointer}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>label:has(input:checked){background:var(--io-seg-wahl); box-shadow:var(--io-seg-schatten); font-weight:600}
html body.np.np main .rb-editor .af.af-js select{display:none}
html body.np.np main .rb-editor form.rb-js p.rollhinweis{display:none}
html body.np.np main .rb-editor form.re-form label.feld.breit{text-align:left; align-items:stretch}
html body.np.np main .rb-editor form.re-form label.feld.breit>span:first-child{align-self:flex-start; text-align:left}
html body.np.np main .rb-editor form.re-form small.re-bausteine{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; margin:0; text-align:left}
html body.np.np main .rb-editor form.re-form small.re-bausteine>label.re-buchen{display:inline-flex; align-items:center; gap:10px; min-height:44px; margin:0; font-size:.9375rem; color:var(--np-tinte)}
html body.np.np main .rb-editor form.re-form small.re-bausteine>label.re-buchen>input{position:static; flex:none; margin:0}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle.re-rolle{display:flex; flex-wrap:wrap; align-items:center; gap:2px; padding:10px var(--ap-2)}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>legend{float:none; display:block; width:100%; margin:0 0 8px; padding:0}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>:is(details,.zahl-i){margin-left:8px}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>label>input{position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>label{position:relative}
html body.np.np main .rb-editor form.re-form fieldset.re-rolle>label:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:2px}
html body.np.np main .rb-editor form.re-form .feld-reihe.re-schalter>label.re-buchen>input{position:static; flex:none; margin:0}
html body.np.np main .rb-editor form.rb-js .tabelle-rahmen{margin:0 0 var(--ap-1); overflow:visible; border:0; background:none; box-shadow:none}
html body.np.np main .rb-editor form.rb-js .tabelle-rahmen>.rollbar{overflow:visible; background:none; box-shadow:none; -webkit-mask:none; mask:none}
html body.np.np main .rb-editor form.rb-js :is(.tabelle-rahmen,.rollbar,table.re-positionen,table.re-positionen>tbody)::before,
html body.np.np main .rb-editor form.rb-js :is(.tabelle-rahmen,.rollbar,table.re-positionen,table.re-positionen>tbody)::after{content:none; display:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen{display:block; width:100%; min-width:0; border:0; background:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>colgroup,
html body.np.np main .rb-editor form.rb-js table.re-positionen>thead{display:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody{display:block; padding:0 var(--ap-2); background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody:not(:has(>tr:not(.rb-leer))){padding:0; background:none; box-shadow:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr{display:block; margin:0; padding:0; border:0; border-top:1px solid var(--np-linie); background:none; box-shadow:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr:not(.rb-leer)~tr:not(.rb-leer),html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-erste{border-top:0}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-leer:not(.rb-offen){display:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr:not(.rb-offen)>td:not(.rb-zf){display:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr>td.rb-zf{display:block; padding:0; border:0; background:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-offen>td.rb-zf{display:none}
html body.np.np main .rb-editor button.rb-zeile{display:grid; grid-template-columns:28px minmax(0,1fr) auto 12px; align-items:center; gap:12px; width:100%; min-height:60px; margin:0; padding:8px 0;
  border:0; border-radius:0; background:none; box-shadow:none; color:var(--np-tinte); font:inherit; text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent}
html body.np.np main .rb-editor button.rb-zeile::after{content:"\203A"; color:var(--ap-zweit); font-size:1.25rem; line-height:1}
@media (hover:hover){html body.np.np main .rb-editor button.rb-zeile:hover{background:var(--ap-fuellung)}}
html body.np.np main .rb-editor button.rb-zeile:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:-2px; border-radius:10px}
html body.np.np main .rb-editor .rb-zeile>.rb-nr{font-size:.9375rem; color:var(--ap-zweit); font-variant-numeric:tabular-nums; text-align:center}
html body.np.np main .rb-editor .rb-zeile>.rb-text{min-width:0}
html body.np.np main .rb-editor .rb-zeile>.rb-text>b{display:block; font-size:1.0625rem; font-weight:500; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html body.np.np main .rb-editor .rb-zeile>.rb-text>small{display:block; font-weight:400; font-size:.9375rem; line-height:1.35; color:var(--ap-zweit); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html body.np.np main .rb-editor .rb-zeile>.rb-betrag{font-size:1.0625rem; font-variant-numeric:tabular-nums; white-space:nowrap}
html body.np.np main .rb-editor tr.re-freitext .rb-zeile>.rb-text>b{font-style:italic; font-weight:400}
html body.np.np main .rb-editor tr.re-gruppe .rb-zeile>.rb-text>b{font-style:normal; font-weight:650}
html body.np.np main .rb-editor tr.rb-fehler .rb-zeile>.rb-text>small{color:var(--fehler,var(--io-rot))}
html body.np.np main .rb-editor tr.rb-ausser .rb-zeile>.rb-betrag{color:var(--ap-zweit)}
html body.np.np main .rb-editor form.rb-js p.re-hinweis:has(.re-zeile-dazu){display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1); margin:0 0 var(--ap-3)}
html body.np.np main .rb-editor form.rb-js p.re-hinweis .re-live{margin-left:auto; font-size:.9375rem; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
html body.np.np main .rb-editor .rb-schleier{position:fixed; inset:0; z-index:60; background:color-mix(in oklab,var(--np-tinte) 28%,transparent)}
html body.np.np main .rb-editor .rb-schleier[hidden]{display:none}
html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-offen{position:fixed; z-index:61; left:50%; top:50%; transform:translate(-50%,-50%); width:min(560px,calc(100vw - 32px)); max-height:calc(100vh - 48px); overflow:auto;
  display:flex; flex-direction:column; flex-wrap:nowrap; margin:0; padding:0 var(--ap-3) var(--ap-3); border:0; border-radius:var(--io-rund-blatt); overscroll-behavior:contain;
  background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas);
  animation:rb-auf var(--ap-feder-kurz-zeit,.32s) var(--ap-feder-kurz,cubic-bezier(.2,.9,.25,1.05))}
@keyframes rb-auf{from{opacity:0; transform:translate(-50%,-46%) scale(.98)}to{opacity:1; transform:translate(-50%,-50%)}}
html body.np.np main .rb-editor tr.rb-offen>td{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:center; column-gap:var(--ap-2); row-gap:4px; min-height:52px; padding:6px 0; margin:0;
  border:0; border-top:1px solid var(--np-linie); background:none; text-align:left; width:100%; max-width:none; box-sizing:border-box; align-self:stretch; flex:none}
html body.np.np main .rb-editor tr.rb-offen>td::before{content:attr(data-rb-titel); font-size:.9375rem; font-weight:500; color:var(--np-tinte); line-height:1.35}
html body.np.np main .rb-editor tr.rb-offen>td>*{grid-column:2; min-width:0}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td :is(input:not([type=hidden]),select,textarea,.af,.af-feld){width:100%; max-width:none; box-sizing:border-box}
html body.np.np main .rb-editor tr.rb-offen>td:has(>textarea){grid-template-columns:1fr}
html body.np.np main .rb-editor tr.rb-offen>td:has(>textarea)>*{grid-column:1}
html body.np.np main .rb-editor tr.rb-offen>td.rb-aus{display:none}
html body.np.np main .rb-editor tr.rb-offen>td.re-zeilenbetrag{text-align:right; font-variant-numeric:tabular-nums; font-weight:600; color:var(--np-tinte)}
html body.np.np main .rb-editor tr.rb-offen>td.re-zeilenbetrag::before{text-align:left; font-weight:500}
html body.np.np main .rb-editor tr.rb-offen>td.re-art-zelle .re-schieben{grid-column:2; display:flex; justify-content:flex-end; margin:0}
html body.np.np main .rb-editor tr.rb-offen>td.re-art-zelle .re-griff{display:none}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk{position:sticky; top:0; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); min-height:56px; margin:0 calc(-1 * var(--ap-3)); padding:6px var(--ap-2);
  border:0; background:var(--io-glas-blatt); border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk::before{content:none}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk>*{grid-column:auto}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk>h2{margin:0; font-size:1.0625rem; font-weight:600; text-align:center}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk>.rb-ab{justify-self:start}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk>.rb-fertig{justify-self:end; font-weight:700}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bk+td{border-top:0}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bf{position:sticky; bottom:calc(-1 * var(--ap-3)); z-index:2; display:flex; flex-direction:column; align-items:stretch; gap:var(--ap-1);
  margin:0 calc(-1 * var(--ap-3)) calc(-1 * var(--ap-3)); padding:var(--ap-2) var(--ap-3) var(--ap-3); width:auto; max-width:none; align-self:stretch; background:var(--io-glas-blatt)}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td.rb-bk>.rb-ab{margin-left:var(--ap-2)}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td.rb-bk>.rb-fertig{margin-right:var(--ap-2)}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td.rb-bf>*{margin-inline:var(--ap-3); width:auto; max-width:none; align-self:stretch}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td.rb-bf>:first-child{margin-top:var(--ap-2)}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td.rb-bf>:last-child{margin-bottom:var(--ap-3)}
html body.np.np main .rb-editor.rb-editor tr.rb-offen>td:is(.rb-bk,.rb-bf){width:auto; align-self:stretch}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bf::before{content:none}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bf>p{margin:0; font-size:.9375rem; line-height:1.4}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bf>p.rb-warn{color:var(--np-tinte)}
html body.np.np main .rb-editor tr.rb-offen>td.rb-bf>p.rb-feh{color:var(--fehler,var(--io-rot))}
html body.np.np main .rb-editor tr:not(.rb-offen)>td:is(.rb-bk,.rb-bf){display:none}
html body.np.np main .rb-editor tr.rb-offen :is(.af-liste){z-index:3}
html body.np.np main .rb-editor form.re-form>.re-knoepfe{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1); margin:var(--ap-3) 0 var(--ap-1)}
html body.np.np main .rb-editor form.re-form>.re-knoepfe>label.re-buchen{flex:1 1 100%; display:flex; align-items:center; gap:12px; min-height:44px; margin:0}
html body.np.np main .rb-editor form.re-form>.re-knoepfe>label.re-buchen>input{position:static; flex:none; margin:0}
html body.np.np main .rb-editor[data-rb-art="serie"] form.re-form>.re-knoepfe{display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0 var(--ap-2); background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rb-editor[data-rb-art="serie"] form.re-form>.re-knoepfe>label.re-buchen.re-buchen{display:flex; align-items:center; justify-content:flex-start; text-align:left; width:100%; gap:12px; flex:none; min-height:52px; margin:0; padding:6px 0; border-top:1px solid var(--np-linie); background:none; box-shadow:none; border-radius:0}
html body.np.np main .rb-editor[data-rb-art="serie"] form.re-form>.re-knoepfe>label.re-buchen:first-child{border-top:0}
html body.np.np main .rb-editor form.re-form>dl.re-summen{margin:0 0 var(--ap-2); padding:var(--ap-2); background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1)}
html body.np.np main .rb-editor form.re-form>p.re-hinweis:last-of-type{color:var(--ap-zweit)}
@media (max-width:700px){
  html body.np.np main .rb-editor>.np-seitenkopf.rv-editorleiste.rb-leiste{grid-template-columns:auto minmax(0,1fr) auto; padding:4px 6px}
  html body.np.np main .rb-leiste>.rb-rechts>.gs-knopf.rb-haupt{padding:0 14px}
  html body.np.np main .rb-leiste h1 .rb-tw{display:none}
  html body.np.np main .rb-leiste .rv-titel h1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.9375rem}
  html body.np.np main .rb-editor>.np-seitenkopf.rv-editorleiste.rb-leiste.rb-leiste{grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"ab . re" "ti ti ti"; row-gap:0}
  html body.np.np main .rb-leiste.rb-leiste>a.rv-abbrechen{grid-area:ab}
  html body.np.np main .rb-leiste.rb-leiste>.rb-rechts{grid-area:re}
  html body.np.np main .rb-leiste.rb-leiste>.rv-titel{grid-area:ti; padding:0 var(--ap-2) 6px}
  html body.np.np main .rb-leiste.rb-leiste .rv-titel h1{white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.25}
  html body.np.np main :is(.rv-editor,.rb-editor)>.np-seitenkopf.rv-editorleiste.rv-editorleiste{top:calc(60px + var(--ap-1))}
  html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe>label.feld,
  html body.np.np main .rb-editor form.re-form>.feld-reihe.feld-reihe>.feld{grid-template-columns:1fr; padding:10px 0}
  html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>:not(span:first-child){grid-column:1}
  html body.np.np main .rb-editor form.re-form>.feld-reihe>label.feld>span:first-child,
  html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld>span:first-child{grid-row:auto}
  html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld{grid-template-columns:1fr; padding:10px 0}
  html body.np.np main .rb-editor form.re-form details.np-re-mehr>.feld-reihe>label.feld>:not(span:first-child){grid-column:1}
  html body.np.np main .rb-editor .np-re-brief.np-re-brief>div{grid-template-columns:1fr}
  html body.np.np main .rb-editor .np-re-brief>div>small{grid-row:auto}
  html body.np.np main .rb-editor .np-re-brief>div>:is(b,span){grid-column:1; text-align:left}
  html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-offen{left:0; right:0; top:auto; bottom:0; transform:none; width:auto; max-height:88vh; border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0;
    padding-bottom:calc(var(--ap-3) + env(safe-area-inset-bottom)); animation-name:rb-auf-unten}
  @keyframes rb-auf-unten{from{transform:translateY(24px); opacity:.4}to{transform:none; opacity:1}}
  html body.np.np main .rb-editor tr.rb-offen>td{grid-template-columns:1fr; padding:8px 0}
  html body.np.np main .rb-editor tr.rb-offen>td>*{grid-column:1}
  html body.np.np main .rb-editor tr.rb-offen>td.rb-bk{grid-template-columns:auto minmax(0,1fr) auto}
  html body.np.np main .rb-editor tr.rb-offen>td.re-zeilenbetrag{grid-template-columns:1fr auto}
  html body.np.np main .rb-leiste.rb-leiste p.rv-fest-frage.rv-fest-frage{display:block; left:8px; right:8px}
  html body.np.np main .rb-editor button.rb-zeile{grid-template-columns:24px minmax(0,1fr) auto 10px; gap:10px}
}
@media (prefers-reduced-motion:reduce){html body.np.np main .rb-editor form.rb-js table.re-positionen>tbody>tr.rb-offen{animation:none}}
html.rb-blatt-auf,html.rb-blatt-auf body{overflow:hidden}
html body.np.np main .rf-seite.rf-seite form.rf-formular{max-width:760px; display:block}
html body.np.np main .rf-seite.rf-seite fieldset.rf-gruppe,html body.np.np main .rf-seite.rf-seite section.rf-gruppe{margin:0 0 var(--ap-3); padding:0; border:0; min-width:0; background:none; box-shadow:none}
html body.np.np main .rf-seite.rf-seite :is(legend,h2).rf-gtitel.rf-gtitel:not(#rf-x){display:block; float:none; width:auto; padding:0; margin:0 0 6px var(--ap-2); font-size:.8125rem; line-height:1.4; font-weight:600; color:var(--ap-zweit); letter-spacing:0; text-transform:none}
html body.np.np main .rf-seite.rf-seite legend.rf-gtitel>.rf-gtitel-i{display:inline-flex; align-items:center; gap:6px}
html body.np.np main .rf-seite.rf-seite legend.rf-gtitel details.zahl-i{position:relative; inset:auto; margin:0; flex:none}
html body.np.np main .rf-seite.rf-seite p.rf-hinweis{margin:6px var(--ap-2) 0; font-size:.9375rem; line-height:1.47; color:var(--ap-zweit); max-width:640px}
html body.np.np main .rf-seite.rf-seite fieldset.rf-gruppe>p.rf-hinweis{margin:0 var(--ap-2) var(--ap-1)}
html body.np.np main .rf-seite.rf-seite p.rf-hinweis.rf-oben{margin:0 0 var(--ap-3); max-width:760px}
html body.np.np main .rf-seite.rf-seite p.rf-zwischen{margin:var(--ap-2) var(--ap-2) 6px; font-size:.8125rem; line-height:1.4; font-weight:600; color:var(--ap-zweit)}
html body.np.np main .rf-seite.rf-seite .rf-zeilen{display:block; background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1); padding:0 var(--ap-2); margin:0}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>*+*{border-top:1px solid var(--np-linie)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>p.rf-info{margin:0; padding:14px 0; font-size:1.0625rem; line-height:1.47; color:var(--np-tinte)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:var(--ap-2);
  min-height:52px; width:100%; max-width:none; margin:0; padding:6px 0; box-sizing:border-box; background:none; box-shadow:none}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld>span{flex:1 1 45%; min-width:0; margin:0; color:var(--np-tinte); font-size:.9375rem; font-weight:500; line-height:1.35}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld>input:not([type=file]){flex:0 1 55%; width:auto; min-width:0; height:44px; min-height:44px; box-sizing:border-box; text-align:right; margin:0;
  background:var(--ap-fuellung); border:0; border-radius:10px; padding:0 12px; font-variant-numeric:tabular-nums}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text{flex-direction:column; align-items:stretch; gap:6px; padding:12px 0}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text>:is(input,textarea){flex:none; width:100%; max-width:none; text-align:left; box-sizing:border-box; margin:0; background:var(--ap-fuellung); border:0; border-radius:10px; padding:10px 12px}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text>textarea{min-height:96px; resize:none}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-datei>:is(.gs-datei,input[type=file]){flex:0 1 auto; margin:0; align-items:center}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-datei .gs-datei-name{margin:0; align-self:center}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl{position:relative; display:flex; align-items:center; gap:var(--ap-2); min-height:52px; width:auto; margin:0; padding:8px 36px 8px 0; box-sizing:border-box;
  cursor:pointer; color:var(--np-tinte); font-size:.9375rem; line-height:1.4; font-weight:400; background:none; box-shadow:none}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl>input[type=radio]{position:absolute; left:0; top:50%; width:1px; height:1px; margin:0; padding:0; opacity:0; pointer-events:none}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl:has(input:checked)::after{content:""; position:absolute; right:4px; top:50%; width:20px; height:20px; margin-top:-10px; background:var(--ap-haken) no-repeat center/20px}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:-2px; border-radius:8px}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl>.rf-wahl-text{display:block; min-width:0}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl>.rf-wahl-text>b{display:block; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl>.rf-wahl-text>small{display:block; margin-top:2px; font-size:.8125rem; line-height:1.4; color:var(--ap-zweit)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-wahl.rf-wahl>.rf-wahl-text>span[aria-hidden]{margin-right:8px}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.ap-schalter.rf-schalter{min-height:52px; width:auto; margin:0; padding:6px 0; background:none; border-radius:0; box-shadow:none; font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main [data-rb-art="serie"] .re-knoepfe>label.ap-schalter.rf-schalter.rf-schalter{width:100%; min-height:52px; margin:0; padding:6px 0; justify-items:stretch; text-align:left; background:none; box-shadow:none; border-radius:0}
html body.np.np main [data-rb-art="serie"] .re-knoepfe>label.ap-schalter.rf-schalter.rf-schalter>span{text-align:left; justify-self:start; font-size:1rem; font-weight:400; color:var(--np-tinte)}
html body.np.np main [data-rb-art="serie"] .re-knoepfe>label.ap-schalter.rf-schalter+label.ap-schalter{border-top:1px solid var(--np-linie)}
html body.np.np main [data-rf-seite="textbausteine"] label.ap-schalter.rf-schalter.rf-schalter{display:grid; width:100%; max-width:760px; min-height:52px; margin:0 0 var(--ap-2); padding:6px var(--ap-2); box-sizing:border-box;
  background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1); font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen.rf-liste>button.gs-zeile.rf-zeile-knopf{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); width:100%; min-height:56px; margin:0; padding:8px 0;
  border:0; border-radius:0; background:none; box-shadow:none; text-align:left; font:inherit; color:var(--np-tinte); cursor:pointer}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen.rf-liste>button.gs-zeile.rf-zeile-knopf+button{border-top:1px solid var(--np-linie)}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen.rf-liste>button.gs-zeile.rf-zeile-knopf b{font-size:.9375rem; font-weight:500}
html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen.rf-liste>button.gs-zeile.rf-zeile-knopf small{font-size:.8125rem; color:var(--ap-zweit)}
@media (hover:hover){html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen.rf-liste>button.gs-zeile.rf-zeile-knopf:hover{background:var(--ap-fuellung)}}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen{display:block; background:var(--ap-karte); border-radius:var(--ap-rund-karte); box-shadow:var(--ap-schatten-1); padding:0 var(--ap-2); margin:0}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>*+*{border-top:1px solid var(--np-linie)}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld{display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:52px; margin:0; padding:6px 0; width:100%; max-width:none; box-sizing:border-box; background:none; box-shadow:none}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld>span{flex:1 1 45%; margin:0; color:var(--np-tinte); font-size:.9375rem; font-weight:500}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld>input{flex:0 1 50%; width:auto; min-width:0; height:44px; min-height:44px; box-sizing:border-box; text-align:right; margin:0; background:var(--ap-fuellung); border:0; border-radius:10px; padding:0 12px}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text{flex-direction:column; align-items:stretch; gap:6px; padding:12px 0}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text>:is(input,textarea){flex:none; width:100%; max-width:none; text-align:left; box-sizing:border-box; margin:0; background:var(--ap-fuellung); border:0; border-radius:10px; padding:10px 12px}
html body.np.np dialog.rf-blatt.rf-blatt .rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-text>textarea{min-height:160px; resize:none}
html body.np.np dialog.rf-blatt.rf-blatt .ein-blatt-kopf{padding:12px 12px 0}
html body.np.np dialog.rf-blatt.rf-blatt .ein-blatt-kopf>button.gs-knopf.gs-knopf{background:none; box-shadow:none}
html body.np.np dialog.rf-blatt.rf-blatt p.rf-fehler{margin:0 var(--ap-2) var(--ap-2); font-size:.9375rem; line-height:1.47; color:var(--np-rot-tief); font-weight:500}
html body.np.np dialog.rf-blatt.rf-blatt p.rf-hinweis{margin:var(--ap-1) var(--ap-2) 0; font-size:.9375rem; line-height:1.47; color:var(--ap-zweit)}
html body.np.np main .np-re-fuss .rf-giro-zeile label.ap-schalter.rf-giro.rf-giro{min-height:44px; margin:0; padding:0; background:none; box-shadow:none; border-radius:0; font-size:1rem; font-weight:500; color:var(--np-tinte)}
html body.np.np main .np-re-fuss .rf-giro-zeile label.ap-schalter.rf-giro small{font-size:.8125rem; font-weight:400; color:var(--ap-zweit)}
html body.np.np main .np-re-fuss .rf-giro-zeile p.rf-hinweis{margin:4px 0 0; font-size:.9375rem; line-height:1.47; color:var(--ap-zweit)}
html body.np.np main [data-rf-menue] select.rf-menue-feld{cursor:pointer}
html body.np main [data-rf-menue] .rf-menue-liste{position:absolute; z-index:40; max-height:min(360px,60vh); overflow:auto; margin:0; padding:6px; list-style:none; box-sizing:border-box; min-width:200px;
  background:var(--ap-karte); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); border-radius:var(--ap-rund); box-shadow:var(--ap-schatten-2)}
html body.np main [data-rf-menue] .rf-menue-liste[hidden]{display:none}
html body.np.np main [data-rf-menue] .rf-menue-liste>li[role=option]{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:44px; margin:0; padding:0 10px 0 12px; border:0; border-radius:10px;
  color:var(--np-tinte); font-size:1rem; font-weight:400; line-height:1.3; cursor:pointer; background:none; box-shadow:none; text-align:left}
html body.np.np main [data-rf-menue] .rf-menue-liste>li[role=option][aria-selected="true"]::after{content:""; flex:none; width:20px; height:20px; background:var(--ap-haken) no-repeat center/20px}
html body.np.np main [data-rf-menue] .rf-menue-liste>li[role=option].rf-aktiv{background:var(--ap-fuellung)}
@media (hover:hover){html body.np.np main [data-rf-menue] .rf-menue-liste>li[role=option]:hover{background:var(--ap-fuellung)}}
html body.np.np main button.gs-knopf.gs-knopf--text.rf-beenden.rf-beenden{min-height:44px; padding:0 8px; color:var(--np-rot-tief); font-size:.9375rem; font-weight:500}
html body.np:has(.rf-seite,[data-rf-menue]) button.np-helferknopf::before{content:""; position:absolute; inset:0; border-radius:0; background:none}
@media (max-width:700px){
  html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld:not(.rf-text):not(.rf-datei){flex-direction:column; align-items:stretch; gap:6px; padding:10px 0}
  html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld:not(.rf-text):not(.rf-datei)>input{flex:none; width:100%; text-align:left}
  html body.np.np main .rf-seite.rf-seite.rf-seite .rf-zeilen.rf-zeilen.rf-zeilen>label.rf-zeile.rf-zeile.feld.rf-datei{flex-wrap:wrap}
}
@media (prefers-reduced-motion:no-preference){html body.np main [data-rf-menue] .rf-menue-liste:not([hidden]){animation:rf-auf var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}}
@keyframes rf-auf{from{opacity:0; transform:translateY(-4px) scale(.98)}to{opacity:1; transform:none}}
body.np .rk-hinweis{margin:0 0 12px; font-size:15px; color:var(--np-grau)}
body.np .rk-hinweis[hidden]{display:none}
body.np button.rk-link{display:inline; min-height:44px; padding:0 4px; border:0; background:none; box-shadow:none; color:var(--np-link); font:inherit; font-weight:600; cursor:pointer}
body.np button.rk-link:hover{text-decoration:underline; transform:none; background:none}
body.np .rk-leiste{display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; margin:0 0 14px}
body.np .rk-wahl{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600}
body.np .rk-wahl select{min-height:44px; max-width:240px}
body.np .rk-vorschau{margin:0; font-size:15px; color:var(--np-grau)}
body.np .rk-vorschau b{color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .rk-vorschau a{color:var(--np-link); font-weight:600}
body.np .rk-weitere{margin:28px 0 0}
body.np .rk-weitere>h2{margin:0 0 10px; font-size:17px; font-weight:600}
body.np h2.rk-titel{margin:22px 0 8px; font-size:15px; font-weight:600; color:var(--np-grau)}
body.np h2.rk-titel:first-of-type{margin-top:6px}
body.np dialog.rf-blatt button.rk-entfernen{display:block; width:100%; min-height:44px; margin-top:12px; border:0; background:none; box-shadow:none; color:var(--np-rot-tief,#A82B24); font:inherit; font-weight:600; cursor:pointer}
body.np .rk-fehler{margin:0 0 12px; padding:10px 14px; border-radius:14px; font-size:15px; background:var(--np-rot-hauch,rgba(200,60,50,.10))}
body.np .rk-fehler p{margin:2px 0}
body.np [data-nk-start-satz].rk-schief{color:var(--np-rot-tief,#A82B24); font-weight:600}
@media (max-width:560px){
  body.np .rk-leiste{align-items:stretch; flex-direction:column}
  body.np .rk-wahl{justify-content:space-between}
  body.np .rk-wahl select{flex:1 1 auto; min-width:0}
}
body.np .np-mahn-stand{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 var(--ap-2, 16px)}
body.np .np-mahn-k>h2+.np-mahn-stand{margin:4px 0 12px}
body.np .np-mahn-k{margin-bottom:var(--ap-2, 16px)}
body.np .np-mahn a.np-still,body.np .np-mahn button.np-still{font-size:13px}
body.np .np-mahn-k form{margin:0}
body.np .np-mahn-vorschau{display:block; width:100%; height:420px; border:1px solid var(--np-linie); background:var(--np-karte)}
body.np .np-mahn-vorschau-platz{display:grid; place-items:center; height:160px; border-radius:var(--ap-rund,14px); background:var(--m-feld); color:var(--m-kapsel,#4A5C6A); font-size:15px}
body.np .np-mahn-wege{border:0; margin:12px 0; padding:0; display:grid; gap:4px}
body.np .np-mahn-wege legend{font-weight:600; margin-bottom:4px}
body.np .np-mahn-wege label{min-height:44px; display:flex; align-items:center; gap:8px}
body.np .np-mahn-weg-t{display:flex; flex-direction:column; min-width:0}
body.np .np-mahn-anders[hidden]{display:none}
body.np .np-mahn-form{display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end}
body.np .np-mahn-form .feld.breit{flex:1 1 260px}
body.np .np-mahn-knoepfe{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:8px}
body.np .np-mahn-text{width:100%; box-sizing:border-box; font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; border:1px solid var(--np-linie); padding:12px; background:transparent; color:inherit}
body.np .np-mahn-band{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-bottom:var(--ap-2, 16px)}
body.np .np-mahn-band p{margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px}
body.np .rq-zz .np-mahnknopf-zelle{flex:none; display:inline-flex; align-items:center; padding:0 4px}
body.np .rq-zz .np-mahnknopf-zelle .np-knopf{min-height:44px; white-space:nowrap}
body.np .rq-mahn-rot{color:var(--np-rot-tief); font-weight:600}
body.np .hn-mahn{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:8px 0 0}
@media (max-width:600px){body.np .np-mahn-vorschau{height:300px}
 body.np main[data-rq] .rq-zz:has(>.np-mahnknopf-zelle){flex-wrap:wrap; row-gap:0}
 body.np main[data-rq] .rq-zz>.np-mahnknopf-zelle{order:3; flex:1 0 100%; padding:0 0 12px 52px; box-sizing:border-box}}


body.np main .gs-kopf[data-gs-kopf] header.ma-person{grid-row:2/4; grid-column:voll/such; display:flex; align-items:center; gap:16px; min-width:0; margin:0}
body.np main header.ma-person{display:flex; align-items:center; gap:16px; min-width:0}
body.np main header.ma-person .ma-kreis-64{flex:0 0 64px; width:64px; height:64px; min-width:64px; border-radius:50%; font-size:22px; font-weight:650}
body.np main header.ma-person .ma-person-t{display:flex; flex-direction:column; gap:2px; min-width:0; padding-right:12px}
body.np main header.ma-person .ma-person-t>*{white-space:normal; overflow-wrap:anywhere}
body.np main header.ma-person h1{margin:0}
body.np main header.ma-person p.ma-unterzeile{margin:0; font-size:17px; line-height:22px; color:var(--ap-zweit,var(--np-grau))}
body.np main .np-lohn-menue-satz{margin:6px 12px 4px; max-width:30ch; font-size:13px; line-height:1.35; color:var(--ap-zweit,var(--np-grau))}
body.np main section.ma-akte .ma-akte-kopf{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 8px}
body.np main section.ma-akte .ma-akte-kopf h2{margin:0}
body.np main section.ma-akte .ma-akte-kopf .np-lohn-ablegen{margin-left:auto}
body.np main section.ma-akte .ma-akte-liste{list-style:none; margin:0; padding:0}
body.np main section.ma-akte .ma-akte-liste li{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; border-top:1px solid var(--np-linie)}
body.np main section.ma-akte .ma-akte-liste li form{margin:0 0 0 auto}
body.np main section.ma-akte .ma-akte-t{display:flex; flex-direction:column; min-width:0}
body.np main .ma-wege-neu .np-zeile .np-t span{display:block; font-size:14px; color:var(--ap-zweit,var(--np-grau)); font-weight:400}
body.np main .ma-abrechnungen ul.eintraege{list-style:none; margin:0; padding:0}
body.np main div.ma-erfolg{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
body.np main div.ma-erfolg form{margin:0}
body.np main .np-lohn-ma .np-lohn-ma-mehr{position:relative; z-index:2; flex:none}
body.np main .np-lohn-ma .np-lohn-ma-mehr>summary{display:grid; place-items:center; width:36px; height:36px; border-radius:50%; list-style:none; cursor:pointer; color:var(--ap-zweit,var(--np-grau))}
body.np main .np-lohn-ma .np-lohn-ma-mehr>summary::-webkit-details-marker{display:none}
body.np main .np-lohn-ma .np-lohn-ma-mehr>.np-menue{position:absolute; left:auto; right:0; top:40px; min-width:200px}
@media (max-width:700px){body.np main .np-lohn-ma .np-lohn-ma-mehr{display:none}}
@media (min-width:701px){
  body.np:not(#np-mz):not(#np-zr):not(#ma-p):not(#ma-q) main .gs-kopf[data-gs-kopf]:has(.np-lohn-person){grid-template-columns:[voll such] minmax(0,1fr) [filt] auto [zeit] auto [haupt] auto [mehr] auto [rest ende]}
  body.np:not(#np-mz):not(#np-zr):not(#ma-p) main .gs-kopf[data-gs-kopf] .np-lohn-person .np-rechts>:is(a.np-lohn-haupt,details.np-lohn-menue){grid-row:2/4 !important; margin-top:0 !important; align-self:center}
}
@media (max-width:700px){
  body.np main .gs-kopf[data-gs-kopf] header.ma-person{grid-row:2; grid-column:voll/ende; margin:6px 0 0}
  body.np main header.ma-person .ma-kreis-64{flex-basis:56px; width:56px; height:56px; min-width:56px}
}
body.np img.np-kreis-foto{object-fit:cover; padding:0; border-radius:50%; width:36px; height:36px}
body.np .np-lohn-ma .np-kreis,body.np .np-lohn-zahlung .np-kreis{width:36px; height:36px; min-width:36px; flex:0 0 36px; box-sizing:border-box}
body.np .np-lohn-kopf{align-items:flex-start}
body.np .np-lohn-kopf .np-rechts{display:flex; align-items:center; gap:8px 10px; flex-wrap:wrap; margin-left:auto}
body.np .np-lohn-kopf form{margin:0}
body.np .beta-marke{display:inline-flex; vertical-align:middle; font-size:12px; font-weight:700; letter-spacing:.02em; padding:3px 9px; margin-left:6px; border-radius:999px; background:var(--np-orange-feld); color:var(--np-orange); border:0}
body.np p.beta-band{margin:0 0 14px; padding:10px 16px; border:0; border-radius:14px; background:var(--np-orange-feld); color:var(--np-tinte); font-size:14px; line-height:1.45}
body.np .np-lohn-ansicht{margin:0 0 12px}
body.np p.fehlerband .np-knopf,body.np p.erfolg .np-knopf{margin-left:8px}
body.np .np-lohn-leer{display:flex; gap:8px; padding:40px 24px}
body.np .np-lohn-leer h2{margin:6px 0 0}
body.np .np-lohn-leer p{margin:0 0 10px; color:var(--np-grau); max-width:44ch}
body.np .np-lohn-fremd a{display:inline-flex; align-items:center; min-height:44px}
body.np .np-lohn-liste{padding:14px 22px}
body.np .np-lohn-liste>h2{margin:4px 0 8px}
body.np .np-lohn-liste .lm-gebucht{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 8px; padding:10px 14px; border-radius:14px; background:var(--np-gruen-hauch); border:0}
body.np .np-lohn-liste .lm-gebucht p{margin:0; flex:1; font-weight:600; color:var(--np-gruen-tief)}
body.np .np-lohn-liste .lm-gebucht form{margin:0}
body.np .np-lohn-liste details.lm-satz{margin:0 0 6px; border:0; padding:0}
body.np .np-lohn-liste details.lm-satz>summary{cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-size:14px; font-weight:600; color:var(--np-gruen-tief)}
body.np details.lm-ma{border:0; border-bottom:1px solid var(--np-linie); border-radius:0; margin:0; padding:0; background:none; box-shadow:none}
body.np details.lm-ma:last-of-type{border-bottom:0}
body.np details.lm-ma>summary{list-style:none; display:flex; align-items:center; gap:10px 12px; min-height:60px; padding:8px 4px; cursor:pointer; flex-wrap:wrap}
body.np details.lm-ma>summary::-webkit-details-marker{display:none}
body.np details.lm-ma>summary:hover{background:var(--np-gruen-hauch); border-radius:12px}
body.np details.lm-ma>summary .lm-name{flex:1 1 140px; min-width:0; font-weight:600; font-size:15px}
body.np details.lm-ma>summary .zahl{font-size:14px; color:var(--np-grau); white-space:nowrap}
body.np details.lm-ma>summary .lm-netto{font-size:15px; font-weight:700; color:var(--np-tinte)}
body.np details.lm-ma>summary::after{content:""; width:8px; height:8px; border-right:2px solid var(--np-grau-hell); border-bottom:2px solid var(--np-grau-hell); transform:rotate(45deg); margin:0 6px 4px 2px; transition:transform .15s; flex:none}
body.np details.lm-ma[open]>summary::after{transform:rotate(225deg); margin-bottom:-4px}
body.np details.lm-ma>*:not(summary){margin-left:44px}
body.np details.lm-ma[open]{padding-bottom:14px}
body.np details.lm-ma table,body.np .lm-kasten table,body.np details.lm-satz table{width:100%; max-width:520px; border-collapse:collapse; margin:4px 0 10px}
body.np details.lm-ma td,body.np .lm-kasten td,body.np details.lm-satz td{padding:7px 0; font-size:14px; border-bottom:1px solid var(--np-linie)}
body.np details.lm-ma td.zahl,body.np .lm-kasten td.zahl,body.np details.lm-satz td.zahl{text-align:right; font-weight:600; white-space:nowrap}
body.np details.lm-ma tr.summe td{font-weight:700}
body.np .lm-fehlt{color:var(--np-orange); font-size:15px; margin:6px 0}
body.np span.lm-warn{color:var(--np-orange)}
body.np details.lm-ma form{display:flex; align-items:flex-end; gap:8px 12px; flex-wrap:wrap; margin:8px 0}
body.np details.lm-ma form label{display:grid; gap:4px; font-size:13px; color:var(--np-grau)}
body.np details.lm-ma form input,body.np details.lm-ma form select{min-height:44px; padding:0 12px; font:inherit; color:var(--np-tinte); max-width:100%}
body.np details.lm-ma form button{min-height:44px}
body.np details.lm-ma details>summary{cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-weight:600; font-size:14px; color:var(--np-gruen-tief)}
body.np .np-lohn-fuss{font-size:15px; color:var(--np-grau); padding:0 4px}
body.np .np-lohn-fuss a{display:inline-flex; align-items:center; min-height:44px}
body.np .np-lohn-fuss .lm-nicht-erfasst{margin:8px 0; padding:12px 16px; border-radius:14px; background:var(--np-feld); border:0}
body.np .np-lohn-fuss .lm-nicht-erfasst ul{margin:6px 0 0; padding-left:18px}
body.np details.np-lohn-profis{margin:14px 0 0; padding:0 4px}
body.np details.np-lohn-profis>summary{cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-weight:600; color:var(--np-grau)}
body.np details.np-lohn-profis ul{list-style:none; margin:0; padding:0; display:flex; gap:4px 18px; flex-wrap:wrap}
body.np details.np-lohn-profis a{display:inline-flex; align-items:center; min-height:44px}
body.np .np-lohn-posten{max-width:640px; margin:4px 0 10px}
body.np .np-lohn-posten>div{display:flex; align-items:baseline; gap:12px; padding:8px 0; font-size:17px; border-bottom:1px solid var(--np-linie)}
body.np .np-lohn-posten>div:last-child{border-bottom:0}
body.np .np-lohn-posten>div>span:first-child{flex:1; min-width:0}
body.np .np-lohn-posten>div>span+span{color:var(--np-grau); font-size:13px}
body.np .np-lohn-posten>div>b{font-weight:600; white-space:nowrap}
body.np .np-lohn-posten>div.summe>*{font-weight:700}
body.np section.lm-bezahlen>h2{margin:0 0 6px}
body.np section.lm-bezahlen form{display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; margin:14px 0 6px}
body.np section.lm-bezahlen form label{display:grid; gap:4px; font-size:13px; color:var(--np-grau)}
body.np section.lm-bezahlen select{min-height:44px; padding:0 12px; font:inherit}
body.np section.lm-bezahlen p[data-wert="sammeldatei"]{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:10px 0 0; font-size:15px; color:var(--np-grau)}
body.np .np-lohn-zahlung .np-t span a{display:inline-flex; align-items:center; min-height:44px}
body.np a[href$="/lohn/postfach/ausdruck"]{display:inline-flex; align-items:center; min-height:44px}
body.np section.lm-kaesten{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 14px; align-items:start}
body.np section.lm-kaesten .lm-kasten{margin:0; min-width:0}
body.np section.lm-kaesten h2{font-size:15px; margin:0 0 4px}
body.np section.lm-kaesten h3{font-size:14px; margin:10px 0 2px}
body.np .lm-betrag{font-size:26px; font-weight:700; letter-spacing:-.025em; margin:0 0 6px}
body.np section.np-lohn-lsta>h2{margin:0 0 6px}
body.np .np-lohn-lsta-satz{margin:0 0 6px; font-size:14px; color:var(--np-grau)}
body.np .np-lohn-lsta-satz b{color:var(--np-tinte); font-size:17px}
body.np .np-lohn-lsta .np-lohn-posten>div>span:first-child{overflow-wrap:anywhere}
body.np .np-lohn-lsta-stand{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 0; font-size:15px; color:var(--np-grau)}
body.np .np-lohn-lsta-offen{margin:10px 0 0; padding:12px 16px; border-radius:14px; background:var(--np-orange-feld); font-size:15px}
body.np .np-lohn-lsta-offen p{margin:0}
body.np .np-lohn-lsta-offen ul{margin:6px 0 10px; padding-left:18px}
body.np form.np-lohn-lsta-form{display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; margin:14px 0 0}
body.np form.np-lohn-lsta-form .np-haken{display:flex; align-items:flex-start; gap:10px; flex:1 1 320px; min-width:0; min-height:44px; font-size:15px; color:var(--np-tinte); cursor:pointer}
body.np form.np-lohn-lsta-form .np-haken input{width:22px; height:22px; margin:1px 0 0; flex:none; accent-color:var(--np-gruen)}
body.np form.np-lohn-lsta-form button{min-height:44px}
body.np p[data-satz="lsta-oben"] a{display:inline-flex; align-items:center; min-height:44px}
body.np section.np-lohn-bank>h2{margin:0 0 2px}
body.np .np-lohn-bank-kopf{margin:0 0 8px; font-size:14px; color:var(--np-grau)}
body.np .np-lohn-bank-zeile{display:flex; align-items:center; gap:10px; min-height:44px; padding:6px 0; border-bottom:1px solid var(--np-linie)}
body.np .np-lohn-bank-zeile:last-child{border-bottom:0}
body.np .np-lohn-bank-zeile .np-t{flex:1; min-width:0; display:grid; gap:1px}
body.np .np-lohn-bank-zeile .np-t b{font-size:17px}
body.np .np-lohn-bank-zeile .np-t span{font-size:15px; color:var(--np-grau); overflow-wrap:anywhere}
body.np .np-lohn-bank-zeile .np-pille{flex:none; white-space:nowrap}
body.np form.np-lohn-bank-form{display:flex; align-items:center; gap:10px 16px; flex-wrap:wrap; margin:12px 0 0}
body.np form.np-lohn-bank-form p{margin:0; flex:1 1 260px; font-size:14px}
body.np form.np-lohn-bank-form button{min-height:44px}
body.np .np-lohn-bank-satz{margin:10px 0 0; font-size:14px; color:var(--np-grau)}
body.np .np-lohn-bank-satz a{display:inline-flex; align-items:center; min-height:44px}
body.np .np-lohn-ma .np-t b a{color:var(--np-tinte); text-decoration:none}
body.np .np-lohn-ma .np-t b a:hover{text-decoration:underline}
body.np .np-lohn-fehlt p{margin:2px 0 0; font-size:13px; white-space:normal}
body.np form[data-satz="pnr-fehlt"]{margin:0 0 12px}
body.np form[data-satz="pnr-fehlt"] p{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0; padding:8px 8px 8px 16px; border-radius:14px; background:var(--np-orange-feld)}
body.np form[data-satz="pnr-fehlt"] button{margin-left:auto; min-height:44px}
body.np p.ma-wege a,body.np p.up-wege a{display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px}
body.np table.up-kalender th,body.np table.up-kalender td{border-bottom:1px solid var(--np-linie)}
body.np details.lm-ma :is(button.knopf.nebenweg,button.knopf.klein){ color:var(--ap-akzent-text); min-height:44px}
body.np .np-lohn-ma{position:relative}
body.np .np-lohn-ma .np-lohn-ma-weg::after{content:""; position:absolute; inset:0; border-radius:12px}
body.np .np-lohn-ma .np-lohn-ma-bearbeiten{position:relative; z-index:1}
body.np .np-lohn-ma a.np-lohn-ma-weg{display:inline-block; padding:13px 0; margin:-13px 0}
body.np p.np-lohn-sepa{color:var(--ap-zweit)}
body.np main .karte ul.eintraege>li>a.eintrag-zeile{display:flex; align-items:center; gap:8px; min-height:44px; flex:1 1 auto; color:var(--np-tinte); text-decoration:none}
body.np main .karte ul.eintraege>li>a.eintrag-zeile .was{flex:1 1 auto; min-width:0}
body.np main .karte ul.eintraege>li>a.eintrag-zeile .was .fein{display:block; font-size:15px; color:var(--ap-zweit)}
body.np main details.werkzeug-mehr{margin:8px 0 16px}
body.np section.lm-pruefen>p.fein{font-size:17px}
body.np a.stunden-weg{display:inline-flex; align-items:center; min-height:44px}
body.np main details.werkzeug-mehr>summary{min-height:44px; display:inline-flex; align-items:center; cursor:pointer; color:var(--ap-akzent-text)}
body.np .np-lohn-ma .np-t>span{color:var(--ap-zweit,var(--np-grau))}
body.np .np-lohn-ma .np-lohn-fehlt{font-size:13px; color:var(--np-orange)}
body.np .np-lohn-ma .np-lohn-fehlt p{color:inherit}
body.np i.np-lohn-pfeil{flex:none; width:8px; height:8px; margin:0 4px 0 0; border-right:2px solid var(--np-grau-hell); border-top:2px solid var(--np-grau-hell); transform:rotate(45deg)}
body.np .np-lohn-ma:hover{background:color-mix(in oklab,var(--np-tinte) 3%,transparent)}
body.np details.np-lohn-mehr{margin:8px 0 16px}
body.np details.np-lohn-mehr>summary{cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-weight:600; color:var(--np-grau)}
body.np details.np-lohn-mehr>p{margin:0 0 8px}
body.np section.np-lohn-an-liste{display:block; padding:24px}
body.np section.np-lohn-an-liste>h2{margin:0 0 8px; font-size:17px}
body.np section.np-lohn-an-liste>div.lm-kasten{margin:0; padding:0; border:0; border-radius:0; background:none !important; box-shadow:none !important; border-bottom:1px solid var(--np-linie) !important}
body.np section.np-lohn-an-liste>div.lm-kasten:last-child{border-bottom:0 !important}
body.np section.np-lohn-an-liste>div.lm-kasten>p.lm-betrag{display:none}
body.np details.np-lohn-an-zeile>summary{list-style:none; display:flex; align-items:center; gap:16px; min-height:64px; padding:8px 0; cursor:pointer}
body.np details.np-lohn-an-zeile>summary::-webkit-details-marker{display:none}
body.np details.np-lohn-an-zeile>summary .np-t{flex:1; min-width:0; display:grid; gap:2px}
body.np details.np-lohn-an-zeile>summary .np-t b{font-size:15px; font-weight:600}
body.np details.np-lohn-an-zeile>summary .np-t span{font-size:13px; color:var(--ap-zweit,var(--np-grau))}
body.np details.np-lohn-an-zeile>summary .np-betrag{font-size:17px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np details.np-lohn-an-zeile>summary::after{content:""; flex:none; width:8px; height:8px; border-right:2px solid var(--np-grau-hell); border-bottom:2px solid var(--np-grau-hell); transform:rotate(45deg); margin:0 4px 4px 0; transition:transform var(--ap-feder-zeit,.3s) var(--ap-feder,ease)}
body.np details.np-lohn-an-zeile[open]>summary::after{transform:rotate(225deg); margin-bottom:-4px}
body.np details.np-lohn-an-zeile[data-leer]>summary{cursor:default}
body.np details.np-lohn-an-zeile[data-leer]>summary::after{content:none}
body.np .np-lohn-an-inhalt{padding:0 0 16px; max-width:560px}
body.np .np-lohn-an-inhalt h3{font-size:14px; margin:16px 0 4px}
body.np .np-lohn-an-inhalt p{font-size:14px; color:var(--ap-zweit,var(--np-grau)); margin:0 0 8px}
body.np .np-lohn-an-hinweis{padding:0 0 16px}
body.np .np-lohn-an-hinweis p{margin:0 0 8px; font-size:13px; line-height:1.45}
body.np .np-lohn-an-hinweis p.fein{color:var(--ap-zweit,var(--np-grau))}
body.np .np-lohn-an-hinweis a{display:inline-flex; align-items:center; min-height:44px}
body.np nav.ma-wege-liste{display:block; padding:0 0 0 24px; margin:0 0 24px; max-width:560px}
body.np nav.ma-wege-liste a{display:flex; align-items:center; min-height:52px; padding:0 24px 0 0; border-bottom:1px solid var(--np-linie); color:var(--np-tinte); text-decoration:none; font-size:15px; line-height:1.3}
body.np nav.ma-wege-liste a:last-child{border-bottom:0}
body.np nav.ma-wege-liste a span{flex:1}
body.np nav.ma-wege-liste a i{width:8px; height:8px; border-right:2px solid var(--np-grau-hell); border-top:2px solid var(--np-grau-hell); transform:rotate(45deg)}
body.np section.ma-akte{max-width:560px; margin:0 0 24px}
body.np section.ma-akte>h2{margin:0 0 8px; font-size:17px}
body.np section.ma-akte .ma-zart{margin:0 0 8px}
body.np ul.ma-akte-liste{list-style:none; margin:0 0 8px; padding:0}
body.np ul.ma-akte-liste li{display:flex; align-items:center; gap:16px; min-height:56px; border-bottom:1px solid var(--np-linie)}
body.np ul.ma-akte-liste .ma-akte-t{flex:1; min-width:0; display:grid; gap:2px}
body.np ul.ma-akte-liste small{font-size:13px; color:var(--ap-zweit,var(--np-grau))}
body.np ul.ma-akte-liste form{margin:0}
body.np details.ma-ablegen>summary{cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-weight:600; color:var(--np-gruen-tief)}
body.np details.ma-ablegen form{display:flex; flex-direction:column; gap:16px; padding:8px 0 0}
body.np details.ma-ablegen form button{align-self:flex-start}
body.np div.karte[data-karte="zugang"]{max-width:560px}
@media (max-width:1180px){
  body.np section.lm-kaesten{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  body.np .np-lohn-kopf .np-rechts{margin-left:0; width:100%}
  body.np .np-lohn-kopf .np-lohn-schritt,body.np .np-lohn-kopf .np-lohn-schritt .np-knopf{width:100%}
  body.np .np-lohn-kopf .np-blaettern a{width:44px; height:44px}
  body.np .np-lohn-kopf .np-schalter a,body.np .np-lohn-ansicht .np-schalter a{height:44px}
  body.np .np-lohn-liste{padding:10px 16px}
  body.np form.np-lohn-lsta-form button{width:100%}
  body.np details.lm-ma .np-knopf.klein,body.np p.fehlerband .np-knopf.klein{height:44px; min-height:44px}
  body.np details.lm-ma>*:not(summary){margin-left:0}
  body.np details.lm-ma>summary .lm-name{flex-basis:calc(100% - 80px)}
  body.np .np-lohn-ma,body.np .np-lohn-zahlung{flex-wrap:wrap; gap:4px 10px}
  body.np .np-lohn-ma .np-t,body.np .np-lohn-zahlung .np-t{flex:1 1 calc(100% - 60px)}
  body.np .np-lohn-ma .np-t span,body.np .np-lohn-zahlung .np-t span{white-space:normal}
  body.np .np-lohn-ma .np-pille,body.np .np-lohn-zahlung .np-pille{margin-left:44px}
  body.np .np-lohn-ma .np-betrag,body.np .np-lohn-zahlung .np-betrag{margin-left:auto}
}
body.np .np-seitenkopf.np-lohn-kopf{display:flex; align-items:flex-end; flex-wrap:wrap; gap:16px 24px; margin:0 0 16px}
body.np .np-lohn-kopf>div:not(.np-rechts){flex:1 1 320px; min-width:0}
body.np .np-lohn-kopf h1{font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.02em; margin:0}
body.np .np-lohn-kopf>div>p{margin:4px 0 0; font-size:17px; line-height:1.35; color:var(--ap-zweit)}
body.np .np-lohn-kopf .np-rechts{display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; margin-left:auto}
body.np .np-lohn-kopf .np-rechts>*{flex:none; margin:0}
body.np .np-lohn-haupt{display:inline-flex; align-items:center; gap:6px; min-height:44px}
body.np nav.np-reiter[data-np-segment]:not(#np-lohn){display:flex; width:max-content; max-width:100%; margin:0 0 24px; overflow:visible; flex-wrap:nowrap}
body.np nav.np-reiter[data-np-segment]:not(#np-lohn) a{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; font-size:15px}
body.np .np-lohn-kopf .np-blaettern a{width:44px; height:44px}
body.np .np-lohn-kopf .np-blaettern b{font-size:14px}
body.np nav.np-reiter[data-np-segment] .np-seg-kurz{display:none}
body.np .np-lohn-kopf .np-rechts .pl-jahrwahl a,body.np .np-lohn-kopf .np-rechts button.pl-rund{width:44px; height:44px; min-height:44px}
body.np .pl-werkzeug:not(:has(.pl-rechts)){justify-content:flex-start}
body.np details.np-lohn-menue>summary{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border-radius:50%; background:var(--ap-fuellung); color:var(--np-tinte)}
body.np details.np-lohn-menue>summary:hover{background:var(--ap-fuellung-hoch)}
body.np details.np-lohn-menue>.np-menue{left:auto; right:0; top:calc(100% + 8px); width:296px; text-align:left}
body.np details.np-lohn-menue .np-menue a{min-height:44px; font-size:15px}
body.np details.np-lohn-menue .np-menue form.ma-fotoknoepfe{display:grid; gap:2px; margin:0}
body.np details.np-lohn-menue .np-menue label.ma-knopf{display:flex; align-items:center; justify-content:flex-start; width:100%; gap:10px; min-height:44px; padding:0 10px; border-radius:10px; font-size:15px; font-weight:500; cursor:pointer; background:none; box-shadow:none; color:var(--np-tinte)}
body.np details.np-lohn-menue .np-menue label.ma-knopf:hover{background:var(--ap-fuellung)}
body.np details.np-lohn-menue .np-menue form.ma-fotoknoepfe label.ma-knopf.ma-knopf{justify-content:flex-start; padding:9px 10px; font-size:15px; text-align:left}
body.np .np-lohn-blatt #lohn-akte-form label.st-datei,body.np .np-lohn-blatt .st-datei{display:flex; grid-template-columns:none; margin:6px 0 0; align-items:center; gap:12px; min-height:52px; padding:10px 16px; border-radius:var(--ap-rund); background:var(--ap-fuellung); cursor:pointer; font-weight:400}
body.np .np-lohn-blatt .st-datei b{font-weight:600; color:var(--ap-akzent-text)}
body.np .np-lohn-blatt .st-datei span{flex:1; min-width:0; color:var(--ap-zweit); font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-lohn-blatt .st-datei::after{content:"\203A"; color:var(--ap-zweit); font-size:20px}
body.np .np-lohn-blatt .st-datei+input[type=file]{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
body.np details.np-lohn-menue .np-menue p.np-lohn-menue-hinweis{margin:4px 10px 6px; padding:0; font-size:13px; font-weight:400; line-height:1.4; color:var(--ap-zweit)}
body.np form.np-lohn-suche{position:relative; display:flex; align-items:center; margin:0}
body.np form.np-lohn-suche>svg{position:absolute; left:12px; color:var(--ap-zweit); pointer-events:none}
body.np form.np-lohn-suche input[name=q]{width:240px; height:44px; min-height:44px; margin:0; padding:0 12px 0 36px; border:0; border-radius:12px; background:var(--ap-fuellung); font:inherit; font-size:17px; color:var(--np-tinte); box-shadow:none}
body.np h2.np-lohn-abschnitt{font-size:22px; line-height:1.25; font-weight:600; letter-spacing:-.01em; margin:32px 0 8px; padding:0 4px}
body.np nav.np-reiter[data-np-segment]+h2.np-lohn-abschnitt,body.np nav.np-reiter[data-np-segment]+*>h2.np-lohn-abschnitt:first-child{margin-top:0}
body.np h3.np-lohn-gruppe{font-size:13px; line-height:1.3; font-weight:600; color:var(--ap-zweit); margin:24px 0 8px; padding:0 16px}
body.np nav.np-reiter[data-np-segment]+h3.np-lohn-gruppe{margin-top:0}
body.np :is(section,nav).np-karte.np-lohn-liste{padding:4px 0 4px 16px; margin:0 0 8px}
body.np .np-lohn-status{display:inline-flex; align-items:center; gap:6px; font-size:15px; font-weight:400; color:var(--ap-zweit); white-space:nowrap}
body.np .np-lohn-status::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--np-orange)}
body.np .np-lohn-status.gruen::before{background:var(--np-gruen)}
body.np .np-lohn-liste .np-lohn-ma{display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 16px 8px 0; flex-wrap:nowrap}
body.np .np-lohn-liste .np-lohn-ma .np-t{flex:1 1 auto; min-width:0; display:grid; gap:2px}
body.np .np-lohn-liste .np-lohn-ma .np-t b{font-size:17px; font-weight:600}
body.np .np-lohn-liste .np-lohn-ma .np-t>span{font-size:15px; color:var(--ap-zweit); white-space:normal}
body.np .np-lohn-liste .np-lohn-ma .np-lohn-fehlt{font-size:15px; color:var(--ap-zweit)}
body.np .np-lohn-liste .np-lohn-ma .np-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .np-lohn-liste details.lm-ma>summary{display:grid; grid-template-columns:36px minmax(0,1fr) auto auto 16px; grid-template-areas:"kreis name status netto pfeil" "kreis brutto status netto pfeil"; align-items:center; column-gap:12px; row-gap:2px; min-height:60px; padding:8px 16px 8px 0}
body.np .np-lohn-liste details.lm-ma>summary>.np-kreis{grid-area:kreis}
body.np .np-lohn-liste details.lm-ma>summary>.lm-name{grid-area:name; align-self:end; font-size:17px; font-weight:600}
body.np .np-lohn-liste details.lm-ma>summary>.zahl:not(.lm-netto){grid-area:brutto; align-self:start; font-size:15px; color:var(--ap-zweit)}
body.np .np-lohn-liste details.lm-ma>summary>.lm-netto{grid-area:netto; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np .np-lohn-liste details.lm-ma>summary>.np-lohn-status{grid-area:status}
body.np .np-lohn-liste details.lm-ma>summary::after{grid-area:pfeil; justify-self:center}
body.np .np-lohn-liste details.lm-ma>summary:hover{background:none}
body.np .np-lohn-liste details.lm-satz{margin:0; padding:0}
body.np .np-lohn-liste details.lm-satz>summary{display:flex; min-height:52px; font-size:17px; font-weight:400; color:var(--ap-akzent-text)}
body.np :is(div,p).np-lohn-fuss{margin:8px 0 24px; padding:0 16px; font-size:15px; line-height:1.45; color:var(--ap-zweit)}
body.np div.np-lohn-fuss p,body.np div.np-lohn-fuss p.fein{margin:0 0 8px; font-size:15px; line-height:1.45; color:var(--ap-zweit)}
body.np p.np-lohn-fuss.ma-austritt{max-width:none}
body.np .np-lohn-fuss a,body.np .np-lohn-an-hinweis a,body.np p.np-lohn-sepa a{color:var(--ap-akzent-text); text-decoration:none}
body.np .np-lohn-fuss a:hover{text-decoration:underline}
body.np :is(div,p).np-lohn-fuss a{display:inline; min-height:0}
body.np .np-lohn-fuss .lm-nicht-erfasst{margin:0 0 8px; padding:0; border-radius:0; background:none}
body.np .np-lohn-fuss .lm-nicht-erfasst p{font-size:15px}
body.np .np-seitenkopf.np-lohn-person{align-items:center}
body.np .np-lohn-person>.ma-kreis{flex:none; width:64px; height:64px; font-size:24px}
body.np .np-lohn-wege a.np-lohn-weg{display:flex; align-items:center; gap:12px; min-height:52px; padding:4px 16px 4px 0; color:var(--np-tinte); text-decoration:none}
body.np .np-lohn-wege a.np-lohn-weg .np-t{flex:1 1 auto; min-width:0}
body.np .np-lohn-wege a.np-lohn-weg .np-t b{font-size:17px; font-weight:400}
body.np .gs-bsym.np-lohn-sym{--mz-bereich:var(--bereich-lohn); width:30px; height:30px; border-radius:8px}
body.np main :is(section,div).karte.ma-akte,body.np main div.karte[data-karte="zugang"]{max-width:none}
body.np button.np-lohn-ablegen{display:inline-flex; align-items:center; gap:6px; min-height:44px; margin:8px 0 0}
body.np dialog.np-fenster.np-lohn-blatt{width:min(560px,calc(100vw - 24px))}
body.np .np-f-kopf.np-lohn-blatt-kopf{padding:12px 16px}
body.np .np-lohn-blatt-kopf h2{grid-column:2; font-size:17px; font-weight:600}
body.np .np-lohn-blatt-kopf .np-lohn-abbrechen{grid-column:1; grid-row:1; justify-self:start; min-height:44px}
body.np .np-lohn-blatt-kopf>.np-knopf{grid-column:3; grid-row:1; justify-self:end; min-height:44px}
body.np .np-lohn-blatt .np-f-leib{padding:8px 24px 24px}
body.np .np-lohn-blatt form{margin:0}
body.np .np-lohn-blatt #lohn-akte-form{display:grid; gap:16px}
body.np .np-lohn-blatt #lohn-akte-form label{display:grid; gap:6px; font-size:15px; font-weight:600}
body.np .np-lohn-blatt #lohn-akte-form label:has(>details.zahl-i){grid-template-columns:minmax(0,1fr) auto; align-items:center}
body.np .np-lohn-blatt #lohn-akte-form label>details.zahl-i{grid-column:2; grid-row:1; margin:0}
body.np .np-lohn-blatt #lohn-akte-form label:has(>details.zahl-i)>select{grid-column:1/-1; grid-row:2}
body.np .np-lohn-blatt-unten{margin:24px 0 0}
body.np .np-lohn-az ul.eintraege{list-style:none; margin:0; padding:0}
body.np .np-lohn-az ul.eintraege>li{display:block; margin:0; padding:0}
body.np .np-lohn-az a.eintrag-zeile{width:100%; box-sizing:border-box}
body.np section.lm-bezahlen p.fein,body.np section.lm-bezahlen p[data-wert]{font-size:15px; line-height:1.45; color:var(--ap-zweit)}
body.np .np-lohn-zeilen .np-zeile.np-lohn-zahlung{display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 0; background:none; box-shadow:none}
body.np .np-lohn-zeilen .np-lohn-zahlung .np-t{flex:1 1 auto; min-width:0; display:grid; gap:2px}
body.np .np-lohn-zeilen .np-lohn-zahlung .np-t b{font-size:17px; font-weight:600}
body.np .np-lohn-zeilen .np-lohn-zahlung .np-t>span{font-size:15px; color:var(--np-grau)}
body.np main .bb-feldhuelle:has(>input[data-bb-datum]){max-width:26rem}
body.np main form[data-zeiterfassung] .feld .bb-feldhuelle:has(>input[data-bb-datum]){max-width:none}
body.np table.lp-tab td,body.np main table td small.sb-grund.sb-grund.sb-grund,body.np main table td small.an-leise.an-leise.an-leise{color:var(--np-grau)}
body.np .np-lohn-zeilen .np-lohn-zahlung .np-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums}
body.np .np-lohn-az a.eintrag-zeile{display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 16px 8px 0; color:var(--np-tinte); text-decoration:none}
body.np .np-lohn-az a.eintrag-zeile .np-t{flex:1 1 auto; min-width:0; display:grid; gap:2px}
body.np .np-lohn-az a.eintrag-zeile .np-t b{font-size:17px; font-weight:600}
body.np .np-lohn-az a.eintrag-zeile .np-t span{font-size:15px; color:var(--ap-zweit)}
body.np main section.karte.werkzeug-ergebnis{margin:32px 0 0}
body.np .np-lohn-az~section.werkzeug-ergebnis details.hinweis-fuss>summary{font-size:13px}
body.np .np-lohn-blatt [role=alert]{color:var(--fehler)}
body.np details.lm-ma .rollbar,body.np section.lm-bezahlen .rollbar,body.np .np-lohn-zeilen .rollbar,body.np section.np-lohn-stunden .rollbar{background:none}
body.np details.lm-ma .np-lohn-posten{max-width:none; padding-right:44px; box-sizing:border-box}
body.np .np-lohn-aendern{margin:8px 0 0}
body.np .np-lohn-blatt .st-datei:has(+input[type=file]:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-lohn-arten{margin:10px 0 0}
body.np .np-lohn-arten>p{margin:0 0 6px; font-size:15px; font-weight:600}
body.np .np-lohn-arten-knoepfe{display:flex; flex-wrap:wrap; gap:8px}
body.np .np-lohn-arten-knoepfe .knopf2{min-height:44px; width:auto; flex:0 0 auto}
body.np .np-lohn-blatt p.np-lohn-blatt-wer{margin:0 0 12px; color:var(--ap-zweit); font-size:15px}
body.np .np-lohn-blatt form.lm-art p.fein{margin:0; font-size:15px; color:var(--ap-zweit)}
body.np form.np-lohn-blatt-form{display:grid; gap:16px}
body.np form.np-lohn-blatt-form .ma-feld{display:block}
body.np form.np-lohn-blatt-form .ma-satz{margin:0; font-size:15px; color:var(--ap-zweit)}
body.np .ma-urlaub-frage .ma-frage-knoepfe{display:flex; flex-wrap:wrap; gap:8px 12px; margin:12px 0 0}
body.np .ma-urlaub-frage .ma-frage-knoepfe form{margin:0}
body.np form.np-lohn-blatt-form label{display:grid; gap:6px; font-size:15px; font-weight:600}
body.np form.np-lohn-blatt-form label:has(>details.zahl-i){grid-template-columns:minmax(0,1fr) auto; align-items:center}
body.np form.np-lohn-blatt-form label>details.zahl-i{grid-column:2; grid-row:1; margin:0}
body.np form.np-lohn-blatt-form label:has(>details.zahl-i)>select{grid-column:1/-1; grid-row:2}
body.np form.np-lohn-blatt-form input,body.np form.np-lohn-blatt-form select{width:100%; min-height:48px; font-size:17px; font-weight:400}
body.np .np-lohn-frage .np-f-leib p{margin:0 0 16px; font-size:17px}
body.np .np-lohn-blatt-fehler{margin:16px 0 0; font-size:15px}
body.np section.np-lohn-stunden details.hinweis-fuss>summary{list-style:none; display:inline-flex; align-items:center; gap:6px; min-height:44px; cursor:pointer; color:var(--ap-zweit); font-size:13px}
body.np section.np-lohn-stunden details.hinweis-fuss>summary::-webkit-details-marker{display:none}
body.np section.np-lohn-stunden details.hinweis-fuss>summary::after{content:"›"; font-size:15px}
body.np section.np-lohn-stunden details.hinweis-fuss[open]>summary::after{transform:rotate(90deg)}
@media (max-width:700px){
  body.np .np-seitenkopf.np-lohn-kopf{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; column-gap:0; row-gap:8px; align-items:center}
  body.np .np-lohn-kopf>div:not(.np-rechts),body.np .np-lohn-kopf .np-rechts{display:contents}
  body.np .np-lohn-kopf>.ma-kreis{grid-column:1; grid-row:2; margin-right:12px}
  body.np .np-lohn-kopf h1{grid-column:1/-1; grid-row:2}
  body.np .np-lohn-kopf:has(>.ma-kreis) h1{grid-column:2/-1}
  body.np .np-lohn-kopf>div>p{grid-column:1/-1; grid-row:3; margin:0}
  body.np .np-lohn-kopf .np-rechts>*{grid-column:1/-1}
  body.np .np-lohn-kopf .np-rechts>:is(.np-lohn-schritt,.np-lohn-haupt){grid-column:3; grid-row:1; margin-left:8px; justify-self:end}
  body.np .np-lohn-kopf .np-rechts>details.np-lohn-menue{grid-column:4; grid-row:1; margin-left:8px}
  body.np .np-lohn-kopf .np-rechts>.np-blaettern{grid-row:4; justify-self:start}
  body.np .np-lohn-kopf .np-rechts>form.np-lohn-suche{grid-row:5}
  body.np .np-lohn-kopf .np-lohn-schritt,body.np .np-lohn-kopf .np-lohn-schritt .np-knopf{width:auto}
  body.np .np-lohn-kopf .np-lohn-haupt{width:44px; height:44px; padding:0; justify-content:center; border-radius:50%}
  body.np .np-lohn-kopf .np-lohn-haupt>span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
  body.np form.np-lohn-suche input[name=q]{width:100%}
  body.np .np-lohn-person>.ma-kreis{width:48px; height:48px; font-size:18px}
  body.np nav.np-reiter[data-np-segment]:not(#np-lohn){display:flex; width:auto; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
  body.np nav.np-reiter[data-np-segment]:not(#np-lohn)::-webkit-scrollbar{display:none}
  body.np nav.np-reiter[data-np-segment]:not(#np-lohn) a{flex:1 0 auto; min-height:44px; padding:0 3px; font-size:13px}
  body.np nav.np-reiter[data-np-segment] .np-seg-lang{display:none}
  body.np nav.np-reiter[data-np-segment] .np-seg-kurz{display:inline}
  body.np .np-lohn-kopf .pl-jahrwahl.pl-mit-monat{display:none}
  body.np .np-lohn-kopf .np-rechts>.pl-jahrwahl{grid-column:1/3; grid-row:4; justify-self:start}
  body.np .np-lohn-kopf .np-rechts>button.pl-rund{grid-column:3/5; grid-row:4; justify-self:end}
  body.np .np-lohn-liste details.lm-ma>summary{grid-template-columns:36px minmax(0,1fr) 12px; grid-template-areas:"kreis name pfeil" "kreis netto pfeil" "kreis brutto pfeil" "kreis status pfeil"; row-gap:2px}
  body.np .np-lohn-liste details.lm-ma>summary>.lm-name{align-self:auto}
  body.np .np-lohn-liste details.lm-ma>summary>.np-lohn-status{justify-self:start}
  body.np .np-lohn-liste .np-lohn-ma{flex-wrap:wrap}
  body.np .np-lohn-liste .np-lohn-ma .np-t{flex:1 1 calc(100% - 80px)}
  body.np .np-lohn-liste .np-lohn-ma .np-lohn-status{margin-left:48px}
  body.np .np-lohn-zeilen .np-zeile.np-lohn-zahlung{display:grid; grid-template-columns:36px minmax(0,1fr) auto; column-gap:12px; row-gap:4px}
  body.np .np-lohn-zeilen .np-lohn-zahlung>.np-kreis{grid-column:1; grid-row:1/span 2; align-self:start}
  body.np .np-lohn-zeilen .np-lohn-zahlung>.np-t{grid-column:2; grid-row:1}
  body.np .np-lohn-zeilen .np-lohn-zahlung>.np-betrag{grid-column:3; grid-row:1; margin-left:0}
  body.np .np-lohn-zeilen .np-lohn-zahlung>.np-lohn-status{grid-column:2/span 2; grid-row:2; margin-left:0}
  body.np section.lm-bezahlen button[data-np-schritt="sammel"]{width:100%; height:auto; white-space:normal}
  body.np dialog.np-fenster.np-lohn-blatt{width:100%; max-width:100%; margin:auto 0 0;}
  body.np .np-lohn-blatt .np-f-leib{padding:8px 16px 24px}
}
body.np main :is(.le-oben,.le-fertig,.le-schritt,.le-karte){margin:0 0 var(--ap-2)}
body.np main .le-kopf{justify-content:flex-start; flex-wrap:nowrap}
body.np main .le-kopf>h2{flex:1 1 auto}
body.np main .le-zustand{flex:none; display:inline-flex; align-items:center; gap:6px}
body.np main .le-satz{margin:0 0 var(--ap-2)}
body.np main .le-knoepfe{display:flex; flex-wrap:wrap; gap:var(--ap-1); margin:0 0 var(--ap-2)}
body.np main .le-form{display:flex; flex-direction:column; gap:var(--ap-2); margin:0}
body.np main .le-form label.feld{display:flex; flex-direction:column; gap:4px; max-width:420px}
body.np main .le-form .le-knoepfe{margin:0}
body.np main .le-aendern>summary{list-style:none; display:inline-flex}
body.np main .le-aendern>summary::-webkit-details-marker{display:none}
body.np main .le-aendern[open]>summary{margin-bottom:var(--ap-1)}
body.np main .le-schritt .gs-werte{margin:0 0 var(--ap-1)}
@media (max-width:700px){body.np main .le-knoepfe>.gs-knopf{flex:1 1 100%}
  body.np main .le-form label.feld{max-width:none}}


body.np .np-steuern{max-width:1180px}
body.np .np-steuern .np-oben{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 10px}
body.np .np-steuern .np-oben h2{margin:0; font-size:17px; flex:1 1 auto; min-width:0}
body.np .np-steuern .np-oben .np-rechts{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
body.np #np-st-lage.rot{color:var(--np-rot-tief); font-weight:600}
body.np .np-st-raster{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:14px; align-items:start}
body.np .np-st-raster>.np-karte{margin:0}
body.np .np-st-gewinn{margin:14px 0 0; scroll-margin-top:12px}
body.np .np-st-gewinn .np-oben{display:flex; align-items:flex-start; gap:8px 12px; flex-wrap:wrap}
body.np .np-st-gewinn .np-oben .np-schalter{margin-left:auto}
body.np .np-st-gewinn h2{margin:0}
body.np .np-st-gewinn .np-zart{margin:2px 0 0}
body.np .np-st-gewinn-zahl{align-items:center!important; margin-top:8px}
body.np .np-st-gewinn-zahl .np-pille{margin:0}
body.np .np-st-gewinn-fuss{display:flex; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid var(--np-linie); margin-top:12px; padding-top:6px; font-size:13px; color:var(--np-grau)}
body.np .np-st-gewinn-fuss a{margin-left:auto; font-weight:600; min-height:44px; display:inline-flex; align-items:center}
body.np .np-st-schritt{grid-column:1 / -1; display:flex; align-items:center; gap:18px; flex-wrap:wrap; box-shadow:var(--np-schatten)}
body.np .np-st-schritt.rot{box-shadow:var(--np-schatten), inset 0 0 0 2px var(--np-rot)}
body.np .np-st-s-text{flex:1 1 280px; min-width:0}
body.np .np-st-s-text small{display:block; font-size:13px; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit)}
body.np .np-st-schritt.rot .np-st-s-text small{color:var(--np-rot-tief)}
body.np .np-st-s-text h2{margin:2px 0; font-size:22px; letter-spacing:-.02em}
body.np .np-st-s-text p{margin:0; color:var(--ap-zweit); font-size:15px}
body.np .np-st-schritt .np-knopf{min-height:48px; padding:0 26px; font-size:16px}
body.np .np-st-vz{grid-column:1 / -1; display:flex; align-items:center; gap:14px 18px; flex-wrap:wrap; margin:0 0 14px}
body.np .np-st-raster>.np-st-vz{margin:0}
body.np .np-st-vz-knoepfe{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
body.np .np-st-vz-form{display:inline-flex; margin:0}
body.np .np-st-vz-knoepfe .np-knopf{min-height:48px; padding:0 22px; font-size:15px; margin:0; box-sizing:border-box}
body.np .np-st-rueck .np-gross{margin:2px 0 10px}
body.np .np-st-deckung{height:10px; border-radius:6px; background:var(--np-rot-feld); overflow:hidden}
body.np .np-st-deckung i{display:block; height:100%; background:var(--np-d-gruen); border-radius:6px}
body.np .np-st-deckzeile{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:8px 0 6px; font-size:13.5px; color:var(--np-grau)}
body.np .np-st-deckzeile b{color:var(--np-tinte)}
body.np .np-st-deckzeile b.minus{color:var(--np-rot-tief)}
body.np .np-st-rueck .np-zart{margin:4px 0; font-size:13px}
body.np .np-st-termine{list-style:none; margin:0; padding:0}
body.np .np-st-termin{display:flex; align-items:center; gap:12px; min-height:56px; padding:8px 2px}
body.np .np-st-termin time{flex:0 0 52px; font-weight:700; font-size:14.5px; color:var(--np-tinte)}
body.np .np-st-termin.spaet time{color:var(--np-rot-tief)}
body.np .np-st-termin a.np-t{flex:1; min-width:0; text-decoration:none; color:inherit; min-height:44px; display:flex; flex-direction:column; justify-content:center}
body.np .np-st-termin a.np-t b{display:block; font-size:14.5px; font-weight:600; white-space:normal; overflow-wrap:anywhere}
body.np .np-st-termin a.np-t span{display:block; font-size:13px; color:var(--np-grau); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-st-termin a.np-t:hover b{color:var(--np-gruen-tief)}
body.np .np-st-termin .np-betrag{font-weight:700; font-size:14.5px; white-space:nowrap}
body.np :is(.np-steuern,.geldseite) .bz-form{display:inline-flex; margin:0; flex:0 0 auto}
body.np :is(.np-steuern,.geldseite) .bz-schalter{display:inline-flex; align-items:center; gap:8px; min-height:44px; min-width:44px; width:auto; margin:0; padding:0 8px; border:0; border-radius:22px; background:transparent; color:var(--np-grau); font:inherit; font-size:13.5px; font-weight:600; cursor:pointer; box-shadow:none}
body.np :is(.np-steuern,.geldseite) .bz-schalter:hover{background:var(--np-gruen-hauch)}
body.np :is(.np-steuern,.geldseite) .bz-schalter[disabled]{cursor:default; opacity:.6}
body.np :is(.np-steuern,.geldseite) .bz-schalter .schalterbahn{position:relative; flex:none; width:26px; height:26px; border-radius:50%; background:var(--np-karte); box-shadow:inset 0 0 0 2px var(--np-grau-hell); transition:none}
body.np :is(.np-steuern,.geldseite) .bz-schalter .schalterbahn::after{content:""; position:absolute; left:9px; top:5px; width:6px; height:11px; border:solid transparent; border-width:0 2.5px 2.5px 0; border-radius:0; background:none; box-shadow:none; transform:rotate(45deg); transition:none}
body.np :is(.np-steuern,.geldseite) .bz-schalter[aria-checked="true"]{color:var(--np-gruen-tief)}
body.np :is(.np-steuern,.geldseite) .bz-schalter[aria-checked="true"] .schalterbahn{background:var(--np-gruen); box-shadow:none}
body.np :is(.np-steuern,.geldseite) .bz-schalter[aria-checked="true"] .schalterbahn::after{border-color:var(--np-auf-gruen); transform:rotate(45deg)}
body.np :is(.np-steuern,.geldseite) .bz-wort{min-width:0}
body.np .np-st-einstieg{grid-column:1 / -1; display:flex; align-items:center; gap:14px; text-decoration:none; color:inherit; min-height:64px; padding:14px 20px}
body.np .np-st-einstieg:hover{background:var(--np-gruen-hauch)}
body.np .np-st-einstieg .np-t{flex:1; min-width:0}
body.np .np-st-einstieg .np-t b{display:block; font-size:15.5px}
body.np .np-st-einstieg .np-t span{display:block; font-size:13.5px; color:var(--np-grau)}
body.np .np-st-wege{display:flex; gap:10px; flex-wrap:wrap; margin:12px 0 0}
body.np .np-st-leiste{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 14px}
body.np .np-st-gewinn .np-verteilung{margin:0; padding:0; border:0}
body.np details.np-st-zeile,body.np a.np-st-zeile,body.np div.np-st-zeile{display:block; border-bottom:1px solid var(--np-linie); color:inherit; text-decoration:none}
body.np details.np-st-zeile>summary,body.np a.np-st-zeile,body.np div.np-st-zeile{display:flex; align-items:center; gap:12px; min-height:60px; padding:10px 4px; cursor:pointer; list-style:none}
body.np div.np-st-zeile{cursor:default}
body.np details.np-st-zeile>summary::-webkit-details-marker{display:none}
body.np details.np-st-zeile>summary:hover,body.np a.np-st-zeile:hover{background:var(--np-gruen-hauch); border-radius:12px}
body.np details.np-st-zeile>summary svg{transition:transform .15s; color:var(--np-grau); flex:0 0 auto}
body.np details.np-st-zeile[open]>summary svg{transform:rotate(90deg)}
body.np a.np-st-zeile svg{color:var(--np-grau); flex:0 0 auto}
body.np .np-st-zeile .np-t{flex:1; min-width:0}
body.np .np-st-zeile .np-t b{display:block; font-size:15px; font-weight:600}
body.np .np-st-zeile .np-t span{display:block; font-size:13px; color:var(--np-grau)}
body.np .np-st-zeile .np-betrag{font-weight:700; font-size:16px; white-space:nowrap}
body.np a.np-st-zeile.summe{border-bottom:0; padding-top:14px}
body.np .np-st-herkunft{list-style:none; margin:0 0 10px; padding:4px 4px 8px}
body.np .np-st-herkunft>li{padding:8px 0; border-top:1px dashed var(--np-linie)}
body.np .np-st-kz{display:flex; justify-content:space-between; gap:12px; font-size:13.5px}
body.np .np-st-kz b{white-space:nowrap}
body.np .np-st-konto{margin:4px 0 0; font-size:13px; color:var(--np-grau)}
body.np .np-st-konto details>summary{min-height:44px; display:flex; align-items:center; cursor:pointer; color:var(--np-gruen-tief); font-weight:600}
body.np .np-st-konto .rollbar{overflow-x:auto}
body.np .np-st-sperre{display:flex; gap:8px; align-items:flex-start; background:var(--np-feld); border-radius:12px; padding:10px 12px; color:var(--np-tinte)}
body.np .np-st-sperre p{margin:0; flex:1; color:var(--np-tinte)}
body.np #np-ust-schritte .np-knopf{margin:4px 0 0}
body.np details.np-kz{background:var(--np-karte); border-radius:18px; box-shadow:var(--np-schatten); padding:0 18px; margin:18px 0}
body.np details.np-kz>summary{cursor:pointer; font-weight:600; font-size:14.5px; min-height:52px; display:flex; align-items:center; gap:8px; list-style:none}
body.np details.np-kz>summary::-webkit-details-marker{display:none}
body.np details.np-kz>summary::after{content:"›"; margin-left:auto; color:var(--np-grau); font-size:20px; transition:transform .15s}
body.np details.np-kz[open]>summary::after{transform:rotate(90deg)}
body.np details.np-kz[open]{padding-bottom:12px}
body.np details.np-kz .karte{}
body.np .np-kz-nr{display:none}
body.np .np-st-haken{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:6px 0 0; padding:12px 0 0; border-top:1px solid var(--np-linie); font-size:14px}
body.np details.zahlcode[data-np-giro]>.zahlcode-inhalt{margin-top:8px}
body.np .werkzeug-suchform input[type=search]{border-radius:22px; min-height:48px}
@media (max-width:900px){
  body.np .np-st-raster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1100px){
  body.np .np-steuern .np-blaettern a,body.np .np-st-leiste .np-blaettern a{width:44px; height:44px}
  body.np .np-steuern .np-info>summary{box-sizing:content-box; padding:12px; margin:-12px; background-clip:content-box}
  body.np .np-steuern a.np-still{display:inline-flex; align-items:center; min-height:44px}
}
@media (max-width:700px){
  body.np .np-st-schritt .np-knopf{flex:1 1 100%}
  body.np .np-st-vz-knoepfe{flex:1 1 100%; display:grid; grid-template-columns:1fr 1fr}
  body.np .np-st-vz-form{display:flex}
  body.np .np-st-vz-knoepfe .np-knopf{width:100%; min-width:0; padding:0 12px; justify-content:center}
  body.np .np-st-termin{flex-wrap:wrap; row-gap:2px}
  body.np .np-st-termin time{flex-basis:46px}
  body.np .np-st-termin a.np-t{flex:1 1 60%}
  body.np .np-st-zeile .np-betrag{font-size:15px}
  body.np .np-st-wege .np-knopf,body.np .np-st-leiste .np-knopf{flex:1 1 auto}
  body.np .np-st-leiste{gap:6px 10px; margin-bottom:10px}
}
body.np .np-st-verlauf{margin:14px 0 0; padding:20px 24px 16px}
body.np .np-st-verlauf h2{margin:0}
body.np details.np-monate{margin-top:14px; border-top:1px solid var(--np-linie); padding-top:6px}
body.np details.np-monate>summary{cursor:pointer; display:flex; align-items:center; min-height:44px; font-size:14px; font-weight:600; color:var(--np-gruen-tief); list-style:none}
body.np details.np-monate>summary::-webkit-details-marker{display:none}
body.np details.np-monate>summary::after{content:"›"; margin-left:8px; transition:transform .15s}
body.np details.np-monate[open]>summary::after{transform:rotate(90deg)}
body.np table.np-mtab{width:100%; border-collapse:collapse; font-size:13.5px; font-variant-numeric:tabular-nums}
body.np table.np-mtab th,body.np table.np-mtab td{padding:7px 10px; border-bottom:1px solid var(--np-linie); text-align:left; white-space:nowrap}
body.np table.np-mtab thead th{font-size:12.5px; font-weight:600; color:var(--np-grau); border-bottom:1px solid var(--np-tinte)}
body.np table.np-mtab .zahl{text-align:right}
body.np table.np-mtab td.minus{color:var(--np-rot-tief)}
body.np table.np-mtab tr.np-vorl th,body.np table.np-mtab tr.np-vorl td{color:var(--np-grau)}
body.np table.np-mtab tr.np-summe th,body.np table.np-mtab tr.np-summe td{font-weight:700; border-top:1px solid var(--np-tinte); border-bottom:0}
body.np details.np-monate .np-zart{font-size:12.5px; margin:8px 0 0}
body.np .np-st-nachschlagen{margin:18px 4px 0; font-size:13.5px; color:var(--np-grau)}
body.np .np-st-nachschlagen a{color:var(--np-link); font-weight:600; text-decoration:none}
body.np .np-st-nachschlagen a:hover{text-decoration:underline}
body.np .np-st-nachschlagen kbd{font:inherit; font-size:12px; padding:1px 6px; border-radius:6px; background:var(--np-feld)}
body.np main .st-kopf{display:flex; align-items:flex-end; justify-content:space-between; gap:var(--ap-2) var(--ap-3); flex-wrap:wrap; margin:var(--ap-1) 0 var(--ap-2)}
body.np main .st-kopf-t{flex:1 1 320px; min-width:0}
body.np main .st-kopf-h{display:flex; align-items:center; gap:var(--ap-1)}
body.np main .st-kopf h1{margin:0; font-size:2.125rem; line-height:1.12; font-weight:700; letter-spacing:-.024em}
body.np main .st-kopf .np-info{flex:none}
body.np main .st-kopf .st-kopf-z{margin:4px 0 0; font-size:.9375rem; line-height:1.4; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
body.np main .st-kopf .st-kopf-z.rot{color:var(--np-rot-tief); font-weight:600}
body.np main .st-kopf .np-st-leiste{display:flex; align-items:center; justify-content:flex-end; gap:var(--ap-1); flex-wrap:nowrap; margin:0; flex:0 1 auto}
body.np main .st-kopf .np-blaettern{display:inline-flex; align-items:center; gap:0; min-height:44px; padding:0; border-radius:999px; background:var(--ap-fuellung)}
body.np main .st-kopf .np-blaettern b{font-size:.9375rem; font-weight:600; min-width:3.2em; text-align:center; font-variant-numeric:tabular-nums}
body.np main .st-kopf .np-blaettern a,body.np main .st-kopf .np-blaettern>span{display:inline-grid; place-items:center; width:44px; height:44px; border-radius:999px; color:var(--np-tinte)}
@media (hover:hover){body.np main .st-kopf .np-blaettern a:hover{background:var(--ap-fuellung-hoch)}}
body.np main .st-kopf .st-haupt{min-height:44px; padding:0 20px; gap:6px; white-space:nowrap}
body.np main .st-kopf .st-haupt svg{flex:none}
body.np main[data-st-apfel] .st-kopf+nav.np-reiter{margin:0 0 var(--ap-3)}
body.np main details.st-mehr{display:inline-block}
body.np main .st-mehrknopf{display:inline-grid; place-items:center; width:44px; height:44px; border-radius:999px; background:var(--ap-fuellung); color:var(--np-tinte)}
body.np main .st-wahlknopf{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:999px; background:var(--ap-fuellung); color:var(--np-tinte); font-weight:600; font-size:.9375rem; white-space:nowrap}
@media (hover:hover){body.np main :is(.st-mehrknopf,.st-wahlknopf):hover{background:var(--ap-fuellung-hoch)}}
body.np main details.st-mehr[open]>summary{background:var(--ap-fuellung-hoch)}
body.np main .st-menue{min-width:240px; width:max-content; max-width:min(92vw,340px); max-height:min(70vh,560px); overflow:auto; margin:0; border-radius:14px; background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas); transform-origin:top right; transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),opacity .15s ease}
@media (prefers-reduced-motion:no-preference){@starting-style{body.np main details.st-mehr[open]>.st-menue{transform:scale(.94) translateY(-4px); opacity:0}}}
body.np main .st-menue form{margin:0; display:block}
body.np main .st-menue .st-punkt:not(#np-x):not(.np-x){display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:44px; box-sizing:border-box; padding:10px 14px; margin:0; border:0; border-radius:10px; background:none; color:var(--np-tinte); font:inherit; font-size:1rem; font-weight:400; text-align:left; text-decoration:none; cursor:pointer; box-shadow:none}
body.np main .st-menue .st-punkt[aria-current]:not(#np-x):not(.np-x){font-weight:600; background:var(--ap-wahl-grund) var(--ap-haken) no-repeat right 12px center/18px; padding-right:40px}
@media (hover:hover){body.np main .st-menue .st-punkt:not(#np-x):not(.np-x):hover{background-color:var(--ap-fuellung)}}
body.np main .st-wahl .st-menue{left:0; right:auto; transform-origin:top left}
body.np main[data-st-apfel] h2.st-abschnitt.st-abschnitt:not(#np-x):not(.np-x){margin:var(--ap-3) 16px var(--ap-1); font-size:.8125rem; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit)}
body.np main .st-menue .st-menue-titel{margin:4px 14px 2px; font-size:.8125rem; font-weight:600; color:var(--ap-zweit)}
body.np main[data-st-apfel] .np-st-termin{min-height:56px; padding:8px 4px}
body.np main[data-st-apfel] .np-st-termin a.np-t b{font-size:1.0625rem}
body.np main[data-st-apfel] .np-st-termin a.np-t span{font-size:.9375rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] .np-st-termin time{font-size:.9375rem; font-variant-numeric:tabular-nums}
body.np main[data-st-apfel] .np-st-termin .np-betrag{font-size:1.0625rem; font-variant-numeric:tabular-nums}
body.np main[data-st-apfel] :is(.np-legende span,.np-pille,.np-posten>div,table th){font-size:13px}
body.np main[data-st-apfel] p.st-fussnote{font-size:13px; line-height:1.45; color:var(--ap-zweit)}
body.np main[data-st-apfel] details.ug-mehr{grid-column:auto; position:relative; display:inline-block}
body.np main[data-st-apfel] details.ug-mehr>summary{display:inline-grid; place-items:center; min-height:44px; list-style:none; cursor:pointer}
body.np main[data-st-apfel] details.ug-mehr>summary::after{content:none}
body.np main[data-st-apfel] details.ug-mehr[open]>summary{background:var(--ap-fuellung-hoch)}
body.np main[data-st-apfel] .ug-zeile{grid-template-columns:1fr auto auto; gap:0 var(--ap-1)}
body.np main[data-st-apfel] :is(.np-liste,ul.np-zeilen) > li + li{box-shadow:none; background-image:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)); background-repeat:no-repeat; background-size:calc(100% - 16px) var(--io-haar); background-position:16px 0}
body.np main[data-st-apfel] :is(.np-liste,ul.np-zeilen) > li.io-haar-u + li.io-haar-u{background-image:none}
body.np main[data-st-apfel] .gb-anteile{--gb-a-k2:var(--gb-a-k1); --gb-a-k3:var(--gb-a-k1); --gb-a-k4:var(--gb-a-k1); --gb-a-k5:var(--gb-a-k1)}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub{display:block; margin:0 0 var(--ap-3); padding:0; list-style:none; border-radius:var(--ap-rund); background:var(--ap-karte); overflow:hidden; grid-template-columns:none}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub>li{margin:0; padding:0}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub>li+li{background-image:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)); background-repeat:no-repeat; background-size:calc(100% - 16px) var(--io-haar); background-position:16px 0}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte:not(#np-x):not(.np-x){display:grid; grid-template-columns:1fr auto; column-gap:12px; align-items:center; min-height:56px; height:auto; margin:0; padding:10px 16px; color:var(--np-tinte); text-decoration:none}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte>strong{grid-column:1; color:var(--np-tinte); font-size:1.0625rem; font-weight:600; line-height:1.3}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte>.fein{grid-column:1; color:var(--ap-zweit); font-size:.9375rem; line-height:1.35}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte>:not(strong):not(.fein){grid-column:1}
body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte::after{content:"\203A"; grid-column:2; grid-row:1 / span 3; color:var(--ap-zweit); font-size:20px}
@media (hover:hover){body.np main[data-st-apfel="rechner"] ul.werkzeug-hub a.karte:hover{}}
body.np main[data-st-apfel="rechner1"] form#werkzeug label.feld{display:block; width:100%; max-width:none}
body.np main[data-st-apfel="rechner1"] form#werkzeug :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea,.af,.af-feld){width:100%; max-width:none; box-sizing:border-box}
body.np main[data-st-apfel="rechner1"] form#werkzeug .zeit-paar{display:grid; grid-template-columns:1fr 8.5rem; gap:var(--ap-1)}
body.np main[data-st-apfel="rechner1"] form#werkzeug label.feld>span:not(.fehler):not(#np-x):not(.np-x){font-size:.9375rem}
body.np main[data-st-apfel="rechner1"] form#werkzeug .werkzeug-knoepfe:not(#np-x){display:flex; align-items:center; flex-wrap:wrap; gap:var(--ap-1)}
body.np main[data-st-apfel="rechner1"] form#werkzeug .werkzeug-knoepfe>:is(button,a):not(#np-x):not(.np-x){margin:0}
body.np main:is([data-st-apfel="rechner1"],[data-st-apfel="rechner"]) .st-kopf .st-kopf-z{font-size:1.0625rem; white-space:normal}
body.np main[data-st-apfel="rechner1"] form#werkzeug table.zaehlliste td:not(#np-x){vertical-align:top}
body.np main[data-st-apfel="rechner1"] form#werkzeug table.zaehlliste :is(input,select):not(#np-x):not(.np-x){display:block; width:100%; height:44px; min-height:44px; margin:0; box-sizing:border-box}
body.np main[data-st-apfel="rechner1"] form#werkzeug .af-feld:not(#np-x){flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
body.np main[data-st-apfel="rechner1"] form#werkzeug .af-feld>.af-chip{flex:none}
body.np main[data-st-apfel="rechner1"] form#werkzeug .af-feld>.af-such{flex:1 0 7rem; min-width:7rem}
body.np main[data-st-apfel],body.np .geld-anteil{--np-d-gruen:var(--knopf); --np-d-gruen-stark:var(--knopf); --np-gruen:var(--knopf); --gruen:var(--knopf); --gb-gruen-hell:var(--knopf); --np-gruen-tief:var(--ap-akzent-text); --np-gruen-feld:color-mix(in oklab,var(--knopf) 14%,transparent); --np-gruen-hauch:color-mix(in oklab,var(--knopf) 7%,transparent)}
body.np dialog.st-blatt h2.st-blatt-titel:focus{outline:none}
body.np main[data-st-apfel] li.np-st-termin:not(#np-x):not(.np-x){display:grid; grid-template-columns:52px minmax(0,1fr) auto; grid-auto-flow:column; align-items:center; column-gap:12px}
body.np main[data-st-apfel] li.np-st-termin a.np-t b:not(#np-x){white-space:normal}
body.np main[data-st-apfel] li.np-st-termin a.np-t span:not(#np-x){white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np main[data-st-apfel] li.np-st-termin>:is(.np-betrag,.np-zart):not(#np-x){justify-self:end; text-align:right}
@media (max-width:600px){
  body.np main[data-st-apfel] li.np-st-termin:has(>form.bz-form):not(#np-x):not(.np-x){grid-template-columns:52px minmax(0,1fr) auto; grid-auto-flow:row; row-gap:4px}
  body.np main[data-st-apfel] li.np-st-termin:has(>form.bz-form)>time:not(#np-x),body.np main[data-st-apfel] li.np-st-termin:has(>form.bz-form)>a.np-t:not(#np-x){grid-row:1 / span 2}
  body.np main[data-st-apfel] li.np-st-termin:has(>form.bz-form)>:is(.np-betrag,.np-zart):not(#np-x){grid-column:3; grid-row:1}
  body.np main[data-st-apfel] li.np-st-termin>form.bz-form:not(#np-x){grid-column:3; grid-row:2; justify-self:end}
}
@media (max-width:600px){
  body.np main[data-st-apfel] .st-kopf .np-st-leiste .st-haupt:not(#np-x):not(.np-x){flex:0 0 auto; width:auto; min-width:44px; min-height:44px}
  body.np main[data-st-apfel="ustva"] .st-kopf .st-haupt:not(#np-x){display:none}
}
body.np main .st-leer{justify-content:center; gap:var(--ap-1); padding:var(--ap-5) var(--ap-3); margin:0}
body.np main .st-leer p{margin:0; font-size:1.0625rem; color:var(--np-tinte); max-width:36ch}
body.np main .st-leer .np-knopf{margin-top:var(--ap-1)}
body.np dialog.st-blatt .st-blatt-kopf h2.st-blatt-titel:not(#np-x):not(.np-x){margin:0; font-size:1.0625rem; font-weight:600; text-align:center}
body.np dialog.st-blatt .st-blatt-kopf button:is(.st-blatt-ab,.st-blatt-sichern):not(#np-x):not(.np-x){min-height:44px; min-width:0; padding:0 8px; margin:0; border:0; border-radius:10px; background:none; box-shadow:none; color:var(--ap-akzent-text); font:inherit; font-size:1.0625rem; font-weight:400; cursor:pointer}
body.np dialog.st-blatt .st-blatt-kopf button.st-blatt-sichern:not(#np-x):not(.np-x){justify-self:end; font-weight:600}
body.np dialog.st-blatt form.ablage:not(#np-x):not(.np-x){border:0; background:none; box-shadow:none; padding:0; display:block}
body.np dialog.st-blatt form.ablage .fp-jahr{margin:var(--ap-2) 0 0}
body.np dialog.st-blatt .st-blatt-satz{margin:0 0 var(--ap-2); font-size:.9375rem; color:var(--ap-zweit)}
body.np dialog.st-blatt .np-f-leib>form,body.np dialog.st-blatt .np-f-leib>details{margin:0 0 var(--ap-2); box-shadow:none}
body.np dialog.st-blatt .np-f-leib :is(.karte,.np-karte){}
body.np dialog.st-blatt input[type=file]{position:absolute; width:1px; height:1px; opacity:0; overflow:hidden}
body.np dialog.st-blatt .st-datei{display:flex; align-items:center; gap:12px; min-height:52px; padding:10px 16px; border-radius:var(--ap-rund); background:var(--ap-fuellung); cursor:pointer}
body.np dialog.st-blatt .st-datei b{font-weight:600; color:var(--ap-akzent-text)}
body.np dialog.st-blatt .st-datei span{flex:1; min-width:0; color:var(--ap-zweit); font-size:.9375rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np dialog.st-blatt .st-datei::after{content:"\203A"; color:var(--ap-zweit); font-size:20px}
body.np .st-zieh{position:fixed; inset:0; z-index:90; display:none; place-items:center; background:color-mix(in oklab,var(--ap-grund) 70%,transparent); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter)}
body.np .st-zieh.an{display:grid}
body.np .st-zieh p{margin:0; padding:var(--ap-3) var(--ap-4); border-radius:var(--ap-rund-karte); background:var(--io-glas); box-shadow:var(--io-schatten-glas); font-size:1.0625rem; font-weight:600}
body.np main[data-st-apfel] .mk-kopf>.mk-satz{margin:0 0 var(--ap-1); font-size:1.0625rem; color:var(--np-tinte); max-width:none}
body.np main[data-st-apfel] .mk-ergebnis{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:60px; padding:10px 16px; margin:var(--ap-1) 0 var(--ap-2); border-radius:var(--ap-rund-karte); background:var(--np-karte); box-shadow:var(--np-schatten)}
body.np main[data-st-apfel] .mk-ergebnis .mk-wort{font-size:1.0625rem; color:var(--np-tinte)}
body.np main[data-st-apfel] .mk-ergebnis .mk-zahl{font-size:1.375rem; font-weight:700; font-variant-numeric:tabular-nums}
body.np main[data-st-apfel] .ust-frage .ust-titel{margin:var(--ap-2) 16px var(--ap-1); font-size:.8125rem; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit)}
body.np main[data-st-apfel] .ust-frage .ust-knoepfe{display:flex; flex-direction:column; gap:0; border-radius:var(--ap-rund-karte); background:var(--np-karte); box-shadow:var(--np-schatten)}
body.np main[data-st-apfel] .ust-frage .ust-zelle:first-child{border-radius:var(--ap-rund-karte) var(--ap-rund-karte) 0 0}
body.np main[data-st-apfel] .ust-frage .ust-zelle:last-child{border-radius:0 0 var(--ap-rund-karte) var(--ap-rund-karte)}
body.np main[data-st-apfel] .ust-frage .ust-zelle:has(details[open]){z-index:5}
body.np main[data-st-apfel] .ust-frage .ust-zelle{position:relative; display:flex; flex-direction:column; justify-content:center; min-height:60px; padding:10px 56px 10px 16px; margin:0; border:0; border-radius:0; background:none; box-shadow:none}
body.np main[data-st-apfel] .ust-frage .ust-zelle+.ust-zelle{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main[data-st-apfel] .ust-frage .ust-zelle>.st-wahl-wort{display:block; font-size:1.0625rem; font-weight:600; color:var(--np-tinte)}
body.np main[data-st-apfel] .ust-frage form.ust-zelle>button[name=rhythmus]:not(#np-x):not(.np-x){all:unset; box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:44px; font-size:1.0625rem; font-weight:600; color:var(--np-tinte); cursor:pointer}
body.np main[data-st-apfel] .ust-frage form.ust-zelle>button[name=rhythmus]::before{content:""; position:absolute; inset:0}
body.np main[data-st-apfel] .ust-frage form.ust-zelle:has(button:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:-2px}
body.np main[data-st-apfel] .ust-frage label.ust-zelle:not(#np-x){cursor:pointer; text-align:left; align-items:flex-start; justify-content:center; font-weight:400}
body.np main[data-st-apfel] .ust-frage label.ust-zelle>input[type=radio]{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
body.np main[data-st-apfel] .ust-frage label.ust-zelle:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:-2px}
body.np main[data-st-apfel] .ust-frage .st-uebernehmen{min-height:44px; margin:var(--ap-1) 0 0 16px; padding:0 8px; border:0; background:none; box-shadow:none; color:var(--ap-akzent-text); font:inherit; font-weight:600; cursor:pointer}
body.np main[data-st-apfel] .np-karte .ust-frage .ust-knoepfe{background:none; box-shadow:none; border-radius:0}
body.np main[data-st-apfel] .ust-frage .ust-zelle::after{content:"\203A"; position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--ap-zweit); font-size:20px; font-weight:400; pointer-events:none}
body.np main[data-st-apfel] .ust-frage .ust-zelle .wahl-satz{font-size:.9375rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] .ust-frage .ust-zelle details.wahl-i{position:static}
body.np main[data-st-apfel] .ust-frage .ust-zelle details.wahl-i>summary{position:absolute; right:36px; top:30px; transform:translateY(-50%); z-index:2}
body.np main[data-st-apfel] .ust-frage .ust-zelle details.wahl-i>.zahl-i-text{z-index:3}
@media (hover:hover){body.np main[data-st-apfel] .ust-frage .ust-zelle:hover{background:var(--ap-fuellung)}}
body.np main[data-st-apfel] .ust-frage :is(.fein,.wahl-rat){margin:var(--ap-1) 16px 0; font-size:.8125rem; line-height:1.45; color:var(--ap-zweit)}
body.np main[data-st-apfel] .ug-zeile .ug-titel strong{font-size:1.0625rem}
body.np main[data-st-apfel] .ug-zeile .ug-titel small{font-size:.9375rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] .ug-zeile a.ug-weg{background:none; box-shadow:none; color:var(--ap-akzent-text); font-weight:600; min-height:44px; display:inline-flex; align-items:center; padding:0 4px}
body.np main[data-st-apfel] .vz-grenzen{margin:var(--ap-1) 16px 0}
body.np main[data-st-apfel] .vz-grenzen p{font-size:.8125rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] p.fein[data-abruf]{margin:var(--ap-1) 16px 0; font-size:.8125rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] ul.st-rw-liste{list-style:none; margin:0 0 var(--ap-2); padding:0; overflow:hidden}
body.np main[data-st-apfel] ul.st-rw-liste>li{margin:0; padding:0; list-style:none}
body.np main[data-st-apfel] ul.st-rw-liste>li+li{box-shadow:inset 16px var(--io-haar) 0 -15px var(--io-haarlinie), inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main[data-st-apfel] .st-rw-zeile.st-rw-zeile:not(#np-x):not(.np-x){display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; width:100%; min-height:44px; padding:11px 16px; margin:0; box-sizing:border-box; border:0; border-radius:0; background:none; box-shadow:none; color:var(--np-tinte); font:inherit; font-weight:400; text-align:left; text-decoration:none; cursor:pointer; transform:none; filter:none}
body.np main[data-st-apfel] .st-rw-zeile.st-rw-ruhig{cursor:default}
@media (hover:hover){body.np main[data-st-apfel] :is(a,button).st-rw-zeile.st-rw-zeile:not(#np-x):not(.np-x):hover{background:var(--ap-fuellung); color:var(--np-tinte)}}
body.np main[data-st-apfel] .st-rw-zeile:focus-visible{outline:3px solid var(--gs-fokus); outline-offset:-3px}
body.np main[data-st-apfel] .st-rw-text{display:contents}
body.np main[data-st-apfel] .st-rw-text>b{grid-column:1; grid-row:1; min-width:0}
body.np main[data-st-apfel] .st-rw-text>small{grid-column:1 / -1}
body.np main[data-st-apfel] .st-rw-wert{grid-column:2; grid-row:1}
body.np main[data-st-apfel] .st-rw-text>b{display:block; font-size:1.0625rem; line-height:1.3; font-weight:600; color:var(--np-tinte)}
body.np main[data-st-apfel] .st-rw-text>small{display:block; margin-top:2px; font-size:.9375rem; line-height:1.4; color:var(--ap-zweit); font-weight:400}
body.np main[data-st-apfel] .st-rw-wert{display:inline-flex; align-items:center; gap:8px; justify-self:end; font-size:1.0625rem; color:var(--ap-zweit); white-space:nowrap; font-variant-numeric:tabular-nums}
body.np main[data-st-apfel] :is(a,button).st-rw-zeile>.st-rw-wert::after{content:"\203A"; font-size:22px; line-height:1; color:var(--ap-zweit); opacity:.7}
body.np main[data-st-apfel] .st-rw-punkt{display:inline-flex; align-items:center; gap:6px; font-size:.9375rem; color:var(--ap-zweit)}
body.np main[data-st-apfel] .st-rw-punkt::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np main[data-st-apfel] .st-rw-punkt[data-art=fehler]::before{background:var(--io-rot)}
body.np main[data-st-apfel] .st-rw-punkt[data-art=offen]::before{background:var(--np-orange)}
body.np main[data-st-apfel] .st-rw-punkt[data-art=gut]::before{background:var(--knopf)}
body.np main[data-st-apfel] .st-rw-fuss{margin:var(--ap-1) 16px var(--ap-3); font-size:.8125rem; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-st-apfel] h3.st-rw-abschnitt{margin:var(--ap-3) 16px var(--ap-1); font-size:.8125rem; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit)}
body.np .st-rw-blatt ul.st-rw-liste{list-style:none; margin:0 0 var(--ap-1); padding:0; border-radius:var(--ap-rund-karte); background:var(--ap-fuellung); overflow:hidden}
body.np .st-rw-blatt ul.st-rw-liste>li{margin:0; padding:0}
body.np .st-rw-blatt ul.st-rw-liste>li+li{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .st-rw-blatt label.st-rw-wahl.st-rw-wahl{position:relative; display:grid; grid-template-columns:minmax(0,1fr) 24px; align-items:center; gap:12px; min-height:44px; margin:0; padding:10px 16px; border:0; border-radius:0; background:none; box-shadow:none; cursor:pointer; font-weight:400}
body.np .st-rw-blatt label.st-rw-wahl>input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; appearance:none; -webkit-appearance:none}
body.np .st-rw-blatt label.st-rw-wahl::after{content:""; width:20px; height:20px}
body.np .st-rw-blatt label.st-rw-wahl:has(input:checked)::after{background:var(--ap-haken) no-repeat center/20px}
body.np .st-rw-blatt label.st-rw-wahl:has(input:focus-visible){outline:3px solid var(--gs-fokus); outline-offset:-3px}
body.np .st-rw-blatt .st-rw-text>b{display:block; font-size:1.0625rem; font-weight:600; color:var(--np-tinte)}
body.np .st-rw-blatt .st-rw-text>small{display:block; margin-top:2px; font-size:.9375rem; line-height:1.4; color:var(--ap-zweit)}
body.np .st-rw-blatt .st-rw-text details,body.np .st-rw-blatt .ap-schalter details{position:relative; z-index:2}
body.np .st-rw-blatt label.ap-schalter.st-rw-schalter{margin:var(--ap-2) 0 var(--ap-1); padding:10px 16px; border-radius:var(--ap-rund-karte)}
body.np .st-rw-blatt label.ap-schalter.st-rw-schalter>span>b{font-size:1.0625rem; font-weight:600}
body.np .st-rw-blatt label.ap-schalter.st-rw-schalter>span>small{font-size:.9375rem; line-height:1.4}
body.np .st-rw-blatt h3.st-rw-abschnitt{margin:var(--ap-2) 16px var(--ap-1); font-size:.8125rem; font-weight:600; color:var(--ap-zweit)}
body.np .st-rw-blatt .st-rw-fuss,body.np .st-rw-blatt p.wahl-rat{margin:var(--ap-1) 16px; font-size:.8125rem; line-height:1.4; color:var(--ap-zweit)}
body.np .st-rw-blatt .st-rw-zeile{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; min-height:44px; padding:10px 16px}
body.np .st-rw-blatt .st-rw-wert{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:var(--ap-zweit)}
body.np .st-rw-blatt .st-rw-punkt{display:inline-flex; align-items:center; gap:6px; font-size:.9375rem}
body.np .st-rw-blatt .st-rw-punkt::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np .st-rw-blatt .st-rw-punkt[data-art=fehler]::before{background:var(--io-rot)}
body.np .st-rw-blatt .st-rw-punkt[data-art=offen]::before{background:var(--np-orange)}
body.np .st-rw-blatt .st-rw-punkt[data-art=gut]::before{background:var(--knopf)}
body.np .st-rw-blatt p:is(.leise,.st-fussnote){font-size:.9375rem; line-height:1.45; color:var(--ap-zweit)}
body.np .st-rw-blatt form label:not(.st-rw-wahl):not(.ap-schalter){font-size:.9375rem; font-weight:600}
body.np .st-rw-blatt form label .hilfe{font-weight:400}
body.np .st-rw-blatt .st-rw-fuss.mit-i{display:flex; align-items:center; gap:6px; flex-wrap:nowrap}
body.np .st-rw-blatt .st-rw-fuss.mit-i>*{flex:none; width:auto; margin:0}
body.np main[data-st-apfel] .st-rw-blatt label.st-rw-wahl .st-rw-text{display:block; grid-column:1; grid-row:1; min-width:0}
body.np .st-rw-blatt :is(.st-rw-text,.ap-schalter) small :is(.wahl-hilfe,.wahl-satz){display:inline}
body.np .st-rw-blatt :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){width:100%; max-width:none; box-sizing:border-box}
body.np main .st-wahl-rechts .st-menue{left:auto; right:0; transform-origin:top right}
body.np main .st-menue .np-schalter{display:flex; flex-direction:column; align-items:stretch; gap:0; width:100%; padding:0; margin:0 0 4px;}
body.np main .st-menue :is(.np-schalter button,button.np-kipp):not(#np-x):not(.np-x){all:unset; box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:44px; padding:10px 40px 10px 14px; font-size:1rem; font-weight:400; color:var(--np-tinte); cursor:pointer;}
body.np main .st-menue :is(.np-schalter button,button.np-kipp)[aria-pressed="true"]:not(#np-x):not(.np-x){font-weight:600; background:var(--ap-wahl-grund) var(--ap-haken) no-repeat right 12px center/18px}
@media (hover:hover){body.np main .st-menue :is(.np-schalter button,button.np-kipp):not(#np-x):not(.np-x):hover{}}
body.np main .st-menue :is(.np-schalter button,button.np-kipp):focus-visible{outline:3px solid var(--gs-fokus); outline-offset:-3px}
body.np main .st-menue button.np-kipp i{display:none}
body.np main .np-st-verlauf>.np-oben,body.np main .np-st-gewinn>.np-oben:first-child{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
@media (max-width:700px){
  body.np main .st-kopf{flex-wrap:wrap; align-items:flex-start; gap:var(--ap-1)}
  body.np main .st-kopf-t{flex:1 1 0; min-width:0}
  body.np main .st-kopf h1{font-size:2.125rem}
  body.np main .st-kopf .st-kopf-z{white-space:normal}
  body.np main .st-kopf .np-st-leiste{flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end}
  body.np main .st-kopf .np-st-leiste>.st-haupt.st-plus:not(#np-x){flex:0 0 44px; width:44px; min-width:44px; max-width:44px; padding:0; justify-content:center}
  body.np main .st-kopf .st-haupt.st-plus .st-wort{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
  body.np main .st-kopf:has(.np-st-leiste :is(.np-blaettern,.st-wahl,.st-haupt:not(.st-plus))) .np-st-leiste{flex:1 1 100%; justify-content:flex-start}
  body.np main .st-kopf .np-st-leiste>.st-haupt:not(.st-plus){flex:1 1 100%; justify-content:center}
  body.np main .st-kopf .np-st-leiste>.st-plus:not(#np-x){margin-left:auto}
  body.np main .st-menue{position:fixed; left:8px; right:8px; top:auto; bottom:calc(96px + env(safe-area-inset-bottom)); z-index:300; max-width:none; min-width:0; width:auto; border-radius:var(--io-rund-blatt); transform-origin:bottom center; box-shadow:var(--io-schatten-glas),0 0 0 100vmax color-mix(in oklab,var(--np-tinte) 18%,transparent)}
  @media (prefers-reduced-motion:no-preference){@starting-style{body.np main details.st-mehr[open]>.st-menue{transform:translateY(24px); opacity:0}}}
  body.np main[data-st-apfel] h2.st-abschnitt.st-abschnitt:not(#np-x):not(.np-x){margin-left:4px}
  body.np main[data-st-apfel] nav.np-reiter:not(:has(> a:nth-child(6))){display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
  body.np main[data-st-apfel] nav.np-reiter:not(:has(> a:nth-child(6))) > a{flex:1 1 auto; padding:6px 4px; overflow:visible; text-overflow:clip}
  body.np main .st-wahl .st-menue{left:8px; right:8px; transform-origin:bottom center}
  body.np main[data-st-apfel] .gb-anteile a{display:inline-flex; align-items:center; min-height:44px}
  body.np main[data-st-apfel] table.mk-karten td[data-label]::before{padding-right:8px}
  body.np main[data-st-apfel] details.np-info>summary{background:radial-gradient(in oklab circle,var(--ap-karte) 8px,var(--ap-fuellung) 10px,transparent 11px)}
}
@media (prefers-reduced-motion:reduce){body.np main .st-menue{transition:none}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z){--ggf-g-bank:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); --ggf-g-finanzamt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M6 20V10m4 10V10m4 10V10m4 10V10M3 9l9-5 9 5z'/%3E%3C/svg%3E"); --ggf-g-belege:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z M14 3v4h4'/%3E%3C/svg%3E"); --ggf-g-abschluss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8.3 12.2l2.6 2.6 5-5.3'/%3E%3C/svg%3E"); --ggf-f:var(--bereich-finanzamt); --ggf-g:var(--ggf-g-finanzamt)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-bank,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"],body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"],body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] :is(.geldkachel,.befund,li.fest),body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .flaeche-gut{--ggf-f:var(--bereich-bank); --ggf-g:var(--ggf-g-bank)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel.steuer{--ggf-f:var(--bereich-finanzamt); --ggf-g:var(--ggf-g-finanzamt)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg{--ggf-f:var(--bereich-belege); --ggf-g:var(--ggf-g-belege)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag{--ggf-f:var(--bereich-bank); --ggf-g:var(--ggf-g-bank)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-liste{display:block; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-z{display:flex; align-items:center; gap:14px; min-height:64px; box-sizing:border-box; width:100%; padding:10px 18px; margin:0; position:relative; color:var(--np-tinte); text-decoration:none; background:none; border:0; border-radius:18px; box-shadow:none; font:inherit; text-align:left; cursor:pointer}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-liste>.ggf-z+.ggf-z::before{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
@media (hover:hover){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-z:hover{background-color:var(--ap-fuellung)}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-bsym.ggf-sym{flex:none; width:38px; height:38px; border-radius:11px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-bsym.ggf-sym>svg{width:21px; height:21px; stroke:currentColor}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-t{flex:1 1 0; min-width:0; display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-t>b{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-t>small{display:block; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-st{flex:none; width:140px; display:flex; align-items:center; gap:7px; color:var(--ap-zweit); font-size:15px; white-space:nowrap}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-p{display:inline-block; width:8px; height:8px; border-radius:50%; flex:none; background:var(--np-grau-hell)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-p.rot{background:var(--np-rot)} body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-p.orange{background:var(--np-ampel-orange)} body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-p.gruen{background:var(--np-ampel-gruen)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-chev{flex:none; width:12px; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-fuss{margin:4px 18px 16px; font-size:13px; line-height:1.45; color:var(--ap-zweit); max-width:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-fuss :is(b,strong){font-weight:600}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt form>button[type=submit],body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt form>button.knopf{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt fieldset{margin:0 0 12px; padding:4px 0; border:0; border-radius:14px; background:var(--ap-fuellung)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt legend{float:left; width:100%; margin:8px 16px 4px; padding:0; font-size:13px; font-weight:600; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt fieldset>p.leise{clear:both; margin:0 16px 8px; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt label.geld-wahl{clear:both; display:flex; align-items:center; gap:12px; min-height:48px; padding:0 16px; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt label.geld-wahl .geld-betrag{margin-left:auto; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt .geld-spalten{display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt fieldset>label:not(.geld-wahl){clear:both; display:block; margin:8px 16px 2px; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt fieldset>input{display:block; box-sizing:border-box; width:calc(100% - 32px); max-width:none; margin:0 16px 8px; min-height:44px; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) dialog.ggf-blatt form{margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) details.ggf-erkl{margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) details.ggf-erkl>summary{list-style:none; display:flex; align-items:center; gap:14px; min-height:56px; padding:0 18px; cursor:pointer}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) details.ggf-erkl>summary::-webkit-details-marker{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) details.ggf-erkl[open]>summary .ggf-chev{transform:rotate(90deg)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-erkl-text{padding:0 18px 14px; font-size:15px; line-height:1.45; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-erkl-text p{margin:0 0 8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(.np-pfad,nav.np-reiter,.st-kopf) a{text-decoration:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-kopf h1{-webkit-hyphens:auto; hyphens:auto; overflow-wrap:break-word; word-break:normal}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-kopf .st-kopf-h:has(>details.np-info){display:flex; align-items:center; gap:8px; grid-row:2; grid-column:voll/such; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-kopf .st-kopf-h:has(>details.np-info)>h1{grid-row:auto; grid-column:auto; min-width:0}
@media (max-width:1679px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-kopf .st-kopf-h:has(>details.np-info){grid-column:voll/ende}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .st-kopf .np-st-leiste{justify-content:flex-start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z:has(>.gs-bsym-zeile){grid-template-columns:38px auto minmax(0,1fr) 140px minmax(100px,auto) 12px; grid-template-areas:"sym name name status betrag pf" "sym zeit unter status betrag pf"; column-gap:14px; row-gap:0; min-height:64px; padding:10px 18px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z>.np-bank-p{justify-content:flex-start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z>time{justify-self:start; margin-right:-8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z>.np-t>span::before{content:"· "}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z>.np-bank-p{flex-direction:column; align-items:flex-start; gap:2px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .gk-abschnitt{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z+.np-bank-z:has(>.gs-bsym-zeile)::before{left:70px; right:18px; background:var(--io-haarlinie)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z:first-child,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.gk-abschnitt+.np-bank-z{border-top-left-radius:22px; border-top-right-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z:last-child,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z:has(+.gk-abschnitt){border-bottom-left-radius:22px; border-bottom-right-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-umsaetze>h2{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-umsaetze .np-bank-summen{margin:16px 18px 0; font-size:13px}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z:has(>.gs-bsym-zeile){grid-template-columns:34px auto minmax(0,1fr) auto 12px; grid-template-areas:"sym name name betrag pf" "sym zeit unter status pf"; column-gap:12px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z>.np-bank-p{justify-content:flex-end}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="bank"] .np-bank .np-bank-liste>.np-bank-z+.np-bank-z:has(>.gs-bsym-zeile)::before{left:62px; right:16px}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte:has(table.rechenweg){display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; padding:0; margin:0 0 8px;}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte:has(table.rechenweg)>h2,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte[data-vorschlag]>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte:has(table.rechenweg)>p.zahl-gross{margin:16px 18px 8px; font-size:13px; font-weight:600; color:var(--ap-zweit); font-variant-numeric:tabular-nums; letter-spacing:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte:has(table.rechenweg)>:not(h2):not(p.zahl-gross){grid-column:1 / -1}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] .tabelle-rahmen{margin:0; padding:0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; overflow:visible}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] .tabelle-rahmen>.rollbar{overflow:visible; padding:4px 0; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg{display:block; width:100%; margin:0; border:0; background:none; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg thead{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tbody{display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tr{display:grid; grid-template-columns:38px auto minmax(0,1fr) 140px minmax(100px,auto); grid-template-areas:"sym name name st betrag" "sym beleg datum st betrag"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:10px 18px; position:relative; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tr::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tr+tr::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td{display:block; padding:0; border:0; background:none; box-shadow:none; text-align:left; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(1){grid-area:name; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(2){grid-area:beleg; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(3){grid-area:datum; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:is(:nth-child(1),:nth-child(2),:nth-child(4))::before{content:none; display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(3)::before{content:"· "}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(4){grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(5){grid-area:st; display:flex; align-items:center; gap:7px; font-size:15px; color:var(--ap-zweit); text-align:left}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(5)::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--np-ampel-orange); flex:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(5)::after{content:" Tage offen"; white-space:pre}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte[data-vorschlag]{padding:0; margin:0 0 8px;}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag{list-style:none; margin:0; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag>li{display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; margin:0; position:relative; font-size:15px; line-height:1.4; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag>li::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f))}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag>li+li::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section.karte[data-vorschlag]>p.fein{margin:4px 18px 16px; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section:is(.np-belege-offen,.zf-karte){padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section:is(.np-belege-offen,.zf-karte)>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] section:is(.np-belege-offen,.zf-karte)>p{margin:0 18px 8px; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.zf-liste{list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; --ggf-f:var(--bereich-belege); --ggf-g:var(--ggf-g-belege)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile{display:grid; grid-template-columns:24px 38px minmax(0,1fr) auto; grid-template-areas:"wahl sym t betrag" ". . tat weg"; column-gap:14px; row-gap:6px; align-items:center; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile+li.zf-zeile::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none; left:108px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.zf-wahl{grid-area:wahl; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>a.np-t{grid-area:t; display:block; min-width:0; color:inherit; text-decoration:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>a.np-t>b{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>a.np-t>span{display:block; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.np-betrag{grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.zf-tat{grid-area:tat; display:flex; flex-wrap:wrap; gap:8px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.zf-tat form{margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.np-belege-zahlweg{grid-area:weg; margin:0; justify-self:end}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile{grid-template-columns:24px 34px minmax(0,1fr) auto; grid-template-areas:"wahl sym t betrag" ". tat tat tat" ". weg weg weg"; column-gap:10px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile>.np-belege-zahlweg{justify-self:start}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile::before{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] li.zf-zeile :is(a,button,summary){min-height:44px}}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tr{grid-template-columns:34px auto minmax(0,1fr) auto; grid-template-areas:"sym name name betrag" "sym beleg datum st"; column-gap:10px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg tr::before{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(4){font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(5){font-size:13px; justify-self:end}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] table.rechenweg td:nth-child(5)::after{content:" Tage"}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="zubezahlen"] ul.er-vorschlag>li{padding:10px 16px}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkacheln{display:block; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel{display:grid; grid-template-columns:38px minmax(0,1fr) auto auto; grid-template-areas:"sym was summe i" "sym klein summe i"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none; border-radius:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel+.geldkachel::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel>.was{grid-area:was; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel>.mit-i{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel .geld-summe{grid-area:summe; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel details.zahl-i{grid-area:i}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel>.geld-klein{grid-area:klein; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel>.geld-klein~.geld-klein{grid-area:auto; grid-column:2 / -1; white-space:normal; font-size:13px; margin-top:2px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-anteil{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] p.start-urteil{margin:4px 18px 8px; font-size:17px; line-height:1.4; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(li.np-st-termin,ul#np-termine>li)>time{margin-right:-8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis{display:grid; grid-template-columns:38px minmax(0,1fr) auto; grid-template-areas:"sym text knopf"; column-gap:14px; align-items:center; min-height:64px; padding:10px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis>div:first-child{grid-area:text; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis>div:first-child>strong{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis .mit-i{display:flex; align-items:flex-start; gap:8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis .mit-i>p{margin:0; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis>a{grid-area:knopf}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] section.geld-bisfrage{padding:4px 0; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] section.geld-bisfrage>p.geld-satz{margin:8px 18px 0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] form.bz-frage{display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; padding:8px 18px 10px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] form.bz-frage>label{flex:1 1 280px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; font-size:17px; font-weight:400}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] form.bz-frage>label>span{font-size:17px; font-weight:400; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] form.bz-frage select{flex:0 1 220px; min-height:44px; border:0; background-color:var(--ap-fuellung); border-radius:10px; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .zahlplan .zahlmonat>h3{display:flex; justify-content:space-between; margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .zahlplan .zahlmonat>h3 .geld-monatssumme{font-size:13px; font-weight:600; color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .zahlplan .zahlmonat>ol{list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung{display:grid; grid-template-columns:38px minmax(0,1fr) 150px minmax(100px,auto) 44px; grid-template-areas:"dat titel st betrag ak" "dat unter st betrag ak" "x x x x x"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:6px 10px 6px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none; border-radius:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung+li.zahlung::before{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-datum{grid-area:dat; display:grid; place-items:center; width:38px; height:38px; box-sizing:border-box; padding:0; border-radius:11px; border:0; box-shadow:none; background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--bereich-finanzamt) 72%,white),var(--bereich-finanzamt)); color:white}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-datum>.tag{font-size:17px; font-weight:700; line-height:1; color:white}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-datum>:is(.mon,.wt){display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-mitte{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-titel{grid-area:titel; display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-unter{grid-area:unter; display:block; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-abw{grid-column:2 / -1; grid-row:3; display:block; margin:0 0 4px; font-size:13px; line-height:1.35; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-rechts{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-betrag{grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0; min-width:100px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung :is(form.bz-form,.bz-stand){grid-area:st; margin:0; font-size:15px; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .bz-stand::before{content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--np-grau-hell); margin-right:7px; vertical-align:1px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-aktion{grid-area:ak; display:flex; justify-content:flex-end}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-aktion:has(details[open]){grid-area:x}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung details.zahlcode>summary{list-style:none; position:relative; display:block; width:44px; height:44px; overflow:hidden; white-space:nowrap; font-size:0; line-height:0; color:var(--ap-zweit); text-indent:0; cursor:pointer; background:none; border:0; box-shadow:none; padding:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung details.zahlcode>summary::-webkit-details-marker{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung details.zahlcode>summary::after{content:"\203A"; position:absolute; inset:0; display:grid; place-items:center; text-indent:0; font-size:20px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung details.zahlcode[open]{width:100%; padding:0 0 8px 52px; font-size:15px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung details.zahlcode[open]>summary::after{content:"\2039"}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter{display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0; margin:0; border:0; background:none; box-shadow:none; color:var(--ap-zweit); font:inherit; font-size:15px; font-weight:400; cursor:pointer}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter .schalterbahn{display:inline-block; width:8px; height:8px; min-width:0; border-radius:50%; padding:0; margin:0; border:0; background:var(--np-ampel-orange); box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter .schalterbahn::before,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter .schalterbahn::after{content:none; display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter[aria-checked="true"] .schalterbahn{background:var(--np-ampel-gruen)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin.spaet .bz-schalter[aria-checked="false"] .schalterbahn{background:var(--np-rot)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .bz-schalter .bz-wort{font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund{display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-areas:"sym text" ". wege"; column-gap:14px; row-gap:8px; align-items:center; min-height:64px; padding:12px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym; align-self:start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund>.befund-text{grid-area:text; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund>.befund-text>strong{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund>.befund-text>p{margin:0; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund>.befund-wege{grid-area:wege; display:flex; flex-wrap:wrap; gap:8px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .fest-gruppe>h3{display:flex; justify-content:space-between; margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .fest-gruppe :is(ol.fest-liste){list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest{display:grid; grid-template-columns:38px minmax(0,1fr) auto; column-gap:14px; align-items:center; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f))}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest+li.fest::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest>.geld-mitte{min-width:0; display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest .geld-titel{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest .geld-unter{display:block; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest .geld-marke{display:block; padding:0; margin:0; background:none; border-radius:0; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest>.geld-rechts{display:block; text-align:right}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest .geld-betrag{display:block; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.fest .geld-klein{display:block; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] div.warum{font-size:17px; color:color-mix(in oklab,var(--ap-zweit) 70%,var(--np-tinte))}
@media (max-width:700px){
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung{grid-template-columns:34px minmax(0,1fr) auto 44px; grid-template-areas:"dat titel betrag ak" "dat unter st ak" "x x x x"; column-gap:10px; padding:6px 6px 6px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung>.geld-datum{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung .geld-betrag{font-size:15px; min-width:0}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] li.zahlung :is(form.bz-form,.bz-stand){font-size:13px; justify-self:end}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel{grid-template-columns:34px minmax(0,1fr) auto; grid-template-areas:"sym was summe" "sym klein i"; column-gap:10px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel .geld-summe{font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geldkachel details.zahl-i{justify-self:end}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis{grid-template-columns:34px minmax(0,1fr); grid-template-areas:"sym text" ". knopf"; row-gap:8px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .geld-hinweis>a{justify-self:start; min-height:44px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund{padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ruecklage"] .befund-wege :is(a,button){min-height:44px}
}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage{--ggf-f:var(--bereich-finanzamt); --ggf-g:var(--ggf-g-finanzamt); display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-areas:"sym titel" "sym satz" ". form"; column-gap:14px; row-gap:2px; align-items:center; padding:12px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym; align-self:start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage>h2{grid-area:titel; display:flex; align-items:center; gap:8px; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage>p{grid-area:satz; margin:0; font-size:15px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage>form{grid-area:form; margin:6px 0 0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage .np-bank-knoepfe{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] .np-bank-verlauf .np-gross{font-size:22px; font-weight:600; letter-spacing:-.01em}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-termine{padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-termine>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine{list-style:none; margin:0; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li{display:grid; grid-template-columns:38px auto minmax(0,1fr) minmax(100px,auto) 28px; grid-template-areas:"sym name name betrag i" "sym zeit unter betrag i"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li+li::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>time{grid-area:zeit; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; width:auto}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-t{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-t>b{grid-area:name; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-t>span{grid-area:unter; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-t>span::before{content:"· "}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-t>:is(b,span){white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-betrag{grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-betrag.minus{color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>details.np-info{grid-area:i; justify-self:end}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li{grid-template-columns:34px auto minmax(0,1fr) auto 24px; column-gap:10px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li::before{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] ul#np-termine>li>.np-betrag{font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage{padding:12px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="ausblick"] section.np-bank-frage .np-bank-knoepfe :is(a,button){min-height:44px}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] .np-st-raster{display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] .np-st-raster>*{margin-bottom:8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz){display:grid; grid-template-columns:38px minmax(0,1fr) auto; grid-template-areas:"sym text betrag" ". knopf knopf"; column-gap:14px; row-gap:8px; align-items:center; min-height:64px; padding:12px 18px; margin:36px 0 8px; position:relative; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; outline:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym; align-self:start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)>.np-st-s-text{grid-area:text; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)>.np-st-s-text>small{position:absolute; top:-26px; left:18px; margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)>.np-st-s-text>h2{font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; white-space:normal}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)>.np-st-s-text>p{margin:2px 0 0; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-schritt>:is(.np-betrag,.np-mittel){grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-schritt>.np-betrag.minus{color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-schritt>:is(a,button,form).np-knopf,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-schritt>:is(a,button){grid-area:knopf; justify-self:start}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-vz>.np-st-vz-knoepfe{grid-area:knopf; display:flex; flex-wrap:wrap; gap:8px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.np-st-vz>.np-st-vz-knoepfe form{margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck{display:grid; grid-template-columns:38px minmax(0,1fr) auto auto; grid-template-areas:"sym titel zahl info" "sym zeile zahl info"; column-gap:14px; row-gap:0; align-items:center; padding:12px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; --ggf-f:var(--bereich-bank); --ggf-g:var(--ggf-g-bank)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-oben{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-oben>h2{grid-area:titel; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-oben>details.np-info{grid-area:info}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-gross{grid-area:zahl; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-st-deckung{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-st-deckzeile{grid-area:zeile; margin:0; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>.np-st-deckzeile :is(b,span){font-weight:400; color:inherit}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>p.np-zart{grid-column:1 / -1; margin:8px 0 0; font-size:13px; line-height:1.45; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck>a.np-still{grid-column:1 / -1; justify-self:start; display:inline-flex; align-items:center; min-height:44px; font-size:15px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-liste{padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-liste>.np-oben{display:flex; align-items:center; justify-content:space-between; margin:16px 18px 4px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-liste>.np-oben>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-liste>.np-oben>a{display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:600}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.np-st-termine{list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="termine"] section.st-gruppe{padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="termine"] h2.st-abschnitt{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin{display:grid; grid-template-columns:38px auto minmax(0,1fr) 140px minmax(100px,auto) 14px; grid-template-areas:"sym name name st betrag chev" "sym zeit unter st betrag chev"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin+li.np-st-termin::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none; right:18px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>time{grid-area:zeit; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; width:auto; font-variant-numeric:tabular-nums}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>a.np-t{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>a.np-t>b{grid-area:name; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>a.np-t>b{white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>a.np-t>span{grid-area:unter; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>a.np-t>span::before{content:"· "}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>:is(.np-betrag,.np-zart){grid-area:betrag; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>.np-zart{font-weight:400; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>.np-betrag.minus{color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>form.bz-form{grid-area:st; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-gewinn{padding:12px 18px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-gewinn .np-gross{font-size:22px; font-weight:600; letter-spacing:-.01em}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-gewinn .np-pille{background:none; padding:0; border:0; box-shadow:none; font-size:15px; font-weight:400; color:var(--ap-zweit)}
@media (max-width:700px){
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin{grid-template-columns:34px auto minmax(0,1fr) auto 14px; grid-template-areas:"sym name name betrag chev" "sym zeit unter st chev"; column-gap:10px; padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin::before{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>:is(.np-betrag,.np-zart){font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.np-st-termin>form.bz-form{justify-self:end; font-size:13px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz){padding:12px 16px; grid-template-columns:34px minmax(0,1fr) auto}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)>.np-st-s-text>small{left:16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz) :is(a,button){min-height:44px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="finanzamt"] section.np-st-rueck{padding:12px 16px; grid-template-columns:34px minmax(0,1fr) auto auto}
}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf{display:grid; grid-template-columns:38px minmax(0,1fr) auto; grid-template-areas:"sym wort zahl" "sym satz zahl" "kn kn kn"; column-gap:14px; row-gap:0; align-items:center; padding:12px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf>.mk-ergebnis{display:contents}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf .mk-wort{grid-area:wort; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf .mk-zahl{grid-area:zahl; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf>.mk-satz{grid-area:satz; margin:2px 0 0; font-size:17px; line-height:1.4; color:var(--ap-zweit); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf>.mk-knoepfe{grid-area:kn; display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0 52px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.ug-fehlt{padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.ug-fehlt>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.ug-fehlt>p.ug-unter{margin:0 18px 8px; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.ug-liste{list-style:none; margin:0; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile{display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; border:0; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f))}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile+li.ug-zeile::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-titel{flex:1 1 0; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-titel>strong{display:block; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-titel>small{display:block; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-weg{flex:none; display:inline-flex; align-items:center; min-height:44px; font-size:15px; font-weight:600; text-decoration:none}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf{padding:12px 16px; grid-template-columns:34px minmax(0,1fr) auto}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf .mk-zahl{font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) div.mk-kopf>.mk-knoepfe{margin-left:0}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile{padding:10px 16px; gap:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-weg{min-width:44px; justify-content:center}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-weg>.ggf-wort{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.ug-zeile>.ug-weg>span[aria-hidden]{font-size:20px; color:var(--ap-zweit)}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] section.np-st-gewinn{padding:0; margin:0 0 8px; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung{display:flex; flex-direction:column}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung>.np-oben{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin:16px 18px 8px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung>.np-oben>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung>.np-oben>.np-zart{font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung>.np-oben>a{margin-left:auto; display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:600}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-verteilung>.np-teile{order:3; margin:8px 18px 0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten{display:block; margin:0; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div{display:flex; align-items:center; gap:14px; min-height:56px; padding:10px 18px; margin:0; position:relative; font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f))}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div:last-child{--ggf-f:var(--bereich-abschluss); --ggf-g:var(--ggf-g-abschluss)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div+div::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div>i{display:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div>b{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0; margin-left:auto}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.karte.flaeche-gut{display:grid; grid-template-columns:38px minmax(0,1fr) auto; grid-template-areas:"sym titel zahl" "sym fein zahl"; column-gap:14px; row-gap:0; align-items:center; padding:12px 18px; margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.karte.flaeche-gut::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.karte.flaeche-gut>h2{grid-area:titel; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.karte.flaeche-gut>.bz-gesamt{grid-area:zahl; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) section.karte.flaeche-gut>.fein{grid-area:fein; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gk-konten>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ol.bank-zeilen:has(>li.bz-konto){list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto{display:flex; align-items:center; flex-wrap:wrap; gap:4px 14px; min-height:64px; padding:10px 18px; margin:0; position:relative; background:none; box-shadow:none; border:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f))}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto+li.bz-konto::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-wer{flex:1 1 0; min-width:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-wer>b{font-size:17px; font-weight:600}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-wer .fein{font-size:15px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-betrag{flex:none; min-width:100px; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-beleg{flex:none; font-size:15px; color:var(--ap-zweit)}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto{padding:10px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>.bank-wer br{display:none}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) li.bz-konto>:is(button,a,form){min-height:44px}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner"] :is(h2,h3){margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub{list-style:none; margin:0 0 8px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; grid-template-columns:none; display:block; overflow:hidden}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li{position:relative; margin:0; padding:0; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li+li::after{content:""; position:absolute; top:0; left:70px; right:18px; height:.5px; background:var(--io-haarlinie); pointer-events:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte{display:grid; grid-template-columns:38px minmax(0,1fr) 12px; grid-template-areas:"sym titel chev" "sym fein chev"; column-gap:14px; row-gap:0; align-items:center; min-height:64px; padding:10px 18px; margin:0; color:var(--np-tinte); text-decoration:none; text-align:left}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte::before{content:""; flex:none; display:block; box-sizing:border-box; width:38px; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; opacity:1; filter:none; -webkit-mask:none; mask:none; -webkit-backdrop-filter:none; backdrop-filter:none; pointer-events:none; height:38px; border-radius:11px; background:var(--ggf-g) center/21px 21px no-repeat,linear-gradient(180deg in oklab,color-mix(in oklab,var(--ggf-f) 72%,white),var(--ggf-f)); grid-area:sym}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte::after{grid-area:chev; content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte>strong{grid-area:titel; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte>.fein{grid-area:fein; font-size:15px; line-height:1.35; font-weight:400; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li[data-stand=pruefung]>a.karte{color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li[data-stand=pruefung]>a.karte>strong{color:var(--ap-zweit); font-weight:500}
@media (hover:hover){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte:hover{}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner"] details.werkzeug-og{margin:0 0 8px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner"] details.werkzeug-og>summary{min-height:56px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; font-size:17px; font-weight:600; background:none; box-shadow:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner"] details.werkzeug-og ul.werkzeug-hub{box-shadow:none; background:none; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-raster{display:block}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-raster>section.karte{margin:0 0 16px; padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px; max-width:none; width:auto}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug{display:block; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug :is(label.feld,.feld-wahl>label.feld){display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; column-gap:16px; row-gap:2px; min-height:52px; padding:6px 18px; margin:0; position:relative; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug>:is(label.feld,.feld-wahl)+:is(label.feld,.feld-wahl)::before{content:""; position:absolute; top:0; left:18px; right:18px; height:.5px; background:var(--io-haarlinie)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug .feld-wahl{position:relative; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld>span:first-child{font-size:17px; font-weight:400; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld>:is(input,select,.bb-feldhuelle){grid-column:2; width:100%; min-height:40px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld :is(input:not([type=checkbox]):not([type=radio]),select){border:0; background-color:transparent; box-shadow:none; text-align:right; font-size:17px; padding:0 4px; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld select:is(select,input:not([type=checkbox]):not([type=radio])){text-align-last:right; padding-right:40px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld .bb-feldhuelle input:is(select,input:not([type=checkbox]):not([type=radio])){padding-right:44px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld>:is(small,.fein){grid-column:1 / -1; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug .werkzeug-knoepfe{display:flex; justify-content:flex-end; gap:8px; padding:12px 18px 10px; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none; margin:12px 18px 4px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis #ergebnis{padding:0 18px 12px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis table{width:100%; border-collapse:collapse; background:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis td{padding:12px 0; font-size:17px; background:none; border:0; vertical-align:middle; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis td+td{text-align:right; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; padding-left:16px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis :is(.werkzeug-warnung,.hinweis-geld){display:flex; gap:8px; align-items:baseline; margin:8px 0; padding:0; background:none; border:0; box-shadow:none; font-size:15px; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis :is(.werkzeug-warnung,.hinweis-geld)::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--np-rot); transform:translateY(-1px)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis :is(.werkzeug-warnung,.hinweis-geld) p{margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis #ergebnis>p{font-size:13px; color:var(--ap-zweit)}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug :is(label.feld,.feld-wahl>label.feld){grid-template-columns:minmax(0,1fr); padding:8px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld>:is(input,select,.bb-feldhuelle){grid-column:1}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] form#werkzeug label.feld :is(input:not([type=checkbox]):not([type=radio]),select){text-align:left; text-align-last:left; padding-left:0}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="rechner1"] .werkzeug-ergebnis td{font-size:15px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) ul.werkzeug-hub>li>a.karte{padding:10px 16px}}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte{padding:4px 0 12px; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte>h2,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] section.karte>h2{margin:16px 18px 8px; padding:0; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.01em; color:var(--ap-zweit); text-transform:none; background:none; margin:12px 18px 4px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte .feldgruppe{display:block; margin:0; position:relative; max-width:none}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; column-gap:16px; row-gap:2px; min-height:52px; padding:8px 18px; margin:0; position:relative; max-width:none; width:auto}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte :is(p.feld,label.ankreuz)+:is(p.feld,label.ankreuz)::before,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte .feldgruppe+:is(.feldgruppe,label.ankreuz)::before{content:""; position:absolute; top:0; left:18px; right:18px; height:.5px; background:var(--io-haarlinie)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld>label{grid-column:1; grid-row:1; font-size:17px; font-weight:400; color:var(--np-tinte); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld>input{grid-column:2; grid-row:1; border:0; background:transparent; box-shadow:none; text-align:right; font-size:17px; min-height:40px; padding:0 4px; width:100%}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld>.hilfe{grid-column:1 / -1; grid-row:2; font-size:13px; line-height:1.4; color:var(--ap-zweit); margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte label.ankreuz{display:flex; align-items:flex-start; gap:12px; min-height:52px; padding:12px 18px; margin:0; position:relative; font-size:17px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte label.ankreuz>input{flex:none; margin:3px 0 0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte label.ankreuz .leise.klein{display:block; font-size:13px; color:var(--ap-zweit)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte>p:last-child{display:flex; justify-content:flex-end; padding:8px 18px 0; margin:0}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] section.karte{background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:22px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] .fehlerband{background:none; border:0; box-shadow:none; padding:0 0 0 16px; position:relative; font-size:17px; color:var(--np-tinte)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] .fehlerband::before{content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%; background:var(--np-rot)}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] .angaben{margin:0 18px 12px}
body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] p.df-frist{margin:4px 18px 12px}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld{grid-template-columns:minmax(0,1fr); padding:8px 16px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld>input{grid-column:1; grid-row:2; text-align:left; padding-left:0}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte p.feld>.hilfe{grid-row:3}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="unter"] form.karte label.ankreuz{padding:12px 16px}}
@media (min-width:701px){body.np:has(main[data-ggf]) .hinweise-hier{padding-inline:48px; box-sizing:border-box}}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-z{padding:10px 16px; gap:12px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .ggf-st{width:auto; font-size:13px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) .gs-bsym.ggf-sym{width:34px; height:34px; border-radius:10px}
  body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(.geldkachel,.geld-hinweis,.befund,li.fest,section.np-bank-frage,section.np-st-rueck,div.mk-kopf,li.ug-zeile,section.flaeche-gut,li.bz-konto,ul.werkzeug-hub>li>a.karte)::before,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z)[data-ggf="gewinnst"] .np-posten>div::before,body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(section.np-st-schritt,section.np-st-vz)::before{width:34px; height:34px; border-radius:10px}}
@media (max-width:700px){body.np main[data-ggf]:not(#ggf-x):not(#ggf-y):not(#ggf-z) :is(li.np-st-termin,ul#np-termine>li)>time{margin-right:-4px}}
body.np .fa-bp .es-z.es-frei{flex-wrap:nowrap}
body.np .fa-bp .es-wort small.fa-bp-klein{display:block; color:var(--ap-zweit); margin-top:2px}
body.np .fa-bp button.es-z.fa-bp-zeile{width:100%; text-align:left; background:none; border-left:0; border-right:0; border-bottom:0; font:inherit; color:inherit; cursor:pointer}
body.np .fa-bp .karte.es-karte>.es-z.fa-bp-zeile:first-child{border-top:0}
body.np .fa-bp .gs-leer{margin-top:var(--ap-3)}
body.np .fa-bp .gs-leer p{white-space:normal; overflow:visible; text-overflow:clip}
body.np dialog .fa-bp-feld{display:flex; flex-direction:column; gap:6px; margin:0 0 var(--ap-2)}
body.np .fa-bp-meldung{margin:0 0 var(--ap-2)}
body.np main[data-fa]{--pb-kapsel:#4A5C6A; --pb-tinte:#121815; --pb-grau:#5b6560; --pb-zart:#8a958f; --pb-gruen:#247a33; --pb-orange:#e8890c; --pb-rot:#b8261a; --pb-linie:rgba(18,24,21,.08); --pb-flaeche:rgba(155,168,171,.22); --pb-seg:#fff; --pb-zweit-bg:rgba(255,255,255,.85)}
body.np main[data-fa]>:is(.pb-gk,.pb-k){max-width:none!important;margin-left:0!important;margin-right:0!important}
body.np main[data-fa] .gs-kopf.pb-gk{container-type:inline-size;display:block!important;margin:12px 0 var(--m-kopf-abst,24px)!important;padding:var(--m-kopf-pad-o,18px) var(--m-pad-s,24px) var(--m-pad-u,16px)!important}
body.np main[data-fa] .pb-kopf-zeile{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--m-luecke,10px)}
body.np main[data-fa] .pb-titel{flex:none}
body.np main[data-fa] .pb-titel h1{margin:0!important;font-size:var(--m-h1,34px)!important;line-height:var(--m-h1-lh,41px)!important;font-weight:700!important;letter-spacing:var(--m-h1-ls,-.022em)!important;color:var(--pb-tinte)}
body.np main[data-fa] .pb-werkzeug{display:flex;align-items:center;gap:var(--m-luecke,10px)}
body.np main[data-fa] .pb-kopf-zeile>.pb-werkzeug{flex:1 1 auto;min-width:max-content;justify-content:flex-end}
body.np main[data-fa] .pb-kopf-zeile .st-mehrknopf{width:var(--m-knopf,42px);height:var(--m-knopf,42px);background:var(--pb-zweit-bg);color:var(--pb-tinte);box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np main[data-fa] .pb-kopf-zeile details.st-mehr{position:relative}
body.np main[data-fa] .pb-kopf-zeile .st-menue{position:absolute;right:0;top:calc(100% + 6px);z-index:30}
body.np main[data-fa] :is(.pb-kapsel,.pb-zweit){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--m-knopf,42px)!important;min-height:0!important;padding:0 var(--m-knopf-px,22px)!important;border:0!important;border-radius:999px!important;box-sizing:border-box; font-family:inherit!important;font-size:var(--m-knopf-fs,16px)!important;font-weight:600!important;text-decoration:none;white-space:nowrap;flex:none;line-height:20px!important;margin:0!important;cursor:pointer;background-image:none!important;transform:none}
body.np main[data-fa] .pb-kapsel{background:var(--pb-kapsel)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important}
body.np main[data-fa] .pb-kapsel svg{color:#fff;margin-left:-4px}
body.np main[data-fa] .pb-zweit{background:var(--pb-zweit-bg)!important;color:var(--pb-tinte)!important;box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)!important}
body.np main[data-fa] .pb-zweit.pb-wahl{min-width:calc(2 * var(--m-knopf,42px))}
body.np main[data-fa] .pb-zweit[disabled]{opacity:.55;cursor:default}
body.np main[data-fa] form.pb-form{display:contents}
body.np main[data-fa] .pb-reiter{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--m-schalter,38px);padding:3px;box-sizing:border-box;border-radius:999px;background:var(--pb-flaeche);margin-top:16px}
body.np main[data-fa] .pb-reiter a{display:flex;align-items:center;justify-content:center;height:var(--m-schalter-k,32px);border-radius:999px;font-size:var(--m-schalter-fs,13px)!important;font-weight:600!important;color:var(--pb-grau)!important;text-decoration:none;white-space:nowrap;padding:0 13px;margin:0!important;min-height:0!important}
body.np main[data-fa] .pb-reiter a[aria-current]{background:var(--pb-seg)!important;color:var(--pb-tinte)!important;box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np main[data-fa] section.np-karte.pb-k{margin:0 0 var(--m-abst,16px)!important;padding:var(--m-pad-u,16px) var(--m-pad-s,24px) var(--m-pad-u,16px)!important;box-sizing:border-box}
body.np main[data-fa] section.np-karte.pb-k.pb-mit-kopf{padding-top:var(--m-pad-o,22px)!important}
body.np main[data-fa] .pb-kk{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:16px;min-height:44px}
body.np main[data-fa] .pb-kk>.pb-kk-r{margin-left:auto}
body.np main[data-fa] .pb-kk h2{margin:0!important;font-size:var(--m-kt,22px)!important;line-height:var(--m-kt-lh,28px)!important;font-weight:600!important;letter-spacing:-.012em;color:var(--pb-tinte)}
body.np main[data-fa] .pb-kk-r{font-size:var(--m-text,15px)!important;line-height:var(--m-text-lh,20px)!important;font-weight:400!important;color:var(--pb-grau)}
body.np main[data-fa] .pb-z{display:flex;align-items:center;gap:var(--m-sym-abst,14px);min-height:var(--m-zeile,64px);padding:var(--m-zeile-py,10px) 0;box-sizing:border-box;text-decoration:none;color:var(--pb-tinte)!important;position:relative;background:none}
body.np main[data-fa] .pb-z+.pb-z::before{content:"";position:absolute;left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px));right:0;top:0;border-top:1px solid var(--pb-linie)}
body.np main[data-fa] .pb-links{width:var(--m-sym,38px);flex:none;display:grid;place-items:center}
body.np main[data-fa] .pb-wer{flex:1;min-width:0}
body.np main[data-fa] .pb-wer b{display:block;font-size:var(--m-zt,17px)!important;line-height:var(--m-zt-lh,22px)!important;font-weight:600!important;color:var(--pb-tinte);text-wrap:pretty}
body.np main[data-fa] .pb-wer small{display:block;font-size:var(--m-text,15px)!important;line-height:var(--m-text-lh,20px)!important;font-weight:400!important;color:var(--pb-grau)!important;margin-top:2px;text-wrap:pretty}
body.np main[data-fa] .pb-wer small:empty{display:none}
body.np main[data-fa] .pb-betrag{font-size:var(--m-betrag,17px)!important;line-height:22px!important;font-weight:600!important;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--pb-tinte);text-align:right;min-width:120px;flex:none}
body.np main[data-fa] .pb-betrag.ein{color:var(--pb-gruen)}
body.np main[data-fa] .pb-betrag.minus{color:var(--pb-rot)}
body.np main[data-fa] .pb-betrag.pb-offen{color:var(--pb-grau)!important}
body.np main[data-fa] .pb-chev{width:var(--m-chev,8.2px);flex:none;font-size:20px;line-height:22px;color:var(--pb-grau);text-align:right;overflow:visible}
body.np main[data-fa] .pb-punkt{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
body.np main[data-fa] .pb-punkt.rot{background:var(--pb-rot)}
body.np main[data-fa] .pb-punkt.grau{background:#b5bdb9}
body.np main[data-fa] .pb-sym{display:grid;place-items:center;width:var(--m-sym,38px);height:var(--m-sym,38px);border-radius:var(--m-sym-rad,10px);color:#fff;flex:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np main[data-fa] .pb-sym.rot{background:linear-gradient(180deg,#ff7b6b,#e0412f)}
body.np main[data-fa] .pb-sym.blau{background:linear-gradient(180deg,#6aa8ff,#2f6fe0)}
body.np main[data-fa] .pb-sym.gruen{background:linear-gradient(180deg,#5fcf6e,#2e9440)}
body.np main[data-fa] .pb-sym.lila{background:linear-gradient(180deg,#9a8cff,#6656e6)}
body.np main[data-fa] .pb-sym.tuerkis{background:linear-gradient(180deg,#4fd1c5,#16998d)}
body.np main[data-fa] .pb-sym.grau{background:linear-gradient(180deg,#a3aeb7,#6f7c86)}
body.np main[data-fa] .pb-nachzeile{display:flex;gap:var(--m-luecke,10px);padding:6px 0 0 calc(var(--m-sym,38px) + var(--m-sym-abst,14px))}
body.np main[data-fa] .pb-z .bz-form{margin:0}
body.np main[data-fa] #np-fa-stnr form.np-stnr button{background:var(--pb-kapsel)!important;background-image:none!important;color:#fff!important;height:var(--m-knopf,42px)!important;min-height:0!important;padding:0 var(--m-knopf-px,22px)!important;border:0!important;border-radius:999px!important;font-size:var(--m-knopf-fs,16px)!important;font-weight:600!important;box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important}
body.np main[data-fa] .pb-fristen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--m-luecke,10px);margin-top:16px}
body.np main[data-fa] .pb-frist{display:inline-flex;align-items:flex-start;gap:8px;padding:8px 14px;border-radius:16px;box-sizing:border-box;background:var(--pb-flaeche);font-size:var(--m-klein,13px)!important;line-height:var(--m-klein-lh,18px);color:var(--pb-tinte)!important;text-decoration:none;font-weight:400}
body.np main[data-fa] .pb-frist b{font-weight:600}
body.np main[data-fa] .pb-frist .rot{color:var(--pb-rot);font-weight:600}
body.np main[data-fa] .pb-fristen .pb-punkt{margin-top:4.5px}
@media (max-width:700px){ body.np main[data-fa] .pb-fristen{grid-auto-flow:row} body.np main[data-fa] .pb-reiter a{padding:0 6px} body.np main[data-fa] .pb-z:has(>.pb-werkzeug){flex-wrap:wrap} body.np main[data-fa] .pb-z:has(>.pb-werkzeug)>.pb-wer{flex:1 1 calc(100% - var(--m-sym,38px) - var(--m-sym-abst,14px))} body.np main[data-fa] .pb-z>.pb-werkzeug{flex:1 1 100%;margin-left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px))} body.np main[data-fa] .pb-z>.pb-werkzeug :is(.pb-zweit,.pb-kapsel){flex:1 1 0;min-width:0} body.np main[data-fa] .pb-betrag{min-width:0}
}


body.np .np-abschluss{max-width:1180px}
body.np .np-abschluss .np-blaettern a{width:44px; height:44px}
body.np .np-abschluss .np-oben{display:flex; align-items:center; gap:10px; margin:0 0 6px}
body.np .np-abschluss .np-oben h2{margin:0; flex:1}
body.np .np-ab-s-text{display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; column-gap:var(--ap-2); min-height:64px; padding:10px var(--ap-2); box-sizing:border-box}
body.np .np-ab-s-text>h2{grid-column:1; margin:0; font-size:17px; font-weight:600; line-height:1.3; letter-spacing:0}
body.np .np-ab-s-text>small{grid-column:1; font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np .np-ab-s-text>a{grid-column:2; grid-row:1/3}
body.np .np-ab-s-text .np-knopf{min-height:44px; padding:0 20px; font-size:15px}
body.np .np-ab-kreise .np-kreise{display:block; counter-reset:np-ab-k; margin:0; padding:0; list-style:none; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); overflow:hidden}
body.np .np-ab-kreise .np-kreise li{counter-increment:np-ab-k; display:block; padding:0; text-align:left; font-size:17px; font-weight:500; color:var(--tinte)}
body.np .np-ab-kreise .np-kreise li+li{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .np-ab-kreise .np-kreise li::before{display:none}
body.np .np-ab-kreise .np-kreise li a{display:grid; grid-template-columns:32px minmax(0,1fr) auto 12px; grid-template-rows:auto auto; column-gap:var(--ap-2); align-items:center; min-height:56px; padding:8px var(--ap-2); box-sizing:border-box; color:inherit; text-decoration:none}
body.np .np-ab-kreise .np-kreise li a::after{content:"\203A"; grid-column:4; grid-row:1/3; color:var(--ap-zweit); font-size:22px; line-height:1}
body.np .np-ab-kreise .np-kreise li a:hover{background:var(--ap-fuellung)}
body.np .np-ab-kreise .np-kreise li a>i{grid-column:1; grid-row:1/3; width:28px; height:28px; margin:0; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:600; font-size:15px; background:var(--ap-fuellung); color:var(--tinte); box-shadow:none}
body.np .np-ab-kreise .np-kreise li a>i::before{content:counter(np-ab-k)}
body.np .np-ab-kreise .np-kreise li.fertig a>i{background:var(--ap-haken) no-repeat center/28px}
body.np .np-ab-kreise .np-kreise li.fertig a>i::before{content:""}
body.np .np-ab-kreise .np-kreise li.dran a>i{background:var(--knopf); color:var(--auf-knopf,#fff)}
body.np .np-ab-kreise .np-kreise li small{grid-column:2; display:block; font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np .np-ab-kreise .np-kreise li.fehlt a>i{background:var(--ap-fuellung); color:var(--warn)}
body.np .np-ab-kreise .np-kreise li.fehlt a>i::before{content:"!"}
body.np .np-ab-kreise .np-kreise li em>i{width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np .np-ab-kreise .np-kreise li em.ax-st-gut>i{background:var(--gut)}
body.np .np-ab-kreise .np-kreise li em.ax-st-warn>i{background:var(--warn)}
body.np .np-ab-kreise .np-kreise li em{grid-column:3; grid-row:1/3; font-style:normal; font-size:15px; font-weight:500; color:var(--ap-zweit)}
body.np .np-ab-reihe{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; margin:0 0 14px; align-items:start}
body.np .np-ab-reihe>.abschluss-offenlegung{grid-column:1/-1}
body.np .np-ab-reihe>.np-karte,body.np .np-ab-reihe>.karte{margin:0}
body.np .np-ab-kachel,body.np .np-ab-reihe>.abschluss-offenlegung{display:flex; flex-direction:column; gap:6px}
body.np .np-ab-kachel h2,body.np .np-ab-reihe>.abschluss-offenlegung h2{margin:0; font-size:17px}
body.np .np-ab-kachel p,body.np .np-ab-reihe>.abschluss-offenlegung p{margin:0; color:var(--np-grau); font-size:14px; flex:1}
body.np .np-ab-kachel p.np-zart,body.np .np-ab-reihe>.abschluss-offenlegung p.np-zart{flex:0; font-size:13px}
body.np .np-ab-kachel .np-knopf,body.np .np-ab-reihe>.abschluss-offenlegung .knopf2{align-self:flex-start; margin-top:8px}
body.np .np-ab-reihe>.abschluss-offenlegung .knopf2{display:inline-flex; align-items:center; min-height:44px}
body.np .np-ab-wege{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; margin:6px 0 2px}
body.np .np-ab-wege .ol-weg{border:1px solid var(--np-linie); border-radius:12px; padding:10px 12px; display:flex; flex-direction:column; gap:4px; min-width:0}
body.np .np-ab-wege .ol-weg h3{margin:0; font-size:15px}
body.np .np-ab-wege .ol-weg p{flex:0; font-size:13px}
body.np .np-ab-wege .ol-preis{color:var(--np-tinte)}
body.np .np-ab-wege .knopf2{align-self:flex-start; min-height:44px}
body.np .ol-auftrag-stand{list-style:none; margin:2px 0; padding:0; display:flex; flex-wrap:wrap; gap:4px 10px; font-size:12px; color:var(--np-grau)}
body.np .ol-auftrag-stand li.fertig{color:var(--np-gruen-tief); font-weight:600}
body.np .np-ol-anleitung{margin:0; padding-left:22px; display:flex; flex-direction:column; gap:10px}
body.np .np-ol-anleitung li b{display:block}
body.np .np-ol-anleitung li span{color:var(--np-grau); font-size:14px}
body.np .np-f-fuss{gap:14px}
body.np .np-ab-unten .abschluss-preis{font-size:30px; font-weight:700; letter-spacing:-.03em; margin:2px 0}
body.np .np-ab-unten h2{font-size:17px; margin:0 0 6px}
body.np .np-ab-fluss{display:flex; flex-direction:column; gap:18px}
body.np .np-ab-seite h3{display:flex; justify-content:space-between; gap:10px; margin:0 0 8px; font-size:15px}
body.np .np-ab-fluss{--np-ab-k1:color-mix(in oklab,var(--np-d-sand) 62%,var(--np-karte)); --np-ab-k2:color-mix(in oklab,var(--np-d-sand) 46%,var(--np-karte)); --np-ab-k3:color-mix(in oklab,var(--np-d-sand) 34%,var(--np-karte)); --np-ab-k4:color-mix(in oklab,var(--np-d-sand) 25%,var(--np-karte)); --np-ab-k5:color-mix(in oklab,var(--np-d-sand) 18%,var(--np-karte))}
body.np .np-ab-balken{display:flex; gap:2px; height:12px; margin:16px 0; overflow:visible}
body.np .np-ab-balken>*{position:relative; display:block; min-width:6px; height:100%; border-radius:2px; transition:filter .15s}
body.np .np-ab-balken>a::before{content:""; position:absolute; inset:-16px 0}
body.np .np-ab-balken>:first-child{border-radius:6px 2px 2px 6px} body.np .np-ab-balken>:last-child{border-radius:2px 6px 6px 2px} body.np .np-ab-balken>:only-child{border-radius:6px}
body.np .np-ab-balken a:hover,body.np .np-ab-balken a:focus-visible{filter:brightness(.94)}
body.np .np-ab-luecke{background:var(--np-rot-feld)}
body.np .np-ab-liste{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:0 22px; margin:8px 0 0}
body.np a.np-ab-posten{display:flex; align-items:center; gap:9px; min-height:44px; padding:4px 6px; border-radius:10px; color:inherit; text-decoration:none; font-size:14px}
body.np a.np-ab-posten:hover{background:var(--np-gruen-hauch)}
body.np a.np-ab-posten i{flex:0 0 8px; height:8px; border-radius:50%}
body.np a.np-ab-posten span{flex:1; min-width:0}
body.np a.np-ab-posten b{white-space:nowrap}
body.np .np-ab-beiuns ul{list-style:none; margin:4px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:4px 22px}
body.np .np-ab-beiuns li{display:flex; align-items:flex-start; gap:12px; min-height:44px; padding:8px 0; border-top:1px solid var(--np-linie)}
body.np .np-ab-beiuns li i{flex:0 0 26px; height:26px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:14px; background:var(--np-feld); color:var(--np-grau)}
body.np .np-ab-beiuns li i::before{content:"…"}
body.np .np-ab-beiuns li.fertig i{background:var(--np-gruen); color:var(--np-auf-gruen)}
body.np .np-ab-beiuns li.fertig i::before{content:"✓"}
body.np .np-ab-beiuns li.laeuft i{background:var(--np-gruen-feld); color:var(--np-gruen-tief)}
body.np .np-ab-beiuns li.laeuft i::before{content:"↻"}
body.np .np-ab-beiuns li.laeuft em{color:var(--np-gruen-tief)}
body.np .np-ab-beiuns li div{flex:1; min-width:0}
body.np .np-ab-beiuns li b{display:block; font-size:15px}
body.np .np-ab-beiuns li span{display:block; color:var(--np-grau); font-size:13px}
body.np .np-ab-beiuns li em{font-style:normal; font-size:12.5px; font-weight:600; color:var(--np-grau); white-space:nowrap}
body.np .np-ab-beiuns li.fertig em{color:var(--np-gruen-tief)}
body.np .np-erkl-neu{margin:12px 0 0; padding:10px 14px; border-radius:12px; background:var(--np-rot-feld); color:var(--np-tinte); font-size:14px}
body.np .np-erkl-neu a{display:inline-flex; align-items:center; min-height:44px; color:var(--np-rot-tief); font-weight:600}
body.np .np-erkl-ohne{margin:12px 0 0; padding:10px 18px; border-radius:16px; background:var(--np-karte); color:var(--np-grau); font-size:14px}
body.np .np-erkl-ohne a{display:inline-flex; align-items:center; min-height:44px; color:var(--np-link); font-weight:600}
@media (max-width:520px){body.np .np-ab-beiuns li em{white-space:normal; max-width:96px; text-align:right}}
body.np .np-ab-sieben>li{padding-bottom:10px}
body.np .np-ab-sieben>li a{display:block; min-height:44px; color:inherit; text-decoration:none; border-radius:10px; padding:0 8px; margin:0 0 0 -8px}
body.np .np-ab-sieben>li a:hover{background:var(--np-gruen-hauch)}
body.np .np-ab-sieben>li p{margin:-2px 0 0}
@media (max-width:1100px){
  body.np .np-abschluss .np-blaettern a{width:44px; height:44px}
  body.np .np-abschluss .np-info>summary{box-sizing:content-box; padding:12px; margin:-12px; background-clip:content-box}
  body.np .np-abschluss a.np-still{display:inline-flex; align-items:center; min-height:44px}
}
@media (max-width:700px){
  body.np .np-ab-s-text{grid-template-columns:minmax(0,1fr)}
  body.np .np-ab-s-text>a{grid-column:1; grid-row:auto; margin-top:var(--ap-1); justify-self:stretch}
  body.np .np-ab-balken{height:38px}
}
body.np .np-erkl-liste{list-style:none; margin:4px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px}
body.np .np-erkl{display:flex; flex-direction:column; gap:4px; padding:12px 14px; border-radius:16px; background:var(--np-karte); box-shadow:var(--lg-mulde, inset 0 1px 3px rgba(18,44,32,.10))}
body.np .np-erkl-kopf{display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap}
body.np .np-erkl-name{display:inline-flex; align-items:center; gap:6px}
body.np .np-erkl-kopf a{display:inline-flex; align-items:center; min-height:44px; font-weight:600; color:inherit; text-decoration:none}
body.np .np-erkl-kopf a:hover{color:var(--np-link)}
body.np .np-erkl-stand{font-size:12.5px; font-weight:600; border-radius:20px; padding:2px 10px; background:var(--np-gruen-hauch); color:var(--np-gruen-tief); white-space:nowrap}
body.np .np-erkl-offen .np-erkl-stand{background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .np-erkl-gerechnet .np-erkl-stand{background:var(--np-feld); color:var(--np-tinte)}
body.np .np-erkl-zahl{display:flex; flex-direction:column}
body.np .np-erkl-was{font-size:12.5px; color:var(--np-grau)}
body.np .np-erkl-betrag{font-size:20px; font-variant-numeric:tabular-nums}
body.np .np-erkl-fehlt{margin:0; font-size:13.5px; color:var(--np-grau)}
body.np main.ax-seite{--ax-breit:1040px; --np-gruen:var(--knopf); --gruen:var(--knopf); --akzent-400:var(--knopf); --lg-kreis-gruen:var(--knopf)}
body.np main.ax-seite :is(.hinweisband,.status.gut,.hinweisband a):not(#ax-x){color:var(--ap-akzent-text)}
body.np main.ax-seite .np-seitenkopf:not(#ax-x){display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--ap-2) var(--ap-3); margin:var(--ap-1) 0 var(--ap-2); max-width:var(--ax-breit)}
body.np main.ax-seite .np-seitenkopf>div:first-child{flex:1 1 320px; min-width:0}
body.np main.ax-seite .np-seitenkopf h1:not(#ax-x){margin:0; font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.022em}
body.np main.ax-seite .fa-karte h1.fa-frage:not(#ax-x):not(.ax-y){font-size:28px; line-height:1.2}
body.np main.ax-seite :is(.seitenkopf,.abschluss-kopf,.np-kopf)>h1:not(#ax-x),body.np main.ax-seite>h1:not(#ax-x),body.np main.ax-seite>section>h1:not(#ax-x){font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.022em}
body.np .ax-zeile{display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; margin:6px 0 0; font-size:17px; line-height:1.4; color:var(--ap-zweit)}
body.np main.ax-seite .ax-zeile>:is(p,span):not(#ax-x){margin:0; font-size:17px; font-weight:400; color:var(--ap-zweit)}
body.np main.ax-seite .ax-zeile>small:not(#ax-x){margin:0; font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np .ax-zeile b{font-weight:600}
body.np .ax-werkzeug{flex-wrap:wrap; justify-content:flex-end}
body.np .ax-werkzeug>a,body.np .ax-werkzeug>button{min-height:var(--ap-hoehe); margin:0}
body.np .ax-werkzeug svg{flex:none}
body.np .ax-st{display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--tinte)}
body.np .ax-st>i{width:8px; height:8px; border-radius:50%; background:var(--ap-zweit); flex:none}
body.np .ax-st-gut>i{background:var(--gut)}
body.np .ax-st-warn>i{background:var(--warn)}
body.np .ax-st-fehler>i{background:var(--fehler)}
body.np .ax-i{margin-left:2px}
body.np .ax-mehr{display:inline-block}
body.np .ax-mehr>summary{display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:var(--ap-hoehe); min-height:var(--ap-hoehe); padding:0 var(--ap-1); box-sizing:border-box; border-radius:999px; color:var(--ap-akzent-text); font-weight:600; background:var(--io-zweit)}
body.np .ax-mehr>summary:hover{filter:brightness(.96)}
body.np .ax-menue{top:calc(100% + 6px); min-width:240px; max-width:min(360px,calc(100vw - 32px)); box-sizing:border-box; border-radius:var(--ap-rund); background:var(--io-glas-dicht); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas); display:flex; flex-direction:column; gap:2px}
body.np .ax-menue>a,body.np .ax-menue button{display:flex; align-items:center; min-height:var(--ap-hoehe); padding:0 12px; border-radius:10px; color:var(--tinte); text-decoration:none; font-size:15px; font-weight:500; text-align:left}
body.np .ax-menue>a:hover,body.np .ax-menue>a:focus-visible{background:var(--ap-fuellung)}
body.np .ax-menue>a[aria-current]{color:var(--ap-akzent-text); font-weight:650}
body.np nav.np-reiter.ax-segment{margin-bottom:var(--ap-3); overflow:visible}
@media (min-width:701px){
body.np nav.np-reiter.ax-segment{display:flex; flex-wrap:nowrap; align-items:center; width:max-content; max-width:100%; box-sizing:border-box}
body.np nav.np-reiter.ax-segment>a{flex:none; white-space:nowrap}
}
body.np nav.np-reiter.ax-segment>.ax-reiter-mehr>summary{min-height:var(--ap-hoehe); min-width:44px; background:none; color:var(--ap-zweit)}
body.np nav.np-reiter.ax-segment .ax-menue>a{border-radius:10px; background:none; box-shadow:none; color:var(--tinte); justify-content:flex-start}
body.np nav.np-reiter.ax-segment .ax-menue>a[aria-current]{color:var(--ap-akzent-text)}
body.np .ax-wahl>summary{padding:0 14px}
body.np .ax-wahl>summary>span{font-size:13px}
body.np .ax-menue .ax-wahlform{display:flex; flex-direction:column; gap:2px; margin:0}
body.np .ax-menue .ax-wahlform .wort{display:none}
body.np .ax-menue .ax-wahlform :is(button,a){display:flex; align-items:center; box-sizing:border-box; width:100%; min-height:var(--ap-hoehe); padding:0 36px 0 12px; border:0; border-radius:10px; background:none; box-shadow:none; color:var(--tinte); font-size:15px; font-weight:500; justify-content:flex-start; text-decoration:none}
body.np .ax-menue .ax-wahlform :is(button,a):hover{background:var(--ap-fuellung)}
body.np .ax-menue .ax-wahlform :is(button,a).jetzt{background:var(--ap-haken) no-repeat right 10px center/18px; font-weight:650}
body.np .ax-gruppe{margin:0 0 var(--ap-3); max-width:var(--ax-breit)}
body.np main.ax-seite .ax-abschnitt:not(#ax-x):not(.ax-y){margin:0 var(--ap-2) var(--ap-1); font-size:13px; line-height:1.3; font-weight:500; letter-spacing:0; text-transform:none; color:var(--ap-zweit)}
body.np .ax-liste{list-style:none; margin:0; padding:0; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); overflow:hidden}
body.np .ax-liste>li{margin:0; padding:0}
body.np .ax-liste>li>.ax-z{flex:1 1 auto; width:100%}
body.np .ax-liste>li+li{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .ax-z{gap:var(--ap-1) var(--ap-2); min-height:52px; padding:10px var(--ap-2); box-sizing:border-box; color:var(--tinte)}
body.np .ax-z:has(>.ax-sym){grid-template-columns:32px minmax(0,1fr) auto}
body.np .ax-z:has(>a,>button){grid-template-columns:minmax(0,1fr) auto auto}
body.np a.ax-z{grid-template-columns:minmax(0,1fr) auto 12px}
body.np a.ax-z:has(>.ax-sym){grid-template-columns:32px minmax(0,1fr) auto 12px}
body.np a.ax-z::after{font-size:22px}
body.np a.ax-z.ax-laden::after{content:"\2193"; font-size:17px}
body.np a.ax-z:hover{background:var(--ap-fuellung)}
body.np .ax-z:not(:has(.ax-wert))>.ax-text{grid-column:span 2}
body.np .ax-sym{display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:var(--bereich-sonstiges); color:#fff}
body.np .ax-text{min-width:0}
body.np .ax-text>b{display:block; font-size:17px; font-weight:500; line-height:1.3; overflow-wrap:break-word; hyphens:auto}
body.np .ax-text>small{display:block; margin-top:2px; font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np .ax-wert{font-size:15px; color:var(--ap-zweit)}
body.np .ax-z .ax-klein{min-height:var(--ap-hoehe); padding:0 14px; font-size:15px}
@media (max-width:600px){body.np .ax-z:has(>a,>button){grid-template-columns:minmax(0,1fr) auto} body.np .ax-z:has(>a,>button)>.ax-text{grid-column:1/-1} body.np .ax-z:has(>a,>button)>.ax-wert{text-align:left}}
body.np .ax-fuss{margin:var(--ap-1) var(--ap-2) 0; font-size:13px; line-height:1.45; color:var(--ap-zweit)}
body.np main.ax-seite .ax-fuss p:not(#ax-x):not(.ax-y){margin:0 0 6px; font-size:13px; line-height:1.45; color:var(--ap-zweit)}
body.np .ax-fuss a{color:var(--ap-akzent-text); text-decoration:none; font-weight:600}
body.np .ax-fuss .hinweisband{padding:0; background:none; border:0; box-shadow:none; color:var(--ap-zweit)}
body.np .ax-formular{padding:var(--ap-1) var(--ap-2) var(--ap-2); border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); margin:0 0 var(--ap-2)}
body.np .ax-formular form{display:grid; grid-template-columns:minmax(140px,max-content) minmax(0,320px); align-items:center; gap:0 var(--ap-2); margin:0}
body.np .ax-formular form>label{font-size:15px; color:var(--tinte); min-height:var(--ap-hoehe); display:flex; align-items:center}
body.np .ax-formular form>input{margin:6px 0; max-width:320px}
body.np .ax-formular form>button{grid-column:1/-1; justify-self:start; margin-top:var(--ap-1)}
body.np .ax-leer{gap:var(--ap-1); max-width:420px; margin:var(--ap-5) auto}
body.np main.ax-seite .ax-leer>p:not(#ax-x){margin:0; font-size:17px; line-height:1.4; color:var(--ap-zweit)}
body.np .ax-leer>.gs-knopf{margin-top:var(--ap-1)}
body.np dialog.ax-blatt{width:min(560px,calc(100vw - 32px))}
body.np .ax-blatt-kopf{min-height:52px; padding:0 var(--ap-1); border-bottom:var(--io-haar) solid var(--io-haarlinie)}
body.np .ax-blatt-kopf>h2{font-size:17px; font-weight:600}
body.np .ax-blatt-kopf .gs-knopf--text{min-height:var(--ap-hoehe); font-size:17px}
body.np .ax-blatt-kopf .ax-sichern{font-weight:650}
body.np .ax-blatt .np-f-leib{padding:var(--ap-2)}
body.np .ax-blatt .np-f-leib form{margin:0}
body.np .ax-formliste{box-shadow:none; background:var(--ap-fuellung)}
body.np label.ax-datei{cursor:pointer; position:relative}
body.np main.ax-seite .rollbar:not(#ax-x){background:none; box-shadow:none; border:0; border-radius:0; padding:0}
body.np main.ax-seite :is(div.nr,span.marke):not(#ax-x){font-size:13px}
body.np main.ax-seite div.warum:not(#ax-x){font-size:17px}
body.np main.ax-seite.ax-weitere :is(p,li,span,b,strong,div,em,dd,dt,td,label):not(.name):not(.nr):not(.marke):not(.ax-st):not(#ax-x){font-size:17px}
body.np main.ax-seite.ax-weitere :is(span.name,.zahl-i-text p):not(#ax-x){font-size:15px}
body.np main.ax-seite :is(.karte,.status,td,td>strong,.status>span):not(#ax-x){font-size:17px}
body.np main.ax-seite td .leise:not(#ax-x){font-size:15px}
body.np main.ax-seite p>a:only-child:not(.knopf):not(.gs-knopf):not(.np-knopf):not(#ax-x){display:inline-flex; align-items:center; min-height:var(--ap-hoehe)}
body.np main.ax-seite :is(details.zahl-i,details.np-info,details.ax-i)>summary:not(#ax-x),body.np main.ax-seite :is(details.zahl-i,details.np-info,details.ax-i)>summary>span:not(#ax-x),body.np main.ax-seite :is(.marke-zustand,.marke-offen,.dg-skala span,.dg-monate span,.dg-kurz):not(#ax-x){font-size:13px}
body.np main.ax-seite label.iw-flaeche:not(#ax-x){border:0; outline:0; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1)}
body.np main.ax-seite label.iw-flaeche:hover:not(#ax-x){background:var(--ap-fuellung)}
body.np main.ax-seite a:not(.gs-knopf):not(.knopf):not(.np-knopf):not(#ax-x){text-decoration:none}
body.np main.ax-seite :is(.taxkennung,p.leise:has(>code:only-child)):not(#ax-x){display:none}
body.np main.ax-seite code.pruefsumme:not(#ax-x){font-size:13px; overflow-wrap:anywhere; word-break:break-all}
body.np main.ax-seite .rollbar:not(#ax-x){max-width:100%; overflow-x:auto}
body.np main.ax-seite table.zahlen td:first-child:not(#ax-x){overflow-wrap:anywhere}
body.np main.ax-seite ol.se-liste:not(#ax-x){list-style:none; margin:0 0 var(--ap-2); padding:0; max-width:var(--ax-breit); border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); overflow:hidden}
body.np main.ax-seite ol.se-liste>li:not(#ax-x){display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:4px var(--ap-2); min-height:60px; margin:0; padding:10px var(--ap-2); box-sizing:border-box; border:0}
body.np main.ax-seite ol.se-liste>li+li:not(#ax-x){box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite ol.se-liste .se-was:not(#ax-x){display:flex; flex-direction:column; min-width:0}
body.np main.ax-seite ol.se-liste .se-was>b:not(#ax-x){font-size:17px; font-weight:500; line-height:1.3}
body.np main.ax-seite ol.se-liste .se-was>.fein:not(#ax-x){font-size:15px; color:var(--ap-zweit)}
body.np main.ax-seite ol.se-liste .se-stand:not(#ax-x){font-size:15px; font-weight:400; color:var(--ap-zweit); white-space:nowrap}
body.np main.ax-seite ol.se-liste .se-stand.gut:not(#ax-x){color:var(--ap-akzent-text); font-weight:600}
body.np main.ax-seite ol.se-liste .se-tun:not(#ax-x){display:flex; justify-content:flex-end}
body.np main.ax-seite ol.se-liste .se-tun>button[disabled]:not(#ax-x){display:none}
body.np main.ax-seite ol.se-liste .se-tun>a.knopf:not(#ax-x){min-height:var(--ap-hoehe); padding:0 4px; color:var(--ap-akzent-text); font-weight:600; font-size:17px}
body.np main.ax-seite .se-knopf .np-info:not(#ax-x){display:inline-block; vertical-align:middle; margin-left:8px}
@media (max-width:700px){body.np main.ax-seite ol.se-liste>li:not(#ax-x){grid-template-columns:minmax(0,1fr) auto} body.np main.ax-seite ol.se-liste .se-stand:not(#ax-x){grid-column:1; grid-row:2} body.np main.ax-seite ol.se-liste .se-tun:not(#ax-x){grid-column:2; grid-row:1/3}}
body.np main.ax-seite.ax-blattseite nav.np-pfad:not(#ax-x){display:none}
body.np main.ax-seite details.fa-i>summary:not(#ax-x){display:inline-flex; align-items:center; gap:8px; min-height:var(--ap-hoehe)}
body.np main.ax-seite :is(details.np-info,details.zahl-i,details.ax-i)>summary:not(#ax-x){position:relative}
body.np main.ax-seite :is(details.np-info,details.zahl-i,details.ax-i)>summary:not(#ax-x)::after{content:""; position:absolute; inset:-12px}
body.np main.ax-seite details.ax-spaeter>summary:not(#ax-x){min-height:var(--ap-hoehe); display:flex; align-items:center; cursor:pointer; color:var(--ap-akzent-text); font-weight:600}
body.np label.ax-datei input[type=file]{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
body.np label.ax-datei .ax-wert{color:var(--ap-akzent-text); font-weight:600}
body.np .ax-suche{position:relative; display:flex; align-items:center; margin:0}
body.np .ax-suche>svg{position:absolute; left:12px; color:var(--ap-zweit); pointer-events:none}
body.np .ax-suche>input[type=search]{width:240px; min-height:var(--ap-hoehe); margin:0; padding:0 12px 0 36px; border:0; border-radius:12px; background:var(--ap-fuellung); font-size:15px}
body.np .ax-filter>summary>span{font-size:15px}
body.np .ax-filtermenue{min-width:min(420px,calc(100vw - 32px)); max-height:70vh; overflow:auto; padding:var(--ap-1)}
body.np .ax-filtermenue .ax-abschnitt{margin:var(--ap-1) 12px 4px}
body.np .ax-filtermenue form.filter{display:grid; grid-template-columns:1fr 1fr; gap:var(--ap-1); margin:0; padding:0 4px 4px}
body.np .ax-filtermenue form.filter label{display:flex; flex-direction:column; align-items:stretch; gap:4px; font-size:13px; color:var(--ap-zweit)}
body.np .ax-filtermenue form.filter input{width:100%; min-height:var(--ap-hoehe); font-size:15px}
body.np .ax-filtermenue form.filter .knopf{grid-column:1/-1; min-height:var(--ap-hoehe)}
body.np main.ax-seite .anl-reiterhinweis{display:none}
body.np main.ax-seite .hinweise-hier.ax-liste{display:block}
body.np main.ax-seite .hinweise-hier .hinweis-zeile{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:52px; padding:6px var(--ap-2); box-sizing:border-box}
body.np main.ax-seite .hinweise-hier .hinweis-zeile+.hinweis-zeile{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .hinweise-hier .hinweis-zeile>.fein{font-size:17px; color:var(--tinte)}
body.np main.ax-seite .rollbar{border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1); padding:4px 0; max-width:100%}
body.np main.ax-seite table.bwa{border-collapse:collapse; width:100%; font-size:15px}
body.np main.ax-seite table.bwa :is(th,td){padding:10px 8px; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np main.ax-seite table.bwa :is(th,td).pos{text-align:left; white-space:normal}
body.np main.ax-seite table.bwa tr.summe td{font-weight:700}
body.np main.ax-seite table.bwa thead th{background:none; color:var(--ap-zweit); font-size:13px; font-weight:500; border-bottom:var(--io-haar) solid var(--io-haarlinie)}
body.np main.ax-seite table.bwa td{border-bottom:var(--io-haar) solid var(--io-haarlinie); color:var(--tinte); padding-top:10px; padding-bottom:10px}
body.np main.ax-seite table.bwa tr.summe td{border-top:0}
body.np main.ax-seite .rollhinweis{margin:0 var(--ap-2) var(--ap-1); font-size:13px; color:var(--ap-zweit)}
body.np main.ax-seite #schritte.karte{ padding:0;}
body.np main.ax-seite #schritte>h2:not(#ax-x):not(.ax-y){margin:0 var(--ap-2) var(--ap-1); font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--ap-zweit)}
body.np main.ax-seite .ol-schritte{list-style:none; margin:0; padding:0; counter-reset:ax-ol}
body.np main.ax-seite .ol-schritte>li{counter-increment:ax-ol; margin:0 0 var(--ap-2); padding:var(--ap-2); border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1)}
body.np main.ax-seite .ol-schritte>li>h3{display:flex; align-items:center; gap:10px; margin:0 0 var(--ap-1); font-size:17px; font-weight:600}
body.np main.ax-seite .ol-schritte>li>h3::before{content:counter(ax-ol); display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:var(--ap-fuellung); color:var(--tinte); font-size:15px; font-weight:600}
body.np main.ax-seite .ol-schritte>li.fertig>h3::before{content:""; background:var(--ap-haken) no-repeat center/28px}
body.np main.ax-seite .ol-schritte>li p{font-size:17px; color:var(--ap-zweit)}
body.np main.ax-seite .ol-schritte .feld{padding:10px 0; box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .ol-schritte .feld .frage{font-size:17px; color:var(--tinte)}
body.np .ax-fa-kopf{margin:calc(-1 * var(--ap-2)) calc(-1 * var(--ap-2)) var(--ap-2)}
body.np .ax-fa-mitte{display:flex; flex-direction:column; align-items:center; text-align:center}
body.np .ax-fa-mitte .fa-wo{font-size:13px; color:var(--ap-zweit)}
body.np .ax-fa-mitte .fa-stand{font-size:17px; font-weight:600; color:var(--tinte)}
body.np .ax-fa-kopf a.fa-zurueck{display:inline-flex; align-items:center; gap:4px; min-height:var(--ap-hoehe); color:var(--ap-akzent-text); text-decoration:none; font-size:17px; font-weight:500}
body.np main.ax-seite .fa-karte .fa-balken{margin:0 0 var(--ap-3)}
body.np main.ax-seite .fa-antworten{display:flex; flex-direction:column; gap:0; border-radius:var(--ap-rund); background:var(--ap-fuellung); overflow:hidden}
body.np main.ax-seite .fa-antworten>.fa-wahl+.fa-wahl{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .fa-antworten button.fa-antwort{display:flex; width:100%; min-height:52px; justify-content:space-between; align-items:center; padding:0 var(--ap-2); margin:0; border-radius:0; background:none; box-shadow:none; color:var(--tinte); font-size:17px; font-weight:500; text-align:left}
body.np main.ax-seite .fa-antworten button.fa-antwort::after{content:"\203A"; color:var(--ap-zweit); font-size:22px}
body.np main.ax-seite .fa-antworten button.fa-antwort:hover{background:var(--ap-fuellung)}
body.np main.ax-seite .mappe-register b{font-weight:600}
body.np .np-abschluss .np-ab-erkl .np-erkl-liste{display:block; margin:0}
body.np .np-abschluss .np-ab-erkl .np-erkl{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:0 var(--ap-2); padding:8px 0; border-radius:0; background:none; box-shadow:none}
body.np .np-abschluss .np-ab-erkl .np-erkl+.np-erkl{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np .np-abschluss .np-ab-erkl .np-erkl-kopf{grid-column:1; justify-content:flex-start; flex-wrap:nowrap}
body.np .np-abschluss .np-ab-erkl .np-erkl-kopf a{font-size:17px; font-weight:500}
body.np .np-abschluss .np-ab-erkl .np-erkl-stand{display:inline-flex; align-items:center; gap:6px; padding:0; background:none; font-size:13px; font-weight:500; color:var(--ap-zweit)}
body.np .np-abschluss .np-ab-erkl .np-erkl-stand::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--warn)}
body.np .np-abschluss .np-ab-erkl .np-erkl-zahl{grid-column:2; grid-row:1/3; align-items:flex-end; text-align:right}
body.np .np-abschluss .np-ab-erkl .np-erkl-was{font-size:13px; color:var(--ap-zweit)}
body.np .np-abschluss .np-ab-erkl .np-erkl-betrag{font-size:17px; font-weight:600}
body.np .np-abschluss .np-ab-erkl .np-erkl-fehlt{grid-column:1; font-size:17px; color:var(--ap-zweit)}
body.np .np-abschluss .abschluss-offenlegung>p{font-size:17px}
body.np .np-abschluss .np-ab-beiuns li small{display:block; font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np .np-abschluss .np-ab-beiuns li em{font-size:13px}
body.np .np-abschluss .abschluss-auskunft .pp-satz{font-size:15px; color:var(--ap-zweit); margin:2px 0 10px}
body.np main.ax-seite a.ax-z.ex-knopf{display:grid; justify-content:stretch; align-items:center; width:100%; min-height:52px; margin:0; padding:10px var(--ap-2); border:0; border-radius:0; background:none; box-shadow:none; color:var(--tinte); font-size:17px; font-weight:400; text-align:left; transform:none}
body.np main.ax-seite a.ax-z.ex-knopf:hover{background:var(--ap-fuellung)}
@media (max-width:1100px){
body.np main.ax-seite .np-info>summary{background-color:var(--ap-fuellung); background-image:none}
body.np main.ax-seite table.bwa td a{display:block; min-width:var(--ap-hoehe); min-height:var(--ap-hoehe); line-height:var(--ap-hoehe)}
}
@media (max-width:700px){
body.np a.ax-z,body.np a.ax-z:has(>.ax-sym){grid-template-columns:minmax(0,1fr) 12px}
body.np a.ax-z>.ax-sym{display:none}
body.np a.ax-z>.ax-wert{grid-column:1; grid-row:2; text-align:left; white-space:normal; color:var(--ap-akzent-text)}
body.np a.ax-z::after{grid-column:2; grid-row:1/3}
body.np a.ax-z:not(#ax-x)>.ax-text{grid-column:1}
body.np .np-abschluss .np-ab-erkl .np-erkl{grid-template-columns:minmax(0,1fr)}
body.np .np-abschluss .np-ab-erkl .np-erkl-zahl{grid-column:1; grid-row:auto; align-items:flex-start; text-align:left; margin-top:4px}
body.np main.ax-seite .np-seitenkopf:not(#ax-x){align-items:flex-start}
body.np main.ax-seite .np-seitenkopf h1:not(#ax-x){font-size:34px}
body.np .ax-werkzeug{justify-content:flex-start; width:100%}
body.np .ax-suche{flex:1 1 auto}
body.np .ax-suche>input[type=search]{width:100%}
body.np .ax-formular form{grid-template-columns:minmax(0,1fr)}
body.np .ax-formular form>label{min-height:0; margin-top:var(--ap-1)}
body.np .ax-formular form>input{max-width:none}
body.np dialog.ax-blatt{width:100vw; max-width:100vw; margin:auto 0 0; border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0}
body.np .ax-filtermenue form.filter{grid-template-columns:minmax(0,1fr)}
body.np .ax-menue{max-height:70vh; overflow:auto}
}
body.np main.ax-seite:not(#ax-x)>:is(div,section,details,p,form,ol,ul):not(dialog):not(.np-fenster):not(.ax-leer){max-width:var(--ax-breit)}
body.np main.ax-seite:not(#ax-x)>.ax-leer{margin:var(--ap-5) auto var(--ap-5) max(0px,calc((min(100%,var(--ax-breit)) - 420px) / 2))}
body.np main.ax-seite a:not(#ax-x):not(.ax-y){text-decoration:none}
body.np main.ax-seite a.rueckweg:not(#ax-x){display:inline-flex; align-items:center; min-height:var(--ap-hoehe); color:var(--ap-akzent-text); font-weight:500}
body.np main.ax-seite .np-abschluss :is(.np-karte,.karte):not(#ax-x){margin:0 0 var(--ap-3); padding:var(--ap-2); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite .np-abschluss :is(.np-karte,.karte)::before{content:none}
body.np main.ax-seite .np-abschluss :is(.np-karte,.karte) h2:not(#ax-x){margin:0 0 var(--ap-1); font-size:22px; line-height:1.25; font-weight:600}
body.np main.ax-seite .np-abschluss .np-ab-reihe:not(#ax-x){display:flex; flex-direction:column; gap:0; max-width:var(--ax-breit); margin:0}
body.np main.ax-seite .np-abschluss .np-ab-reihe>*:not(#ax-x){width:auto; margin:0 0 var(--ap-3)}
body.np main.ax-seite .np-abschluss .np-ab-beiuns ul:not(#ax-x){display:block; margin:0; padding:0; list-style:none}
body.np main.ax-seite .np-abschluss .np-ab-beiuns li:not(#ax-x){display:grid; grid-template-columns:28px minmax(0,1fr) auto; column-gap:var(--ap-2); align-items:start; margin:0; padding:10px 0; border:0; box-shadow:none}
body.np main.ax-seite .np-abschluss .np-ab-beiuns li+li:not(#ax-x){box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .np-abschluss .abschluss-auskunft ul:not(#ax-x){margin:0; padding:0; list-style:none}
body.np main.ax-seite .np-abschluss .abschluss-auskunft li:not(#ax-x){margin:0; padding:10px 0; font-size:17px}
body.np main.ax-seite .np-abschluss .abschluss-auskunft li+li:not(#ax-x){box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .fa-karte:not(#ax-x){padding:var(--ap-2); box-sizing:border-box}
body.np main.ax-seite .fa-i:not(#ax-x){margin-top:var(--ap-2); border:0}
body.np main.ax-seite .fa-i>summary:not(#ax-x){list-style:none; display:inline-flex; align-items:center; gap:8px; min-height:var(--ap-hoehe); cursor:pointer; color:var(--ap-akzent-text); font-size:15px; font-weight:500}
body.np main.ax-seite .fa-i>summary::-webkit-details-marker{display:none}
body.np main.ax-seite .fa-i-zeichen:not(#ax-x){display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ap-fuellung); color:var(--tinte); font-size:13px; font-style:italic; font-weight:700}
body.np main.ax-seite details.karte>summary:not(#ax-x){list-style:none; display:flex; align-items:center; justify-content:space-between; min-height:var(--ap-hoehe); cursor:pointer; font-size:17px; font-weight:600; color:var(--tinte)}
body.np main.ax-seite details.karte>summary::-webkit-details-marker{display:none}
body.np main.ax-seite details.karte>summary::after{content:"\203A"; color:var(--ap-zweit); font-size:22px; line-height:1; transition:transform .2s}
body.np main.ax-seite details.karte[open]>summary::after{transform:rotate(90deg)}
body.np main.ax-seite .karte :is(.karte,.np-karte):not(#ax-x){margin:0; padding:var(--ap-2) 0; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite .karte :is(.karte,.np-karte)::before{content:none}
body.np main.ax-seite .karte:has(>details.guv):not(#ax-x){padding:0; overflow:hidden;}
body.np main.ax-seite details.guv:not(#ax-x){margin:0; padding:0; border:0}
body.np main.ax-seite details.guv+details.guv:not(#ax-x){box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite details.guv>summary:not(#ax-x){display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); min-height:var(--ap-hoehe); padding:10px var(--ap-2); border:0; list-style:none; cursor:pointer; font-size:17px; line-height:1.35; color:var(--tinte)}
body.np main.ax-seite details.guv>summary::-webkit-details-marker{display:none}
body.np main.ax-seite details.guv>summary strong{font-weight:600}
body.np main.ax-seite details.guv>summary .leise:not(#ax-x){color:var(--ap-zweit); font-size:17px}
body.np main.ax-seite details.guv>summary:hover{background:var(--ap-fuellung)}
body.np main.ax-seite details.guv>dl:not(#ax-x){margin:0; padding:0 var(--ap-2) var(--ap-2); font-size:15px}
body.np nav.np-reiter.ax-segment .ax-menue>a.ax-nur-schmal:not(#ax-x){display:none}
body.np nav.np-reiter.ax-segment>.ax-mehr-schmal:not(#ax-x){display:none}
@media (max-width:700px){
body.np nav.np-reiter.ax-segment>.ax-mehr-schmal:not(#ax-x){display:inline-block}
body.np main.ax-seite nav.np-reiter.ax-segment:not(#ax-x){display:flex; flex-wrap:nowrap; align-items:center; width:100%; max-width:100%; box-sizing:border-box}
body.np main.ax-seite nav.np-reiter.ax-segment>a:not(#ax-x){flex:1 1 auto; min-width:0; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; justify-content:center}
body.np main.ax-seite nav.np-reiter.ax-segment>a:is(.ax-s2,.ax-s3,.ax-s4):not([aria-current]):not(#ax-x){display:none}
body.np main.ax-seite nav.np-reiter.ax-segment:has(>a[aria-current]:is(.ax-s2,.ax-s3,.ax-s4))>a.ax-s1:not(#ax-x){display:none}
body.np main.ax-seite nav.np-reiter.ax-segment>.ax-reiter-mehr{flex:none; margin-left:auto}
body.np nav.np-reiter.ax-segment .ax-menue>a.ax-nur-schmal:not(#ax-x){display:flex}
body.np nav.np-reiter.ax-segment:has(>a.ax-s1:not([aria-current])) .ax-menue>a.ax-nur-schmal.ax-s1:not(#ax-x){display:none}
body.np nav.np-reiter.ax-segment:has(>a[aria-current]:is(.ax-s2,.ax-s3,.ax-s4)) .ax-menue>a.ax-nur-schmal.ax-s1:not(#ax-x){display:flex}
body.np nav.np-reiter.ax-segment .ax-menue>a.ax-nur-schmal[aria-current]:not(#ax-x){display:none}
body.np main.ax-seite .ax-zeile:not(#ax-x){display:block}
body.np main.ax-seite .ax-zeile>:is(p,span,small,b):not(#ax-x){display:inline}
body.np main.ax-seite .ax-zeile>details.ax-i:not(#ax-x){display:inline-block; vertical-align:middle}
body.np main.ax-seite .ax-zeile>.ax-st:not(#ax-x){display:inline-flex; vertical-align:baseline}
body.np main.ax-seite .ax-zeile>details:not(#ax-x){display:inline-block; vertical-align:middle; margin-left:4px}
body.np main.ax-seite .ax-zeile>:is(p,span,small,b,em,details)+:is(p,span,small,b,em,details):not(#ax-x){margin-left:.3em}
body.np main.ax-seite .ax-z.ax-still:has(>a,>button):not(#ax-x){grid-template-columns:minmax(0,1fr) auto}
body.np main.ax-seite .ax-z.ax-still:has(>a,>button)>.ax-wert:not(#ax-x){grid-column:1; grid-row:2; text-align:left}
body.np main.ax-seite .ax-z.ax-still:has(>a,>button)>:is(a,button):not(#ax-x){grid-column:2; grid-row:1/3}
body.np main.ax-seite .np-seitenkopf:not(#ax-x){position:relative}
body.np main.ax-seite .np-seitenkopf:has(.ax-werkzeug>.hauptknopf)>div:first-child:not(#ax-x){padding-right:56px}
body.np main.ax-seite .np-seitenkopf .ax-werkzeug:has(>.hauptknopf:only-child):not(#ax-x){display:contents}
body.np main.ax-seite .np-seitenkopf:has(.ax-werkzeug>.ax-mehr:only-child)>div:first-child:not(#ax-x){padding-right:56px}
body.np main.ax-seite .np-seitenkopf .ax-werkzeug:has(>.ax-mehr:only-child):not(#ax-x){position:absolute; top:0; right:0; width:auto}
body.np main.ax-seite .ax-werkzeug>.hauptknopf:not(#ax-x){position:absolute; top:0; right:0; display:inline-grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; gap:0; border-radius:50%}
body.np main.ax-seite .ax-werkzeug>.hauptknopf svg{width:22px; height:22px; margin:0}
body.np main.ax-seite .ax-werkzeug>.hauptknopf .ax-knopf-wort{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np main.ax-seite .fa-karte:not(#ax-x){padding:var(--ap-2)}
body.np main.ax-seite .fa-karte h1.fa-frage:not(#ax-x){font-size:28px; line-height:1.2}
body.np main.ax-seite .wahl .wahlfeld:not(#ax-x){white-space:nowrap}
}
body.np main.ax-seite>.fa:not(#ax-x):not(.ax-y):not(.ax-z){margin-top:var(--gs-kopf-oben,22px); max-width:none}
body.np main.ax-seite .fa-karte:not(#ax-x):not(.ax-y){border-radius:24px; padding:22px 24px 16px}
body.np main.ax-seite .fa-karte .ax-fa-kopf:not(#ax-x){margin:-22px -24px 16px}
body.np main.ax-seite .fa-karte h1.fa-frage:not(#ax-x):not(.ax-y){font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em}
body.np main.ax-seite .fa-antworten button.fa-antwort:not(#ax-x){min-height:64px}
body.np main.ax-seite ul.fa-ueb-liste{list-style:none; margin:16px 0 8px; padding:0; border-radius:var(--ap-rund); background:var(--ap-fuellung); overflow:hidden}
body.np main.ax-seite li.fa-ueb-zeile{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:2px 16px; min-height:64px; box-sizing:border-box; padding:14px 18px; margin:0}
body.np main.ax-seite li.fa-ueb-zeile+li.fa-ueb-zeile{box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .fa-ueb-was{font-size:17px; font-weight:600; line-height:22px; color:var(--tinte); min-width:0}
body.np main.ax-seite .fa-ueb-wert{font-size:17px; font-weight:600; line-height:22px; color:var(--tinte); text-align:right; font-variant-numeric:tabular-nums; max-width:20em}
body.np main.ax-seite .fa-ueb-quelle{grid-column:1/-1; min-width:0; overflow-wrap:anywhere; font-size:15px; font-weight:400; line-height:20px; color:var(--ap-zweit)}
body.np main.ax-seite .fa-ueb-quelle a{color:var(--ap-akzent-text); text-decoration:none; font-weight:400}
body.np main.ax-seite li.fa-ueb-zeile.fa-ueb-mit{grid-template-columns:minmax(0,1fr) auto auto; align-items:center}
body.np main.ax-seite li.fa-ueb-zeile .fa-ueb-aendern{grid-row:1; grid-column:3; min-height:36px; padding:0 16px; white-space:nowrap}
body.np main.ax-seite .fa-ueb-liste.fa-ueb-markiert li.fa-ueb-mit{outline:2px solid var(--ap-akzent-text); outline-offset:-2px}
body.np main.ax-seite .fa-ueb-knoepfe{display:grid; grid-template-columns:1fr 1fr; gap:12px}
body.np main.ax-seite .fa-ueb-knoepfe:has(>.fa-wahl:only-child){grid-template-columns:1fr}
body.np main.ax-seite .fa-ueb-knoepfe .gs-knopf{width:100%; min-height:44px; justify-content:center}
body.np main.ax-seite .fa-karte:not(#ax-x):not(.ax-y):not(.ax-z){border:0; outline:0}
body.np main.ax-seite p.fa-teil:not(#ax-x):not(.ax-y){margin:24px 0 8px; font-size:13px; font-weight:600; line-height:18px; color:var(--ap-zweit)}
body.np main.ax-seite p.fa-zahl:not(#ax-x):not(.ax-y){margin:4px 0 0; font-size:34px; font-weight:700; line-height:41px; letter-spacing:-.022em; font-variant-numeric:tabular-nums; color:var(--tinte)}
body.np main.ax-seite p.fa-klein:not(#ax-x):not(.ax-y){margin:0; font-size:15px; font-weight:400; line-height:22px; color:var(--ap-zweit)}
body.np main.ax-seite .fa-box{border-radius:var(--ap-rund); background:var(--ap-fuellung); overflow:hidden; margin:0 0 8px}
body.np main.ax-seite label.fa-haken-zeile{display:flex; align-items:center; gap:12px; min-height:64px; box-sizing:border-box; padding:10px 18px; font-size:17px; color:var(--tinte)}
body.np main.ax-seite label.fa-haken-zeile input{width:20px; height:20px; margin:0; accent-color:var(--ap-akzent-text)}
body.np main.ax-seite label.fa-haken-zeile small{display:block; font-size:15px; color:var(--ap-zweit)}
body.np main.ax-seite .fa .knopf.fa-weiter:not(#ax-x):not(.ax-y){min-height:42px; height:42px; padding:0 22px; font-size:16px; font-weight:600; color:#fff!important; filter:none;}
body.np main.ax-seite .fa .knopf.fa-weiter:not(#ax-x):not(.ax-y):hover{}
body.np main.ax-seite .fa-gruppe:not(#ax-x){border:0; border-radius:var(--ap-rund); background:var(--ap-fuellung); padding:14px 18px}
@media (max-width:700px){
body.np main.ax-seite .fa-karte:not(#ax-x):not(.ax-y){padding:16px 16px 14px}
body.np main.ax-seite .fa-karte .ax-fa-kopf:not(#ax-x){margin:-16px -16px 14px}
body.np main.ax-seite .fa-karte h1.fa-frage:not(#ax-x):not(.ax-y){font-size:28px; line-height:34px}
body.np main.ax-seite li.fa-ueb-zeile{grid-template-columns:1fr; padding:12px 14px}
body.np main.ax-seite li.fa-ueb-zeile.fa-ueb-mit{grid-template-columns:minmax(0,1fr) auto}
body.np main.ax-seite li.fa-ueb-zeile .fa-ueb-aendern{grid-row:1 / span 2; grid-column:2}
body.np main.ax-seite .fa-ueb-wert{text-align:left}
body.np main.ax-seite .fa .knopf.fa-weiter:not(#ax-x):not(.ax-y){min-height:44px; height:44px}
}
body.np .gl-sym{flex:none; box-sizing:border-box; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:var(--mz-bereich,var(--bereich-sonstiges)); color:#fff; font-size:15px; font-weight:600; letter-spacing:.01em; box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np .gl-sym:is(:root:is(:not([data-design="klar"]),[data-design="klar"]) *){background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-sonstiges)) 72%,#fff),var(--mz-bereich,var(--bereich-sonstiges)))}
body.np .gl-sym>svg{display:block; position:static; flex:none; width:21px; height:21px; margin:0; padding:0; stroke:currentColor; transform:none}
body.np .gl-st{display:inline-flex; align-items:center; gap:7px; font-size:15px; font-weight:400; color:var(--ap-zweit); white-space:nowrap}
body.np .gl-st>i{flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np .gl-st-gut>i{background:var(--bereich-finanzamt)}
body.np .gl-st-warn>i{background:var(--bereich-lohn)}
body.np .gl-st-fehler>i{background:var(--io-rot)}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) :is(.gl-gruppe,.ax-liste,section.np-lohn-liste,nav.np-lohn-liste,ol.np-kreise,ul.np-erkl-liste,.np-ab-beiuns>ul,ul.gl-liste){ background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:var(--ap-rund-karte)}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-gruppe{display:block; max-width:var(--ax-breit,1040px); margin:0 0 var(--ap-3); padding:4px 0}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-gruppe>.gl-z{width:100%}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-z{display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; box-sizing:border-box; color:var(--np-tinte); text-decoration:none}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-t{flex:1 1 auto; min-width:0; display:flex; flex-direction:column}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-t>b,body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-t>b>a{font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.01em; color:var(--np-tinte); text-decoration:none}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-t>small{font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-fuss{display:flex; align-items:center; gap:6px; margin:8px 18px 0}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-fuss>p{margin:0}
body.np main:is(.ax-seite,.gl-lohn):not(#gl-x):not(#gl-y) .gl-fuss>.gl-i{flex:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-liste>li+li{box-shadow:none; position:relative}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-liste>li+li::before{content:""; position:absolute; top:0; left:18px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-liste>li:has(.ax-sym,.gl-sym)+li::before{left:70px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z{display:flex; flex-wrap:nowrap; align-items:center; min-height:64px; padding:10px 18px; gap:14px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z>.ax-text{flex:1 1 auto; min-width:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z>:is(.ax-wert,.ax-st,.gl-st,.gl-sym,.ax-sym){flex:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) a.ax-z::after{flex:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z:has(>.ax-sym){grid-template-columns:38px minmax(0,1fr) auto}
body.np main.ax-seite:not(#gl-x):not(#gl-y) a.ax-z:has(>.ax-sym){grid-template-columns:38px minmax(0,1fr) auto 12px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) a.ax-z:has(>.ax-sym)>.ax-text:last-child,body.np main.ax-seite:not(#gl-x):not(#gl-y) a.ax-z:has(>.ax-sym):not(:has(.ax-wert))>.ax-text{grid-column:2/4}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-sym{width:38px; height:38px; border-radius:11px; background:var(--bereich-abschluss); color:#fff; box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-sym:is(:root:is(:not([data-design="klar"]),[data-design="klar"]) *){background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-abschluss)) 72%,#fff),var(--mz-bereich,var(--bereich-abschluss)))}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-sym>svg{width:21px; height:21px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-text>b{font-weight:600; letter-spacing:-.01em}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-wert{font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-st{font-size:15px; font-weight:400; color:var(--ap-zweit); gap:7px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-st-gut>i{background:var(--bereich-finanzamt)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-st-warn>i{background:var(--bereich-lohn)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-st-fehler>i{background:var(--io-rot)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-abschnitt{margin:14px 18px 8px; font-size:13px; font-weight:600; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes .np-ab-s-text{display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; box-sizing:border-box}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes .np-ab-s-text>.gl-t>h2{margin:0; font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.01em}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes .np-ab-s-text>.gl-t>small{font-size:15px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes #np-ab-knopf{flex:none; width:auto; min-height:var(--ap-hoehe); margin:0; padding:0 18px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise{list-style:none; margin:0; padding:4px 0; counter-reset:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li{position:relative; margin:0; padding:0; border:0; background:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li+li::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a{display:flex; flex-wrap:nowrap; align-items:center; gap:14px; min-height:64px; padding:10px 18px; box-sizing:border-box; color:var(--np-tinte); text-decoration:none; font-size:17px; background:none; border:0; box-shadow:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>i{all:unset; flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff; background:var(--bereich-abschluss); box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>i:is(:root:is(:not([data-design="klar"]),[data-design="klar"]) *){background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--bereich-abschluss) 72%,#fff),var(--bereich-abschluss))}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>i::before,body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>i::after{content:none; display:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>i>svg{width:21px; height:21px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.gl-t>small{display:block; margin:0; font-size:15px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st{margin-left:auto; width:120px; justify-content:flex-start; gap:7px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st>i{margin:0; width:8px; height:8px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st-warn>i{background:var(--bereich-lohn)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st-gut>i{background:var(--bereich-finanzamt)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st-still>i{background:var(--ap-zweit)}
@media (hover:hover){body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a:hover{background:var(--ap-fuellung)}}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte:is(.abschluss-offenlegung,.abschluss-kosten,.abschluss-auskunft){ padding:0; margin:0 0 var(--ap-3); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-reihe{display:block}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-offenlegung>.np-ab-wege{display:flex; flex-wrap:wrap; gap:8px; margin:8px 18px 0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-auskunft ul.pp-auskunft{list-style:none; margin:0; padding:4px 0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-auskunft ul.pp-auskunft>li{position:relative; display:flex; align-items:center; gap:14px; min-height:56px; padding:10px 18px; box-sizing:border-box}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-auskunft ul.pp-auskunft>li+li::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-auskunft ul.pp-auskunft .pp-name{flex:1 1 auto; font-size:17px; font-weight:600}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.np-ab-erkl{background:none; box-shadow:none; border:0; padding:0; margin:0 0 var(--ap-3); max-width:var(--ax-breit,1040px); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.np-ab-erkl>h2{margin:14px 18px 8px; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ul.np-erkl-liste{list-style:none; margin:0; padding:4px 0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:14px; min-height:64px; padding:10px 18px; margin:0; box-sizing:border-box; border:0; background:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl+li.np-erkl::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-kopf{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; flex-wrap:nowrap; gap:0; margin:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-name{font-size:17px; font-weight:600; line-height:1.25}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-name>a{color:var(--np-tinte); text-decoration:none; font-size:17px; font-weight:600; min-height:44px; display:inline-flex; align-items:center}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-name>a::after{content:""; position:absolute; inset:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-name .np-info{position:relative; z-index:1}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-fehlt{margin:0; padding:0; font-size:15px; font-weight:400; line-height:1.35; color:var(--ap-zweit); background:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-zahl{display:flex; flex-direction:column; align-items:flex-end; max-width:190px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-was{max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:right; font-size:13px; font-weight:400; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-stand{flex:none; width:140px; display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:none; font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-stand::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--bereich-lohn)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl:is([data-stand="uebermittelt"],[data-stand="bereit"])>.np-erkl-stand::before{background:var(--bereich-finanzamt)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-zahl{flex:none; min-width:120px; margin:0; text-align:right}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl .np-erkl-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.np-ab-beiuns{background:none; box-shadow:none; border:0; padding:0; margin:0 0 var(--ap-3); max-width:var(--ax-breit,1040px); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.np-ab-beiuns>.np-oben{display:flex; align-items:center; gap:6px; margin:14px 18px 8px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.np-ab-beiuns>.np-oben>h2{margin:0; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul{list-style:none; margin:0; padding:4px 0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li{position:relative; display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; margin:0; box-sizing:border-box; border:0; background:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li+li::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>i{display:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>div{flex:1 1 auto; min-width:0; display:flex; flex-direction:column}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>div>b{font-size:17px; font-weight:600; line-height:1.25}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>div>small{font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>em{flex:none; width:auto; display:inline-flex; align-items:center; gap:7px; font-style:normal; font-size:15px; font-weight:400; color:var(--ap-zweit); white-space:nowrap}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>em::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li.fertig>em::before{background:var(--bereich-finanzamt)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li.laeuft>em::before{background:var(--bereich-bank)}
@media (max-width:700px){
  body.np main.ax-seite:not(#gl-x):not(#gl-y) :is(ol.np-kreise>li>a,li.np-erkl,.np-ab-beiuns>ul>li,.ax-z,.np-ab-naechstes .np-ab-s-text){padding:10px 14px; gap:12px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.np-kreise>li>a>.ax-st{width:auto}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl{flex-wrap:wrap}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-kopf{flex:1 1 calc(100% - 52px)}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-stand{width:auto; margin-left:52px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl>.np-erkl-zahl{margin-left:auto; min-width:0}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) li.np-erkl::after{display:none}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes .np-ab-s-text{flex-wrap:wrap}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-naechstes #np-ab-knopf{width:100%; justify-content:center}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li{flex-wrap:wrap}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>em{margin-left:52px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z{flex-wrap:wrap}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z:has(>.ax-wert,>.gs-knopf,>a.knopf)>.ax-text{flex:1 1 calc(100% - 52px)}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z:has(>.gl-sym,>.ax-sym)>.ax-wert{margin-left:52px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .ax-z>:is(.gs-knopf,a.knopf){margin-left:auto}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .kz-einzeln .ax-z{flex-wrap:nowrap}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .kz-einzeln .ax-z>.ax-text{flex:1 1 auto}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) .kz-einzeln .ax-z>.ax-wert{margin-left:0}
}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte:is(.abschluss-kosten,.abschluss-auskunft,.abschluss-offenlegung)>:is(h2,.np-oben){display:flex; align-items:center; gap:6px; margin:14px 18px 8px; padding:0; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; text-transform:none; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte.abschluss-offenlegung>.np-oben>h2{margin:0; font-size:13px; font-weight:600; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte.abschluss-auskunft ul.pp-auskunft{background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border-radius:var(--ap-rund-karte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte.abschluss-auskunft .gl-t>.pp-name{font-size:17px; font-weight:600; line-height:1.25}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte.abschluss-auskunft .gl-t>small.pp-satz{font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .abschluss-kosten .ax-wert.abschluss-preis{margin:0; font-size:17px; font-weight:600; letter-spacing:0; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-kreis:not(.ma-kreis-gross){flex:none; box-sizing:border-box; display:grid; place-items:center; width:38px; height:38px; min-width:38px; border-radius:11px; padding:0; margin:0; background:var(--bereich-lohn-knopf,var(--bereich-lohn)); color:#fff; font-size:14px; font-weight:600; letter-spacing:.02em; box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-kreis:has(img){background:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(section,nav).np-lohn-liste{padding:4px 0; overflow:hidden}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(section,nav).np-lohn-liste:has(details.np-lohn-ma-mehr[open]){overflow:visible}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile{position:relative; display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px; box-sizing:border-box; border:0; background:none; box-shadow:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile+.np-zeile::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile.io-haar-u{background-image:none; box-shadow:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t{flex:1 1 auto; min-width:0; display:flex; flex-direction:column}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>b,body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>b>a{font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.01em; color:var(--np-tinte); text-decoration:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>span{font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>span.np-lohn-fehlt{display:inline}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>span:not(:first-of-type)::before{content:"\00a0·\00a0"}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t{flex-direction:row; flex-wrap:wrap; column-gap:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>b{flex:1 1 100%}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-betrag{flex:none; min-width:100px; text-align:right; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-lohn-pfeil{flex:none; width:auto; height:auto; border:0; background:none; transform:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-lohn-pfeil::before{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1; font-style:normal}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>a.np-zeile{color:var(--np-tinte); text-decoration:none}
@media (hover:hover){body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>:is(a.np-zeile,.np-zeile:has(a)):hover{background:var(--ap-fuellung)}}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile:has(a.np-lohn-ma-weg) a.np-lohn-ma-weg::after{content:""; position:absolute; inset:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status,body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status:is(.orange,.rot,.gruen,.grau){display:inline-flex; align-items:center; gap:7px; flex:none; width:auto; min-height:0; padding:0; margin:0; border:0; border-radius:0; background:none; box-shadow:none; font-size:15px; font-weight:400; line-height:1.3; color:var(--ap-zweit); white-space:nowrap}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status.orange::before{background:var(--bereich-lohn)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status.rot::before{background:var(--io-rot)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-status.gruen::before{background:var(--bereich-finanzamt)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-sym.gs-bsym{width:38px; height:38px; border-radius:11px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-sym.gs-bsym>svg{width:21px; height:21px; color:#fff; stroke:currentColor}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-abschnitt,body.np main.gl-lohn:not(#gl-x):not(#gl-y) h2.np-lohn-abschnitt{margin:14px 18px 8px; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; text-transform:none; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] form.np-lohn-suche{grid-row:2/4; grid-column:such}
@media (min-width:701px) and (max-width:1679px){body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] form.np-lohn-suche{grid-row:4; margin-top:var(--ap-2)}}
@media (max-width:700px){body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] form.np-lohn-suche{grid-row:4; grid-column:voll/ende; width:auto; margin:var(--ap-2) 0 0}}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma{position:relative; margin:0; padding:0; border:0; background:none; box-shadow:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma+details.lm-ma::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma.io-ohne-u{background-image:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary{display:flex; flex-wrap:nowrap; align-items:center; gap:14px; min-height:64px; padding:10px 18px; box-sizing:border-box; list-style:none; cursor:pointer}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary::-webkit-details-marker{display:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary::after{content:"\203A"; flex:none; width:auto; height:auto; margin:0; border:0; color:var(--ap-zweit); font-size:20px; line-height:1; transform:none; transition:transform .2s ease}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma[open]>summary::after{transform:rotate(90deg); margin:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.gl-t{flex:1 1 auto; min-width:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.gl-t>.lm-name{flex:none; font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.01em; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.gl-t>small{font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.zahl.lm-netto{flex:none; min-width:100px; text-align:right; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--np-tinte); white-space:nowrap}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.zahl.lm-netto{display:flex; flex-direction:column; align-items:flex-end; line-height:1.2}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.zahl.lm-netto>small{font-size:13px; font-weight:400; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma[open]{background:var(--ap-fuellung)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>:not(summary){margin-left:70px; margin-right:18px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>p.lm-fehlt{font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]{margin:0 0 var(--ap-3); max-width:var(--ax-breit,1040px)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p{display:flex; align-items:center; gap:14px; min-height:64px; margin:0; padding:10px 18px; box-sizing:border-box; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border:0; border-radius:var(--ap-rund-karte); font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p::before{content:"#"; flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff; font-size:18px; font-weight:600; background:var(--bereich-lohn-knopf,var(--bereich-lohn))}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p>button{margin-left:auto; flex:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(.np-lohn-fuss,p.np-lohn-fuss)>p,body.np main.gl-lohn:not(#gl-x):not(#gl-y) p.np-lohn-fuss,body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-fuss p.fein{display:flex; flex-wrap:wrap; align-items:center; column-gap:6px; margin:8px 18px 0; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz{position:relative; margin:0; padding:0; border:0; background:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz::before{content:""; position:absolute; top:0; left:18px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz>summary{display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:52px; padding:0 18px; box-sizing:border-box; list-style:none; cursor:pointer; font-size:17px; font-weight:400; color:var(--ap-akzent-text)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz>summary::-webkit-details-marker{display:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz>summary::after{content:"\203A"; flex:none; color:var(--ap-zweit); font-size:20px; line-height:1; transition:transform .2s ease}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz[open]>summary::after{transform:rotate(90deg)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>details.lm-satz>:not(summary){margin:0 18px 12px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) div.np-lohn-fuss{margin:8px 0 24px; padding:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) div.np-lohn-fuss>.gl-fuss{display:flex; align-items:center; gap:6px; margin:0 18px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) div.np-lohn-fuss>.gl-fuss>p,body.np main.gl-lohn:not(#gl-x):not(#gl-y) div.np-lohn-fuss>.gl-fuss>p.fein{display:block; margin:0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.np-karte:is(.np-lohn-leer,.gs-leer),body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.np-karte:has(>.gs-leer,>.np-leer,>.np-lohn-leer){ -webkit-backdrop-filter:none; backdrop-filter:none;}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.np-karte:is(.np-lohn-leer,.gs-leer)>p{font-size:17px; color:var(--ap-zweit)}
@media (max-width:700px){
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(.np-lohn-liste>.np-zeile,details.lm-ma>summary,form[data-satz="pnr-fehlt"]>p){padding:10px 14px; gap:12px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile+.np-zeile::before,body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma+details.lm-ma::before{left:64px; right:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile{flex-wrap:wrap}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t{flex:1 1 calc(100% - 90px)}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-lohn-status{margin-left:50px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-betrag{margin-left:auto; min-width:0}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary{flex-wrap:wrap}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.gl-t{flex:1 1 calc(100% - 90px)}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.np-lohn-status{margin-left:50px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.zahl.lm-netto{margin-left:auto; min-width:0}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>:not(summary){margin-left:14px; margin-right:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p{flex-wrap:wrap}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p>.gl-t{flex:1 1 calc(100% - 52px)}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) form[data-satz="pnr-fehlt"]>p>button{flex:0 1 auto; max-width:calc(100% - 52px); margin-left:52px; white-space:normal}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>span{flex:1 1 100%}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .np-lohn-liste>.np-zeile>.np-t>span:not(:first-of-type)::before{content:none}
}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li{grid-template-columns:38px minmax(0,1fr) auto auto; gap:4px 14px; min-height:64px; padding:10px 18px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li+li{box-shadow:none; position:relative}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li+li::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li>.gl-sym{grid-row:1/3}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste .se-was>b{font-weight:600}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste .se-stand{display:inline-flex; align-items:center; gap:7px; width:auto}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste .se-stand::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste .se-stand.gut{color:var(--ap-zweit); font-weight:400}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste .se-stand.gut::before{background:var(--bereich-finanzamt)}
@media (max-width:700px){body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li{grid-template-columns:38px minmax(0,1fr) auto; padding:10px 14px; gap:4px 12px} body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li>.se-stand{grid-column:2; grid-row:2} body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.se-liste>li>.se-tun{grid-column:3; grid-row:1/3}}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .hinweise-hier.ax-liste>.hinweis-zeile{position:relative; display:flex; align-items:center; gap:14px; min-height:56px; padding:10px 18px; margin:0; box-sizing:border-box; border:0; background:none; box-shadow:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .hinweise-hier.ax-liste>.hinweis-zeile+.hinweis-zeile::before{content:""; position:absolute; top:0; left:70px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .hinweise-hier.ax-liste>.hinweis-zeile>span.fein{flex:1 1 auto; min-width:0; font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .rollbar:has(>table){max-width:var(--ax-breit,1040px); padding:4px 8px; box-sizing:border-box; border-radius:var(--ap-rund-karte); background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .kz-einzeln .ax-z{color:var(--np-tinte); text-decoration:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .kz-einzeln .ax-wert{font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-seitenkopf .ax-wahl>summary{min-width:72px; font-weight:600}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-knopf{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; max-width:var(--ax-breit,1040px); min-height:64px; margin:var(--ap-2) 0; padding:10px 18px; box-sizing:border-box; border-radius:var(--ap-rund-karte); background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-knopf>p{margin:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-knopf>p:first-child{flex:1 1 auto; font-size:17px; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-knopf>p:first-child>b{font-weight:600}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-knopf button[disabled]{min-height:var(--ap-hoehe); padding:0 18px; border:0; border-radius:999px; background:var(--ap-fuellung); color:var(--ap-zweit); box-shadow:none; font-weight:600}
body.np main.ax-seite:not(#gl-x):not(#gl-y) :is(.se-knopf,main) p:empty{display:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-sperre{display:flex; align-items:center; gap:6px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .se-sperre>p{margin:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) :is(p#se-testphase,.se-sperre>p,p[data-satz="post"]){font-size:15px; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] .pl-jahrwahl{grid-row:2/4; grid-column:zeit; margin:0 0 0 var(--ap-1); align-self:center; display:flex; align-items:center; gap:4px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] button.pl-rund[data-np-auf="pl-blatt-einst"]{grid-row:2/4; grid-column:filt; margin:0 0 0 var(--ap-1); align-self:center}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] .np-rechts>button.np-lohn-haupt{grid-row:2/4; grid-column:haupt; margin:0 0 0 var(--ap-1); align-self:center}
@media (min-width:701px) and (max-width:1679px){
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] :is(.pl-jahrwahl,button.pl-rund[data-np-auf="pl-blatt-einst"],.np-rechts>button.np-lohn-haupt){grid-row:4; margin-top:var(--ap-2)}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] .pl-jahrwahl{margin-left:0}
}
@media (max-width:700px){
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] .np-rechts>button.np-lohn-haupt{grid-row:1; grid-column:haupt}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] .pl-jahrwahl{grid-row:7; grid-column:voll/ende; justify-self:start; margin:var(--ap-2) 0 0}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-kopf[data-gs-kopf] button.pl-rund[data-np-auf="pl-blatt-einst"]{grid-row:7; grid-column:voll/ende; justify-self:end; margin:var(--ap-2) 0 0}
}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-raster{display:block; max-width:var(--ax-breit,1040px)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-raster>section.karte{margin:0 0 var(--ap-3); padding:4px 0; background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form form{display:block; margin:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld{position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,280px); align-items:center; column-gap:14px; min-height:56px; margin:0; padding:6px 18px; box-sizing:border-box}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld+label.feld::before{content:""; position:absolute; top:0; left:18px; right:18px; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld>span:first-child{font-size:17px; font-weight:400; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld :is(input:not([type=checkbox]):not([type=radio]),select){width:100%; min-height:44px; margin:0; padding:0 12px; box-sizing:border-box; border:0; border-radius:10px; background:var(--ap-fuellung); box-shadow:none; font:inherit; font-size:17px; text-align:right; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld>small{grid-column:1/-1; margin:2px 0 0; font-size:13px; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form .werkzeug-knoepfe:empty{display:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis{padding:0 0 4px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis>h2{margin:0; padding:14px 18px 6px; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis #ergebnis>p{margin:0; padding:8px 18px; font-size:15px; line-height:1.4; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis .werkzeug-warnung{display:flex; align-items:flex-start; gap:10px; margin:0; padding:10px 18px; border:0; border-radius:0; background:none; box-shadow:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis .werkzeug-warnung::before{content:""; flex:none; width:8px; height:8px; margin-top:7px; border-radius:50%; background:var(--bereich-lohn)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis .werkzeug-warnung>p{margin:0; padding:0; font-size:15px; line-height:1.4; color:var(--np-tinte); background:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis .werkzeug-warnung+.werkzeug-warnung{border-top:var(--io-haar) solid var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.karte.gl-akte,body.np main.gl-lohn:not(#gl-x):not(#gl-y) div.karte.gl-zugang{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; min-height:64px; max-width:var(--ax-breit,1040px); margin:0 0 var(--ap-3); padding:10px 18px; box-sizing:border-box; border-radius:var(--ap-rund-karte); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(section.karte.gl-akte,div.karte.gl-zugang)>p:not(:last-child){flex:1 1 240px; min-width:0; margin:0; font-size:17px; line-height:1.35; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.karte.gl-akte>p[data-satz="leer"]{font-size:17px; font-weight:600; color:var(--np-tinte)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) :is(section.karte.gl-akte,div.karte.gl-zugang)>:is(p:last-child,button){flex:none; margin:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .pl-werkzeug .pl-legende{margin:0 18px var(--ap-1); font-size:15px; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .gs-karte.pl-karte{}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .pl-av{display:inline-grid; place-items:center; flex:none; width:38px; height:38px; border-radius:11px; color:#fff; font-size:14px; font-weight:600; background:var(--bereich-lohn-knopf,var(--bereich-lohn)); box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .pl-av:has(img){background:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) p.pl-fuss{margin:8px 18px 0; font-size:15px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte#schritte{ padding:0; margin:0; max-width:var(--ax-breit,1040px); -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) section.karte#schritte>h2{margin:14px 18px 8px; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste{list-style:none; margin:0; padding:0; counter-reset:gl-schritt}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li{counter-increment:gl-schritt; position:relative; margin:0 0 var(--ap-3); padding:4px 0 14px; border:0; border-radius:var(--ap-rund-karte); background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li::before{content:counter(gl-schritt); position:absolute; left:18px; top:13px; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff; font-size:17px; font-weight:600; background:var(--bereich-abschluss); box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li::before:is(:root:is(:not([data-design="klar"]),[data-design="klar"]) *){background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--bereich-abschluss) 72%,#fff),var(--bereich-abschluss))}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li.erledigt::before,body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li.fertig::before{content:"\2713"}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>h3::before,body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>h3::after{content:none; display:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>h3{display:flex; align-items:center; min-height:64px; margin:0; padding:0 18px 0 70px; font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.01em}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>:not(h3){margin-left:70px; margin-right:18px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>p{margin-top:0; margin-bottom:8px; font-size:17px; line-height:1.4; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>p:has(>a.knopf,>button){margin-top:12px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form .feld{position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:14px; min-height:56px; margin:0; padding:8px 0; border:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form .feld+.feld{border-top:var(--io-haar) solid var(--io-haarlinie)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form .feld>.frage{font-size:17px; font-weight:400; line-height:1.4; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form .feld>:is(.wahl,.wahl-liste,.leise,label){margin:0}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte{margin:8px 18px 0 70px; padding:0; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte>h2{margin:8px 0 4px; font-size:15px; font-weight:600; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte>p.zusatz{margin:0 0 8px; font-size:17px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld{grid-template-columns:minmax(0,1fr) minmax(200px,280px)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>label{font-size:17px; color:var(--np-tinte)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>.leise{grid-column:1; font-size:13px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>:is(input:not([type=file]),select,.bb-feldhuelle){grid-column:2; grid-row:1/3; width:100%}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>:is(label.gs-datei,.gs-datei){grid-column:2; grid-row:1/3}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li .wahl-liste p{font-size:17px; color:var(--ap-zweit)}
body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>.wahl-liste{grid-column:1/-1}
@media (max-width:700px){
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>h3{padding-left:64px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li::before{left:14px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li>:not(h3),body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte{margin-left:14px; margin-right:14px}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form .feld,body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld{grid-template-columns:minmax(0,1fr)}
  body.np main.ax-seite:not(#gl-x):not(#gl-y) ol.schrittliste>li form.karte .feld>:is(input:not([type=file]),select,.bb-feldhuelle,label.gs-datei,.gs-datei){grid-column:1; grid-row:auto}
}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-abschluss :is(ol.np-kreise>li>a,.ax-z,.np-ab-naechstes .np-ab-s-text){min-height:56px; padding-top:8px; padding-bottom:8px}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-abschluss .ax-abschnitt{margin:10px 18px 6px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .ma-blatt-kopf>a.np-lohn-abbrechen{min-height:var(--ap-hoehe); padding:0 4px; border:0; background:none; box-shadow:none; color:var(--ap-akzent-text); font-size:17px; font-weight:400}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .ma-blatt-kopf>h2{font-size:17px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
@media (max-width:700px){
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld{grid-template-columns:minmax(0,1fr); row-gap:6px; padding:10px 14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld :is(input:not([type=checkbox]):not([type=radio]),select){text-align:left}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld+label.feld::before{left:14px; right:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis :is(#ergebnis>p,.werkzeug-warnung){padding-left:14px; padding-right:14px}
}
body.np main.ax-seite:not(#gl-x):not(#gl-y) .np-ab-beiuns>ul>li>.gl-sym{display:grid; place-items:center; flex:none; width:38px; height:38px; padding:0; margin:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>:is(.np-kreis,.gl-t){order:0}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.np-lohn-status{order:1; margin-left:auto}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.zahl.lm-netto{order:2}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary::after{order:3}
@media (max-width:700px){body.np main.gl-lohn:not(#gl-x):not(#gl-y) details.lm-ma>summary>.np-lohn-status{margin-left:50px}}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld{width:100%; max-width:none; grid-template-columns:minmax(0,1fr) minmax(150px,240px); grid-auto-rows:auto; min-height:52px; padding:4px 18px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld>span:first-child{grid-column:1; grid-row:1; line-height:22px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld>:is(input,select,.af){grid-column:2; grid-row:1; align-self:center}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld>small{grid-column:1/-1; grid-row:2; margin:0 0 6px; line-height:18px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px; padding:0 2px; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:right; text-align-last:right}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld :is(input,select):focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px; border-radius:6px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld .af-feld{min-height:44px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form form#werkzeug label.feld select:not(#np-x){font-weight:400; color:var(--ap-zweit)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld .af .af-feld>input{min-height:44px; padding:0 26px 0 2px; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:right}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form div.feld-wahl{position:relative}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form :is(label.feld,div.feld-wahl)+:is(label.feld,div.feld-wahl)::before{content:""; position:absolute; top:0; left:18px; right:0; height:var(--io-haar); background:var(--io-haarlinie)}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form div.feld-wahl>label.feld::before{content:none}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form .werkzeug-knoepfe{display:flex; justify-content:flex-end; margin:0; padding:8px 18px 12px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis table.ergebnis-tabelle{width:100%}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis #ergebnis p.uebermittlung-offen,body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis #ergebnis p.uebermittlung-offen strong{font-size:17px; line-height:1.4}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis table.ergebnis-tabelle td:first-child{padding-left:18px}
body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis table.ergebnis-tabelle td:last-child{padding-right:18px; text-align:right; font-variant-numeric:tabular-nums}
@media (max-width:700px){
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld{grid-template-columns:minmax(0,1fr) minmax(110px,46%); padding:4px 14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form label.feld :is(input:not([type=checkbox]):not([type=radio]),select){text-align:right}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form :is(label.feld,div.feld-wahl)+:is(label.feld,div.feld-wahl)::before{left:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form .werkzeug-knoepfe{padding:8px 14px 12px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis table.ergebnis-tabelle td:first-child{padding-left:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis table.ergebnis-tabelle td:last-child{padding-right:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) section.werkzeug-ergebnis #ergebnis table.ergebnis-tabelle tr{padding-left:14px; padding-right:14px}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form form#werkzeug div.feld-wahl label.feld:not(#np-x){grid-template-columns:minmax(0,1fr) fit-content(60%)}
  body.np main.gl-lohn:not(#gl-x):not(#gl-y) .werkzeug-form form#werkzeug div.feld-wahl label.feld:not(#np-x)>select{max-width:100%}
}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4){--abx-flaeche:light-dark(rgba(155,168,171,.22),rgba(6,20,27,.45)); --abx-seg:light-dark(#fff,rgba(204,208,207,.2)); --abx-zweit-bg:light-dark(rgba(255,255,255,.85),rgba(74,92,106,.45)); --abx-linie:light-dark(rgba(18,24,21,.08),rgba(204,208,207,.14)); --abx-rot:light-dark(#b8261a,#ffb0a8); --abx-kapsel:#4A5C6A; --abx-tinte:var(--np-tinte); --abx-grau:var(--ap-zweit); max-width:none; margin:0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]{margin-bottom:var(--m-kopf-abst,24px)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] h1{font-size:var(--m-h1,34px); line-height:var(--m-h1-lh,41px); font-weight:700; letter-spacing:var(--m-h1-ls,-.022em); color:var(--abx-tinte)}
@media (min-width:701px){
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]{grid-template-columns:[voll] minmax(0,1fr) [such] auto [filt] auto [zeit] auto [haupt] auto [mehr] auto [ende]}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] h1{grid-row:2; grid-column:voll/such; justify-self:start; align-self:start; width:auto}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern{grid-row:2; grid-column:zeit; align-self:center; margin:0 0 0 var(--m-luecke,10px)}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr{grid-row:2; grid-column:mehr; align-self:center; margin:0 0 0 var(--m-luecke,10px)}
}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern{display:inline-flex; align-items:center; gap:8px; height:var(--m-knopf,42px); padding:0 8px; box-sizing:border-box; border-radius:999px; background:var(--abx-flaeche); font-size:var(--m-zt,17px); color:var(--abx-tinte)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern>b{min-width:0; width:auto; font-size:inherit; font-weight:600; line-height:22px; text-align:center; color:var(--abx-tinte)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern>:is(a,.np-blaettern-aus){display:inline-grid; place-items:center; width:15.1px; height:var(--m-knopf,42px); min-height:0; padding:0; margin:0; background:none; box-shadow:none; color:var(--abx-tinte)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern>.np-blaettern-aus{opacity:.4}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr{position:relative}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr>summary{display:grid; place-items:center; width:var(--m-knopf,42px); height:var(--m-knopf,42px); min-width:0; min-height:0; padding:0; border-radius:999px; background:var(--abx-zweit-bg); color:var(--abx-tinte); list-style:none; cursor:pointer; font-size:15px; font-weight:400; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr>summary::-webkit-details-marker{display:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr>.ax-menue{position:absolute; right:0; left:auto; z-index:20}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr .ax-menue>a.ax-nur-schmal{display:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>p.abx-fristen{grid-row:4; grid-column:voll/ende; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:var(--m-luecke,10px); margin:16px 0 0; padding:0; background:none; box-shadow:none; border:0; font-size:15px; font-weight:400}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-frist{display:flex; align-items:flex-start; gap:8px; padding:8px 14px; border-radius:16px; box-sizing:border-box; background:var(--abx-flaeche); font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); font-weight:400; color:var(--abx-tinte); min-width:0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-frist b{font-weight:600}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-frist .rot{color:var(--abx-rot); font-weight:600}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-punkt{display:inline-block; flex:none; width:9px; height:9px; margin-top:4.5px; border-radius:50%; background:#b5bdb9}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-punkt.rot{background:var(--abx-rot)} body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-punkt.orange{background:#e8890c} body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-punkt.gruen{background:#34b14a}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment{grid-row:5; grid-column:voll/ende; justify-self:stretch; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; width:auto; max-width:none; height:var(--m-schalter,38px); margin:16px 0 0; padding:3px; gap:0; box-sizing:border-box; overflow:visible; -webkit-mask-image:none; mask-image:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>a{display:flex; align-items:center; justify-content:center; height:var(--m-schalter-k,32px); min-height:0; margin:0; padding:0 13px; border-radius:999px; background:none; box-shadow:none; font-size:var(--m-schalter-fs,13px); font-weight:600; line-height:18px; color:var(--abx-grau); text-decoration:none; white-space:nowrap}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>a[aria-current]{background:var(--abx-seg); color:var(--abx-tinte); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4)>section.np-karte.abx-k,body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4)>details.np-karte.abx-k{display:block; margin:0 0 var(--m-abst,16px); padding:var(--m-pad-u,16px) var(--m-pad-s,24px) var(--m-pad-u,16px); box-sizing:border-box; max-width:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4)>section.np-karte.abx-k.abx-mit-kopf{padding-top:var(--m-pad-o,22px)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-kk{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; column-gap:16px; min-height:44px}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-kk h2{margin:0; font-size:var(--m-kt,22px); line-height:var(--m-kt-lh,28px); font-weight:600; letter-spacing:-.012em; color:var(--abx-tinte)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:relative; margin:4px 0 16px; padding:0; list-style:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band::before{content:""; position:absolute; left:10%; right:10%; top:calc(var(--m-sym,38px) / 2 - 1.5px); height:3px; border-radius:2px; background:var(--abx-linie)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li{position:relative; margin:0; padding:0; text-align:center; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); font-weight:600; color:var(--abx-grau)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li::before{content:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li>a{display:block; color:inherit; text-decoration:none; border-radius:12px}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li .kr{width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:50%; margin:0 auto 10px; display:grid; place-items:center; font-style:normal; background:var(--abx-zweit-bg); color:var(--abx-grau); font-weight:700; font-size:var(--m-text,15px); box-shadow:0 0 0 1px var(--abx-linie),0 3px 8px -3px rgba(0,0,0,.15)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li.dran .kr{background:var(--abx-kapsel); color:#fff; box-shadow:0 0 0 5px rgba(74,92,106,.18)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li.fertig .kr{background:var(--bereich-finanzamt); color:#fff; box-shadow:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li.fertig .kr>svg{width:18px; height:18px}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li:is(.dran,.fertig){color:var(--abx-tinte)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li .gl-t{display:block}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li .gl-t>b{display:block; font-size:inherit; font-weight:600; line-height:inherit; letter-spacing:0; color:inherit}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li small{display:block; margin-top:2px; font-weight:400; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); color:var(--abx-grau)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-z{display:flex; align-items:center; gap:var(--m-sym-abst,14px); min-height:var(--m-zeile,64px); padding:var(--m-zeile-py,10px) 0; box-sizing:border-box; color:var(--abx-tinte); text-decoration:none; position:relative}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band+.abx-z::before{content:""; position:absolute; left:0; right:0; top:0; border-top:1px solid var(--abx-linie)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-sym{display:grid; place-items:center; flex:none; width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:var(--m-sym-rad,10px); color:#fff; background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-sonstiges)) 72%,#fff),var(--mz-bereich,var(--bereich-sonstiges))); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-sym[data-bereich="abschluss"]{--mz-bereich:var(--bereich-abschluss)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-sym>svg{width:20px; height:20px}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-wer{flex:1; min-width:0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-wer>b{display:block; margin:0; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; letter-spacing:0; color:var(--abx-tinte); text-wrap:pretty}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-wer>small{display:block; margin-top:2px; font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px); font-weight:400; color:var(--abx-grau); text-wrap:pretty}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf{letter-spacing:inherit; display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:none; height:var(--m-knopf,42px); min-height:0; margin:0; padding:0 var(--m-knopf-px,22px); border-radius:999px; box-sizing:border-box; background:var(--abx-kapsel); color:#fff; font-size:var(--m-knopf-fs,16px); font-weight:600; line-height:20px; text-decoration:none; white-space:nowrap; box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf::before{content:""; flex:none; box-sizing:border-box; width:8px; height:8px; margin:0 7px 0 -1px; border:solid currentColor; border-width:2px 2px 0 0; border-radius:1px; transform:rotate(45deg); background:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf::after{content:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf:focus-visible{outline:2.5px solid var(--abx-kapsel); outline-offset:2px}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) details.abx-details>summary{list-style:none; cursor:pointer; display:block}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) details.abx-details>summary::-webkit-details-marker{display:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-chev{flex:none; width:var(--m-chev,8.2px); font-size:20px; line-height:22px; color:var(--abx-grau); text-align:right; overflow:visible; transition:transform .2s}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) details.abx-details[open] .abx-chev{transform:rotate(90deg)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen{padding:8px 0 4px; border-top:1px solid var(--abx-linie)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen :is(.ax-gruppe,.ax-liste,section.karte,section.np-karte,ul.np-erkl-liste,.np-ab-beiuns>ul){ -webkit-backdrop-filter:none; backdrop-filter:none; margin-left:0; margin-right:0; max-width:none}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen :is(.ax-z,li.np-erkl,.np-ab-beiuns>ul>li,.abschluss-auskunft ul.pp-auskunft>li){padding-left:0; padding-right:0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen .ax-abschnitt,body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen section.np-ab-erkl>h2,body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen section.np-ab-beiuns>.np-oben{margin-left:0; margin-right:0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen>.status{display:flex; gap:8px; margin:8px 0 0; padding:0; background:none; border:0; box-shadow:none; color:var(--abx-tinte); font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px)}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen>.status>.zeichen{color:var(--abx-rot); font-weight:700}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen>p[data-saldenabgleich-weg]{margin:10px 0 0}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-details-innen>p[data-saldenabgleich-weg]>a.knopf{display:inline-flex; align-items:center; height:var(--m-knopf,42px); min-height:0; padding:0 var(--m-knopf-px,22px); color:#fff; font-size:var(--m-knopf-fs,16px); font-weight:600; text-decoration:none;}
body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4)>p.abx-fuss{max-width:none; margin:0; padding:0; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); color:var(--abx-grau)}
@media (max-width:1100px){
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr>summary{width:44px; height:44px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment{height:50px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>a{height:44px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern{height:44px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf{height:44px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] .np-blaettern>:is(a,.np-blaettern-aus){width:44px; height:44px}
}
@media (max-width:700px){
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr .ax-menue>a.ax-nur-schmal{display:flex}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>p.abx-fristen{grid-auto-flow:row; grid-auto-columns:auto}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment{display:flex; overflow-x:auto}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>a{flex:none}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment:has(>details.gs-seg-mehr)>a:nth-of-type(n+4):not([aria-current]){display:none}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-jetzt,body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-z:has(>a#np-ab-knopf){flex-wrap:wrap}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .abx-z>a#np-ab-knopf{flex:1 1 100%; max-width:100%; margin-left:0}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li{font-size:11px; line-height:14px; hyphens:auto; -webkit-hyphens:auto; overflow-wrap:anywhere; padding:0 2px}
  body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) ol.abx-band>li small{display:none}
}
body.np .bp-seite .bp-werkzeug{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:0 0 16px}
body.np .bp-seite .np-karte{margin:0 0 16px}
body.np .bp-seite .bp-unter{font-size:15px; line-height:20px; color:var(--np-grau); margin:0}
body.np .bp-seite .bp-zahl{margin:0}
body.np .bp-seite [data-farbe="gelb"].bp-sym{background:linear-gradient(180deg,#ffb54a,#f08a12)}
body.np .bp-seite [data-farbe="grau"].bp-sym{background:linear-gradient(180deg,#a3aeb7,#6f7c86)}
body.np .bp-seite .bp-sym{width:38px; height:38px; border-radius:10px; display:grid; place-items:center; color:#fff; flex:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np .bp-seite .bp-hinweis{padding:12px 0; border-top:1px solid var(--np-linie)}
body.np .bp-seite .bp-hinweis:first-of-type{border-top:0}
body.np .bp-seite .bp-hz{display:flex; align-items:center; gap:14px}
body.np .bp-seite .bp-t{flex:1; min-width:0}
body.np .bp-seite .bp-t b{display:block; font-size:17px; line-height:22px; font-weight:600; color:var(--np-tinte)}
body.np .bp-seite .bp-t small{display:block; font-size:15px; line-height:20px; color:var(--np-grau); margin-top:2px}
body.np .bp-seite .bp-betrag{font-size:17px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--np-tinte)}
body.np .bp-seite .bp-vergleich{display:flex; gap:6px 18px; flex-wrap:wrap; margin:6px 0 0 52px; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np .bp-seite .bp-vergleich span{font-size:13px; line-height:18px}
body.np .bp-seite .bp-vergleich b{color:var(--np-tinte); font-weight:600; font-variant-numeric:tabular-nums}
body.np .bp-seite .bp-balken{height:6px; border-radius:3px; background:var(--hs-flaeche); margin:8px 0 0 52px; position:relative; overflow:hidden; max-width:420px}
body.np .bp-seite .bp-balken i{position:absolute; left:0; top:0; bottom:0; border-radius:3px; background:var(--hs-gelb)}
body.np .bp-seite .bp-hk{display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 0 52px}
body.np .bp-seite form.bp-form{display:inline; margin:0}
body.np .bp-seite :is(.bp-hk,.bp-akt,.bp-ok-liste) .np-knopf.bp-klein{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 16px; font-size:14px; line-height:18px}
body.np .bp-seite .bp-ok-liste{list-style:none; margin:6px 0 0; padding:0}
body.np .bp-seite .bp-ok-liste li{display:flex; gap:12px; align-items:flex-start; padding:9px 0; border-top:1px solid var(--np-linie); font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .bp-seite .bp-ok-liste li:first-child{border-top:0}
body.np .bp-seite .bp-ok-liste li>span{flex:1; min-width:0}
body.np .bp-seite .bp-ok-liste li>svg{flex:none; color:var(--hs-ok); margin-top:1px}
body.np .bp-seite .bp-ok-liste li .bp-strich{flex:none; width:18px; height:2px; margin-top:9px; border-radius:1px; background:var(--np-grau)}
body.np .bp-seite .bp-ok-liste small{display:block; color:var(--np-grau); font-size:13px; line-height:18px}
body.np .bp-seite .bp-tab{width:100%; border-collapse:collapse; font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .bp-seite .bp-tab th{font-size:13px; font-weight:600; color:var(--np-grau); text-align:left; padding:8px 10px; border-bottom:1px solid var(--np-linie); white-space:nowrap}
body.np .bp-seite .bp-tab td{padding:12px 10px; border-bottom:1px solid var(--np-linie); vertical-align:middle}
body.np .bp-seite .bp-tab td:first-child{width:44%}
body.np .bp-seite .bp-tab td a{color:var(--np-tinte); text-decoration:none}
body.np .bp-seite .bp-tab tr:last-child td{border-bottom:0}
body.np .bp-seite .bp-tab .zahl{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .bp-seite .bp-tab td b{font-weight:600}
body.np .bp-seite .bp-tab small{display:block; color:var(--np-grau); font-size:13px; line-height:18px}
body.np .bp-seite .bp-tab tr.bp-markiert td{background:color-mix(in srgb,var(--hs-gelb) 9%,transparent)}
body.np .bp-seite .bp-tab tr.bp-markiert td:first-child{box-shadow:inset 3px 0 0 var(--hs-gelb)}
body.np .bp-seite .bp-tab td.bp-akt{text-align:right}
body.np .bp-seite .bp-marke{display:inline-flex; align-items:center; font-size:13px; font-weight:600; white-space:nowrap; padding:4px 10px; border-radius:999px; color:var(--np-tinte); background:color-mix(in srgb,var(--hs-gelb) 16%,transparent)}
body.np .bp-seite .bp-gut{color:var(--hs-ok); display:inline-flex}
@media (max-width:700px){
body.np .bp-seite .bp-hz{flex-wrap:wrap}
body.np .bp-seite .bp-betrag{flex-basis:100%; margin-left:52px}
body.np .bp-seite .bp-vergleich,body.np .bp-seite .bp-hk,body.np .bp-seite .bp-balken{margin-left:0}
body.np .bp-seite .bp-tab.bp-stapel thead{display:none}
body.np .bp-seite .bp-tab.bp-stapel,body.np .bp-seite .bp-tab.bp-stapel tbody,body.np .bp-seite .bp-tab.bp-stapel tr,body.np .bp-seite .bp-tab.bp-stapel td{display:block; width:auto}
body.np .bp-seite .bp-tab.bp-stapel tr{padding:12px 0; border-bottom:1px solid var(--np-linie)}
body.np .bp-seite .bp-tab.bp-stapel td{border:0; padding:2px 0}
body.np .bp-seite .bp-tab.bp-stapel td[data-l]::before{content:attr(data-l) " "; color:var(--np-grau); font-size:13px}
body.np .bp-seite .bp-tab.bp-stapel td.zahl{text-align:left}
body.np .bp-seite .bp-tab.bp-stapel td.bp-akt{text-align:left; margin-top:6px}
body.np .bp-seite .bp-tab.bp-stapel tr.bp-markiert td{padding-left:12px; box-shadow:none; background:none}
body.np .bp-seite .bp-tab.bp-stapel tr.bp-markiert{box-shadow:inset 3px 0 0 var(--hs-gelb); background:color-mix(in srgb,var(--hs-gelb) 9%,transparent)}
}


body.np .np-ablage-form{margin:0}
body.np [data-mappe-empfaenger] .knopf,body.np [data-mappe-fehlt] .knopf,body.np [data-mappe-knoepfe] .knopf,body.np .vorlagen-liste form[action$="/bauen"] .knopf2,body.np #austausch-mail .knopf2{min-height:44px; height:auto}
body.np form.filter[action$="/aenderungen"]{display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 16px}
body.np form.filter[action$="/aenderungen"] label{display:flex !important; flex-flow:column nowrap !important; align-items:stretch !important; justify-content:flex-end; gap:6px; margin:0 !important; padding:0; min-height:0; height:auto; max-width:none}
body.np form.filter[action$="/aenderungen"] input{height:44px; min-height:44px; margin:0; box-sizing:border-box}
body.np form.filter[action$="/aenderungen"] .knopf{height:44px !important; min-height:44px !important; margin:0; box-sizing:border-box}
body.np form.eng[action$="/export"]>button[type=submit]{display:flex; width:fit-content; margin:16px 0 0}
@media (max-width:600px){body.np form.filter[action$="/aenderungen"] label{flex:1 1 100%}body.np form.filter[action$="/aenderungen"] input{width:100%}}
body.np .np-ablage-reihe{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 12px}
body.np main .ab .np-ablage-reihe a.np-ablage-laden{margin-left:auto; background:none; border:0; box-shadow:none; color:var(--ap-akzent-text); min-height:44px;
  display:inline-flex; align-items:center; padding:0 8px; border-radius:999px; font-weight:600; text-decoration:none}
@media (hover:hover){body.np main .ab .np-ablage-reihe a.np-ablage-laden:hover{background:var(--ap-fuellung)}}
body.np .np-ablage-zeigen .np-original iframe{height:min(72vh,820px)}
body.np .np-ablage-zeigen .np-original img{width:auto; max-width:100%; min-height:0; height:auto; margin:auto}
body.np .np-ablage-zeigen .np-original{place-items:stretch}
body.np .np-ablage-text{margin:0; padding:16px; font-size:12.5px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; max-height:min(72vh,820px); overflow:auto; color:var(--np-tinte); text-align:left; background:var(--np-karte)}
body.np .np-ablage-felder{display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 16px; margin:0 0 16px; font-size:14.5px}
body.np .np-ablage-felder dt{color:var(--np-grau)}
body.np .np-ablage-felder dd{margin:0; font-weight:600; overflow-wrap:anywhere}
body.np .np-ablage-wege{display:flex; gap:8px 14px; flex-wrap:wrap; align-items:center; margin:0}
body.np .np-ablage-zeigen .np-zart{color:var(--np-grau); font-size:13px; padding:0 16px 12px; margin:0}
body.np .np-eingang{margin:12px 0 16px; padding:16px; border-radius:22px; background:var(--np-karte); box-shadow:var(--np-schatten)}
body.np .np-eingang[hidden]{display:none}
body.np .np-eingang-gesamt{margin:0 0 10px; font-size:14.5px; color:var(--np-grau)}
body.np .np-eingang-gesamt b{color:var(--np-tinte); font-size:17px; margin-right:6px}
body.np .np-eingang-alle{height:8px; border-radius:4px; margin:0 0 14px}
body.np .np-eingang-zeile[data-stand=wartet] [data-np-zustand]{color:var(--np-grau)}
body.np .np-eingang ol{list-style:none; margin:0; padding:0; display:grid; gap:12px}
body.np .np-eingang-zeile{min-width:0}
body.np .np-eingang-kopf{display:flex; gap:12px; justify-content:space-between; align-items:baseline; font-size:14.5px}
body.np .np-eingang-kopf b{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600}
body.np .np-eingang-kopf span{flex:none; color:var(--np-grau); font-size:13.5px}
body.np .np-eingang-balken{height:6px; border-radius:3px; background:var(--np-linie); overflow:hidden; margin:6px 0 4px}
body.np .np-eingang-balken i{display:block; height:100%; background:var(--knopf); transition:width .3s}
body.np .np-eingang:has(ol>li:only-child) :is(.np-eingang-gesamt,.np-eingang-alle){display:none}
body.np .np-eingang-zeile[data-stand=fehler] .np-eingang-balken i{background:var(--np-d-rot-text,#B9483C)}
body.np .np-eingang-zeile[data-stand=fehler] [data-np-zustand]{color:var(--np-d-rot-text,#B9483C); font-weight:600}
body.np .np-eingang-zeile[data-stand=frage] [data-np-zustand]{color:light-dark(#7A4F00,#F2C46D); font-weight:600}
body.np .np-eingang-zeile p{margin:0; font-size:13.5px; color:var(--np-grau); overflow-wrap:anywhere}
body.np .np-eingang-zeile p:empty{display:none}
body.np .np-eingang-wahl{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 0}
body.np .np-eingang-wahl button,body.np .np-eingang-zeile a.np-still{min-height:44px; display:inline-flex; align-items:center}
body.np a.ex-knopf:not(.aa-z),body.np button.ex-knopf{min-height:44px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; margin:0 6px 8px 0; line-height:1.2}
@media (max-width:700px){
  body.np .np-ablage-wege .np-knopf{flex:1 1 100%}
  body.np .np-eingang-wahl button{flex:1 1 100%}
}
body.np main[data-aa]{max-width:980px}
body.np .aa-kopf{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--ap-2); margin:0 0 var(--ap-2)}
body.np .aa-titel{flex:1 1 320px; min-width:0}
body.np main[data-aa] .aa-kopf h1{margin:0; font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.022em; color:var(--np-tinte)}
body.np main[data-aa] p.aa-zeile{margin:4px 0 0; font-size:17px; line-height:1.4; color:var(--ap-zweit); overflow-wrap:anywhere}
body.np .aa-zeile a{color:var(--np-link); text-decoration:none; font-weight:500}
body.np .aa-zeile a:hover{text-decoration:none; opacity:.8}
body.np .aa-nw{white-space:nowrap}
body.np .aa-werkzeug{flex:0 1 auto; min-width:0}
body.np .aa-werkzeug .gs-knopf{min-height:var(--ap-hoehe); font-size:15px}
body.np .aa-werkzeug .gs-knopf svg{flex:none}
body.np .aa-rund{width:var(--ap-hoehe); padding:0; justify-content:center}
body.np .aa-suche{position:relative; display:flex; align-items:center; min-width:0; margin:0}
body.np .aa-suche svg{position:absolute; left:12px; color:var(--ap-zweit); pointer-events:none}
body.np .aa-suche input[type=search]{width:280px; max-width:100%; min-height:var(--ap-hoehe); margin:0; padding:0 14px 0 36px; border:0; border-radius:999px;
  background:var(--ap-fuellung); color:var(--np-tinte); font:inherit; font-size:15px}
body.np .aa-suche input[type=search]::placeholder{color:var(--ap-zweit)}
body.np .aa-unsichtbar{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
body.np nav.np-reiter.aa-segment{display:flex; flex-wrap:nowrap; width:max-content; max-width:100%; margin:0 0 var(--ap-3); overflow-x:auto; scrollbar-width:none}
body.np nav.np-reiter.aa-segment::-webkit-scrollbar{display:none}
body.np nav.np-reiter.aa-segment a{flex:none; white-space:nowrap; font-size:15px}
body.np .aa-menue{z-index:40; min-width:260px; padding:6px; display:grid}
body.np .aa-menue a{gap:12px; border-radius:var(--ap-rund-s); color:var(--np-tinte); font-size:15px}
body.np .aa-menue a svg{color:var(--ap-zweit); flex:none}
body.np .aa-gruppe{margin:0 0 var(--ap-3)}
body.np main[data-aa] .aa-abschnitt{margin:0 0 6px; padding:0 16px; font-size:13px; line-height:1.4; font-weight:500; letter-spacing:.02em; text-transform:uppercase; color:var(--ap-zweit)}
body.np .aa-liste{list-style:none; margin:0; padding:0; border-radius:var(--ap-rund-karte); background:var(--np-karte); box-shadow:var(--ap-schatten-1); overflow:hidden}
body.np .aa-liste>li{margin:0; padding:0}
body.np .aa-liste>li+li>.aa-z{position:relative}
body.np .aa-liste>li+li>.aa-z::before{content:""; position:absolute; left:16px; right:0; top:0; height:var(--io-haar); background:var(--io-haarlinie); pointer-events:none}
body.np .aa-liste>li+li>.aa-z:has(>.aa-sym)::before{left:60px}
body.np .aa-z{display:flex; align-items:center; gap:12px; min-height:56px; padding:8px 16px; box-sizing:border-box; color:var(--np-tinte); text-decoration:none; font-size:17px}
body.np a.aa-z{cursor:pointer; transition:background-color .2s ease}
@media (hover:hover){body.np a.aa-z:hover{background-color:var(--ap-fuellung)}}
body.np a.aa-z:active{background-color:var(--ap-fuellung-hoch)}
body.np a.aa-z:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:-2px}
body.np .aa-z.aa-pfeil::after{content:"\203A"; flex:none; margin-left:4px; color:var(--ap-zweit); font-size:22px; line-height:1}
body.np .aa-sym{flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:var(--bereich-sonstiges); color:#fff}
body.np .aa-sym svg{width:18px; height:18px}
body.np .aa-text{flex:1 1 auto; min-width:0}
body.np main[data-aa] .aa-text b{display:block; font-weight:500; font-size:17px; line-height:1.3; overflow-wrap:anywhere}
body.np main[data-aa] .aa-text small{display:block; margin-top:2px; font-size:15px; line-height:1.35; color:var(--ap-zweit); overflow-wrap:anywhere}
body.np .aa-rechts{flex:none; display:flex; align-items:center; gap:var(--ap-1); color:var(--ap-zweit); font-size:15px; font-variant-numeric:tabular-nums; white-space:nowrap}
body.np .aa-rechts form{margin:0}
body.np .aa-rechts .gs-knopf{min-height:var(--ap-hoehe); padding:0 12px; font-size:17px}
body.np .aa-betrag{color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np main[data-aa] p.aa-fuss{margin:6px 0 0; padding:0 16px; font-size:13px; line-height:1.45; color:var(--ap-zweit); max-width:68ch}
body.np .aa-fuss a{color:var(--ap-akzent-text); text-decoration:none; font-weight:500}
body.np .aa-liste>li.aa-zwei{display:flex; align-items:center}
body.np .aa-liste>li.aa-zwei>.aa-z{flex:1 1 auto; min-width:0; padding-right:4px}
body.np .aa-liste>li+li.aa-zwei{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 60px 0/calc(100% - 60px) var(--io-haar) no-repeat}
body.np .aa-liste>li+li.aa-zwei>.aa-z::before{content:none}
body.np .aa-laden{flex:none; display:grid; place-items:center; width:var(--ap-hoehe); height:var(--ap-hoehe); margin:0 8px 0 0; border-radius:50%;
  color:var(--ap-akzent-text); text-decoration:none; transition:background-color .2s ease}
@media (hover:hover){body.np .aa-laden:hover{background:var(--ap-fuellung)}}
body.np .aa-laden:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:-2px}
body.np .ab-summe .aa-text b{font-weight:600}
body.np .aa-knoepfe{display:flex; flex-wrap:wrap; gap:var(--ap-1); margin:0 0 var(--ap-3)}
body.np .ab .ab-pfad{color:var(--ap-zweit)}
body.np .aa-zeile .ab-krumen{display:inline; margin:0; padding:0; color:inherit}
body.np .aa-zeile .ab-krumen [aria-current]{color:var(--np-tinte); font-weight:500}
body.np main[data-aa] .ab{display:block; max-width:none; margin:0}
body.np .np-ablage-zeit{margin:0 0 var(--ap-2)}
body.np .aa-art{font-size:13px; font-weight:600; letter-spacing:.03em; color:var(--ap-zweit)}
body.np .aa-ladezeichen{display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--io-zweit); color:var(--ap-akzent-text)}
body.np main[data-aa] .fehlerband{margin:0 0 var(--ap-2)}
body.np .aa-status{display:inline-flex; align-items:center; gap:6px; font-size:15px; color:var(--ap-zweit)}
body.np .aa-status i{width:8px; height:8px; border-radius:50%; background:var(--np-d-null)}
body.np .aa-status[data-art=gut] i{background:var(--np-ampel-gruen)}
body.np .aa-status[data-art=warn] i{background:var(--np-ampel-orange)}
body.np .aa-leer{display:grid; justify-items:center; gap:var(--ap-2); padding:var(--ap-5) var(--ap-2)}
body.np main[data-aa] .aa-leer p{margin:0; max-width:46ch; font-size:17px; line-height:1.45; color:var(--ap-zweit)}
body.np .aa-leer-sym{width:64px; height:64px}
body.np dialog.aa-blatt{width:min(520px,calc(100vw - 32px)); max-height:calc(100vh - 64px); margin:auto; padding:0 0 var(--ap-2); color:var(--np-tinte)}
body.np dialog.aa-blatt::backdrop{background:rgba(0,0,0,.25)}
body.np dialog.aa-blatt .mp-beleg-feld{margin:0 var(--ap-2) var(--ap-1); border:0; border-radius:var(--ap-rund); background:var(--ap-gruppe)}
body.np .aa-blatt-kopf{padding:8px 8px 8px 8px; margin:0 0 var(--ap-1)}
body.np main[data-aa] .aa-blatt-titel{margin:0; font-size:17px; font-weight:600; text-align:center}
body.np .aa-blatt-kopf .aa-fertig{font-weight:600}
body.np .aa-blatt .aa-gruppe{margin:0 var(--ap-2) var(--ap-2)}
body.np .aa-feld{display:flex; align-items:center; gap:12px; min-height:var(--ap-hoehe); padding:0 16px; font-size:17px}
body.np .aa-feld label{flex:0 0 42%; color:var(--np-tinte)}
body.np .aa-feld input{flex:1 1 auto; min-width:0; min-height:var(--ap-hoehe); margin:0; padding:0; border:0; background:none; color:var(--np-tinte); font:inherit; font-size:17px; text-align:right}
body.np .aa-feld input::placeholder{color:var(--ap-zweit)}
body.np .aa-feld input:focus-visible{outline:none; color:var(--ap-akzent-text)}
body.np .aa-liste>li+li>.aa-feld{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 16px 0/calc(100% - 16px) var(--io-haar) no-repeat}
body.np .np-ablage.aa-ziehen{position:fixed; inset:12px; z-index:60; display:grid; place-content:center; justify-items:center; gap:var(--ap-1); margin:0;
  border-radius:var(--io-rund-blatt); background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  box-shadow:var(--io-schatten-glas); border:0; padding:0; min-height:0; color:var(--np-tinte); visibility:hidden; opacity:0; pointer-events:none; transition:opacity .2s ease, visibility 0s linear .2s}
body.np .np-ablage.aa-ziehen.zieht{visibility:visible; opacity:1; pointer-events:auto; transition:opacity .2s ease}
body.np .np-ablage.aa-ziehen b{font-size:22px; font-weight:600}
body.np .np-ablage.aa-ziehen span{font-size:15px; color:var(--ap-zweit)}
body.np .np-ablage.aa-ziehen::after{content:none}
body.np .np-ablage-form:has(.aa-ziehen){margin:0}
body.np .np-ablage.aa-ziehen input[type=file]{visibility:visible; position:fixed; left:0; top:0; width:1px; height:1px; opacity:0; clip-path:inset(50%)}
@media (prefers-reduced-motion:reduce){body.np .np-ablage.aa-ziehen{transition:none}}
body.np .aa-blatt .aa-fehlersatz{margin:0 0 var(--ap-2); font-size:17px; line-height:1.4; color:var(--np-d-rot-text); font-weight:500}
body.np dialog.aa-blatt .aa-liste{background:transparent; box-shadow:none; border:0}
@media (max-width:700px){
  body.np .aa-kopf{flex-wrap:wrap; align-items:flex-start; gap:var(--ap-1)}
  body.np .aa-titel{flex:1 1 0; order:1}
  body.np .aa-werkzeug{order:2; flex:none}
  body.np main[data-aa] .aa-kopf h1{font-size:30px}
  body.np .aa-kopf .aa-werkzeug{display:contents}
  body.np .aa-kopf .aa-werkzeug>*{order:2}
  body.np nav.np-reiter.aa-segment a{padding-left:10px; padding-right:10px}
  body.np nav.np-reiter.aa-segment{width:100%}
  body.np nav.np-reiter.aa-segment a{flex:1 1 auto; justify-content:center; text-align:center; padding-left:4px; padding-right:4px; font-size:13px}
  body.np .aa-kopf .aa-titel{display:contents}
  body.np main[data-aa] .aa-kopf h1{order:1; flex:1 1 0; min-width:0}
  body.np main[data-aa] .aa-kopf p.aa-zeile{order:3; flex:1 1 100%; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  body.np .aa-werkzeug .aa-knopf.gs-knopf:not(.gs-knopf--text){width:var(--ap-hoehe); padding:0}
  body.np .aa-werkzeug .aa-knopf.gs-knopf:not(.gs-knopf--text)>span{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
  body.np .aa-kopf .aa-werkzeug>.aa-suche{order:4; flex:1 1 100%}
  body.np .aa-kopf .aa-suche input[type=search]{width:100%}
  body.np .aa-liste{border-radius:var(--ap-rund)}
  body.np .aa-z{padding:8px 12px}
  body.np .aa-rechts{white-space:normal; text-align:right}
  body.np a.aa-z .aa-rechts>.aa-wort{display:none}
  body.np dialog.aa-blatt{width:100vw; max-width:100vw; margin:auto 0 0; border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0}
  body.np .aa-feld label{flex-basis:46%}
}
body.np main[data-aa] .aa-sym.gs-bsym{width:38px; height:38px; border-radius:10px; color:#fff}
body.np main[data-aa] .aa-sym.gs-bsym svg{width:21px; height:21px}
body.np main[data-aa] .aa-z{min-height:64px; padding:10px 18px; gap:14px}
body.np main[data-aa] .aa-liste>li+li>.aa-z::before{left:18px; right:18px}
body.np main[data-aa] .aa-liste>li+li>.aa-z:has(>.aa-sym)::before{left:70px}
body.np main[data-aa] .aa-liste>li+li.aa-zwei{background-position:70px 0; background-size:calc(100% - 88px) var(--io-haar)}
body.np main[data-aa] .aa-text b{font-weight:600; letter-spacing:-.01em; overflow-wrap:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np main[data-aa] .aa-text small{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; overflow-wrap:normal}
body.np main[data-aa] .aa-abschnitt{margin:14px 0 8px; padding:0 18px; font-size:13px; font-weight:600; letter-spacing:.01em; text-transform:none}
body.np main[data-aa] .aa-gruppe:first-of-type .aa-abschnitt{margin-top:0}
body.np main[data-aa] .aa-gruppe{margin:0 0 var(--ap-2)}
body.np main[data-aa] p.aa-fuss{padding:0 18px}
body.np main[data-aa] .aa-z.aa-pfeil::after{font-size:20px}
body.np main[data-aa] .aa-rechts .aa-betrag{font-weight:600; font-size:17px}
body.np main[data-aa] .aa-fuss .gs-knopf{margin-top:var(--ap-1)}
body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf.aa-zeitknopf{grid-row:2/4; grid-column:filt; margin:0 0 0 var(--ap-1); align-self:center}
body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf:not(.aa-zeitknopf){grid-row:2/4; grid-column:haupt; margin:0 0 0 var(--ap-1); align-self:center}
@media (min-width:1200px) and (max-width:1679px){
  body.np:has(#np-zentrale) main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf{grid-row:4; margin-top:var(--ap-2)}
  body.np:has(#np-zentrale) main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf.aa-zeitknopf{margin-left:0; margin-right:var(--ap-1)}
}
@media (min-width:701px) and (max-width:1199px){
  body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf:not(#aa-k){grid-row:4; margin-top:var(--ap-2)}
  body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf.aa-zeitknopf:not(#aa-k){margin-left:0; margin-right:var(--ap-1)}
}
body.np main[data-aa] .aa-liste{background:var(--lg-flaeche,var(--np-karte)); -webkit-backdrop-filter:var(--lg-filter,none); backdrop-filter:var(--lg-filter,none);
  box-shadow:var(--lg-kanten,0 0 0 transparent),var(--lg-aussen,var(--ap-schatten-1))}
body.np main[data-aa] dialog.aa-blatt .aa-liste{background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none}
body.np main[data-aa] .mappe-register p.aa-fuss{padding:0 8px}
body.np dialog.aa-blatt .aa-blatt-tat{display:flex; justify-content:center; margin:var(--ap-2) var(--ap-2) 0}
body.np dialog.aa-blatt .aa-blatt-tat form{margin:0}
body.np dialog.aa-blatt .aa-blatt-tat .gs-knopf{min-height:var(--ap-hoehe); padding:0 24px; font-size:17px}
@media (max-width:700px){
  body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf.aa-zeitknopf{grid-row:1; grid-column:haupt}
  body.np main[data-aa] .gs-kopf[data-gs-kopf] a.aa-knopf:not(.aa-zeitknopf){grid-row:1; grid-column:mehr}
  body.np main[data-aa] .aa-sym.gs-bsym{width:34px; height:34px; border-radius:9px}
  body.np main[data-aa] .aa-sym.gs-bsym svg{width:19px; height:19px}
  body.np main[data-aa] .aa-z{min-height:60px; padding:8px 14px; gap:12px}
  body.np main[data-aa] .aa-liste>li+li>.aa-z:has(>.aa-sym)::before{left:60px; right:14px}
  body.np main[data-aa] .aa-liste>li+li.aa-zwei{background-position:60px 0; background-size:calc(100% - 74px) var(--io-haar)}
  body.np main[data-aa] .aa-abschnitt{padding:0 14px}
  body.np main[data-aa] p.aa-fuss{padding:0 14px}
}


body.np .np-ein-kopf{align-items:center}
body.np .np-ein-kopf>div:first-of-type{flex:1 1 260px}
body.np .np-ein-kreis{width:48px; height:48px; font-size:16px}
body.np .np-ein-meldung{padding:16px 20px; margin:0 0 12px}
body.np .np-ein-mkopf{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 6px}
body.np .np-ein-mkopf .np-ampel{width:12px; height:12px}
body.np .np-ein-meldung .tk-haupt{font-size:16px; font-weight:600; margin:4px 0 0; white-space:pre-wrap; overflow-wrap:anywhere}
body.np .np-ein-meldung ol.tk-verlauf{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:8px}
body.np .np-ein-meldung ol.tk-verlauf li{align-self:flex-start; max-width:86%; padding:9px 13px; border:0; border-radius:16px 16px 16px 5px; background:var(--np-feld)}
body.np .np-ein-meldung ol.tk-verlauf li:has(.tk-kunde){align-self:flex-end; border-radius:16px 16px 5px 16px; background:var(--np-gruen-feld)}
body.np .np-ein-meldung ol.tk-verlauf p{margin:0}
body.np .np-ein-meldung ol.tk-verlauf p.leise{font-size:12px; color:var(--np-grau); display:flex; align-items:center; gap:4px 6px; flex-wrap:wrap}
body.np .np-ein-meldung ol.tk-verlauf .tk-marke{font-size:11.5px; padding:2px 8px}
body.np .np-ein-meldung ol.tk-verlauf .tk-text{margin-top:3px; font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere}
body.np .np-ein-meldung .tk-kunde{color:var(--np-gruen-tief); font-weight:600}
body.np .np-ein-meldung details.tk-zurueck{margin:10px 0 0}
body.np .np-ein-meldung details.tk-zurueck>summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; min-height:44px; font-size:13.5px; font-weight:600; color:var(--np-gruen-tief)}
body.np .np-ein-meldung details.tk-zurueck>summary::-webkit-details-marker{display:none}
body.np .np-ein-meldung details.tk-zurueck>summary:hover{text-decoration:underline}
body.np .np-ein-meldung form.tk-form{display:grid; gap:8px; max-width:none; margin:4px 0 0}
body.np .np-ein-meldung form.tk-form label{font-size:13px; color:var(--np-grau)}
body.np .np-ein-meldung form.tk-form textarea{width:100%; max-width:none; min-height:88px; padding:10px 12px; font:inherit; box-sizing:border-box}
body.np .np-ein-meldung form.tk-form button{justify-self:start; min-height:44px; padding:0 18px}
body.np .np-ein-meldung .hinweisband,body.np .np-ein-meldung .fehlerband{margin:0 0 10px; border-radius:12px}
body.np .np-h-ziel .np-ein-meldung{padding:12px 0; margin:0; border-radius:0; box-shadow:none; background:none; border-bottom:1px solid var(--np-linie)}
body.np .np-h-ziel .np-ein-meldung .tk-haupt{font-size:14.5px}
body.np .np-h-ziel .np-ein-meldung ol.tk-verlauf li{max-width:92%}
body.np .np-h-ziel .leer{padding:14px 4px; color:var(--np-grau)}
body.np .np-h-ziel .leer .titel{font-weight:600; color:var(--np-tinte)}
body.np .np-h-ziel p{overflow-wrap:anywhere}
body.np .np-ein-liste{padding:8px 20px}
body.np .np-ein-liste .np-zeile{align-items:flex-start; padding:14px 4px}
body.np .np-ein-liste .np-t b{white-space:normal}
body.np .np-ein-liste .np-t>span{white-space:normal}
body.np .np-ein-tat{display:flex; align-items:center; gap:8px; flex-wrap:wrap; flex:none; max-width:46%}
body.np .np-ein-tat form{margin:0; display:flex; align-items:center; gap:6px; flex-wrap:wrap}
body.np .np-ein-tat button,body.np .np-ein-tat select{min-height:44px}
body.np details.np-ein-darf>summary{cursor:pointer; display:inline-flex; align-items:center; min-height:44px; font-size:13px; font-weight:600; color:var(--np-gruen-tief)}
body.np details.np-ein-darf p{margin:0 0 6px; font-size:13px; color:var(--np-grau); white-space:normal}
body.np .aufgaben-liste .start-liste{display:block}
body.np .aufgaben-liste a.start-zeile,body.np .erinnerungsliste a.erinnerung{display:flex; align-items:center; gap:12px; padding:12px 4px; min-height:56px; margin:0;
  border:0; border-bottom:1px solid var(--np-linie); border-radius:0; background:none; box-shadow:none; color:var(--np-tinte); text-decoration:none}
body.np .aufgaben-liste a.start-zeile:last-child,body.np .erinnerungsliste a.erinnerung:last-child{border-bottom:0}
body.np .aufgaben-liste a.start-zeile:hover,body.np .erinnerungsliste a.erinnerung:hover{background:var(--np-gruen-hauch); border-radius:12px}
body.np .aufgaben-liste .start-zeichen{width:40px; height:40px; border-radius:50%; flex:none; display:grid; place-items:center; background:var(--np-gruen-feld); color:var(--np-gruen-tief)}
body.np .aufgaben-liste .was{flex:1; min-width:0; display:block}
body.np .aufgaben-liste .was .titel{display:block; font-size:14.5px; font-weight:600}
body.np .aufgaben-liste .was .fein{display:block; font-size:13px; color:var(--np-grau)}
body.np .aufgaben-liste .pille{font-size:12.5px; font-weight:700; padding:3px 10px; border-radius:999px; background:var(--np-rot-feld); color:var(--np-rot-tief); border:0}
body.np .aufgaben-liste .start-tag{font-size:13px; color:var(--np-grau); white-space:nowrap}
body.np .aufgaben-liste .weiter{color:var(--np-grau-hell)}
body.np .erinnerungsliste{padding:8px 20px}
body.np .erinnerungsliste a.erinnerung{display:grid; grid-template-columns:12px minmax(0,1fr); column-gap:12px; row-gap:1px; align-items:center}
body.np .erinnerungsliste a.erinnerung::before{content:""; grid-row:1 / span 3; width:10px; height:10px; border-radius:50%; background:var(--np-gruen)}
body.np .erinnerungsliste a.erinnerung.dringend::before{background:var(--np-rot)}
body.np .erinnerungsliste a.erinnerung>span{grid-column:2}
body.np .erinnerungsliste .titel{font-size:14.5px; font-weight:600}
body.np .erinnerungsliste .unter,body.np .erinnerungsliste .satz{font-size:13px; color:var(--np-grau)}
@media (max-width:700px){
  body.np .np-ein-liste{padding:6px 16px}
  body.np .np-ein-liste .np-zeile{flex-wrap:wrap}
  body.np .np-ein-liste .np-t{flex:1 1 calc(100% - 60px)}
  body.np .np-ein-liste .np-pille{margin-left:44px}
  body.np .np-ein-tat{max-width:100%; margin-left:44px}
  body.np .np-ein-meldung ol.tk-verlauf li{max-width:94%}
}
body.np .np-pk h2,body.np .np-pk-rech h2{font-size:17px; margin:0 0 10px}
body.np .np-pk-rliste{list-style:none; margin:0; padding:0; display:grid; gap:10px}
body.np .np-pk-liste{list-style:none; margin:0; padding:0; display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
body.np .np-pk-zeile[data-paket=abschluss]{grid-column:1 / -1; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:14px 24px}
body.np .np-pk-zeile[data-paket=abschluss] .np-pk-schluss{grid-column:1 / -1}
body.np .np-pk-zeile{display:flex; flex-direction:column; gap:14px; padding:18px; border-radius:24px; background:var(--np-feld); min-width:0}
body.np .np-pk-info{display:grid; gap:10px; align-content:start; min-width:0; flex:1 1 auto}
body.np .np-pk-kopf{display:flex; align-items:center; gap:10px; min-width:0}
body.np .np-pk-kopf>b{font-size:17px; font-weight:600; line-height:1.25; min-width:0; flex:1 1 auto}
body.np .np-pk-kopf .gs-bsym{flex:none}
body.np .np-pk-vorteile{display:grid; gap:6px; font-size:14px; line-height:1.35; color:var(--ap-zweit)}
body.np .np-pk-vorteile>span{display:grid; grid-template-columns:14px minmax(0,1fr); gap:8px}
body.np .np-pk-vorteile>span::before{content:"✓"; font-weight:700; color:var(--np-gruen-tief)}
body.np .np-pk-braucht{justify-self:start; font-size:12.5px; font-weight:600; padding:3px 10px; border-radius:999px; color:var(--ap-zweit); background:rgba(118,118,128,.14)}
body.np .np-pk-angaben{font-size:14px; color:var(--ap-zweit); font-weight:500}
body.np .np-pk-angaben:empty{display:none}
body.np .np-pk-schluss{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:10px 14px; margin-top:auto}
body.np .np-pk-zaehler{display:block; font-size:13px; line-height:1.4; color:var(--ap-zweit)}
body.np .np-pk-staffel{display:grid; gap:10px; min-width:0; padding:14px 16px; border-radius:16px; background:rgba(118,118,128,.08)}
body.np .np-st-satz{margin:0; font-size:15px; font-weight:600}
body.np .np-st-balken{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px}
body.np .np-st-teil{display:block; height:10px; border-radius:999px; overflow:hidden; background:rgba(118,118,128,.2)}
body.np .np-st-teil>i{display:block; height:100%; border-radius:999px; background:var(--np-gruen-tief)}
body.np .np-st-marken{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; font-size:12px; line-height:1.3; color:var(--ap-zweit)}
body.np .np-st-marke{display:grid; gap:1px; min-width:0}
body.np .np-st-marke>b{font-size:14px; color:var(--np-tinte); font-weight:600; white-space:nowrap}
body.np .np-st-marke[data-jetzt]{color:var(--np-gruen-tief)}
body.np .np-st-marke[data-jetzt]>b{color:var(--np-gruen-tief)}
body.np .np-st-bringt{font-size:13px; color:var(--ap-zweit)}
body.np .np-pk-oeffnen{min-height:44px; display:inline-flex; align-items:center; font-weight:600}
body.np .np-pk-abo h2{font-size:17px; margin:0 0 8px}
body.np .np-pk-abo p{margin:0 0 8px; font-size:14.5px}
body.np .np-pk-abo-preis{font-weight:600}
body.np .np-pk-verl{color:var(--np-tinte)}
body.np .np-pk-abo .np-knopf{min-height:44px}
body.np .np-pk-preis{display:grid; justify-items:start; min-width:0}
body.np .np-pk-netto{font-size:17px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums}
body.np .np-pk-zusatz,body.np .np-pk-brutto,body.np .np-pk-preistext{font-size:12px; color:var(--np-grau)}
body.np .np-pk-stand{flex:none; font-size:12.5px; font-weight:600; padding:4px 10px; border-radius:999px; background:rgba(118,118,128,.14); color:var(--ap-zweit); white-space:nowrap}
body.np .np-pk-zeile:is([data-stand=gratis],[data-stand=aktiv],[data-stand=dabei]) .np-pk-stand{background:var(--np-gruen-feld); color:var(--np-gruen-tief)}
body.np .np-pk-tat{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px 12px; margin-left:auto}
body.np .np-pk-tat .np-knopf{min-height:44px}
body.np .np-pk-form{margin:0}
body.np .np-pk-fuss,body.np .np-pk-leer{font-size:13px; color:var(--np-grau); margin:12px 0 0}
body.np .np-pk-rzeile{display:flex; gap:8px 16px; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 14px; border-radius:14px; background:var(--np-feld); font-size:14px}
body.np .np-pk-rzeile a{min-height:44px; display:inline-flex; align-items:center; font-weight:600; color:var(--np-link)}
body.np .np-pk-dl{display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 14px; margin:0; font-size:14.5px}
body.np .np-pk-dl dt{color:var(--np-grau)}
body.np .np-pk-dl dd{margin:0; font-weight:600}
body.np .np-pk-karte{display:grid; gap:4px}
body.np .np-pk-ueber{margin:0; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--np-grau)}
body.np .np-pk-titel{margin:0; font-size:15px}
body.np .np-pk-karte .np-pk-satz{margin:0}
body.np .np-pk-wege{display:flex; gap:8px 16px; align-items:center; flex-wrap:wrap; margin-top:6px}
body.np .np-pk-wege .np-still{min-height:44px; display:inline-flex; align-items:center}
body.np button.np-pk-weg{all:unset; cursor:pointer; min-height:44px; display:inline-flex; align-items:center; font-size:13px; color:var(--np-grau)}
body.np button.np-pk-weg:hover{color:var(--np-tinte)}
body.np .np-ein-zug{display:grid; gap:16px; max-width:980px}
body.np .np-ein-zug,body.np .np-ein-zug :where(p,span,b,label,summary,li,td,th,a,small,input,select,button,dd,dt){font-family:inherit; font-size:14px; line-height:1.5}
body.np .np-ein-zug .np-t b,body.np .np-ein-zug .np-t b .leise,body.np .np-ein-zug details.np-ein-darf>summary,body.np .np-ein-zug details.np-ein-darf p,body.np .np-ein-zug .leise,body.np .np-ein-zug .klein,body.np .np-ein-zug .np-t>span{font-size:14px}
body.np .np-ein-zug h2{font-size:17px; line-height:1.3; margin:0 0 10px; font-weight:700}
body.np .np-ein-zug .np-kreis{font-size:12px}
body.np .np-ein-zug .np-pille{font-size:12.5px}
body.np .np-ein-zug .leise,body.np .np-ein-zug .np-ein-satz,body.np .np-ein-zug .np-t>span{color:var(--np-grau)}
body.np .np-ein-zug .np-ein-liste,body.np .np-ein-zug .np-ein-teil{margin:0; padding:20px 24px}
body.np .np-ein-kopfzeile{display:flex; align-items:center; justify-content:space-between; gap:8px 16px; flex-wrap:wrap}
body.np .np-ein-kopfzeile h2{margin:0}
body.np a.np-ein-weg{display:inline-flex; align-items:center; min-height:44px; font-weight:600; color:var(--np-link); text-decoration:none}
body.np a.np-ein-weg:hover{text-decoration:underline}
body.np .np-ein-zwei{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch}
body.np .np-ein-teil{display:flex; flex-direction:column}
body.np .np-ein-zwei .np-ein-teil form{display:flex; flex-direction:column; flex:1; margin:0}
body.np .np-ein-zwei .np-ein-teil form>p{margin:0 0 12px}
body.np .np-ein-zwei .np-ein-teil form>p:last-child{margin:auto 0 0; padding-top:4px; display:flex; flex-wrap:wrap; gap:10px}
body.np .np-ein-teil .np-ein-satz{margin:0 0 14px}
body.np .np-ein-zug label{display:grid; gap:6px; font-weight:600; color:var(--np-tinte)}
body.np .np-ein-zug label br{display:none}
body.np .np-ein-zug input:not([type=hidden]),body.np .np-ein-zug select{width:100%; max-width:none; min-height:44px; box-sizing:border-box; font-weight:400}
body.np .np-ein-zug button{min-height:44px}
body.np .np-ein-zug #downloads p{margin:0}
body.np .np-ein-zug #downloads .rollbar{overflow-x:auto}
body.np details.np-ein-rolle{border-top:1px solid var(--np-linie)}
body.np details.np-ein-rolle:first-of-type{margin-top:4px}
body.np details.np-ein-rolle>summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:4px 10px; flex-wrap:wrap; min-height:48px; padding:6px 0}
body.np details.np-ein-rolle>summary::-webkit-details-marker{display:none}
body.np details.np-ein-rolle>summary::after{content:"›"; margin-left:auto; color:var(--np-grau); transition:transform .2s}
body.np details.np-ein-rolle[open]>summary::after{transform:rotate(90deg)}
body.np details.np-ein-rolle>summary b{font-weight:600}
body.np .np-ein-wer{color:var(--np-grau)}
body.np details.np-ein-rolle p{margin:0 0 8px}
body.np .np-ein-rollen>.np-ein-satz:last-child{margin:12px 0 0}
body.np .np-ein-firma>.karte,body.np .np-ein-firma>.np-karte,body.np .np-ein-firma>section{max-width:980px; box-sizing:border-box}
body.np .np-ein-firma .feldgruppe{align-items:end}
body.np .np-ein-firma button,body.np .np-ein-firma .knopf2{min-height:44px}
body.np .np-ein-firma .feldgruppe{align-items:start}
body.np .np-ein-firma .feldgruppe>div>label{display:flex; flex-wrap:wrap; align-items:center; column-gap:8px;
  min-height:28px; margin:16px 0 6px; line-height:1.3}
body.np .np-ein-firma .feldgruppe>div>label>details.zahl-i{margin:0 0 0 auto; position:static}
body.np .np-ein-firma .feldgruppe>div>label>.fund-quelle{display:inline; font-size:13px; white-space:nowrap}
body.np .np-ein-firma .feldgruppe>div>label>.feldfehler{flex:1 0 100%; margin:4px 0 0}
body.np .np-ein-firma .feldgruppe>div>:is(input,select){width:100%; max-width:none; box-sizing:border-box}
body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i){display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px}
body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>label{grid-column:1; grid-row:1}
body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>details.zahl-i{grid-column:2; grid-row:1; align-self:center; margin:10px 0 0}
body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>select{grid-column:1/-1; grid-row:2}
body.np .np-ein-firma details.zahl-i>summary{width:44px; height:44px; min-height:44px; margin:-12px}
body.np .np-ein-firma .firma-entfernen{margin-top:16px; padding:20px 24px}
body.np .np-ein-firma .firma-entfernen h2{font-size:17px; margin:0 0 6px}
body.np .np-ein-firma .np-ein-weg-form{display:grid; gap:12px; max-width:none; margin:0}
body.np .np-ein-firma .np-ein-weg-form label.feld{display:grid; gap:6px; font-weight:600; max-width:460px}
body.np .np-ein-firma .np-ein-weg-form input{min-height:44px; width:100%; box-sizing:border-box}
body.np .np-ein-knoepfe{display:flex; align-items:center; gap:8px 20px; flex-wrap:wrap; margin:0}
body.np .np-ein-knoepfe .knopf2{min-height:44px}
@media (max-width:700px){
  body.np .np-ein-zwei{grid-template-columns:minmax(0,1fr)}
  body.np .np-ein-zug .np-ein-liste,body.np .np-ein-zug .np-ein-teil,body.np .np-ein-firma .firma-entfernen{padding:16px}
}
body.np dialog.np-fenster[data-offen]{position:fixed; inset:0; margin:auto; height:fit-content; max-height:90vh; overflow:auto; z-index:200}
@media (max-width:700px){body.np dialog.np-fenster[data-offen]{margin:auto 0 0}}
body.np .np-ein-firma .np-ein-formkarte{padding:8px 24px 24px}
body.np .np-ein-firma .feldgruppe{display:block!important; margin:0; gap:0}
body.np .np-ein-firma .feldgruppe>div,body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i){display:grid!important; grid-template-columns:minmax(8rem,11rem) minmax(0,1fr) 28px; column-gap:16px; align-items:center; min-height:56px; padding:6px 0; margin:0; border-bottom:.5px solid var(--np-linie)}
body.np .np-ein-firma .feldgruppe>div:last-child{border-bottom:0}
body.np .np-ein-firma .feldgruppe>div>label{display:contents}
body.np .np-ein-firma .feldgruppe>div>label>details.zahl-i,body.np .np-ein-firma .feldgruppe>div>details.zahl-i,body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>details.zahl-i{grid-column:3; grid-row:1; margin:0; justify-self:end; align-self:center}
body.np .np-ein-firma .feldgruppe>div>label>.fund-quelle{grid-column:2; grid-row:2; font-size:13px; color:var(--ap-zweit,#5B6560); margin:-6px 0 4px}
body.np .np-ein-firma .feldgruppe>div>label>.feldfehler{grid-column:2/-1; grid-row:3; margin:0 0 6px}
body.np .np-ein-firma .feldgruppe>div>.af{grid-column:2; grid-row:1; min-width:0; width:100%}
body.np .np-ein-firma .feldgruppe>div:has(>.af)>label>.fund-quelle{margin-top:4px}
body.np .np-ein-firma .feldgruppe>div>label>.hilfe{grid-column:2/-1; grid-row:4; margin:0 0 6px; font-size:13px; line-height:1.4; font-weight:400; color:var(--ap-zweit,#5B6560)}
body.np .np-ein-firma .feldgruppe>div>:is(input,select),body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>select{grid-column:2; grid-row:1; width:100%; height:44px; min-height:44px; margin:0; padding:0 8px; border:0; border-radius:10px; background:transparent; box-shadow:none; font-size:1rem; letter-spacing:-.01em; color:var(--np-tinte); transition:background-color var(--ap-feder-kurz-zeit,200ms) var(--ap-feder-kurz,ease-out)}
body.np .np-ein-firma .feldgruppe>div>:is(input,select):hover{background:var(--ap-fuellung)}
body.np .np-ein-firma .feldgruppe>div>:is(input,select):focus{outline:none; background:var(--ap-fuellung); box-shadow:0 0 0 2px color-mix(in oklab,var(--knopf) 45%,transparent)}
body.np .np-ein-firma .feldgruppe>div{font-size:.9375rem; font-weight:500; color:var(--np-tinte)}
body.np .np-ein-firma .feldgruppe>div:focus-within{color:var(--ap-akzent-text)}
body.np .np-ein-firma details.klappe{margin:0; border-top:.5px solid var(--np-linie)}
body.np .np-ein-firma details.klappe>summary{min-height:52px; display:flex; align-items:center; padding:4px 0; font-weight:600}
body.np .np-ein-firma details.klappe>summary .titel{font-size:17px}
body.np .np-ein-firma details.klappe>.inhalt{padding:0 0 8px}
body.np .np-ein-firma .np-ein-formkarte form>:is(button,p:last-child){margin-top:24px}
body.np .np-ein-firma .firma-entfernen .np-ein-knoepfe :is(button,.knopf2,.knopf){background:color-mix(in oklab,var(--np-rot) 9%,transparent); color:var(--np-rot); box-shadow:none; border:0}
body.np .np-ein-firma>.karte,body.np .np-ein-firma>.np-karte,body.np .np-ein-firma>section{max-width:760px}
body.np .np-ein-firma label.zf-schalter{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; margin:8px 0; font-weight:500; border-bottom:.5px solid var(--np-linie)}
body.np .np-ein-firma label.zf-schalter{flex-direction:row-reverse; max-width:none; padding:0}
body.np .np-ein-firma .feldgruppe>div>select{padding-left:4px}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]{-webkit-appearance:none; appearance:none; position:relative; flex:none; width:51px; height:31px; margin:0; border:0; border-radius:16px; background:var(--ap-fuellung-hoch); cursor:pointer; transition:background-color var(--ap-feder-zeit,300ms) var(--ap-feder,ease)}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]::before{content:""; position:absolute; top:2px; left:2px; width:27px; height:27px; border-radius:50%; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16); transition:transform var(--ap-feder-zeit,300ms) var(--ap-feder,ease)}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]:checked{background:var(--knopf)}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]:checked::before{transform:translateX(20px)}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]:active::before{width:31px}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]:checked:active::before{transform:translateX(16px)}
body.np .np-ein-firma label.zf-schalter>input[type=checkbox]:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np .np-ein-firma .zf-einstellung label.feld{display:grid; gap:8px; font-size:.8125rem; font-weight:500; color:var(--ap-zweit); margin:0 0 16px}
body.np .np-ein-firma .zf-einstellung label.feld>input,body.np .np-ein-firma .np-ein-weg-form label.feld>input{max-width:320px; height:44px; border-radius:12px}
@media (prefers-reduced-motion:reduce){body.np .np-ein-firma label.zf-schalter>input,body.np .np-ein-firma label.zf-schalter>input::before{transition:none}}
@media (max-width:700px){
  body.np .np-ein-firma .np-ein-formkarte{padding:4px 16px 16px}
  body.np .np-ein-firma .feldgruppe>div,body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i){grid-template-columns:minmax(0,1fr) 28px; grid-template-rows:auto auto; column-gap:8px; row-gap:0; padding:10px 0 4px; font-size:.75rem; font-weight:500; color:var(--ap-zweit)}
  body.np .np-ein-firma .feldgruppe>div>:is(input,select),body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>select{grid-column:1; grid-row:2; padding:0; height:44px; min-height:44px; margin-left:0}
  body.np .np-ein-firma .feldgruppe>div>select{margin-left:-4px; width:calc(100% + 4px)}
  body.np .np-ein-firma .feldgruppe>div>label>details.zahl-i,body.np .np-ein-firma .feldgruppe>div>details.zahl-i,body.np .np-ein-firma .feldgruppe>div:has(>select+details.zahl-i)>details.zahl-i{grid-column:2; grid-row:1/3}
  body.np .np-ein-firma .feldgruppe>div>label>.fund-quelle{grid-column:1; grid-row:3; margin:0 0 4px}
  body.np .np-ein-firma .feldgruppe>div>label>.feldfehler{grid-column:1/-1; grid-row:4}
  body.np .np-ein-firma .feldgruppe>div>.af{grid-column:1; grid-row:2}
  body.np .np-ein-firma .feldgruppe>div>label>.hilfe{grid-column:1/-1; grid-row:5}
}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset{display:flex; flex-wrap:wrap; gap:2px; max-width:520px; margin:0 0 16px; padding:0; border:0; background:none}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>legend{float:left; width:100%; padding:0; margin:0 0 8px; font-size:.8125rem; font-weight:600; color:var(--ap-zweit)}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>legend+label{margin-left:0}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl{flex:1 1 0; display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:4px 8px; border-radius:9px; text-align:center; font-size:.8125rem; font-weight:600; line-height:1.2; color:var(--np-tinte); background:var(--ap-fuellung); cursor:pointer; transition:background-color var(--ap-feder-kurz-zeit,200ms) var(--ap-feder-kurz,ease-out),box-shadow var(--ap-feder-kurz-zeit,200ms) var(--ap-feder-kurz,ease-out),transform 80ms ease-out}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl:first-of-type{border-radius:10px 4px 4px 10px}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl:last-of-type{border-radius:4px 10px 10px 4px}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl>input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl:has(>input:checked){background:var(--ap-wahl-grund); box-shadow:inset 0 0 0 2px var(--ap-wahl-rand)}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl:has(>input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np form:has(>fieldset input[name=rolle][type=radio]) fieldset>label.wahl:active{transform:scale(.97)}
body.np form:has(>fieldset input[name=rolle][type=radio]) p>label{display:grid; gap:8px; font-size:.8125rem; font-weight:600; color:var(--ap-zweit)}
body.np form:has(>fieldset input[name=rolle][type=radio]) p>label>br{display:none}
body.np form:has(>fieldset input[name=rolle][type=radio]) p>label>input{max-width:420px}
body.np .np-ein-zwei>.np-ein-teil+.np-ein-teil button[type=submit]:not(.zweit){background:var(--ap-schlicht); color:var(--ap-akzent-text); box-shadow:none; border:0}
body.np .hilfe-fragen details.hilfe-frage{border-bottom:.5px solid var(--np-linie)}
body.np .hilfe-fragen details.hilfe-frage>summary{list-style:none; display:flex; align-items:center; gap:12px; min-height:48px; padding:6px 0; cursor:pointer; font-weight:600}
body.np .hilfe-fragen details.hilfe-frage>summary::-webkit-details-marker{display:none}
body.np .hilfe-fragen details.hilfe-frage>summary::after{content:""; flex:none; margin-left:auto; width:8px; height:8px; border-right:2px solid var(--ap-zweit); border-bottom:2px solid var(--ap-zweit); transform:rotate(-45deg); transition:transform var(--ap-feder-zeit,300ms) var(--ap-feder,ease)}
body.np .hilfe-fragen details.hilfe-frage[open]>summary::after{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){body.np .hilfe-fragen details.hilfe-frage>summary::after{transition:none}}
body.np form:has(input[name=platz]) label.weg{display:flex; flex-direction:column; align-items:flex-start; gap:4px; position:relative}
body.np form:has(input[name=platz]) label.weg>input[type=radio]{position:absolute; opacity:0; width:1px; height:1px; margin:0}
body.np form:has(input[name=platz]) label.weg:has(>input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np form:has(input[name=platz]) label.weg>.name{font-weight:600; color:var(--np-tinte)}
body.np form:has(input[name=platz]) label.weg>.text{font-size:15px; color:var(--ap-zweit); margin:0; padding:0}
body.np form:has(input[name=platz]) label.weg>.text strong{color:var(--np-tinte); font-weight:600}
body.np form:has(input[name=platz]) label.weg:has(>input:disabled){opacity:.55}
body.np .ein-split{display:grid; grid-template-columns:288px minmax(0,1fr); gap:32px; align-items:start}
body.np .ein-spalte{position:sticky; top:16px; display:flex; flex-direction:column; gap:16px; max-height:calc(100vh - 32px);
  overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; padding:2px 4px 24px 2px; margin:0}
body.np .ein-spalte::-webkit-scrollbar{display:none}
body.np .ein-titel{display:none; margin:0; font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.02em}
body.np main nav.np-reiter[data-ein]{display:contents}
body.np .ein-spalte .ein-ich{order:0}
body.np .ein-spalte .ein-gruppe[data-gruppe="firma"]{order:1}
body.np .ein-spalte .ein-gruppe[data-gruppe="mehr"]{order:2}
body.np .ein-spalte .ein-gruppe[data-gruppe="menschen"]{order:3}
body.np .ein-spalte .ein-gruppe[data-gruppe="sicher"]{order:4}
body.np .ein-spalte .ein-gruppe[data-gruppe="darstellung"]{order:5}
body.np .ein-spalte .ein-gruppe[data-gruppe="hilfe"]{order:6}
body.np .ein-spalte :is(.ein-gruppe,.ein-ich){background:var(--np-karte); border-radius:var(--ap-rund); box-shadow:var(--ap-schatten-1)}
body.np .ein-spalte .ein-gruppe{display:flex; flex-direction:column; gap:2px; padding:6px}
body.np main nav.np-reiter[data-ein] a,body.np .ein-spalte .ein-zeile{display:flex; align-items:center; justify-content:flex-start; gap:12px;
  min-height:44px; padding:6px 10px; margin:0; border-radius:10px; background:none; box-shadow:none; color:var(--np-tinte);
  font-size:17px; font-weight:500; line-height:1.25; text-align:left; text-decoration:none; white-space:normal; overflow:visible}
body.np main nav.np-reiter[data-ein] a::before{content:""; flex:none; width:28px; height:28px; border-radius:7px;
  background-repeat:no-repeat; background-position:center; background-size:17px 17px}
body.np .ein-spalte .ein-sym{width:28px; height:28px; border-radius:7px}
body.np .ein-spalte .ein-sym>svg{display:block; width:17px; height:17px}
@media (hover:hover){body.np main nav.np-reiter[data-ein] a:hover,body.np .ein-spalte a.ein-zeile:hover{background:var(--ap-fuellung); color:var(--np-tinte)}}
body.np main nav.np-reiter[data-ein] a[aria-current],body.np .ein-spalte a.ein-zeile[aria-current]{background:var(--ap-wahl-grund); color:var(--np-tinte);
  font-weight:600; box-shadow:inset 0 0 0 1.5px var(--ap-wahl-rand)}
body.np .ein-spalte .ein-ich{display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 14px; color:var(--np-tinte); text-decoration:none}
body.np .ein-spalte .ein-ich[aria-current]{box-shadow:var(--ap-schatten-1),inset 0 0 0 1.5px var(--ap-wahl-rand)}
body.np .ein-spalte .ein-ich .np-kreis{flex:none; width:44px; height:44px; font-size:16px}
body.np .ein-spalte .ein-ich-t{min-width:0}
body.np .ein-spalte .ein-ich-t b{display:block; font-size:17px; font-weight:600; overflow-wrap:anywhere}
body.np .ein-spalte .ein-ich-t small{display:block; font-size:13px; color:var(--ap-zweit)}
body.np .ein-spalte .ein-darst-zeile{cursor:default}
body.np .ein-spalte .ein-darst-wahl{display:flex; margin:2px 6px 6px}
body.np .ein-spalte .ein-darst-wahl>a{flex:1 1 0; min-height:44px; padding:0 8px; font-size:15px; text-align:center; white-space:nowrap}
body.np .ein-detail{min-width:0; max-width:880px}
body.np .ein-zurueck{display:none}
body.np .ein-detail .np-seitenkopf h1{font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.02em; margin:0}
body.np .ein-detail .np-seitenkopf p{font-size:17px; color:var(--ap-zweit); margin:4px 0 0}
body.np .ein-detail :is(a:not([class]),a.nebenweg){color:var(--ap-akzent-text); text-decoration:none}
@media (hover:hover){body.np .ein-detail a:not([class]):hover{text-decoration:underline}}
body.np .ein-detail .firmenliste{padding:4px 0}
body.np .ein-detail .firmenliste ul{list-style:none; margin:0; padding:0}
body.np .ein-detail .firmenliste li{position:relative; display:grid; grid-template-columns:40px minmax(0,1fr) auto; column-gap:12px; align-items:center;
  min-height:60px; padding:12px 40px 12px 16px; margin:0}
body.np .ein-detail .firmenliste li::after{content:"\203A"; position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--ap-zweit); font-size:20px}
body.np .ein-detail .firmenliste .rund{width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:var(--ap-fuellung);
  color:var(--np-tinte); font-size:13px; font-weight:700}
body.np .ein-detail .firmenliste .firma>a{display:block; font-size:17px; font-weight:600; color:var(--np-tinte); text-decoration:none}
body.np .ein-detail .firmenliste .firma>a::after{content:""; position:absolute; inset:0}
body.np .ein-detail .firmenliste .dazu{display:block; font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .firmenliste .wege{position:relative; z-index:1}
body.np .ein-detail .firmenliste .wege .knopf{display:none}
body.np .ein-detail .firmenliste .wege .nebenweg{display:inline-flex; align-items:center; min-height:44px; padding:0 4px; font-size:15px; font-weight:600;
  color:var(--ap-akzent-text); text-decoration:none}
body.np .ein-detail details.ein-gefahr>summary{list-style:none; display:flex; align-items:center; min-height:44px; cursor:pointer}
body.np .ein-detail details.ein-gefahr>summary::-webkit-details-marker{display:none}
body.np .ein-detail details.ein-gefahr>summary h2{margin:0; font-size:17px; font-weight:600; color:var(--io-rot)}
body.np .ein-detail details.ein-gefahr>summary::after{content:"\203A"; margin-left:auto; color:var(--ap-zweit); font-size:20px; transition:transform .2s ease}
body.np .ein-detail details.ein-gefahr[open]>summary::after{transform:rotate(90deg)}
body.np .ein-detail .np-ein-kopf{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
body.np .ein-detail .ein-werkzeug{margin-left:auto}
body.np .ein-detail .ein-menue>summary{min-width:44px; padding:0 14px; font-size:20px; letter-spacing:.05em}
body.np .ein-detail .ein-menue-liste{z-index:30; min-width:280px; display:flex; flex-direction:column}
body.np .ein-detail .ein-menue-liste>button{border:0; border-radius:10px; background:none; font:inherit; font-size:17px; text-align:left; cursor:pointer}
@media (hover:hover){body.np .ein-detail .ein-menue-liste>button:hover{background:var(--ap-fuellung)}}
body.np dialog.ein-blatt .ein-blatt-kopf{margin:0 0 16px}
body.np dialog.ein-blatt .ein-blatt-kopf>h2{font-size:17px; font-weight:600}
body.np dialog.ein-blatt .ein-blatt-kopf>button.gs-knopf{ padding:0 4px; min-height:44px; color:var(--ap-akzent-text); font-size:17px; font-weight:500}
body.np dialog.ein-blatt .ein-blatt-kopf>button.ein-blatt-ok{font-weight:700}
body.np dialog.ein-blatt :is(form.karte,section.np-karte){margin:0; padding:0; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np dialog.ein-blatt section.np-karte>h2,body.np dialog.ein-blatt form.einreichen>h2{display:none}
body.np dialog.ein-blatt form button[type=submit]:not([formaction]):not(.ein-blatt-ok){display:none}
body.np dialog.ein-blatt form :is(input:not([type=radio]):not([type=checkbox]),select){width:100%; box-sizing:border-box}
body.np dialog.ein-blatt .np-ein-satz{font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .team-karten{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0}
@media (max-width:600px){body.np .ein-detail .team-karten{grid-template-columns:minmax(0,1fr)}}
body.np .ein-detail .team-karten .karte{margin:0}
body.np .ein-detail .team-karten h3{margin:0 0 8px; font-size:17px}
body.np .ein-detail .team-zeile{display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; min-height:60px; padding:12px 0}
body.np .ein-detail .team-zeile+.team-zeile{border-top:var(--io-haar,1px) solid var(--io-haarlinie)}
body.np .ein-detail .team-zeile .wer{flex:1 1 200px; min-width:0; overflow-wrap:anywhere; font-size:17px}
body.np .ein-detail .team-zeile .wer .klein{font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .team-zeile form{margin:0}
body.np .ein-detail .team-zeile button,body.np dialog.ein-blatt .einreichen button{min-height:44px}
body.np .ein-detail .team-qr svg{width:200px; height:200px; max-width:100%}
body.np .ein-detail .team-link code{overflow-wrap:anywhere; word-break:break-all}
body.np dialog.ein-blatt .einreichen label.wahl{display:flex; align-items:center; gap:8px; min-height:44px}
body.np .ein-detail .matrix :is(td,th){text-align:center}
body.np .ein-detail .matrix :is(td,th):first-child{text-align:left}
body.np .ein-detail .fund-quelle{font-size:13px}
body.np .ein-detail details>summary .titel{font-size:17px}
body.np .ein-detail select,body.np dialog.ein-blatt select{min-height:44px}
body.np .ein-detail .matrix th{font-size:15px}
@media (max-width:600px){
  body.np .ein-detail .tabelle-rahmen:has(>.matrix){overflow:visible}
  body.np .ein-detail table.matrix,body.np .ein-detail table.matrix>tbody{display:block; width:100%}
  body.np .ein-detail table.matrix tr:first-child{display:none}
  body.np .ein-detail table.matrix tr{display:flex; flex-wrap:wrap; gap:4px 16px; padding:12px 0; border-top:var(--io-haar,1px) solid var(--io-haarlinie)}
  body.np .ein-detail table.matrix tr:nth-child(2){border-top:0}
  body.np .ein-detail table.matrix td{display:inline-flex; align-items:baseline; gap:6px; padding:0; border:0; font-size:15px; text-align:left}
  body.np .ein-detail table.matrix td:first-child{display:block; flex:1 1 100%; font-size:17px; font-weight:600}
  body.np .ein-detail table.matrix td[data-l]::before{content:attr(data-l); color:var(--ap-zweit)}
}
body.np .np-h-ziel .ein-split{display:block}
body.np .np-h-ziel :is(.ein-spalte,.ein-zurueck){display:none}
@media (max-width:900px){
  body.np .ein-split{display:block}
  body.np .ein-spalte{display:none; position:static; max-height:none; overflow:visible; padding:0 0 24px}
  body.np .ein-spalte:target{display:flex}
  body.np .ein-split:has(> .ein-spalte:target)>.ein-detail{display:none}
  body.np .ein-titel{display:block; order:-1; font-size:34px; font-weight:700; line-height:1.15; letter-spacing:-.02em}
  body.np main nav.np-reiter[data-ein] a[aria-current],body.np .ein-spalte a.ein-zeile[aria-current],body.np .ein-spalte .ein-ich[aria-current]{background:none; box-shadow:none; font-weight:500}
  body.np .ein-spalte .ein-ich[aria-current]{background:var(--np-karte); box-shadow:var(--ap-schatten-1)}
  body.np .ein-zurueck{display:inline-flex; align-items:center; gap:4px; min-height:44px; margin:0 0 4px -6px; padding:0 6px;
    color:var(--ap-akzent-text); font-size:17px; text-decoration:none}
  body.np .ein-zurueck svg{width:18px; height:18px}
  body.np .ein-detail .np-seitenkopf h1{font-size:34px}
  body.np .ein-detail{position:relative}
  body.np .ein-detail .ein-werkzeug{position:absolute; top:0; right:0; margin:0}
  body.np .ein-detail .firmenliste li{grid-template-columns:40px minmax(0,1fr); padding-right:36px}
  body.np .ein-detail .firmenliste .wege{grid-column:2}
}
body.np .ein-detail .np-pk-zeile{min-height:60px}
body.np .ein-detail :is(.np-pk-zusatz,.np-pk-brutto,.np-pk-preistext){font-size:13px; color:var(--ap-zweit)}
body.np .ein-detail .np-pk-preis{max-width:260px}
body.np .ein-detail .np-pk-fuss{font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .np-pk-leer{font-size:17px; color:var(--ap-zweit)}
body.np .ein-detail .np-ein-zug :is(p,li,summary,label,span,b,a,td,th,dd,dt,input,select,button){font-size:17px}
body.np .ein-detail .np-ein-zug h2{font-size:22px; font-weight:600}
body.np .ein-detail .np-ein-zug :is(.np-t>span,.leise,.klein){font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .np-ein-zug .np-ein-satz{font-size:17px; color:var(--ap-zweit)}
body.np .ein-detail .np-ein-zug .np-kreis{font-size:13px}
body.np .ein-detail .np-ein-zug .np-pille{font-size:13px}
body.np .ein-detail .np-ein-zug details.np-ein-darf>summary{font-size:15px}
body.np .ein-detail .np-ein-zug .np-ein-wer{font-size:15px; color:var(--ap-zweit)}
body.np .ein-detail .np-ein-zwei{display:contents}
body.np .ein-detail .ein-leer{gap:12px; padding:32px 16px}
body.np .ein-detail .ein-leer .ein-sym{width:44px; height:44px; border-radius:11px}
body.np .ein-detail .ein-leer .ein-sym>svg{width:26px; height:26px}
body.np .ein-detail .ein-leer p{margin:0; font-size:17px; color:var(--ap-zweit)}
body.np .ein-detail p:has(> a:not([class])):not(:has(> :not(a))) > a{display:inline-flex; align-items:center; min-height:44px}
body.np .ein-detail span.was{font-size:13px}
body.np .ein-detail details.hilfe-begriffe>summary{list-style:none; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; cursor:pointer; font-size:17px}
body.np .ein-detail details.hilfe-begriffe>summary::-webkit-details-marker{display:none}
body.np .ein-detail details.hilfe-begriffe>summary::after{content:"›"; color:var(--ap-zweit); font-size:22px; line-height:1; transition:transform .2s}
body.np .ein-detail details.hilfe-begriffe[open]>summary::after{transform:rotate(90deg)}
body.np .ein-detail #ideen textarea{resize:none}
body.np .ein-detail #ideen + #meldungen{margin-top:24px}
body.np .ein-detail #meldungen p a{white-space:nowrap}
body.np .ein-detail form.funktionen label.ap-schalter{background:none; border-radius:0; margin:0; padding:12px 0; border-top:var(--io-haar,1px) solid var(--io-haarlinie)}
body.np .ein-detail form.funktionen label.ap-schalter:first-of-type{border-top:0}
body.np .ein-detail .pk-schmal{max-width:none; margin:0; padding:0; text-align:left}
body.np .ein-detail .pk-schmal h1{text-align:left}
body.np .ein-detail .pk-schmal .pk-logo{display:none}
body.np .ein-detail .pk-schmal .karte{max-width:640px; margin-left:0}
body.np .ein-detail .pk-schmal #passkey-anlegen{display:inline-flex; width:auto; padding:0 24px}
body.np .ein-detail .pk-schmal .pk-fuss{text-align:left; color:var(--ap-zweit); font-size:15px}
body.np main .np-ein-kopf h1,body.np .ein-detail h1{font-size:34px; line-height:1.15; font-weight:700; letter-spacing:-.02em}
body.np .ein-detail select:is([name=rechtsform],[name=taetigkeit]){padding-left:8px}
body.np .ein-detail details:not([class])>summary{font-size:17px}
body.np:has(.ein-split) .portalfuss .darstellung{display:none}
body.np .ein-detail .ein-offen{margin:8px 0 0; font-size:15px; color:var(--ap-zweit)}
body.np main nav.np-reiter[data-ein] a[href$="/stammdaten"]::before{background-color:var(--bereich-finanzamt); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 21V5.5L13 3v18M13 9l7 2.5V21M3 21h18M7.5 8h2M7.5 12h2M7.5 16h2M16 14.5h1.5M16 18h1.5%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href$="/funktionen"]::before{background-color:var(--bereich-bank); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h9M17 7h3M4 17h3M11 17h9%22/%3E%3Ccircle cx=%2215%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%229%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href$="/np/einstellungen/pakete"]::before{background-color:var(--bereich-rechnungen); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 4.5v9L12 21l-8-4.5v-9zM4 7.5l8 4.5 8-4.5M12 12v9%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href$="/team"]::before{background-color:var(--bereich-lohn); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228.5%22 r=%223.2%22/%3E%3Cpath d=%22M3 19.5c.4-3.4 2.8-5.4 6-5.4s5.6 2 6 5.4M15.5 5.6a3 3 0 0 1 0 5.8M17.5 14.4c1.9.6 3.1 2.4 3.4 5.1%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href$="/abwesenheitsarten"]::before{background-color:var(--bereich-lohn); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215.5%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 10h17M8 3v4M16 3v4M7.5 14h3M13.5 14h3M7.5 17.5h3%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href$="/zugaenge"]::before{background-color:var(--bereich-belege); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22M11 12l8.5-8.5M16 7l2.5 2.5M14 9l2 2%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href="/konto/geraete"]::before{background-color:var(--bereich-sonstiges); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2211%22 rx=%221.8%22/%3E%3Cpath d=%22M2 19h20%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href="/konto"]::before{background-color:var(--bereich-bank); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%223.6%22/%3E%3Cpath d=%22M5 20.5c.5-4 3.3-6.3 7-6.3s6.5 2.3 7 6.3%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href="/zwei-faktor"]::before{background-color:var(--bereich-finanzamt); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7 3v5.5c0 4.4-3 8-7 9.5-4-1.5-7-5.1-7-9.5V6zM9 12l2.2 2.2L15.2 10%22/%3E%3C/svg%3E")}
body.np main nav.np-reiter[data-ein] a[href="/hilfe"]::before{background-color:var(--bereich-belege); background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.6 9.4a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.2-2.4 3.9M12 17h.01%22/%3E%3C/svg%3E")}
body.np main .ein-spalte :is(.ein-gruppe,.ein-ich){background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen); border-radius:var(--ap-rund-karte)}
body.np main nav.np-reiter[data-ein] a[aria-current],body.np main .ein-spalte a.ein-zeile[aria-current]{background:var(--ap-grund); box-shadow:var(--lg-kanten); font-weight:600}
body.np main .ein-spalte .ein-darst-wahl+.ein-darst-wahl{margin-top:0}
body.np main .ein-detail .np-seitenkopf p{font-size:15px; color:var(--ap-zweit)}
body.np main .ein-detail .np-ein-kopf{flex-wrap:wrap}
body.np main .ein-detail .np-ein-kopf>div:first-child{flex:1 1 auto; order:0}
body.np main .ein-detail .np-ein-kopf>.ein-werkzeug{order:1; align-self:center}
@media (min-width:901px){
  body.np:not(#gs-k) main .ein-detail .gs-kopf[data-gs-kopf] .ein-werkzeug{display:flex; align-items:center; gap:var(--ap-1); grid-row:4;
    grid-column:voll/ende; justify-self:start; margin:var(--ap-2) 0 0}
}
body.np main .ein-detail h2.eg-abschnitt{display:flex; align-items:center; gap:6px; margin:24px 16px 8px; padding:0; font-size:13px; line-height:1.3;
  font-weight:600; letter-spacing:0; color:var(--ap-zweit)}
body.np main .ein-detail h2.eg-abschnitt:not(#np-x):not(#np-y){font-size:13px; line-height:1.3; font-weight:600; letter-spacing:0; margin:24px 16px 8px}
body.np main .ein-detail h2.eg-abschnitt>a{margin-left:auto; font-size:15px; font-weight:500; color:var(--ap-akzent-text); text-decoration:none}
body.np main .ein-detail h2.eg-abschnitt details.zahl-i{position:relative}
body.np main .ein-detail .gs-kopf+h2.eg-abschnitt,body.np main .ein-detail .gs-kopf+.np-ein-zug>h2.eg-abschnitt:first-child{margin-top:16px}
body.np main .ein-detail .eg-gruppe{padding:4px 0 4px 16px; margin:0 0 8px; border-radius:var(--ap-rund-karte); overflow:visible}
body.np main .ein-detail .eg-zeile{position:relative; display:flex; align-items:center; gap:14px; min-height:64px; box-sizing:border-box; padding:10px 16px 10px 0; margin:0;
  color:var(--np-tinte); text-decoration:none; background:none; box-shadow:none; border:0}
body.np main .ein-detail .eg-zeile+.eg-zeile,body.np main .ein-detail .eg-gruppe>*+.eg-zeile{border-top:var(--io-haar,1px) solid; border-image:linear-gradient(to right,transparent 52px,var(--io-haarlinie) 52px) 1}
body.np main .ein-detail .eg-gruppe>.eg-zeile:not(:has(>.eg-sym))+.eg-zeile{border-image:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 1}
body.np main .ein-detail .gs-bsym.eg-sym,body.np main .ein-detail .gs-bsym.rund{flex:none; width:38px; height:38px; border-radius:10px}
body.np main .ein-detail .gs-bsym.eg-sym>svg{display:block; width:21px; height:21px}
body.np main .ein-detail .eg-text{flex:1 1 auto; min-width:0}
body.np main .ein-detail .eg-text>b{display:flex; align-items:center; gap:6px; font-size:17px; line-height:1.3; font-weight:600}
body.np main .ein-detail .eg-text>small{display:block; margin-top:1px; font-size:15px; line-height:1.35; color:var(--ap-zweit)}
body.np main .ein-detail .eg-rechts{flex:none; display:flex; align-items:center; gap:16px}
body.np main .ein-detail a.eg-zeile::after{content:"\203A"; flex:none; color:var(--ap-zweit); font-size:20px; line-height:1}
@media (hover:hover){body.np main .ein-detail a.eg-zeile:hover{background:var(--ap-fuellung)}}
body.np main .ein-detail .eg-stand{display:inline-flex; align-items:center; gap:6px; font-size:15px; font-weight:400; color:var(--ap-zweit); white-space:nowrap}
body.np main .ein-detail .eg-stand::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--bereich-finanzamt)}
body.np main .ein-detail .eg-stand[data-farbe="orange"]::before{background:var(--bereich-lohn)}
body.np main .ein-detail .eg-stand[data-farbe="rot"]::before{background:var(--io-rot)}
body.np main .ein-detail .eg-stand[data-farbe="grau"]::before{background:var(--ap-zweit)}
body.np main .ein-detail .eg-betrag{font-size:17px; font-weight:600; font-variant-numeric:tabular-nums}
body.np main .ein-detail .eg-leer{display:flex; flex-direction:column; align-items:center; gap:12px; padding:28px 16px 28px 0; text-align:center}
body.np main .ein-detail .eg-leer>p{margin:0; font-size:17px; color:var(--ap-zweit)}
body.np main .ein-detail .eg-knoepfe{display:flex; justify-content:flex-end; gap:8px; margin:8px 0 0}
body.np main .ein-detail .eg-knoepfe form{margin:0}
body.np main .ein-detail .eg-rot button.warnung{background:none; box-shadow:none; border:0; padding:0; min-height:44px; font:inherit; font-size:17px; font-weight:600; color:var(--io-rot); cursor:pointer}
body.np main .ein-detail .eg-rot button.warnung{margin:0 !important; align-self:center}
body.np main .ein-detail .eg-rot form{margin:0 !important; flex:1 1 auto; display:flex; align-items:center; justify-content:flex-start}
body.np main .ein-detail .eg-zeile .eg-rechts form{margin:0}
body.np main .ein-detail .geraete-liste .np-ein-tat button.knopf2{ color:var(--io-rot); font-size:15px; font-weight:600; padding:0 4px}
body.np main .ein-detail .np-ein-formkarte,body.np main .ein-detail .np-ein-firma>section{max-width:none}
body.np main .ein-detail .np-ein-formkarte{padding:4px 16px}
body.np main .ein-detail .np-ein-formkarte .bb-feldhuelle{display:flex; align-items:center; width:100%}
body.np main .ein-detail .np-ein-formkarte .bb-feldhuelle>input{flex:1 1 auto; min-width:0}
body.np main .ein-detail .np-ein-formkarte .bb-feldhuelle>.bb-feldknopf{margin-left:auto}
body.np main .ein-detail .np-ein-formkarte .feldgruppe>div{min-height:52px}
body.np main .ein-detail .np-ein-formkarte :is(input[type=text],input:not([type]),input[inputmode],select),body.np main .ein-detail .np-ein-formkarte :is(.bb-feldhuelle,.af-feld),
body.np main .ein-detail .zf-einstellung label.feld>input{border:0 !important; box-shadow:none !important; background:transparent !important; outline-offset:2px;
  font-size:17px; color:var(--np-tinte)}
body.np main .ein-detail .np-ein-formkarte .bb-feldhuelle>input,body.np main .ein-detail .np-ein-formkarte .af-feld>input{padding-left:8px}
body.np main .ein-detail .np-ein-formkarte select{padding-left:8px; appearance:none; -webkit-appearance:none; background-image:none}
body.np main .ein-detail .np-ein-formkarte .fund-quelle{display:none}
body.np main .ein-detail .np-ein-formkarte details.klappe>summary{display:flex; align-items:center; min-height:52px; padding:0; font-weight:400}
body.np main .ein-detail .np-ein-formkarte details.klappe>summary .titel{display:flex; align-items:baseline; gap:8px; font-size:17px; font-weight:600}
body.np main .ein-detail .np-ein-formkarte details.klappe>summary .titel small{font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main .ein-detail .np-ein-formkarte form>p:last-child{display:flex; justify-content:flex-end; margin:8px 0 12px}
body.np main .ein-detail .zf-einstellung{padding:4px 16px}
body.np main .ein-detail .zf-einstellung form{display:block; margin:0; max-width:none}
body.np main .ein-detail .zf-einstellung label.zf-schalter{display:flex; align-items:center; justify-content:space-between; min-height:52px; max-width:none; font-size:17px}
body.np main .ein-detail .zf-einstellung label.feld{display:flex !important; flex-direction:row !important; align-items:center; gap:8px; min-height:52px; margin:0; font-size:17px; font-weight:400; color:var(--np-tinte)}
body.np main .ein-detail .zf-einstellung label.feld>input{flex:1 1 auto; min-width:0; text-align:right; max-width:none}
body.np main .ein-detail .zf-einstellung label.eg-feldzeile{display:flex !important; flex-wrap:nowrap !important; width:100%; max-width:none !important; align-items:center !important; gap:8px; min-height:52px; margin:0; font-size:17px; color:var(--np-tinte)}
body.np main .ein-detail .zf-einstellung label.eg-feldzeile>span{flex:none; font-size:17px !important; font-weight:400 !important; color:var(--np-tinte); order:1}
body.np main .ein-detail .zf-einstellung label.eg-feldzeile>input{order:2; margin:0 !important; align-self:center;flex:1 1 auto !important; width:auto; min-width:0; max-width:none; text-align:right; border:0 !important; box-shadow:none !important;
  background:transparent !important; font-size:17px}
body.np main .ein-detail .zf-einstellung label.eg-feldzeile>details.zahl-i{order:3 !important; margin:0 !important; position:relative}
body.np main .ein-detail .np-ein-zug{row-gap:0}
body.np main .ein-detail .np-ein-zug>section{margin-bottom:8px}
body.np main .ein-detail .zf-einstellung form>button{display:block; margin:4px 0 12px auto}
body.np main .ein-detail .firma-entfernen{padding:4px 16px}
body.np main .ein-detail form.funktionen.eg-gruppe{padding:4px 16px 4px 16px; max-width:none}
body.np main .ein-detail form.funktionen label.ap-schalter{grid-template-columns:38px minmax(0,1fr) auto; column-gap:14px; min-height:64px; padding:10px 0;
  border-top:0; --io-einzug:52px}
body.np main .ein-detail form.funktionen label.ap-schalter>.eg-sym{grid-column:1; grid-row:1}
body.np main .ein-detail form.funktionen label.ap-schalter>span[id]{grid-column:2; font-size:17px; font-weight:600}
body.np main .ein-detail form.funktionen label.ap-schalter>span[id]>small{font-size:15px; line-height:1.35}
body.np main .ein-detail form.funktionen label.ap-schalter>input[type=checkbox]{grid-column:3}
body.np main .ein-detail .np-pk-tat button.warnung{min-height:44px; padding:0 4px; border:0; background:none; box-shadow:none; font:inherit; font-size:15px; font-weight:600; color:var(--io-rot); cursor:pointer}
body.np main .ein-detail .np-pk-fuss{margin:14px 16px 8px; font-size:13px; color:var(--ap-zweit)}
body.np main .ein-detail .np-pk-stufe{margin:0 0 8px; padding:14px 16px; border-radius:var(--ap-rund-karte); background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen);
  color:var(--np-tinte); font-size:15px}
body.np main .ein-detail [data-np-liste="team"].karte{padding:4px 0 4px 16px}
body.np main .ein-detail [data-np-liste="team"] .team-zeile{gap:8px 14px; padding:10px 16px 10px 0; min-height:64px}
body.np main .ein-detail [data-np-liste="team"] .team-zeile>.eg-sym{order:-1}
body.np main .ein-detail [data-np-liste="team"] .team-zeile>.wer{flex:1 1 200px; font-size:17px}
body.np main .ein-detail [data-np-liste="team"] .team-zeile>.wer .klein{font-size:15px}
body.np main .ein-detail [data-np-liste="team"] .team-zeile+.team-zeile{border-top:var(--io-haar,1px) solid; border-image:linear-gradient(to right,transparent 52px,var(--io-haarlinie) 52px) 1}
body.np main .ein-detail .eg-tabelle.karte{padding:4px 16px;}
body.np main .ein-detail .eg-tabelle .rollbar{box-shadow:none; background:none}
body.np main .ein-detail section.np-ein-liste.eg-gruppe{padding:4px 0 4px 16px}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-zeile{align-items:center; gap:14px; min-height:64px; padding:10px 16px 10px 0}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-zeile .np-kreis{width:38px; height:38px; border-radius:10px; font-size:13px}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-t>b{font-size:17px; font-weight:600}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-t>b .leise{display:inline; font-weight:400; color:var(--ap-zweit)}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-t>span{font-size:15px; color:var(--ap-zweit)}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-pille{background:none; border:0; padding:0; font-size:15px; font-weight:400; color:var(--ap-zweit)}
body.np main .ein-detail section.np-ein-liste.eg-gruppe .np-ein-tat .leise{font-size:15px}
body.np main .ein-detail section.np-ein-rollen.eg-gruppe{padding:4px 0 4px 16px}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary{display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 16px 10px 0; cursor:pointer; list-style:none}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary::-webkit-details-marker{display:none}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary::after{content:"\203A"; margin-left:auto; color:var(--ap-zweit); font-size:20px; transition:transform .2s ease}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle[open]>summary::after{transform:rotate(90deg)}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary>b{font-size:17px; font-weight:600; white-space:nowrap}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary>.np-ein-wer{flex:1 1 auto; min-width:0; font-size:15px; color:var(--ap-zweit)}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle{--io-einzug:52px}
body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>:not(summary){margin:0 16px 12px 52px; font-size:15px}
body.np main .ein-detail .firmenliste.eg-gruppe{padding:4px 0 4px 16px}
body.np main .ein-detail .firmenliste.eg-gruppe li{grid-template-columns:38px minmax(0,1fr) auto; column-gap:14px; min-height:64px; padding:10px 40px 10px 0; --io-einzug:52px}
body.np main .ein-detail .firmenliste.eg-gruppe li::after{right:16px}
body.np main .ein-detail .firmenliste.eg-gruppe .rund.gs-bsym{color:var(--ap-grund); font-size:13px; font-weight:700}
body.np main .ein-detail .firmenliste.eg-gruppe .firma>.dazu~.dazu{display:none}
body.np main .ein-detail details.eg-klappe{padding:0 16px; margin:16px 0 8px}
body.np main .ein-detail details.eg-klappe>summary{display:flex; align-items:center; min-height:56px; list-style:none; cursor:pointer}
body.np main .ein-detail details.eg-klappe>summary .titel{font-size:17px; font-weight:600}
body.np main .ein-detail details.eg-klappe>.inhalt>h3{margin:16px 0 8px; font-size:13px; font-weight:600; color:var(--ap-zweit)}
body.np main .ein-detail details.eg-klappe>.inhalt>.karte{ -webkit-backdrop-filter:none; backdrop-filter:none; padding:8px 0; margin:0;
  border-top:var(--io-haar,1px) solid var(--io-haarlinie);}
body.np main .ein-detail details.eg-klappe>.inhalt>.karte p{font-size:15px; color:var(--ap-zweit)}
body.np main .ein-detail details.eg-klappe>.inhalt>.karte p strong{display:block; font-size:17px; color:var(--np-tinte)}
body.np main .ein-detail .geraete-liste.eg-gruppe .np-app.eg-sym{margin:0}
body.np main form.eg-platz{padding:4px 16px 16px}
body.np main form.eg-platz legend{display:flex; align-items:center; gap:6px; margin:12px 0 8px; font-size:13px; font-weight:600; color:var(--ap-zweit)}
body.np main form.eg-platz label.weg{margin:0; border-radius:0; background:none; box-shadow:none; padding:12px 0; min-height:64px}
body.np main form.eg-platz label.weg+label.weg{border-top:var(--io-haar,1px) solid var(--io-haarlinie)}
body.np main form.eg-platz label.weg .name{font-size:17px; font-weight:600}
body.np main form.eg-platz label.weg .text{font-size:15px; color:var(--ap-zweit)}
body.np main form.eg-platz label.weg:has(input:checked){margin:0 -12px; padding:12px 44px 12px 12px; border-radius:16px;
  background:var(--ap-wahl-grund) var(--ap-haken) no-repeat right 12px center/20px; box-shadow:inset 0 0 0 2px var(--ap-wahl-rand)}
body.np main form.eg-platz label.weg:has(input:checked)+label.weg{border-top-color:transparent}
body.np main form.eg-platz label.weg:has(input:focus-visible){outline:2px solid var(--ap-wahl-rand); outline-offset:2px; border-radius:16px}
body.np main form.eg-platz>button.knopf{display:block; margin:16px 0 0 auto}
body.np dialog.ein-blatt .ein-blatt-kopf>h2:not(#np-x):not(#np-y){font-size:17px; line-height:1.3; font-weight:600; margin:0}
body.np dialog.ein-blatt .ein-blatt-kopf>button.gs-knopf{}
body.np dialog.ein-blatt .ein-blatt-kopf>button.eg-weg{color:var(--io-rot)}
body.np dialog.eg-pk-blatt .np-f-fuss{display:none}
body.np dialog.ein-blatt :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea),body.np dialog.ein-blatt .bb-feldhuelle{
  border:0 !important; box-shadow:none !important; background-color:var(--ap-fuellung) !important; border-radius:10px}
body.np dialog.ein-blatt .bb-feldhuelle>input{background:none !important}
body.np main .rechnungsseite #np-re-vorlage .np-zeile>a.np-knopf.rand{ padding:0 4px; min-height:44px;
  color:var(--ap-akzent-text); font-size:15px; font-weight:600}
body.np main .rechnungsseite #np-re-vorlage .np-zeile>a.np-knopf.rand::after{content:" \203A"; color:var(--ap-zweit)}
body.np main .rechnungsseite #np-re-fuss>h2:not(#np-x):not(#np-y){font-size:13px; font-weight:600; color:var(--ap-zweit)}
@media (max-width:600px){
  body.np main .ein-detail .eg-zeile:has(>.eg-rechts){flex-wrap:wrap; row-gap:4px}
  body.np main .ein-detail .eg-zeile:has(>.eg-rechts)>.eg-text{flex:1 1 calc(100% - 52px)}
  body.np main .ein-detail .eg-zeile>.eg-rechts{margin-left:52px}
  body.np main .ein-detail .eg-zeile:not(:has(>.eg-sym))>.eg-rechts{margin-left:0}
  body.np main .ein-detail .geraete-liste.eg-gruppe .np-zeile .np-ein-tat,body.np main .ein-detail .geraete-liste.eg-gruppe .np-zeile>.eg-stand{margin-left:52px}
  body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary{flex-wrap:wrap; row-gap:0}
  body.np main .ein-detail section.np-ein-rollen details.np-ein-rolle>summary>.np-ein-wer{flex:1 1 100%; margin-left:52px; order:3}
  body.np main .ein-detail .firmenliste.eg-gruppe li{grid-template-columns:38px minmax(0,1fr)}
  body.np main .ein-detail .zf-einstellung label.feld>input{text-align:left}
}


body.np .np-bo-raster{display:grid; grid-template-columns:minmax(0,1fr) 398px; grid-template-areas:"l s"; gap:14px; align-items:stretch}
body.np .np-bo-links{grid-area:l; min-width:0; display:flex; flex-direction:column; gap:14px}
body.np .np-bo-links>.np-karte{margin:0}
body.np .np-bo-zwei{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.6fr); gap:14px; flex:1}
body.np .np-bo-zwei>.np-karte{margin:0; min-width:0}
body.np .np-bo-start .np-stapel{grid-area:s; min-width:0}
body.np .np-bo-start .np-seitenkopf{margin-bottom:10px}
body.np .np-bo-u{padding-bottom:14px}
body.np .np-bo-u .np-oben{margin-bottom:10px}
body.np .np-bo-u .np-oben .np-pille b,body.np .np-boss .np-oben .np-pille b{font-weight:700}
body.np .np-bo-verlauf{padding:8px 0 22px 56px}
body.np .np-bo-flaeche{position:relative; height:104px}
body.np .np-bo-linie{position:absolute; left:0; right:0; height:0; border-top:1px solid var(--np-linie)}
body.np .np-bo-linie em{position:absolute; right:100%; margin-right:8px; top:-8px; font-style:normal; font-size:11.5px; line-height:16px; color:var(--np-grau); white-space:nowrap}
body.np ol.np-bo-saeulen{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:stretch; gap:4px; list-style:none; margin:0; padding:0 4px}
body.np ol.np-bo-saeulen li{flex:1; min-width:0; position:relative; display:flex; justify-content:center; margin:0; padding:0}
body.np .np-bo-saeule{width:78%; max-width:28px; height:100%; display:flex; flex-direction:column; justify-content:flex-end}
body.np .np-bo-saeule i{display:block; background:var(--knopf)}
body.np .np-bo-saeule i.einmal{background:var(--np-grau-hell); border-radius:6px 6px 0 0}
body.np .np-bo-saeule i.oben{border-radius:6px 6px 0 0}
body.np ol.np-bo-saeulen small{position:absolute; top:100%; margin-top:6px; font-size:11.5px; line-height:14px; color:var(--np-grau)}
body.np ol.np-bo-saeulen li.np-bo-ohne small{color:var(--np-grau-hell)}
body.np .np-bo-u .np-legende i{background:var(--knopf)}
body.np .np-bo-u .np-legende i.np-bo-hell{background:var(--np-grau-hell)}
body.np .np-bo-k{display:flex; align-items:center; gap:12px; padding-top:14px; padding-bottom:14px}
body.np .np-bo-vier{flex:1; min-width:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
body.np .np-bo-vier>div{min-width:0}
body.np .np-bo-vier .np-zart{display:block; font-size:12.5px}
body.np .np-bo-vier b.np-mittel{display:block; font-size:26px; margin:1px 0}
body.np .np-bo-vier i{font-style:normal; font-weight:600}
body.np .np-bo-k .np-still{flex:none; min-height:44px}
body.np .np-bo-stufe{display:grid; grid-template-columns:minmax(0,150px) minmax(0,1fr) 34px 58px; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--np-linie)}
body.np .np-bo-stufe:last-of-type{border-bottom:0}
body.np .np-bo-stufe>b{font-size:14px; font-weight:600; min-width:0}
body.np .np-bo-stufe .np-betrag{font-size:18px; font-weight:700; text-align:right}
body.np .np-bo-stufe .np-pille{justify-content:center}
body.np .np-boss-t .np-oben,body.np .np-bo-p .np-oben{flex-wrap:nowrap; align-items:center}
body.np .np-bo-start nav.np-boss-unter{margin-bottom:8px}
body.np .np-bo-u .np-legende{margin-top:0}
body.np .np-bo-dazu{margin:6px 0 0; font-size:12.5px}
body.np .np-bo-paket{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; padding:7px 0; font-size:13.5px}
body.np .np-bo-paket b{font-weight:700}
body.np .np-bo-paket .np-boss-balken{grid-column:1/-1; height:6px}
body.np .np-bo-paket.ohne{color:var(--np-grau)}
body.np .np-bo-paket.ohne i{background:var(--np-grau-hell)}
body.np .np-bo-vorn{overflow:hidden; background:var(--np-feld); color:var(--np-tinte)}
body.np .np-bo-vorn.rot{background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .np-bo-vorn.orange{background:var(--np-orange-feld); color:var(--np-orange)}
body.np .np-bo-vorn[data-np-bild]{border-radius:11px}
body.np .np-bo-vorn.rot[data-np-bild]{outline:2.5px solid var(--np-rot)}
body.np .np-bo-vorn.orange[data-np-bild]{outline:2.5px solid var(--np-ampel-orange)}
body.np .np-bo-vorn img{width:100%; height:100%; object-fit:cover; display:block}
body.np h3.np-bo-kat{font-size:11.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--np-grau); margin:14px 0 2px}
body.np h3.np-bo-kat:first-child{margin-top:0}
body.np .np-ampel.orange{background:var(--np-ampel-orange)}
body.np .np-ampel.gruen{background:var(--np-grau-hell)}
body.np nav.np-boss-unter em{font-style:normal; font-size:11.5px; font-weight:700; margin-left:6px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; display:inline-grid; place-items:center; background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .np-bo-zf form{margin:6px 0 0}
body.np .np-bo-zf .np-oben p{margin:4px 0 0; max-width:60ch}
body.np .np-bo-zf button.np-knopf{ cursor:pointer; font:inherit; font-weight:600}
body.np .np-bo-zfhin p{margin:0}
body.np .np-bo-betrieb{margin:0 0 14px}
body.np .np-bo-betrieb .karte{ padding:0;}
@media (max-width:1180px){
  body.np .np-bo-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"s" "l"}
}
@media (max-width:700px){
  body.np .np-bo-zwei{grid-template-columns:minmax(0,1fr)}
  body.np .np-bo-stufe{grid-template-columns:minmax(0,1fr) 34px 58px}
  body.np .np-bo-stufe .np-boss-balken{grid-column:1/-1; grid-row:2}
  body.np .np-boss-t .np-oben{flex-wrap:wrap}
  body.np .np-bo-k{flex-direction:column; align-items:stretch}
  body.np .np-bo-vier{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.np .np-bo-verlauf{padding-left:48px}
  body.np ol.np-bo-saeulen{gap:2px; padding:0}
  body.np ol.np-bo-saeulen small{font-size:10px}
  body.np .np-bo-start .np-schalter a{height:44px}
}
body.np .np-boss-raster{display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:14px; align-items:start; margin:0 0 14px}
body.np .np-boss-raster>.np-karte{margin:0; min-width:0}
body.np .np-boss .np-oben{display:flex; align-items:flex-start; gap:8px 10px; flex-wrap:wrap; margin:0 0 8px}
body.np .np-boss .np-oben h2{margin:0}
body.np .np-boss .np-oben>div:first-child{flex:1 1 auto; min-width:0}
body.np .np-boss .np-oben .np-rechts{margin-left:auto}
body.np .np-boss .np-oben .np-zart{display:block}
body.np .np-boss .np-oben .np-still{min-height:44px}
body.np .np-boss-braucht{padding:14px 20px 6px}
body.np .np-boss-braucht .np-zeile{min-height:52px; padding:6px 4px}
body.np .np-boss-braucht .np-zeile svg:last-child{color:var(--np-grau-hell); flex:none}
body.np .np-boss-braucht .np-t b{white-space:normal}
body.np .np-boss-neu{display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0 0 10px}
body.np .np-boss-suche{display:block; margin:0 0 4px}
body.np .np-boss-suche input{width:100%; max-width:none; min-height:44px; padding:0 14px; border:0; background:var(--np-feld); border-radius:14px; font-size:15px; margin:0}
body.np .np-boss-kunde[hidden],body.np .np-boss-liste [hidden]{display:none}
body.np .np-boss-kunde .np-t span,body.np .np-boss-ticket .np-t span{white-space:nowrap}
body.np .np-boss-mark{font-style:normal; font-size:11.5px; font-weight:600; color:var(--np-grau); background:var(--np-feld); border-radius:999px; padding:2px 8px; margin-left:4px}
body.np small.np-boss-test{display:block; font-size:11.5px; font-weight:500; color:var(--np-grau); text-align:right}
body.np .np-boss-mehr>summary{list-style:none; cursor:pointer}
body.np .np-boss-mehr>summary::-webkit-details-marker{display:none}
body.np .np-boss-mehr[open]>summary{color:var(--np-grau)}
body.np .np-pille.np-boss-lang{white-space:normal; max-width:46%; text-align:left; border-radius:14px}
body.np a.np-boss-ticket{padding:10px 6px}
body.np .np-boss-ticket .np-ampel{width:12px; height:12px}
body.np .np-pille .np-ampel{width:8px; height:8px}
body.np .np-boss-foto svg{flex:none}
body.np .np-boss-stufe{display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid var(--np-linie)}
body.np .np-boss-stufe:last-of-type{border-bottom:0}
body.np .np-boss-stufe .np-t{flex:1; min-width:0}
body.np .np-boss-stufe .np-t b{display:block; font-size:14.5px; font-weight:600; margin:0 0 6px}
body.np .np-boss-balken{display:block; height:10px; border-radius:5px; background:var(--np-feld); overflow:hidden}
body.np .np-boss-balken i{display:block; height:100%; border-radius:5px; background:var(--knopf)}
body.np .np-boss-stufe .np-betrag{font-size:20px; font-weight:700; min-width:40px; text-align:right}
body.np .np-boss-stufe .np-pille{min-width:56px; justify-content:center}
body.np .np-boss-ohne{min-width:56px; flex:none}
body.np .np-boss-kurve{margin-top:6px}
body.np .np-boss-kurve .boss-leer,body.np .np-boss .boss-leer{color:var(--np-grau); font-size:14px; padding:18px 4px; text-align:center}
body.np .np-boss-klappe{padding:0; margin:0 0 14px}
body.np .np-boss-raster>.np-boss-klappe{margin:0}
body.np .np-boss-klappe>summary{list-style:none; cursor:pointer; padding:16px 24px; min-height:56px; display:flex; align-items:center; gap:10px}
body.np .np-boss-klappe>summary::-webkit-details-marker{display:none}
body.np .np-boss-klappe>summary h2,body.np .np-boss-klappe>summary h3{margin:0; font-size:16px}
body.np .np-boss-klappe>summary::after{content:""; margin-left:auto; width:9px; height:9px; border-right:2px solid var(--np-grau-hell); border-bottom:2px solid var(--np-grau-hell); transform:rotate(45deg); transition:transform .15s}
body.np .np-boss-klappe[open]>summary::after{transform:rotate(225deg)}
body.np .np-boss-klappe>*:not(summary){margin-left:24px; margin-right:24px}
body.np .np-boss-klappe>*:last-child{margin-bottom:20px}
body.np .np-boss-klappe .karte{ padding:0;}
body.np .np-boss-drei{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px}
body.np .np-boss-drei h2{font-size:15.5px}
body.np .np-boss dl.boss-liste{margin:0; padding:0}
body.np .np-boss dl.boss-liste>div{display:flex; align-items:baseline; gap:12px; padding:9px 0; border-bottom:1px solid var(--np-linie)}
body.np .np-boss dl.boss-liste>div:last-child{border-bottom:0}
body.np .np-boss dl.boss-liste dt{flex:1; min-width:0; color:var(--np-tinte); font-size:14px}
body.np .np-boss dl.boss-liste dd{margin:0; font-weight:700; white-space:nowrap}
body.np .np-boss ul.boss-wege{list-style:none; margin:8px 0 0; padding:0}
body.np .np-boss ul.boss-wege a{display:flex; align-items:center; min-height:44px; font-weight:600; text-decoration:none; border-bottom:1px solid var(--np-linie)}
body.np .np-boss ul.boss-wege li:last-child a{border-bottom:0}
body.np .np-boss table.boss-tabelle{width:100%; border-collapse:collapse}
body.np .np-boss table.boss-tabelle td,body.np .np-boss table.boss-tabelle th{padding:9px 0; font-size:14px; text-align:left; border-bottom:1px solid var(--np-linie)}
body.np .np-boss table.boss-tabelle tr:last-child td{border-bottom:0}
body.np .np-boss table.boss-tabelle td:last-child{text-align:right; font-weight:600}
body.np .np-boss td.minus{color:var(--np-rot-tief)}
body.np .np-boss td.plus{color:var(--np-tinte)}
body.np .np-boss .boss-pille{display:inline-flex; font-size:12.5px; font-weight:600; padding:3px 10px; border-radius:999px; background:var(--np-feld); color:var(--np-grau)}
body.np .np-boss .boss-pille.aktiv{background:var(--np-feld); color:var(--np-tinte)}
body.np.np-bossseite .marke-fertig{background:var(--np-feld); color:var(--np-tinte)}
body.np.np-bossseite .ol-auftrag-stand li.fertig{color:var(--np-tinte)}
body.np .np-boss .np-pille:not(.rot):not(.orange):not(.minus):not(.grau),body.np.np-bossseite .np-pille:not(.rot):not(.orange):not(.minus):not(.grau){background:var(--np-feld); color:var(--np-tinte); box-shadow:none}
body.np .np-boss .boss-pille.zahlung_offen{background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np.np-bossseite{--np-gruen-hauch:var(--np-feld); --akzent-50:var(--np-feld); --lg-kreis-hell:var(--np-feld); --akzent:var(--np-tinte); --akzent-500:var(--np-tinte)}
body.np.np-bossseite .np-kreis{color:var(--np-tinte)}
body.np.np-bossseite a.np-zeile:hover{background:var(--np-feld)}
body.np.np-bossseite input:focus,body.np.np-bossseite select:focus,body.np.np-bossseite textarea:focus{outline-color:var(--np-tinte); border-color:var(--np-tinte)}
body.np.np-bossseite input,body.np.np-bossseite select,body.np.np-bossseite textarea{border-color:rgba(18,18,18,.20)}
body.np.np-bossseite svg.bb-zeichen linearGradient[id^="bbPunkte"] stop:nth-child(1){stop-color:var(--np-grau-hell)}
body.np.np-bossseite svg.bb-zeichen linearGradient[id^="bbPunkte"] stop:nth-child(2){stop-color:var(--np-grau)}
body.np.np-bossseite svg.bb-zeichen linearGradient[id^="bbPunkte"] stop:nth-child(3){stop-color:var(--np-tinte)}
body.np nav.np-boss-unter{display:flex; gap:2px; padding:3px; margin:-6px 0 14px; background:var(--np-feld); border-radius:999px; overflow-x:auto; scrollbar-width:none; max-width:100%; width:max-content}
body.np nav.np-boss-unter::-webkit-scrollbar{display:none}
body.np nav.np-boss-unter a{flex:none; padding:0 13px; min-height:36px; display:inline-flex; align-items:center; border-radius:999px; font-size:13px; font-weight:600; color:var(--np-grau); white-space:nowrap; text-decoration:none}
body.np nav.np-boss-unter a:hover{color:var(--np-tinte)}
body.np nav.np-boss-unter a[aria-current]{background:var(--np-karte); color:var(--np-tinte)}
body.np ul.tk-liste{list-style:none; margin:0; padding:6px 20px; display:block}
body.np ul.tk-liste>li{border-bottom:1px solid var(--np-linie); position:relative; padding-left:24px}
body.np ul.tk-liste>li:last-child{border-bottom:0}
body.np ul.tk-liste>li::before{content:""; position:absolute; left:2px; top:22px; width:12px; height:12px; border-radius:50%; background:var(--np-ampel-orange)}
body.np ul.tk-liste>li[data-ampel="rot"]::before{background:var(--np-rot)}
body.np ul.tk-liste>li[data-ampel="gruen"]::before{background:var(--np-grau-hell)}
body.np ul.tk-liste a.tk-zeile{display:grid; gap:2px; padding:12px 4px; min-height:56px; border:0; border-radius:12px; background:none; color:var(--np-tinte); text-decoration:none}
body.np ul.tk-liste a.tk-zeile:hover{background:var(--np-feld)}
body.np .tk-marke{display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:600; padding:3px 10px; border-radius:999px; background:var(--np-orange-feld); color:var(--np-orange)}
body.np .tk-marke[data-status="gemeldet"]{background:var(--np-rot-feld); color:var(--np-rot-tief)}
body.np .tk-marke[data-status="erledigt"]{background:var(--np-feld); color:var(--np-grau)}
body.np .tk-kunde{color:var(--np-orange); font-weight:600}
body.np .tk-oben{background:var(--np-orange-feld); border:0; border-radius:18px}
body.np .np-boss-ticketseite{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
body.np .np-boss-ticketseite>div>section.karte{margin:0 0 14px}
body.np .np-boss-bild{position:sticky; top:12px; align-items:start}
body.np .np-boss-bild a{display:block; width:100%}
body.np .np-boss-bild img.tk-bild{width:100%; max-width:none; min-height:0; height:auto; border:0; border-radius:0; display:block}
body.np .np-boss-bild[data-np-bild="nein"]{min-height:160px}
body.np .tk-form textarea,body.np .tk-form select{width:100%; max-width:none; min-height:44px; padding:10px 12px; font:inherit}
body.np .tk-form button{min-height:44px; padding:0 20px}
body.np .tk-verlauf li{border-left:2px solid var(--np-linie)}
body.np dl.tk-angaben dt{color:var(--np-grau)}
body.np dl.tk-angaben{display:grid; grid-template-columns:max-content minmax(0,1fr); gap:4px 14px; margin:12px 0 0; font-size:13.5px}
body.np dl.tk-angaben dd{margin:0; overflow-wrap:anywhere}
body.np ol.tk-verlauf{list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px}
body.np ol.tk-verlauf li{padding-left:14px}
body.np ol.tk-verlauf p{margin:0}
body.np .tk-text{white-space:pre-wrap; overflow-wrap:anywhere; margin:6px 0}
body.np .tk-haupt{font-weight:600; font-size:17px}
body.np form.tk-form{display:grid; gap:8px}
body.np form.tk-form button{justify-self:start}
@media (max-width:1180px){
  body.np .np-boss-raster{grid-template-columns:minmax(0,1fr)}
  body.np .np-boss-drei{grid-template-columns:minmax(0,1fr); gap:18px}
}
@media (max-width:860px){
  body.np .np-boss-ticketseite{grid-template-columns:minmax(0,1fr)}
  body.np .np-boss-bild{position:static}
}
@media (max-width:700px){
  body.np dl.tk-angaben{grid-template-columns:minmax(0,1fr)}
  body.np .np-boss-kunde,body.np a.np-boss-ticket{flex-wrap:wrap; gap:6px 10px}
  body.np .np-boss-kunde .np-t,body.np .np-boss-ticket .np-t{flex:1 1 calc(100% - 60px)}
  body.np .np-boss-kunde .np-t span,body.np .np-boss-ticket .np-t span,body.np .np-boss-ticket .np-t b{white-space:normal}
  body.np .np-boss-kunde .np-pille{margin-left:44px}
  body.np .np-boss-kunde .np-betrag{margin-left:auto}
  body.np .np-boss-ticket .np-pille:first-of-type{margin-left:24px}
  body.np .np-boss-klappe>summary{padding:14px 18px}
  body.np .np-boss-klappe>*:not(summary){margin-left:18px; margin-right:18px}
  body.np nav.np-boss-unter{width:auto; border-radius:14px}
  body.np .np-pille.np-boss-lang{max-width:100%}
  body.np .np-boss-bild{position:static}
  body.np .np-boss .np-schalter a{height:44px}
  body.np nav.np-boss-unter a{min-height:44px}
}


body.np .np-sb{max-width:1080px; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .np-sb-kopf{display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 24px; padding-bottom:14px; border-bottom:2px solid var(--np-tinte)}
body.np .np-sb-kopf h1{margin:0; font-size:26px; letter-spacing:-.02em}
body.np .np-sb-kopf p{margin:0; color:var(--np-grau); font-size:14px}
body.np .np-sb-jahre{display:flex; gap:2px; margin-left:auto; padding:3px; border-radius:999px; background:var(--ap-rinne,var(--np-feld))}
body.np .np-sb-jahre a{display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border-radius:999px; font-size:13px; font-weight:600; color:var(--np-grau); text-decoration:none}
body.np .np-sb-jahre a[aria-current]{background:var(--np-karte); color:var(--np-tinte); box-shadow:0 1px 3px rgba(18,24,21,.12)}
body.np .np-sb-raster{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; margin-top:22px}
@media (max-width:900px){body.np .np-sb-raster{grid-template-columns:minmax(0,1fr)}}
body.np .np-sb h2{margin:0; padding:0 0 6px; font-size:15px; font-weight:700; letter-spacing:-.01em; color:var(--np-tinte); border-bottom:1px solid var(--np-tinte)}
body.np table.np-sb-tab{width:100%; border-collapse:collapse; font-size:13.5px}
body.np table.np-sb-tab th,body.np table.np-sb-tab td{padding:7px 8px; border-bottom:1px solid var(--np-linie); text-align:left; vertical-align:top}
body.np table.np-sb-tab thead th{border-bottom:1px solid var(--np-tinte); font-size:12px; color:var(--np-grau); font-weight:600}
body.np table.np-sb-tab td.zahl,body.np table.np-sb-tab th.zahl{text-align:right; white-space:nowrap}
body.np table.np-sb-tab a{color:var(--np-tinte); font-weight:600; text-decoration:underline; text-decoration-color:var(--np-grau-hell); text-underline-offset:3px}
body.np table.np-sb-tab td.satz{color:var(--np-grau)}
body.np table.np-sb-tab td.np-sb-dl{white-space:nowrap; text-align:right}
body.np table.np-sb-tab td.np-sb-dl a{font-weight:500; margin-left:10px}
body.np .np-sb-block + .np-sb-block{margin-top:26px}
body.np .np-sb-leer{color:var(--np-grau); font-size:13.5px; margin:6px 0 0}
body.np .np-sb-stand{display:grid; grid-template-columns:auto 1fr; gap:4px 16px; margin:0; font-size:13.5px}
body.np .np-sb-stand dt{color:var(--np-grau)}
body.np .np-sb-stand dd{margin:0; font-weight:600}
@media print{body.np .np-sb-jahre{display:none}}
@media (max-width:700px){
body.np table.np-sb-tab:not(.np-ko-tab),body.np table.np-sb-tab:not(.np-ko-tab) tbody{display:block}
body.np table.np-sb-tab:not(.np-ko-tab) tr{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; padding:8px 0; border-bottom:1px solid var(--np-linie)}
body.np table.np-sb-tab:not(.np-ko-tab) td{display:block; padding:0; border:0}
body.np table.np-sb-tab:not(.np-ko-tab) td.satz{grid-column:1 / -1; grid-row:2; font-size:17px}
body.np .np-sb-kopf{align-items:flex-start}
body.np .np-sb-jahre{margin-left:0}
}
body.np .np-sb-hinweis{margin:6px 0 8px; font-size:12.5px; color:var(--np-grau)}
body.np .np-ko-bild{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:8px; align-items:end; height:200px; padding:8px 0 0; border-bottom:1px solid var(--np-linie)}
body.np .np-ko-s{display:flex; flex-direction:column; align-items:stretch; height:100%; min-width:0}
body.np .np-ko-stapel{flex:1; display:flex; flex-direction:column; justify-content:flex-end; gap:1px; width:min(16px,60%); margin:0 auto}
body.np .np-ko-stapel i:first-child{border-radius:4px 4px 0 0}
body.np .np-ko-stapel i{display:block; min-height:1px}
body.np .np-ko-s span{font-size:11.5px; color:var(--np-grau); text-align:center; padding:4px 0 2px}
body.np .np-ko-leg{display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px; font-size:12.5px; color:var(--np-grau)}
body.np .np-ko-leg span{display:inline-flex; align-items:center; gap:6px}
body.np .np-ko-leg i{width:8px; height:8px; border-radius:50%; display:inline-block}
body.np .np-ko-rahmen{overflow-x:auto}
body.np table.np-ko-tab{font-size:12.5px}
body.np table.np-sb-tab th{text-transform:none; letter-spacing:0}
body.np table.np-ko-tab th,body.np table.np-ko-tab td{padding:5px 6px; white-space:nowrap}
body.np table.np-ko-tab td:nth-child(2){white-space:normal; min-width:160px}
body.np table.np-ko-tab tr.np-ko-gruppe th,body.np table.np-ko-tab tr.np-ko-gruppe td{font-weight:700; border-top:1px solid var(--np-tinte); background:var(--np-feld)}
body.np table.np-ko-tab tr.np-ko-summe th,body.np table.np-ko-tab tr.np-ko-summe td{font-weight:700; border-top:2px solid var(--np-tinte)}
@media print{body.np .np-ko-bild i{print-color-adjust:exact; -webkit-print-color-adjust:exact}}
@media screen{
body.np .np-sb-kopf{padding-bottom:16px; border-bottom:0; align-items:center}
body.np .np-sb-kopf h1{font-size:1.875rem; line-height:1.1; letter-spacing:-.022em}
body.np .np-sb-jahre{gap:2px; padding:2px; border:0; border-radius:10px; background:var(--ap-fuellung); overflow:visible}
body.np .np-sb-jahre a{display:inline-flex; align-items:center; min-height:32px; padding:0 16px; border:0; border-radius:8px; color:var(--np-tinte); transition:background-color var(--ap-feder-kurz-zeit,200ms) var(--ap-feder-kurz,ease-out),transform 80ms ease-out}
body.np .np-sb-jahre a[aria-current]{background:var(--np-karte); color:var(--np-tinte); box-shadow:0 1px 2px rgba(16,28,22,.10),0 2px 8px -2px rgba(16,28,22,.10)}
body.np .np-sb-jahre a:active{transform:scale(.97)}
body.np .np-sb-raster{gap:24px; margin-top:8px}
body.np .np-sb-block{padding:16px 24px 8px; border-radius:var(--ap-rund-karte,22px); background:var(--np-karte); box-shadow:var(--ap-schatten-1)}
body.np .np-sb-block + .np-sb-block{margin-top:16px}
body.np .np-sb h2{padding:0 0 8px; font-size:1.0625rem; font-weight:650; letter-spacing:-.012em; border-bottom:0}
body.np table.np-sb-tab{font-size:.875rem}
body.np table.np-sb-tab th,body.np table.np-sb-tab td{padding:12px 8px 12px 0; border-bottom:.5px solid var(--np-linie); vertical-align:middle}
body.np table.np-sb-tab tbody tr:last-child>*{border-bottom:0}
body.np table.np-sb-tab thead th{border-bottom:.5px solid var(--np-linie); color:var(--ap-zweit)}
body.np table.np-sb-tab a{text-decoration:none; color:var(--np-tinte)}
body.np table.np-sb-tab a:hover{color:var(--ap-akzent-text)}
body.np table.np-sb-tab td.satz,body.np .np-sb-leer,body.np .np-sb-stand dt,body.np .np-sb-hinweis{color:var(--ap-zweit)}
body.np table.np-sb-tab td.np-sb-dl a{display:inline-flex; align-items:center; min-height:28px; padding:0 10px; margin-left:6px; border-radius:8px; background:var(--ap-schlicht); color:var(--ap-akzent-text); font-size:.75rem; font-weight:600}
body.np table.np-sb-tab td.zahl{font-variant-numeric:tabular-nums; color:var(--ap-zweit)}
body.np table.np-ko-tab tr.np-ko-gruppe th,body.np table.np-ko-tab tr.np-ko-gruppe td{border-top:.5px solid var(--np-linie); background:var(--ap-fuellung)}
body.np table.np-ko-tab tr.np-ko-summe th,body.np table.np-ko-tab tr.np-ko-summe td{border-top:1px solid var(--np-linie-stark,var(--np-linie))}
body.np .np-ko-bild{border-bottom:.5px solid var(--np-linie)}
}
@media screen and (max-width:700px){
body.np .np-sb-block{padding:12px 16px 4px}
body.np table.np-sb-tab:not(.np-ko-tab) tr{padding:12px 0; border-bottom:.5px solid var(--np-linie)}
body.np table.np-sb-tab:not(.np-ko-tab) tr:last-child{border-bottom:0}
body.np table.np-sb-tab td.np-sb-dl a{min-height:32px}
}
@media (prefers-reduced-motion:reduce){body.np .np-sb-jahre a{transition:none}}
body.np .km-seite .np-karte{margin:0 0 16px}
body.np .km-seite .km-werkzeug{display:flex; gap:10px 16px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin:0 0 6px}
body.np .km-seite .km-rechts{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
body.np .km-seite .km-suche{margin:0}
body.np .km-seite .km-suche label{display:flex; align-items:center; gap:8px; height:44px; padding:0 16px; border-radius:999px; background:var(--hs-flaeche); color:var(--np-grau); min-width:220px; box-sizing:border-box}
body.np .km-seite .km-suche .km-feld{flex:1; min-width:0; display:flex}
body.np .km-seite .km-suche input{all:unset; background:none!important; box-shadow:none!important; flex:1; min-width:0; height:44px; font-size:15px; color:var(--np-tinte)}
body.np .km-seite .km-einladen{display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 20px; border-radius:999px; background:var(--hs-flaeche); color:var(--np-grau); font-size:15px; font-weight:600; white-space:nowrap}
body.np .km-seite .km-einladen em,body.np .km-seite .km-kommt{font-style:normal; font-size:12px; font-weight:600; color:var(--np-grau); padding:2px 8px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--np-linie)}
body.np .km-seite .km-einladen-satz{font-size:13px; line-height:18px; color:var(--np-grau); margin:0 0 16px}
body.np .km-seite .km-meldung{font-size:15px; line-height:20px; color:var(--np-tinte); margin:0 0 16px; padding:12px 16px; border-radius:16px; background:color-mix(in srgb,var(--hs-ok) 12%,transparent)}
body.np .km-seite .km-meldung.km-fehler{background:color-mix(in srgb,var(--hs-rot) 12%,transparent)}
body.np .km-seite .km-unter{font-size:15px; line-height:20px; color:var(--np-grau); margin:0}
body.np .km-seite .km-stand{margin:0}
body.np .km-seite .km-tab{width:100%; border-collapse:collapse; font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .km-seite .km-tab th{font-size:13px; font-weight:600; color:var(--np-grau); text-align:left; padding:8px 10px; border-bottom:1px solid var(--np-linie); white-space:nowrap}
body.np .km-seite .km-tab th.km-r{text-align:right}
body.np .km-seite .km-tab td{padding:12px 10px; border-bottom:1px solid var(--np-linie); vertical-align:middle}
body.np .km-seite .km-tab tr:last-child td{border-bottom:0}
body.np .km-seite .km-tab td b{font-weight:600}
body.np .km-seite .km-tab small{display:block; color:var(--np-grau); font-size:13px; line-height:18px}
body.np .km-seite .km-marke{display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; white-space:nowrap; padding:4px 10px; border-radius:999px}
body.np .km-seite .km-marke i{width:8px; height:8px; border-radius:50%; display:inline-block}
body.np .km-seite .km-marke[data-farbe="rot"]{color:var(--hs-rot); background:color-mix(in srgb,var(--hs-rot) 12%,transparent)}
body.np .km-seite .km-marke[data-farbe="gruen"]{color:var(--hs-ok); background:color-mix(in srgb,var(--hs-ok) 12%,transparent)}
body.np .km-seite .km-marke[data-farbe="grau"]{color:var(--np-grau); background:var(--hs-flaeche)}
body.np .km-seite .km-marke[data-farbe="gelb"]{color:var(--np-tinte); background:color-mix(in srgb,var(--hs-gelb) 16%,transparent)}
body.np .km-seite .km-akt{display:flex; gap:6px; justify-content:flex-end; align-items:center}
body.np .km-seite form.km-form{display:inline; margin:0}
body.np .km-seite .km-rund{all:unset; box-sizing:border-box; cursor:pointer; display:inline-grid; place-items:center; width:44px; height:44px; border-radius:999px; background:var(--np-karte); color:var(--np-tinte); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np .km-seite .km-rund:focus-visible{outline:2px solid var(--gs-fokus)}
body.np .km-seite .km-liste{display:none}
body.np .km-seite .km-kreis{width:38px; height:38px; border-radius:50%; flex:none; display:grid; place-items:center; color:#fff; font-weight:600; font-size:15px; background:#4A5C6A}
body.np .km-seite .km-kreis[data-farbe="rot"]{background:#e0412f}
body.np .km-seite .km-kreis[data-farbe="grau"]{background:#8a958f}
body.np .km-seite .km-liste .ah-t{display:flex; flex-direction:column; min-width:0}
body.np .km-seite .km-liste .ah-haupt,body.np .km-seite .km-liste .ah-neben{display:block}
body.np .km-seite .km-li-marke{display:block; margin-top:6px}
body.np .km-seite .km-li-marke small{display:inline; margin-left:8px; font-size:13px; color:var(--np-grau)}
body.np .km-seite .km-zeit{font-size:13px; color:var(--np-grau); white-space:nowrap; margin-left:12px}
body.np .km-seite .km-schalt{display:flex; align-items:center; gap:12px; margin-top:6px}
body.np .km-seite .km-schalt i{flex:none; width:44px; height:26px; border-radius:999px; background:var(--hs-flaeche); position:relative}
body.np .km-seite .km-schalt i[data-an="ja"]{background:#4A5C6A}
body.np .km-seite .km-schalt i::after{content:""; position:absolute; left:3px; top:3px; width:20px; height:20px; border-radius:50%; background:#fff}
body.np .km-seite .km-schalt i[data-an="ja"]::after{left:auto; right:3px}
body.np .km-seite .km-schalt span{font-size:15px; line-height:20px; color:var(--np-tinte)}
body.np .km-seite .km-schalt small{display:block; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste{list-style:none; margin:0; padding:0}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste>li{margin:0; padding:0; border:0}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste>li+li{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 52px 0/calc(100% - 52px) var(--io-haar) no-repeat}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste .ah-zeile{display:grid; grid-template-columns:38px minmax(0,1fr) auto auto; align-items:center; gap:14px; min-height:64px; padding:10px 0; margin:0; border:0; border-radius:0; background:none; text-decoration:none; color:var(--np-tinte)}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste .ah-t{display:flex; flex-direction:column; gap:2px; min-width:0}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste .ah-haupt{display:block; font-size:17px; line-height:22px; font-weight:600; letter-spacing:-.01em; color:var(--np-tinte); white-space:normal}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste .ah-neben{display:block; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np:not(#gs-h) .km-seite ol.km-liste{display:none}
@media (max-width:1180px){
body.np .km-seite .km-weg{display:none}
}
@media (max-width:700px){
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste .ah-zeile{grid-template-columns:34px minmax(0,1fr) auto; gap:12px; min-height:60px}
body.np:not(#gs-h) .km-seite .ah-naechste ol.ah-liste>li+li{background-position:46px 0; background-size:calc(100% - 46px) var(--io-haar)}
}
@media (max-width:900px){
body.np .km-seite .km-tab{display:none}
body.np:not(#gs-h) .km-seite ol.km-liste{display:block}
body.np .km-seite .km-suche label{min-width:0}
body.np .km-seite .km-rechts{flex:1 1 100%}
body.np .km-seite .km-suche{flex:1}
}
body.np .hs-ring{position:relative; width:132px; height:132px}
body.np .hs-ring svg{transform:rotate(-90deg); display:block}
body.np .hs-ring .hs-ring-grund{stroke:var(--hs-flaeche)}
body.np .hs-ring .hs-ring-wert{stroke:var(--hs-gelb)}
body.np .hs-ring[data-ampel="rot"] .hs-ring-wert{stroke:var(--hs-rot)}
body.np .hs-ring[data-ampel="gruen"] .hs-ring-wert{stroke:var(--hs-ok)}
body.np .hs-ring-z{position:absolute; inset:0; display:grid; place-items:center; text-align:center}
body.np .hs-ring-z b{display:block; font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em; color:var(--np-tinte); font-variant-numeric:tabular-nums}
body.np .hs-ring-z small{display:block; font-size:13px; line-height:16px; color:var(--np-grau); margin-top:-2px}
body.np .np-heute,body.np .hs-seite{--hs-gelb:light-dark(#e8890c,#ffb54a); --hs-rot:light-dark(#c4321f,#ff8a7a); --hs-ok:light-dark(#2e9440,#7fd18a); --hs-flaeche:light-dark(rgba(155,168,171,.18),rgba(255,255,255,.08)); --hs-grau:var(--np-grau)}
body.np .ah-home .ah-raster{grid-template-areas:"v s" "sc s" "n s" "g s" "vl s" "w s" "m s" "a s"; grid-template-rows:auto auto auto auto auto auto auto 1fr}
body.np .ah-home .ah-raster>.np-score{grid-area:sc; margin:0}
body.np .ah-home .ah-raster>.np-verlauf{grid-area:vl; margin:0}
@media (max-width:1180px){
body.np .ah-home .ah-raster{grid-template-areas:"v" "sc" "n" "s" "g" "vl" "w" "m" "a"; grid-template-rows:none}
}
@media (min-width:1200px){
body.np:not(#np-mz):not(#np-zr):not(#hs-z):has(#np-zentrale) .ah-home .ah-raster{grid-template-areas:"v" "sc" "n" "g" "vl" "w" "m" "a"}
}
body.np [data-farbe="rot"]>i,body.np i[data-farbe="rot"]{background:var(--hs-rot)}
body.np [data-farbe="gelb"]>i,body.np i[data-farbe="gelb"]{background:var(--hs-gelb)}
body.np [data-farbe="gruen"]>i,body.np i[data-farbe="gruen"]{background:var(--hs-ok)}
body.np [data-farbe="grau"]>i,body.np i[data-farbe="grau"]{background:var(--np-grau)}
body.np .hs-score{display:grid; grid-template-columns:132px minmax(0,1fr); gap:24px; align-items:center; margin:6px 0 4px}
body.np .hs-ampel{display:flex; gap:6px; margin:10px 0 0; flex-wrap:wrap}
body.np .hs-ampel span{display:inline-flex; align-items:center; gap:6px; font-size:13px; line-height:18px; color:var(--np-grau); padding:3px 10px 3px 8px; border-radius:999px; background:var(--hs-flaeche)}
body.np .hs-ampel span i,body.np .hs-stand i,body.np .hs-teil small i{width:8px; height:8px; border-radius:50%; display:inline-block; flex:none}
body.np .hs-ampel span.an{color:var(--np-tinte); font-weight:600; box-shadow:inset 0 0 0 1.5px var(--hs-gelb)}
body.np .hs-ampel span.an[data-farbe="rot"]{box-shadow:inset 0 0 0 1.5px var(--hs-rot)}
body.np .hs-ampel span.an[data-farbe="gruen"]{box-shadow:inset 0 0 0 1.5px var(--hs-ok)}
body.np .hs-satz{font-size:17px; line-height:22px; color:var(--np-tinte); margin:0; font-weight:600}
body.np .hs-unter{font-size:15px; line-height:20px; color:var(--np-grau); margin:4px 0 0}
body.np .hs-knopfzeile{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
body.np:not(#gs-h) .hs-knopfzeile a.np-knopf{display:inline-flex; align-items:center; gap:8px; height:44px!important; min-height:44px!important; box-sizing:border-box}
body.np .hs-zwisch{font-size:13px; line-height:18px; font-weight:600; color:var(--np-grau); margin:16px 0 0; letter-spacing:.01em}
body.np .hs-zwisch-zeile{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 0}
body.np .hs-zwisch-zeile .hs-zwisch{margin:0}
body.np .hs-zwisch-zeile a.np-kopflink{display:inline-flex; align-items:center; min-height:44px; margin:-12px 0; font-size:15px; font-weight:600}
body.np .hs-teile{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0 4px}
body.np a.hs-teil{border-radius:16px; padding:12px 14px; background:var(--hs-flaeche); text-decoration:none; color:var(--np-tinte); display:block; min-height:44px}
body.np a.hs-teil b{display:block; font-size:22px; line-height:28px; font-weight:700; font-variant-numeric:tabular-nums}
body.np a.hs-teil b.hs-ok{color:var(--hs-ok); height:28px; display:flex; align-items:center}
body.np a.hs-teil span{display:block; font-size:13px; line-height:18px; color:var(--np-grau)}
body.np a.hs-teil small{display:flex; align-items:center; gap:6px; font-size:13px; line-height:18px; color:var(--np-tinte); font-weight:600; margin-top:6px}
body.np .hs-fuss{font-size:13px; line-height:18px; color:var(--np-grau); margin:10px 0 0}
body.np .hs-rechts{display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-left:12px; flex:none}
body.np .hs-stand{display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--np-grau); white-space:nowrap}
body.np .hs-bank{margin-top:4px}
body.np .np-geld .hs-bank.ah-naechste{padding:0; margin:4px 0 0; background:none; box-shadow:none; border:0; border-radius:0}
body.np .hs-filter{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:6px 0 6px}
body.np:not(#gs-h):not(#gs-h2):not(#gs-h3):not(#gs-h4):not(#gs-h5) .hs-filter .np-schalter button{height:44px; margin:-6px 0; padding-top:6px; padding-bottom:6px; background-clip:content-box}
body.np:not(#gs-h) .hs-filter .np-schalter{flex-wrap:nowrap; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch}
body.np:not(#gs-h) .hs-filter .np-schalter::-webkit-scrollbar{display:none}
body.np:not(#gs-h) .hs-filter .np-schalter button{flex:none; white-space:nowrap}
body.np .hs-wer{position:relative}
body.np .hs-wer>summary{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border-radius:999px; background:var(--hs-flaeche); font-size:13px; font-weight:600; color:var(--np-tinte); list-style:none; cursor:pointer}
body.np .hs-wer>summary::-webkit-details-marker{display:none}
body.np .hs-wer-menue{position:absolute; z-index:20; top:48px; left:0; min-width:200px; padding:6px; border-radius:16px; background:var(--np-karte); box-shadow:0 12px 32px -8px rgba(0,0,0,.28)}
body.np .hs-wer-menue button.np-zeile{display:flex; width:100%; min-height:44px; align-items:center; padding:0 12px; border:0; border-radius:10px; background:none; font:inherit; font-size:15px; color:var(--np-tinte); text-align:left; cursor:pointer}
body.np .hs-wer-menue button[aria-checked="true"]{font-weight:600; background:var(--hs-flaeche)}
body.np .hs-tag{font-size:15px; line-height:20px; font-weight:600; color:var(--np-tinte); margin:14px 0 0}
body.np .hs-zeit{font-size:13px; color:var(--np-grau); white-space:nowrap; font-variant-numeric:tabular-nums}
body.np .hs-herkunft{font-size:13px; font-weight:600; color:var(--ap-akzent-text,var(--np-tinte)); white-space:nowrap; min-width:72px}
body.np:not(#gs-h) .ah-home :is(.np-verlauf,.np-score,.hs-bank,.hs-blatt) ol.ah-liste .ah-haupt{white-space:normal; overflow:visible}
body.np .hs-leer{font-size:15px; line-height:20px; color:var(--np-grau); margin:12px 0 0}
body.np .hs-blatt .hs-liste{margin-top:6px}
@media (max-width:700px){
body.np .hs-score{grid-template-columns:104px minmax(0,1fr); gap:16px}
body.np .hs-ring,body.np .hs-ring svg{width:104px; height:104px}
body.np .hs-ring-z b{font-size:28px; line-height:32px}
body.np .hs-ring-z small{display:none}
body.np .hs-teile{grid-template-columns:minmax(0,1fr)}
body.np .hs-herkunft{display:none}
body.np .np-verlauf a.ah-zeile .hs-rechts,body.np .np-geld .hs-bank a.ah-zeile .hs-rechts,body.np .hs-blatt a.ah-zeile .hs-rechts{grid-column:2/4; grid-row:2; justify-content:flex-start; margin:2px 0 0}
}
body.np .np-sb .np-bh{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:20px; margin-top:22px}
body.np .np-bh-karte{padding:18px 20px; background:var(--np-karte); border:.5px solid var(--np-linie)}
body.np .np-bh-karte h2{margin:0 0 12px}
body.np .np-bh-score{display:flex; align-items:center; gap:18px; flex-wrap:wrap}
body.np .np-bh-score p{margin:0 0 6px}
body.np .np-bh-unter{color:var(--np-grau)}
body.np .np-bh-liste{list-style:none; margin:0; padding:0}
body.np .np-bh-liste li{padding:10px 0; border-bottom:.5px solid var(--np-linie)}
body.np .np-bh-liste li:last-child{border-bottom:0}
body.np .np-bh-liste a{display:flex; justify-content:space-between; gap:12px; min-height:44px; align-items:center; color:var(--np-tinte); text-decoration:none}
body.np .np-bh-liste small{display:block; color:var(--np-grau)}
body.np .np-bh-zurueck{display:inline-flex; align-items:center; min-height:44px; margin-top:14px; color:var(--np-grau); text-decoration:none}
@media (max-width:900px){body.np .np-sb .np-bh{grid-template-columns:minmax(0,1fr)}}


body.np .bs-blende{animation:bs-blende .2s ease both}
@keyframes bs-blende{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion: reduce){
  body.np [data-bs-bewegt]{transition:none !important}
}
body.np .bs-felder{display:flex; flex-direction:column; gap:18px}
body.np .bs-feld{display:flex; flex-direction:column; gap:6px; min-width:0}
body.np .bs-feld-frage{font-size:15px; font-weight:650; color:var(--np-tinte); letter-spacing:-.005em; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px}
body.np .bs-quelle{font-size:13px; font-weight:600; color:var(--np-gruen-tief); background:var(--np-gruen-hauch,rgba(0,170,112,.10)); border-radius:999px; padding:2px 9px}
body.np .bs-feld input{font:inherit; font-size:17px; min-height:48px; padding:10px 14px; border-radius:14px; border:0; width:100%; box-sizing:border-box;
  color:var(--np-tinte); background:var(--np-feld); box-shadow:var(--lg-mulde); transition:box-shadow .2s ease}
body.np .bs-feld input:focus{outline:none; box-shadow:var(--lg-mulde),0 0 0 3px rgba(0,170,112,.45)}
body.np .bs-feld.bs-fehlt input{box-shadow:var(--lg-mulde),0 0 0 2px rgba(214,72,58,.65)}
body.np .bs-feld .bs-fehlt-satz{font-size:14px; color:var(--np-rot-tief,#A82B24); margin:0}
body.np .bs-feld-frage>details.bs-i{margin:-12px -12px -12px -4px; align-self:center; line-height:0}
@media (min-width:701px) and (pointer:fine){body.np .bs-feld-frage>details.bs-i{margin:-4px -4px -4px 4px}}
body.np .bs-feld:has(>.bs-feld-frage>details.bs-i){gap:12px}
body.np .bs-finden[popover]{top:auto; right:auto; margin:0; height:auto; width:max-content; max-width:min(22rem,calc(100vw - 32px))}
@media (max-width:640px){
  body.np .bs-finden[popover]{left:8px; right:8px; bottom:calc(8px + env(safe-area-inset-bottom,0px)); width:auto; max-width:none; transform:none; padding:20px}
  body.np .bs-finden[popover]::backdrop{background:rgba(0,0,0,.28)}
}
body.np .bs-finden-text b{font-weight:650; color:var(--np-tinte)}
body.np .bs-foto-zeile{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px}
body.np label.bs-foto{position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:999px; cursor:pointer;
  font-size:14.5px; font-weight:650; color:var(--knopf-zweit,#00664B); background:var(--lg-weiss); border:1.5px solid transparent; box-shadow:var(--lg-weiss-schatten);
  transition:transform .12s ease}
body.np label.bs-foto:active{transform:scale(.97)}
body.np label.bs-foto input{position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%}
body.np label.bs-foto:focus-within{box-shadow:var(--lg-weiss-schatten),0 0 0 3px rgba(0,170,112,.45)}
body.np .bs-foto-stand{display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--np-gruen-tief)}
body.np .bs-foto-stand:empty{display:none}
body.np .bs-foto-stand img{width:44px; height:44px; object-fit:cover; border-radius:10px; box-shadow:var(--lg-aussen)}
body.np .bs-kacheln{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
body.np .bs-kacheln-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){body.np .bs-kacheln-3,body.np .bs-kacheln-4{grid-template-columns:minmax(0,1fr)}}
body.np label.bs-kachel{position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-height:112px; padding:18px; border-radius:22px; cursor:pointer;
  background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen); color:var(--np-tinte); transition:transform .12s ease, box-shadow .25s ease; -webkit-tap-highlight-color:transparent}
body.np label.bs-kachel:active{transform:scale(.975)}
body.np label.bs-kachel input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none}
body.np label.bs-kachel b{font-size:17px; font-weight:700; letter-spacing:-.01em}
body.np label.bs-kachel small{font-size:14px; line-height:1.4; color:var(--np-grau)}
body.np .bs-kachel-zeichen{display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:50%;
  background:var(--lg-kreis-hell); box-shadow:var(--lg-kreis-hell-schatten); color:var(--np-gruen-tief)}
body.np label.bs-kachel:has(input:checked){box-shadow:var(--lg-kanten),0 0 0 2.5px var(--np-gruen,#00A870),var(--lg-aussen)}
body.np label.bs-kachel:has(input:checked) .bs-kachel-zeichen{background:var(--lg-kreis-gruen); box-shadow:var(--lg-kreis-gruen-schatten); color:#fff}
body.np label.bs-kachel:has(input:focus-visible){outline:3px solid rgba(0,170,112,.55); outline-offset:3px}
body.np details.bs-klappe>summary{list-style:none; cursor:pointer; display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; min-height:48px; -webkit-tap-highlight-color:transparent}
body.np details.bs-klappe>summary::-webkit-details-marker{display:none}
body.np details.bs-klappe>summary:focus-visible{outline:3px solid rgba(0,170,112,.55); outline-offset:2px; border-radius:14px}
body.np .bs-pfeil{margin-left:auto; width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-3px); transition:transform .25s ease; color:var(--np-grau)}
body.np details.bs-klappe[open]>summary .bs-pfeil,body.np details.bs-klappe.bs-geht-auf>summary .bs-pfeil{transform:rotate(225deg) translateY(-1px)}
body.np details.bs-mehr{margin-top:18px; padding:0 16px; border-radius:18px; background:var(--flaeche-2); box-shadow:var(--lg-mulde)}
body.np details.bs-mehr>summary{font-size:15.5px; font-weight:650; color:var(--np-tinte)}
body.np details.bs-mehr>summary small{font-size:13.5px; font-weight:500; color:var(--np-grau)}
body.np details.bs-mehr .bs-klappe-inhalt>.bs-felder{padding:4px 0 18px}
body.np .bs-klappe-inhalt{overflow:hidden}
body.np form.bs-dok{display:flex; flex-direction:column; gap:14px; min-width:0}
body.np .bs-dok-fenster{position:relative; overflow:auto; border-radius:20px; background:var(--np-feld); box-shadow:var(--lg-mulde); max-width:100%;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation}
body.np form.bs-dok[data-bs-an] .bs-dok-fenster{overflow:hidden}
body.np .bs-dok-blatt{position:relative; transform-origin:0 0; background:#fff; color:#1B1F1D; box-shadow:0 1px 2px rgba(18,44,32,.10),0 18px 40px -24px rgba(18,44,32,.45);
  font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; will-change:transform; user-select:none; -webkit-user-select:none}
body.np .bs-dok-blatt img{display:block; width:100%; height:auto}
body.np button.bs-stelle{position:absolute; display:none; margin:0; padding:0; min-height:0; border:0; border-radius:12px; cursor:pointer; color:#00664B;
  background:rgba(74,92,106,.07); box-shadow:inset 0 0 0 1.5px rgba(0,150,100,.40); transform:none; font:inherit; transition:background .15s ease, box-shadow .15s ease}
body.np form.bs-dok[data-bs-an] button.bs-stelle{display:block}
body.np button.bs-stelle:hover{background:rgba(74,92,106,.13); box-shadow:inset 0 0 0 2px rgba(0,150,100,.60); transform:none}
body.np button.bs-stelle:active,body.np button.bs-stelle.bs-gedrueckt{background:rgba(74,92,106,.20); transform:none}
body.np button.bs-stelle:focus-visible{outline:3px solid rgba(0,150,100,.75); outline-offset:2px}
body.np button.bs-stelle.bs-jetzt{background:transparent; box-shadow:inset 0 0 0 2.5px rgba(0,150,100,.85)}
body.np .bs-stelle-name{position:absolute; left:8px; top:-11px; padding:2px 9px; border-radius:999px; font-size:12px; font-weight:700; line-height:18px; white-space:nowrap;
  color:#fff; background:#00805C; box-shadow:0 2px 6px -2px rgba(0,60,40,.5); opacity:0; transform:translateY(3px); transition:opacity .15s ease, transform .2s cubic-bezier(.2,.8,.2,1); pointer-events:none}
body.np button.bs-stelle:hover .bs-stelle-name,body.np button.bs-stelle:focus-visible .bs-stelle-name,body.np button.bs-stelle.bs-gedrueckt .bs-stelle-name{opacity:1; transform:none}
body.np button.bs-stelle.bs-jetzt .bs-stelle-name{opacity:0}
body.np .bs-dok-tipp{margin:0; font-size:14px; color:var(--np-grau)}
body.np form.bs-dok:not([data-bs-an]) .bs-dok-tipp,body.np form.bs-dok[data-bs-zustand^="offen"] .bs-dok-tipp{display:none}
body.np .bs-dok-stand{margin:0; font-size:15px; font-weight:600; color:var(--np-gruen-tief); min-height:0}
body.np .bs-dok-stand:empty{display:none}
body.np .bs-dok-stand.bs-schief{color:var(--np-rot-tief,#A82B24)}
body.np .bs-dok-tafeln{display:flex; flex-direction:column; gap:14px}
body.np section.bs-tafel{padding:18px 18px 20px; border-radius:22px; background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np form.bs-dok[data-bs-an] section.bs-tafel{transition:opacity .28s cubic-bezier(.2,.8,.2,1), transform .34s cubic-bezier(.2,.8,.2,1)}
body.np form.bs-dok[data-bs-an] section.bs-tafel.bs-kommt{opacity:0; transform:translateY(-10px)}
body.np .bs-tafel-kopf{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px}
body.np .bs-tafel-kopf h3{margin:0; font-size:20px; letter-spacing:-.015em; color:var(--np-tinte)}
body.np form.bs-dok:not([data-bs-an]) .bs-tafel-zu{display:none}
body.np .bs-tafel-kopf button.bs-tafel-zu{width:auto; flex:0 0 auto; min-height:44px; padding:0 22px; border-radius:999px; font-size:16px}
body.np .bs-tafel-satz{margin:-6px 0 14px; font-size:15px; color:var(--np-grau)}
body.np form.bs-dok[data-bs-an] .bs-dok-ohne{display:none}
body.np .bs-dok-ohne{margin:0}
@media (prefers-reduced-motion: reduce){body.np form.bs-dok[data-bs-an] section.bs-tafel{transition:opacity .2s ease}
  body.np form.bs-dok[data-bs-an] section.bs-tafel.bs-kommt{transform:none}}
@media (prefers-contrast: more){body.np button.bs-stelle{box-shadow:inset 0 0 0 2px #00664B}}
body.np form.bs-schritte{display:flex; flex-direction:column; gap:14px; min-width:0}
body.np .bs-schritt-kopf{display:flex; align-items:center; gap:14px}
body.np form.bs-schritte:not([data-bs-an]) .bs-schritt-kopf{display:none}
body.np ol.bs-punkte{display:flex; gap:6px; margin:0; padding:0; list-style:none}
body.np ol.bs-punkte li{width:8px; height:8px; border-radius:50%; background:var(--np-linie,rgba(18,24,21,.14)); box-shadow:inset 0 1px 1px rgba(18,24,21,.12); transition:background .25s ease, width .3s cubic-bezier(.2,.8,.2,1)}
body.np ol.bs-punkte li.bs-war{background:rgba(0,150,100,.45)}
body.np ol.bs-punkte li.bs-jetzt{width:22px; border-radius:999px; background:var(--np-gruen,#00A870)}
body.np .bs-schritt-stand{margin:0; font-size:14px; color:var(--np-grau); font-variant-numeric:tabular-nums}
body.np .bs-buehne{position:relative; display:flex; flex-direction:column; gap:16px}
body.np form.bs-schritte[data-bs-an] .bs-buehne{overflow:hidden; padding:6px 6px 34px; margin:-6px -6px -34px}
body.np fieldset.bs-schritt{margin:0; padding:24px 22px 20px; border:0; min-width:0; border-radius:26px; background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np legend.bs-frage{float:left; width:100%; padding:0; margin:0 0 8px; font-size:24px; line-height:1.18; font-weight:700; letter-spacing:-.02em; color:var(--np-tinte)}
body.np legend.bs-frage:focus{outline:none}
body.np legend.bs-frage+*{clear:both}
body.np .bs-frage-satz{clear:both; margin:0 0 18px; font-size:15.5px; line-height:1.45; color:var(--np-grau)}
body.np .bs-schritt-inhalt{clear:both}
body.np .bs-schritt-fuss{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:24px}
body.np .bs-schritt-fuss button{min-height:48px; padding:0 22px; border-radius:999px; font-size:16px}
body.np .bs-schritt-fuss button.bs-weiter{margin-left:auto; min-width:132px}
body.np .bs-schritt-fuss button.bs-zurueck,body.np .bs-schritt-fuss button.bs-spaeter{ color:var(--knopf-zweit);}
body.np .bs-schritt-fuss button.bs-zurueck:hover,body.np .bs-schritt-fuss button.bs-spaeter:hover{}
body.np .bs-schritt-fuss button.bs-spaeter{ padding:0 12px}
body.np .bs-schritt-fuss button.bs-spaeter:hover{ text-decoration:underline; transform:none}
body.np .bs-schritt-fuss button[disabled]{opacity:.42; cursor:default; transform:none}
body.np form.bs-schritte:not([data-bs-an]) .bs-schritt-fuss button[type=button]{display:none}
@media (max-width:560px){
  body.np fieldset.bs-schritt{padding:20px 16px 16px}
  body.np legend.bs-frage{font-size:21px}
  body.np .bs-schritt-fuss{display:grid; grid-template-columns:1fr 1fr}
  body.np .bs-schritt-fuss button.bs-weiter{grid-column:2; grid-row:1; margin-left:0; min-width:0}
  body.np .bs-schritt-fuss button.bs-zurueck{grid-column:1; grid-row:1}
  body.np .bs-schritt-fuss button.bs-spaeter{grid-column:1 / -1; grid-row:2}
}
body.np form.bs-zusammen{display:flex; flex-direction:column; gap:18px; min-width:0}
body.np ul.bs-zeilen{margin:0; padding:0; list-style:none; border-radius:22px; background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen); overflow:hidden}
body.np ul.bs-zeilen>li+li{box-shadow:inset 0 1px 0 var(--np-linie,rgba(18,24,21,.08))}
body.np details.bs-zeile>summary{display:grid; grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"was aendern pfeil" "wert aendern pfeil" "quelle aendern pfeil";
  column-gap:12px; row-gap:2px; padding:14px 18px; min-height:64px; transition:background .15s ease}
body.np details.bs-zeile>summary:active{background:rgba(0,170,112,.07)}
body.np .bs-zeile-was{grid-area:was; font-size:14px; font-weight:600; color:var(--np-grau)}
body.np .bs-zeile-wert{grid-area:wert; font-size:17px; font-weight:650; color:var(--np-tinte); letter-spacing:-.01em; overflow-wrap:anywhere}
body.np .bs-zeile-quelle{grid-area:quelle; font-size:13px; color:var(--np-gruen-tief)}
body.np .bs-zeile-aendern{grid-area:aendern; align-self:center; font-size:14.5px; font-weight:650; color:var(--np-gruen-tief); min-height:44px; display:inline-flex; align-items:center; padding:0 4px}
body.np details.bs-zeile>summary .bs-pfeil{grid-area:pfeil; align-self:center; margin-left:0}
body.np details.bs-zeile.bs-anders .bs-zeile-quelle{display:none}
body.np details.bs-zeile.bs-anders>summary::after{content:"geändert"; grid-area:quelle; justify-self:start; font-size:12.5px; font-weight:700; color:#fff; background:#00805C; border-radius:999px; padding:1px 9px}
body.np .bs-zeile-felder{padding:4px 18px 20px; display:flex; flex-direction:column; gap:16px}
body.np .bs-zeile-satz{margin:0; font-size:14.5px; color:var(--np-grau)}
body.np .bs-zusammen-fuss{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px}
body.np button.bs-stimmt{min-height:52px; padding:0 30px; border-radius:999px; font-size:17px}
body.np .bs-zusammen-satz{margin:0; font-size:14.5px; color:var(--np-grau)}
@media (max-width:560px){body.np button.bs-stimmt{width:100%}}
body.np .bs-muster{display:flex; flex-direction:column; gap:28px; max-width:860px}
body.np section.bs-muster-teil{display:flex; flex-direction:column; gap:16px; min-width:0}
body.np section.bs-muster-teil>h2{margin:0; font-size:22px; letter-spacing:-.02em; color:var(--np-tinte)}
body.np section.bs-muster-teil>p.bs-muster-satz{margin:-8px 0 0; font-size:15px; color:var(--np-grau); max-width:62ch}
body.np .bs-muster-angekommen{padding:14px 18px; border-radius:18px; background:var(--np-gruen-hauch,rgba(0,170,112,.10)); color:var(--np-tinte); font-size:15px; box-shadow:inset 0 0 0 1px rgba(0,150,100,.25)}
body.np .bs-muster-angekommen:empty{display:none}
body.np .bs-rg{font-size:14px; color:#1B1F1D}
body.np .bs-rg-kopf{display:flex; justify-content:space-between; gap:24px; padding:44px 48px 18px}
body.np .bs-rg-marke{font-size:20px; font-weight:800; letter-spacing:-.02em; color:#00664B}
body.np .bs-rg-absender{font-size:11.5px; color:#555; margin:48px 0 22px}
body.np .bs-rg-an{min-height:96px; padding:6px 10px; margin:0 -10px; line-height:1.5}
body.np .bs-rg-daten{align-self:flex-start; min-width:230px; padding:6px 10px; margin:-6px -10px 0; line-height:1.7}
body.np .bs-rg-daten span{display:inline-block; min-width:110px; color:#555}
body.np .bs-rg h4{margin:26px 48px 10px; font-size:22px; letter-spacing:-.01em}
body.np .bs-rg-pos{margin:0 48px; font-size:13.5px}
body.np .bs-rg-zeile{display:grid; grid-template-columns:minmax(0,1fr) 90px 130px; gap:8px; padding:10px 4px; border-bottom:1px solid #ddd}
body.np .bs-rg-zeile.bs-rg-titel{font-weight:600; color:#555; border-bottom:1.5px solid #1B1F1D; padding:6px 4px}
body.np .bs-rg-zeile .z{text-align:right; font-variant-numeric:tabular-nums}
body.np .bs-rg-summe{display:flex; justify-content:flex-end; gap:40px; margin:14px 48px 0; font-size:15px; font-weight:700}
body.np .bs-rg-fuss{margin:56px 48px 0; padding:14px 0 40px; border-top:1px solid #ddd; font-size:11px; color:#555; line-height:1.6}


body.np .np-fuss{padding-top:8px; position:static}
body.np .np-ich{position:fixed; left:24px; bottom:24px; z-index:60; margin:0}
body.np .np-ich>summary{width:48px; height:48px; min-height:48px; padding:0;justify-content:center; gap:0}
body.np .np-ich>summary .np-kreis,body.np .np-ich>summary .np-zwei,body.np .np-ich>summary>svg{display:none}
body.np .np-ich>summary .np-rad{display:grid; place-items:center}
body.np .np-ich>summary .np-rad svg{display:block; width:22px; height:22px; color:inherit; transition:transform .7s cubic-bezier(.2,.8,.2,1)}
body.np .np-ich[open]>summary{color:var(--np-gruen-tief)}
body.np .np-ich[open]>summary .np-rad svg{transform:rotate(60deg)}
body.np .np-ich>.np-menue{left:-2px; right:auto; width:calc(var(--np-breit) - 32px); min-width:220px; bottom:calc(100% + 10px); top:auto;padding:7px;
  transform-origin:26px calc(100% + 34px)}
@keyframes np-auf{from{opacity:0; transform:translateY(10px) scale(.9)}to{opacity:1; transform:none}}
body.np .np-ich .np-wer{display:flex; align-items:center; gap:10px; min-height:52px; padding:6px 8px 10px; margin:0 0 5px; border-bottom:1px solid var(--np-linie)}
body.np .np-ich .np-wer .np-zwei{min-width:0; flex:1}
body.np .np-ich .np-wer b{display:block; font-size:14px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-ich .np-wer .np-klein{display:block; font-size:13px; color:var(--np-grau); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np .np-ich .np-menue p.wer{padding:2px 10px 4px}
body.np .np-ich .np-menue a{min-height:44px; border-radius:15px; font-weight:600}
body.np .np-ich .np-menue :is(a,button),body.np .np-mehr .np-menue.np-flach :is(a,button){font-size:15px}
body.np .np-ich>.np-menue{max-height:calc(100vh - 120px); overflow-y:auto; overscroll-behavior:contain}
@media (prefers-reduced-motion:reduce){body.np .np-ich>summary .np-rad svg{transition:none}}
body.np button.np-helferknopf{left:auto; right:22px; bottom:22px; width:56px; height:56px; padding:0; border-radius:50%; justify-content:center; gap:0;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s cubic-bezier(.2,.8,.2,1), background-color .45s cubic-bezier(.2,.8,.2,1)}
body.np button.np-helferknopf .np-hwort{display:none}
body.np button.np-helferknopf svg{width:22px; height:22px}
body.np button.np-helferknopf::after{position:absolute; right:2px; top:2px; margin:0; width:11px; height:11px; border:2px solid var(--np-karte)}
body.np .np-helfer{left:auto; right:22px; bottom:90px}
body.np main{padding-bottom:96px}
@media (min-width:701px){body.np main{padding-right:92px}}
html:has(body.np){min-height:100%}
body.np:has(> footer.fussleiste) main{padding-bottom:16px}
body.np .fussleiste{margin-top:8px}
body.np main :not(.np-schalter):not(nav):not(.np-reiter):has(> :is(.knopf,.np-knopf) ~ :is(.knopf,.np-knopf)) > :is(.knopf,.np-knopf){min-height:44px}
body.np .fussleiste .innen:not(:has(a,button,p,span,b,form)){display:none}
@media (max-width:1180px){
  body.np button.np-helferknopf{left:auto; right:16px; bottom:16px; width:56px}
  body.np .np-helfer{right:16px; bottom:84px}
  body.np .np-ich{left:18px; bottom:18px}
}
@media (max-width:700px){
  body.np .np-leiste{display:block; position:static;height:0;padding:0; margin:0; overflow:visible}
  body.np .np-leiste .np-innen{display:block; height:0; padding:0}
  body.np .np-leiste .np-kopf,body.np .np-leiste .np-mitte{display:none}
  body.np .np-fuss{padding:0}
  body.np:has(nav.np-unten [data-np-mehr]) .np-ich{display:none}
  body.np:has(nav.np-unten>a[href="/konto"]) .np-ich{display:none}
  body.np .np-ich{left:16px; bottom:calc(86px + env(safe-area-inset-bottom)); z-index:52}
  body.np .np-ich>summary{width:52px; height:52px}
  body.np .np-ich>.np-menue{width:252px; max-height:calc(100vh - 170px)}
  body.np .np-unten{left:8px; right:8px; bottom:calc(8px + env(safe-area-inset-bottom)); padding:0 4px}
  body.np header.portalkopf button.np-helferknopf{position:relative; inset:auto; flex:none; width:44px; height:44px; z-index:auto}
  body.np header.portalkopf button.np-helferknopf:not([aria-expanded="true"]){background:var(--ap-fuellung); color:var(--np-grau); box-shadow:none}
  body.np header.portalkopf button.np-helferknopf svg{width:20px; height:20px}
  body.np header.portalkopf button.np-helferknopf::after{right:0; top:0; width:10px; height:10px}
  body.np .np-helfer{right:12px; bottom:calc(86px + env(safe-area-inset-bottom))}
  body.np main{padding-bottom:24px}
  body.np .np-mehr .darstellungszeile{flex-wrap:wrap}
  body.np .np-mehr .darstellung a{min-height:44px}
}
body.np details.zahl-i>summary{width:44px; height:44px; min-height:44px; margin:-12px; padding:0; border:0; background:none; box-shadow:none;
  display:grid; place-items:center}
body.np details.zahl-i>summary>span{display:grid; place-items:center; width:20px; height:20px; border-radius:50%;
  border:0}
@media (min-width:701px) and (pointer:fine){
  body.np details.zahl-i>summary{width:28px; height:28px; min-height:28px; margin:-4px}
}
@media (min-width:701px){
  body.np :is(details.zahl-i,.np-info)>summary{position:relative}
  body.np :is(details.zahl-i,.np-info)>summary::before{content:""; position:absolute; left:50%; top:50%; width:44px; height:44px;
    transform:translate(-50%,-50%); border-radius:50%; background:none}
}
body.np .mit-i:has(> details.zahl-i){min-height:44px; align-items:center}
body.np :is(.np-kopfzeile,.np-gewinn-kopf):has(.np-info){min-height:44px}
body.np :has(details.zahl-i:not(.bs-i)[open]),body.np :has(details.fs-i[open]){-webkit-backdrop-filter:none!important; backdrop-filter:none!important; filter:none!important; transform:none!important}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea){
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; column-gap:6px; row-gap:6px; max-width:var(--np-feldbreite); margin:0 0 14px;
  font-size:14px; font-weight:600; line-height:1.3}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea)
  > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){
  order:2; flex:1 0 100%; width:100%; max-width:none; min-width:0; box-sizing:border-box; margin:0; min-height:44px; font-weight:400}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea)
  > :is(details.zahl-i,details.np-info,.fs-i,details.fs-i){order:1; margin:0 0 0 auto; align-self:center}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea)
  > :is(small,.klein,.bl-klein){order:3; flex:1 0 100%; font-weight:400}
body.np form :not(form):has(> button) > label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea){
  margin-bottom:0}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select)
  :is(input,select){height:48px; min-height:48px}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea):has(+ :is(button,.knopf,.np-knopf,input[type=submit])){
  margin-bottom:0}
body.np :is(form,div,fieldset) > label + :is(button,.knopf,.np-knopf,input[type=submit]){margin-top:auto}
body.np form label:not(.np-such):has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),> select,> textarea):has(+ input[type=hidden] + :is(button,.knopf,.np-knopf,input[type=submit])){
  margin-bottom:0}
body.np :is(form,div,fieldset) > label + input[type=hidden] + :is(button,.knopf,.np-knopf,input[type=submit]){margin-top:auto}
body.np form.filter{align-items:flex-end}
body.np form.filter > label:has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden]),> select){margin-bottom:0}
body.np :is(form,div,fieldset):has(> label > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select)) > :is(button,.knopf,.np-knopf,input[type=submit]){
  min-height:48px}
body.np{background:linear-gradient(155deg,rgba(0,201,129,.022) 0%,rgba(0,201,129,.012) 48%,rgba(0,201,129,.018) 100%) #FCFDFC}
body.np .np-stapel,body.np dialog.np-fenster,body.np dialog.schnellsuche,body.np .np-helfer,body.np .np-menue,body.np .np-info>div,body.np .np-mehr,body.np .np-unten,body.np .np-leiste,
body.np .bl-karte,body.np .ab-kachel,body.np .ab-baum,body.np .kontaktkarte,body.np ul.such-treffer,body.np .geldkachel,body.np figure.kurve,body.np ol.fest-liste,body.np .fa-karte,body.np details.np-belege-klappe,body.np details.bl-profi,body.np .np-spaeter-wahl{
  background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen); border:0}
body.np .karte,body.np .np-karte,body.np .bl-karte,body.np .ab-kachel,body.np .geldkachel,body.np .fa-karte{position:relative}
body.np .karte::before,body.np .np-karte::before,body.np .np-stapel::before,body.np .bl-karte::before,body.np .ab-kachel::before,body.np .geldkachel::before,body.np .fa-karte::before,body.np dialog.np-fenster::before,body.np .np-leiste::before,body.np .np-helfer::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; pointer-events:none; z-index:2; filter:none; width:auto; height:auto;
  background:linear-gradient(135deg,#fff 0%,#fff 12%,rgba(255,255,255,.8) 28%,rgba(255,255,255,.1) 48%,rgba(255,255,255,0) 64%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
body.np .np-stapel::after{content:none; display:none}
body.np .karte .karte,body.np .np-karte .np-karte,body.np .karte .np-karte,body.np .np-karte .karte,body.np dialog .karte,body.np dialog .np-karte{border:0}
body.np .karte .karte::before,body.np .np-karte .np-karte::before,body.np .karte .np-karte::before,body.np .np-karte .karte::before,body.np dialog .karte::before,body.np dialog .np-karte::before{content:none}
body.np .np-leiste{left:12px; top:12px; bottom:12px; width:calc(var(--np-breit) - 12px); border-radius:30px; border-right:0}
body.np .np-wahl>summary{border-radius:20px}
body.np button.np-suche{border-radius:14px}
body.np button.np-suche:hover{background:rgba(18,24,21,.08)}
body.np .np-nav a{border-radius:15px}
body.np .np-nav a[aria-current]{color:#4A5C6A; background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(238,241,243,.75));
  box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,100,74,.10), 0 8px 18px -12px rgba(0,100,74,.5)}
body.np .np-menue{}
body.np .np-menue a:hover,body.np .np-menue button.np-zeile:hover{background:rgba(18,24,21,.06)}
body.np .np-menue a[aria-current]{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(238,241,243,.75)); color:#4A5C6A;
  box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,100,74,.10)}
body.np .np-menue hr{border-top-color:rgba(18,24,21,.09)}
body.np .np-info>div{}
body.np .np-spaeter-wahl{}
body.np .np-tun summary svg,body.np .np-tun button.np-weg svg{background:var(--lg-weiss); box-shadow:var(--lg-weiss-schatten)}
body.np .np-stapel{border-radius:30px}
body.np .np-blase{border-radius:24px}
body.np .np-blase:hover{}
body.np .np-blase.rot,body.np .np-blase.wichtig{background:var(--lg-flaeche);
  box-shadow:inset 0 2.5px 2px -1px rgba(255,255,255,.85), inset 0 0 18px rgba(255,255,255,.8), var(--lg-schein-rot)}
body.np .np-blase.wichtig.ruhig{box-shadow:inset 0 2.5px 2px -1px rgba(255,255,255,.85), inset 0 0 18px rgba(255,255,255,.8), var(--lg-schein-gruen)}
body.np .np-kanten i{background:rgba(255,255,255,.62); border:0;
  box-shadow:inset 0 -2px 3px -1px rgba(18,24,30,.10), 0 6px 10px -6px rgba(18,24,30,.22)}
body.np dialog.np-fenster{position:fixed}
body.np dialog.np-fenster::backdrop,body.np dialog.schnellsuche::backdrop{background:rgba(18,40,30,.20); -webkit-backdrop-filter:blur(6px) saturate(1.2); backdrop-filter:blur(6px) saturate(1.2)}
body.np dialog.schnellsuche{}
body.np dialog.schnellsuche input{background:rgba(18,24,21,.06); box-shadow:inset 0 1px 2px rgba(18,24,21,.08), inset 0 -1px 0 rgba(255,255,255,.6)}
body.np .np-f-fuss{border-top-color:rgba(18,24,21,.09)}
body.np .np-helfer{}
body.np .np-mehr{border-radius:26px}
body.np .np-unten{border-radius:32px}
body.np .np-unten :is(a,button)[aria-current]{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(238,241,243,.75)); border-radius:26px;
  box-shadow:inset 0 1px 0 #fff, 0 1px 3px rgba(0,100,74,.10), 0 8px 18px -12px rgba(0,100,74,.5)}
body.np .gb-kachel,body.np .np-original{border:0}
body.np .gb-kachel{border-radius:18px}
body.np .np-ab-wege div.ol-weg{border:0}
body.np .gb-kachel.gewinn{background:rgba(214,243,229,.78)}
body.np .gb-kachel.verlust{background:rgba(250,226,221,.82)}
body.np .np-ablage{background:rgba(255,255,255,.42); border:2px dashed rgba(0,160,110,.38);
  box-shadow:inset 0 1px 2px rgba(18,24,30,.08), inset 0 -1px 0 rgba(255,255,255,.95)}
body.np .np-ablage:hover,body.np .np-ablage.zieht{background:rgba(238,241,243,.7); border-color:var(--knopf)}
body.np .np-pille{background:color-mix(in srgb,var(--np-gruen-feld) 85%,transparent)}
body.np .np-pille.minus,body.np .np-pille.rot{background:color-mix(in srgb,var(--np-rot-feld) 90%,transparent)}
body.np .np-pille.orange{background:color-mix(in srgb,var(--np-orange-feld) 92%,transparent)}
body.np a.bl-filter{background:rgba(238,241,243,.85)}
body.np .np-pille.grau{background:rgba(18,24,21,.06)}
body.np input,body.np select,body.np textarea{background:rgba(255,255,255,.78); border-color:rgba(18,24,30,.20);
  box-shadow:inset 0 1px 2px rgba(18,24,30,.08), inset 0 -1px 0 rgba(255,255,255,.9)}
body.np input[type=checkbox],body.np input[type=radio]{box-shadow:none}
body.np .hinweisstreifen,body.np .kassenstreifen{border:0; border-radius:22px; margin:12px 28px 0 16px;color:#2F3833}
body.np .np-verwerfen{background:rgba(253,236,233,.9)}
body.np .status.gut{background:rgba(238,241,243,.72); border:0; border-radius:16px; color:#4A5C6A}
body.np .hinweisband{background:rgba(18,24,21,.06); border:0; border-radius:16px; color:var(--np-grau)}
body.np .hinweisband a{color:var(--np-tinte)}
body.np .hinweisband:not(.mf-band):not(.np-pk-stufe):not(.lauf-hinweis):not(.ax-fuss .hinweisband)::before{content:"\2713"; display:inline-block; margin-right:8px; font-weight:700; color:var(--np-grau)}
body.np .fehlerband .fehler-wege,body.np .fehler-wege{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0 0}
body.np .fehler-wege form{margin:0}
body.np .fehlerband{background:color-mix(in srgb,var(--np-rot-feld) 82%,transparent); border:0; border-radius:16px}
body.np .bl-frage,body.np .beta-band,body.np .geld-hinweis,body.np .status.offen{background:color-mix(in srgb,var(--np-orange-feld) 74%,transparent); border-color:transparent}
body.np .testphase{border:0}
body.np .zahl-i-text,body.np .fs-i-text{color:var(--np-tinte)}
body.np details.zahl-i>summary>span{background:var(--lg-kreis-hell); color:var(--np-grau);
  box-shadow:inset 0 1px 0 #fff, inset 0 -3px 6px -4px rgba(18,24,30,.18), 0 0 0 .5px rgba(18,24,21,.12), 0 3px 6px -3px rgba(18,24,30,.35)}
body.np details.zahl-i[open]>summary>span,body.np details.zahl-i>summary:hover>span{color:var(--np-tinte)}
body.np .erledigt-zeichen{color:var(--np-gruen-tief)}
body.np .statuspille{border-color:transparent; background:rgba(18,24,21,.06)}
body.np .np-st-schritt,body.np .np-ab-schritt{box-shadow:var(--lg-kanten),var(--lg-schein-gruen)}
body.np .np-st-schritt.rot{box-shadow:var(--lg-kanten),var(--lg-schein-rot)}
body.np .re-einrichtung{border:0; border-radius:22px; background:rgba(255,243,220,.74)}
body.np a.chip,body.np .geld-marke{border-color:transparent; background:rgba(255,255,255,.62)}
body.np .werkzeug-filter a.chip[aria-current],body.np a.chip.an{border-color:transparent}
body.np fieldset.st-gruppe{border:0; border-radius:18px}
body.np .np-kat,body.np .np-stapel>header span,body.np .np-blase time,body.np .np-stapel .np-leer{color:#434C47}
body.np button,body.np .knopf,body.np .np-knopf{background:var(--knopf-flaeche,#4A5C6A); border:1.5px solid transparent; color:var(--auf-knopf); box-shadow:var(--lg-gruen-schatten);
  font-weight:650}
body.np button:hover,body.np .knopf:hover{box-shadow:var(--lg-gruen-schatten-hoch); transform:translateY(-1px)}
body.np button:active,body.np .knopf:active,body.np .np-knopf:active{transform:scale(.985)}
body.np .np-knopf:hover{background:var(--knopf-flaeche-hoch,#41525f); transform:translateY(-1px); box-shadow:var(--lg-gruen-schatten-hoch)}
body.np .knopf.klein,body.np button.still,body.np .knopf.still,body.np .knopf.zweit,body.np button.zweit,body.np .knopf2,body.np .knopf.rand,body.np button.rand,body.np .np-knopf.rand,
body.np .bl-knopf2,body.np .ab-knopf,body.np button.fa-antwort,body.np a.bl-reiterknopf{
  background:var(--flaeche); border:1.5px solid var(--knopf-zweit); color:var(--knopf-zweit); box-shadow:none}
body.np .knopf.klein:hover,body.np button.still:hover,body.np .knopf.still:hover,body.np .knopf.zweit:hover,body.np button.zweit:hover,body.np .knopf2:hover,body.np .knopf.rand:hover,body.np button.rand:hover,body.np .np-knopf.rand:hover,
body.np .bl-knopf2:hover,body.np .ab-knopf:hover,body.np button.fa-antwort:hover,body.np a.bl-reiterknopf:hover{
  background:var(--flaeche); border-color:var(--knopf-zweit); color:var(--knopf-zweit);
  box-shadow:inset 0 0 0 1px var(--knopf-zweit); transform:translateY(-1px)}
body.np .np-knopf.rot,body.np .np-knopf.rot:hover{background:var(--lg-rot); border:1.5px solid transparent; color:var(--np-rot-tief); box-shadow:var(--lg-rot-schatten)}
body.np .ust-reiter button,body.np .ust-zelle>button,body.np main:has(.hauptknopf) .knopf:not(.hauptknopf):not(.rot){
  background:var(--flaeche); border:1.5px solid var(--knopf-zweit); color:var(--knopf-zweit); box-shadow:none}
body.np .np-schalter{padding:3px}
body.np nav.np-reiter{border-radius:18px}
body.np nav.np-reiter a{border-radius:14px}
body.np .np-app{background:var(--lg-kreis-gruen)}
body.np #bb-fm-knopf{background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas); color:var(--np-tinte)}
body.np .np-app.rot2{background:var(--lg-kreis-rot); box-shadow:var(--lg-kreis-rot-schatten)}
body.np .np-app.zart{background:var(--lg-kreis-hell); box-shadow:var(--lg-kreis-hell-schatten)}
body.np .np-app.rot{
  box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(216,72,58,.22), inset 0 -4px 8px -6px rgba(150,40,30,.18), 0 6px 12px -9px rgba(150,45,35,.45)}
body.np .np-kreis{background:var(--lg-kreis-hell); color:var(--ap-akzent-text)}
body.np .np-schritte>li::before,body.np .np-kreise li i{background:var(--lg-kreis-hell); color:var(--np-grau);
  box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(18,24,30,.12), inset 0 -4px 8px -6px rgba(18,24,30,.18), 0 6px 12px -9px rgba(18,24,30,.45)}
body.np .np-schritte>li.dran::before,body.np .np-kreise li.fertig i{background:var(--lg-kreis-gruen); color:var(--np-auf-gruen); box-shadow:var(--lg-kreis-gruen-schatten)}
body.np .np-schritte>li.fertig::before{background:var(--lg-kreis-hell); color:#4A5C6A; box-shadow:var(--lg-kreis-hell-schatten)}
body.np .np-kreise li.dran i{color:var(--ap-akzent-text)}
body.np .np-info>summary{background:linear-gradient(160deg,#fff,rgba(236,241,238,.9))}
body.np .np-blaettern a,body.np button.np-zu{transition:background .3s var(--lg-weich)}
body.np .np-blaettern a:hover,body.np button.np-zu:hover{background:linear-gradient(160deg,#fff,rgba(236,241,238,.9)); box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(18,24,30,.1), 0 4px 8px -5px rgba(18,24,30,.4)}
body.np .gb-bahn i{border-radius:7px}
body.np figure.kurve svg text,body.np svg.gb-linien text,body.np svg.np-bild text{paint-order:stroke; stroke:rgba(255,255,255,.92); stroke-width:3px; stroke-linejoin:round}
body.np .np-ich>summary,body.np button.np-helferknopf{}
body.np .np-ich>summary{color:#2F3833; border-radius:50%}
body.np .np-ich>summary:hover{box-shadow:var(--lg-kanten),var(--lg-aussen-hoch)}
body.np button.np-helferknopf{background-color:rgba(155,168,171,.22)}
body.np button.np-helferknopf:hover,body.np button.np-helferknopf:focus-visible,body.np button.np-helferknopf[aria-expanded="true"]{background-color:rgba(74,92,106,.28); filter:none;
  transform:translateY(-2px)}
@media (max-width:1180px){
  body.np .hinweisstreifen,body.np .kassenstreifen{margin-right:16px}
}
@media (max-width:700px){
  body.np .np-info>summary{background:radial-gradient(circle in oklab,#fff 8px,rgba(226,232,229,.95) 10px,transparent 11px)}
  body.np .hinweisstreifen,body.np .kassenstreifen{margin:10px 12px 0}
  body.np .np-leiste{width:0}
}
body.np button.np-helferknopf{background:var(--io-glas); background-image:none; -webkit-backdrop-filter:var(--io-filter);
  backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas); color:var(--np-tinte)}
body.np button.np-helferknopf:hover,body.np button.np-helferknopf:focus-visible,body.np button.np-helferknopf[aria-expanded="true"]{
  background:var(--io-glas-dicht); background-image:none; color:var(--np-tinte)}


html body.np{background:var(--ap-rauschen),var(--lg-schein),var(--ap-grund); background-attachment:scroll}
body.np{font-size:.9375rem; line-height:1.47; letter-spacing:-.006em; font-optical-sizing:auto; text-rendering:optimizeLegibility}
body.np h1,body.np main h1,body.np .seitenkopf .titel h1{font-size:1.875rem; line-height:1.1; letter-spacing:-.022em; font-weight:700; text-wrap:balance}
body.np h2,body.np main h2,body.np main .karte h2{font-size:1.25rem; line-height:1.25; letter-spacing:-.017em; font-weight:680; text-wrap:balance}
body.np h3{font-size:1.0625rem; line-height:1.3; letter-spacing:-.012em; font-weight:650}
body.np main p{text-wrap:pretty}
body.np small,body.np .fein,body.np .np-zart,body.np .klein{letter-spacing:0; line-height:1.4}
@media (max-width:700px){body.np h1,body.np main h1{font-size:1.75rem}}
body.np .karte,body.np .np-karte{background:var(--lg-flaeche); box-shadow:var(--lg-kanten),var(--lg-aussen);
  padding:var(--ap-3); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter)}
body.np .np-karte{margin:0 0 var(--ap-2)}
body.np .karte::before,body.np .np-karte::before,body.np .np-stapel::before,body.np .bl-karte::before,body.np .ab-kachel::before,
body.np .geldkachel::before,body.np .fa-karte::before,body.np .np-leiste::before,body.np .np-helfer::before{content:none}
body.np :is(.bl-karte,.ab-kachel,.ab-baum,.kontaktkarte,.geldkachel,figure.kurve,ol.fest-liste,.fa-karte,details.np-belege-klappe,details.bl-profi){
  background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen); border-radius:var(--ap-rund-karte)}
body.np :is(.karte,.np-karte,dialog) :is(.karte,.np-karte){background:var(--ap-fuellung); box-shadow:none; border-radius:var(--ap-rund);
  -webkit-backdrop-filter:none; backdrop-filter:none}
body.np :is(.gb-kachel,.np-original,.bl-was,details.werkzeug-og,.fristband,.befund,.leer,.zahlcode-inhalt,p.mitteilung,.geld-grenz,fieldset.st-gruppe,.np-ab-wege div.ol-weg){
  background:var(--ap-fuellung); box-shadow:none; border-color:transparent}
body.np main{padding:var(--ap-2) var(--ap-4) var(--ap-5)}
@media (max-width:700px){body.np main{padding-left:var(--ap-2); padding-right:var(--ap-2)} body.np .karte,body.np .np-karte{padding:var(--ap-2) var(--ap-2) var(--ap-3)}}
body.np .np-wahl>summary{background:var(--ap-fuellung); box-shadow:none}
body.np .np-wahl>summary:hover{background:var(--ap-fuellung-hoch)}
body.np .np-stapel{
  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:var(--ap-schatten-1)}
body.np .np-blase,body.np .np-blase:hover{background:var(--ap-karte); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:var(--ap-schatten-1)}
body.np .np-blase.rot,body.np .np-blase.wichtig{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--np-rot) 45%,transparent),var(--ap-schatten-1)}
body.np .np-blase.wichtig.ruhig{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--np-gruen) 45%,transparent),var(--ap-schatten-1)}
body.np :is(.np-nav a,.np-menue a,.np-unten a,.np-unten button)[aria-current]{background:var(--ap-schlicht); color:var(--ap-akzent-text); box-shadow:none}
body.np nav.np-unten :is(a,button)[aria-current]{background:color-mix(in oklab,var(--ap-akzent-text) 11%,var(--ap-karte))}
body.np .np-nav a:hover,body.np a.np-konto:hover{background:var(--ap-fuellung)}
body.np :is(button,.knopf,.np-knopf){border-radius:999px; min-height:var(--ap-hoehe); letter-spacing:-.01em;
  transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),background-color .2s ease,box-shadow .2s ease,color .2s ease,filter .2s ease}
body.np :is(button,.knopf,.np-knopf):not([aria-pressed]):not([role]):not(.np-zu):not(.np-suche):hover{transform:none}
body.np main :is(button,.knopf,.np-knopf):not(.zweit):not(.still):not(.rand):not(.klein):not(.knopf2):not([aria-pressed]):not([role]){box-shadow:var(--lg-gruen-schatten)}
body.np :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,a.ab-knopf2,button.fa-antwort),
body.np main:has(.hauptknopf) :is(.knopf,.np-knopf):not(.hauptknopf):not(.rot),
body.np main :is(.knopf,.np-knopf,button[type=submit]):not(.zweit):not(.still):not(.rand):not(.klein):not(.knopf2):not(.rot):not([aria-pressed]):not([role]):not([hidden])
  ~ :is(.knopf,.np-knopf,button[type=submit]):not(.hauptknopf):not(.rot):not([aria-pressed]):not([role]),
body.np main :is(form,.bl-form):has(> :is(.knopf,.np-knopf,button[type=submit]):not(.zweit):not(.still):not(.rand):not(.rot))
  ~ :is(form,.bl-form) > :is(.knopf,.np-knopf,button[type=submit]):not(.hauptknopf):not(.rot):not([aria-pressed]):not([role]){
  background:var(--ap-schlicht); color:var(--ap-akzent-text); border:0; border-color:transparent; box-shadow:var(--gs-kapsel,none)}
@media (hover:hover){
  body.np :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,a.ab-knopf2,button.fa-antwort):hover{
    background:var(--ap-schlicht-hoch); color:var(--ap-akzent-text); box-shadow:var(--gs-kapsel,none); transform:none}
}
body.np main .np-zahlkarte :is(a,button).np-zk,body.np main .np-zahlkarte :is(a,button).np-zk.np-zk-haupt,body.np main .ba-bewirtung :is(button,.knopf,.bl-knopf){
  background:var(--ap-schlicht); color:var(--ap-akzent-text); border:0; box-shadow:none; border-radius:var(--ap-rund); filter:none;
  white-space:normal; text-align:center; line-height:1.25; font-weight:600}
body.np main .ba-bewirtung :is(button,.knopf,.bl-knopf){border-radius:999px}
@media (hover:hover){body.np main .np-zahlkarte :is(a,button).np-zk:hover,body.np main .ba-bewirtung :is(button,.knopf,.bl-knopf):hover{background:var(--ap-schlicht-hoch); filter:none}}
body.np :is(button,.knopf,.np-knopf,a.np-pille,a.chip,label.bs-kachel,.wahl-knopf,.np-schalter a,nav.np-reiter a,.np-unten a,.np-nav a,summary):not([disabled]):not([aria-disabled="true"]):active{
  transform:scale(var(--ap-druck)); transition-duration:0s}
body.np :is(.np-blase,.np-zeile,a.kz-zeile,.bs-zeile>summary,.np-liste a,li>a.np-liste-zeile):active{transform:scale(var(--ap-druck-gross)); transition-duration:0s}
body.np :is(.np-blase,.np-zeile,a.kz-zeile,.bs-zeile>summary,.np-nav a,nav.np-reiter a,.np-unten a,a.np-pille,a.chip,summary,.wahl-knopf,label.bs-kachel){
  transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),background-color .2s ease,color .2s ease,box-shadow .2s ease}
body.np :is(button,.knopf,.np-knopf){-webkit-tap-highlight-color:transparent; touch-action:manipulation}
body.np :is(.knopf,.np-knopf,.bl-knopf,.bl-knopf2,.knopf2,.ab-knopf,.ab-knopf2,.knopf-schlicht,button[type=submit],input[type=submit]):not(.np-still):not(.np-zu):not([role]):not([aria-pressed]):focus-visible{outline:none; --gs-kapsel:var(--lg-fokus),var(--lg-knopf-schatten)}
body.np main :is(button,.knopf,.np-knopf):focus-visible{box-shadow:var(--lg-fokus),var(--lg-knopf-schatten)}
body.np :is(button,.knopf,.np-knopf):not([disabled]):not([aria-disabled="true"]):active{filter:brightness(.92)}
body.np :is(.np-schalter,nav.np-reiter,nav.bl-reiter){background:var(--ap-fuellung); box-shadow:none}
body.np :is(.np-schalter a,.np-schalter button,nav.np-reiter a){transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np :is(.np-schalter a[aria-current],.np-schalter button[aria-pressed="true"],nav.np-reiter a[aria-current],nav.bl-reiter a.bl-reiterknopf[aria-current]){
  background:var(--ap-karte); color:var(--np-tinte); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.10)}
body.np :is(.ust-reiter button.jetzt,.ust-reiter button[aria-current]){background:var(--ap-wahl-grund); color:var(--np-tinte); box-shadow:inset 0 0 0 2px var(--ap-wahl-rand)}
body.np main button[aria-pressed]:not(.np-schalter *):not(.np-kipp):not([role=switch]):not([role=option]):not(.augenknopf){
  background-color:var(--ap-karte); color:var(--np-tinte); box-shadow:inset 0 0 0 1px var(--np-linie); font-weight:600}
body.np main button[aria-pressed="true"]:not(.np-schalter *):not(.np-kipp):not([role=switch]):not([role=option]):not(.augenknopf),
body.np main a.privatknopf[aria-pressed="true"]{background-color:var(--ap-wahl-grund); color:var(--np-tinte); box-shadow:inset 0 0 0 2px var(--ap-wahl-rand)}
body.np main [role=option]{background-color:transparent; color:var(--np-tinte); box-shadow:none; border:0}
@media (hover:hover){body.np main [role=option]:hover{background-color:var(--ap-fuellung)}}
body.np .ba-zweck-knopf:not(.ba-wf-eintrag)[aria-pressed="true"],body.np .ba-baum-knopf[aria-pressed="true"],body.np button.c2-wahl[aria-pressed="true"],body.np .wahl-knopf[aria-pressed="true"],body.np label.bs-kachel:has(input:checked),body.np .wahl-knopf:has(input:checked),body.np .weg:has(input:checked),body.np label.kr-wahl:has(input:checked),body.np .ma-art-zeile:has(input:checked),body.np .kachel[aria-selected="true"]{background-color:var(--ap-wahl-grund); color:var(--np-tinte); border-color:var(--ap-wahl-rand);
  box-shadow:inset 0 0 0 2px var(--ap-wahl-rand); background-image:var(--ap-haken); background-repeat:no-repeat;
  background-size:20px 20px; background-position:right 10px top 10px}
body.np .ba-zweck-knopf:not(.ba-wf-eintrag),body.np .ba-baum-knopf,body.np label.bs-kachel,body.np button.c2-wahl,body.np .wahl-knopf{position:relative; padding-right:40px}
body.np .ba-wf-eintrag[aria-selected="true"],body.np [role=option][aria-selected="true"],body.np .an-wege li.gewaehlt{background-color:var(--ap-wahl-grund); color:var(--np-tinte); box-shadow:none; background-image:var(--ap-haken); background-repeat:no-repeat;
  background-size:20px 20px; background-position:right 12px center; padding-right:44px}
body.np .ba-wf-eintrag[aria-selected="true"] .ba-wf-wort{color:var(--np-tinte)}
body.np .ba-wf-eintrag[aria-selected="true"] .ba-wf-wort::before{content:none}
body.np :is(button,label,a,li)[aria-pressed="true"] :is(small,.ba-wf-konto),body.np :is(label,li):has(input:checked) small,
body.np .ba-wf-eintrag[aria-selected="true"] .ba-wf-konto,body.np [role=option][aria-selected="true"] small{color:var(--ap-zweit)}
body.np .ba-zweck-wahl{position:relative}
body.np .ba-zweck-wahl>.ba-zweck-knopf{padding-right:44px}
body.np .ba-zweck-wahl>.ba-zweck-knopf[aria-pressed="true"]{background-position:right 40px top 10px; padding-right:68px}
body.np .ba-zweck-wahl>details.zahl-i,body.np .ba-zweck-wahl>.zahl-i{position:absolute; right:10px; top:8px; margin:0; align-self:auto; z-index:1}
body.np input[type=checkbox],body.np input[type=radio]{accent-color:var(--knopf)}
body.np :is(.np-app,.np-kreis,.np-schritte>li::before,.np-kreise li i,.np-info>summary,.np-ampel,.np-legende i,.gb-legende i){box-shadow:none}
body.np .np-app.rot{background:var(--np-rot-feld)}
body.np .np-kreise li.dran i{background:var(--ap-karte); box-shadow:inset 0 0 0 2px var(--np-gruen)}
body.np :is(.np-nav em,nav.np-reiter em,nav.np-boss-unter em){background:var(--np-rot-feld); color:var(--np-rot-tief); box-shadow:none}
body.np .np-unten em{background:var(--np-rot); box-shadow:none}
@media (min-width:701px){body.np .np-info>summary{background:var(--ap-fuellung)}}
body.np :is(.np-blaettern a,button.np-zu):hover{background:var(--ap-fuellung); box-shadow:none}
body.np :is(.np-pille,.np-pille.minus,.np-pille.rot,.np-pille.orange,.np-pille.grau,.statuspille,a.chip,.geld-marke,a.bl-filter){box-shadow:none}
body.np :is(.werkzeug-filter a.chip[aria-current],a.chip.an){background:var(--ap-wahl-grund); color:var(--np-tinte); box-shadow:inset 0 0 0 1.5px var(--ap-wahl-rand)}
body.np :is(a.bl-filter[aria-current],a.bl-filter[aria-current] span){background:var(--ap-wahl-grund); color:var(--np-tinte)}
body.np a.bl-filter[aria-current]{box-shadow:inset 0 0 0 1.5px var(--ap-wahl-rand)}
body.np :is(.gb-bahn i,.np-teile span,.np-teile a,.np-bo-saeule i,.np-boss-balken,.np-ab-balken i,.np-ab-balken span){box-shadow:none; background-image:none}
body.np svg.gb-linien .gb-linie{filter:none}
body.np :is(.hinweisband,.status.gut){box-shadow:none}
body.np :is(.bl-frage,.beta-band,.geld-hinweis,.status.offen,.re-einrichtung,.fehlerband){box-shadow:none}
body.np :is(.hinweisstreifen,.kassenstreifen){background:var(--ap-karte); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:var(--ap-schatten-1)}
body.np .testphase{background:none; box-shadow:none; color:var(--ap-zweit)}
body.np .testphase .innen{font-size:13px; justify-content:center; padding:6px 16px}
body.np .testphase .zeichen{display:none}
body.np :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){box-shadow:none; border-radius:var(--ap-rund-s)}
body.np :is(input,select,textarea):focus-visible{outline:none; box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--knopf) 55%,#fff); border-color:var(--knopf)}
body.np .np-ich>summary{-webkit-backdrop-filter:none; backdrop-filter:none}
body.np .np-ich>summary{background:var(--ap-karte); box-shadow:var(--ap-schatten-2)}
body.np .np-ab-luecke{background:var(--np-rot-feld)}
body.np .np-legende i.offen{background:var(--np-d-gruen-feld); box-shadow:inset 0 0 0 1.5px var(--np-d-gruen-hell)}
body.np dialog.np-fenster{
  transition:transform var(--ap-feder-ruhig-zeit) var(--ap-feder-ruhig),opacity .2s ease,overlay .3s allow-discrete,display .3s allow-discrete}
body.np dialog.np-fenster::backdrop{background:rgba(10,18,14,.28); -webkit-backdrop-filter:blur(6px) saturate(120%); backdrop-filter:blur(6px) saturate(120%);
  transition:opacity .3s ease,overlay .3s allow-discrete,display .3s allow-discrete}
body.np .np-f-kopf{padding:var(--ap-3) var(--ap-3) var(--ap-1)}
body.np .np-f-leib{padding:var(--ap-1) var(--ap-3) var(--ap-3)}
body.np .np-f-fuss{padding:var(--ap-2) var(--ap-3) var(--ap-3); gap:var(--ap-1); border-top:0; box-shadow:0 -1px 0 var(--np-linie)}
@media (min-width:701px){
  body.np dialog.np-fenster[open]{transform:none; opacity:1}
  @starting-style{body.np dialog.np-fenster[open]{transform:scale(.96); opacity:0}}
  body.np dialog.np-fenster.ap-geht{transform:scale(.97); opacity:0; transition-duration:.18s; transition-timing-function:ease-in}
}
@starting-style{body.np dialog.np-fenster[open]::backdrop{opacity:0}}
body.np dialog.np-fenster.ap-geht::backdrop{opacity:0}
@media (max-width:700px){
  body.np dialog.np-fenster{padding-top:0; touch-action:pan-y}
  body.np dialog.np-fenster[open]{transform:translateY(0)}
  @starting-style{body.np dialog.np-fenster[open]{transform:translateY(100%)}}
  body.np dialog.np-fenster.ap-geht{transform:translateY(100%); transition:transform var(--ap-feder-zeit) var(--ap-feder)}
  body.np dialog.np-fenster.ap-zieht{transition:none}
  body.np dialog.np-fenster::before{content:""; position:absolute; left:50%; top:8px; width:36px; height:5px; margin-left:-18px; border-radius:3px;
    background:var(--ap-fuellung-hoch); z-index:3; pointer-events:none}
  body.np .np-f-kopf{padding-top:var(--ap-4); cursor:grab; touch-action:none}
  body.np .np-mehr:not([hidden]){transition:transform var(--ap-feder-ruhig-zeit) var(--ap-feder-ruhig),opacity .2s ease}
  @starting-style{body.np .np-mehr:not([hidden]){transform:translateY(24px); opacity:0}}
}
@media (min-width:701px){
  body.np dialog.np-fenster.seitenblatt{position:fixed; inset:12px 12px 12px auto; margin:0; width:min(420px,calc(100vw - 24px)); height:calc(100vh - 24px); max-height:none}
  body.np dialog.np-fenster.seitenblatt>.np-f-innen{height:100%; max-height:none}
  body.np dialog.np-fenster.seitenblatt[open]{transform:none; opacity:1}
  @starting-style{body.np dialog.np-fenster.seitenblatt[open]{transform:translateX(calc(100% + 24px)); opacity:1}}
  body.np dialog.np-fenster.seitenblatt.ap-geht{transform:translateX(calc(100% + 24px)); opacity:1; transition:transform var(--ap-feder-zeit) var(--ap-feder)}
  body.np dialog.np-fenster.seitenblatt.ap-zieht{transition:none}
  body.np dialog.np-fenster.seitenblatt .np-f-kopf{cursor:grab; touch-action:pan-y}
}
body.np details[open]>:is(.np-menue,div.np-info-text){transition:transform var(--ap-feder-zeit) var(--ap-feder),opacity .18s ease}
body.np details.np-info[open]>div{transform-origin:top left; transition:transform var(--ap-feder-zeit) var(--ap-feder),opacity .18s ease}
@starting-style{body.np details.np-info[open]>div{transform:scale(.94); opacity:0}}
body.np .np-ich>.np-menue{animation:none; transition:transform var(--ap-feder-zeit) var(--ap-feder),opacity .18s ease}
@starting-style{body.np .np-ich[open]>.np-menue{transform:translateY(8px) scale(.94); opacity:0}}
@media (prefers-reduced-motion:reduce){
  body.np *,body.np *::before,body.np *::after{transition-property:opacity,background-color,color,box-shadow!important; transition-duration:.15s!important; animation:none!important}
  body.np :active{transform:none!important}
  body.np dialog.np-fenster,body.np dialog.np-fenster.ap-geht,body.np .np-mehr:not([hidden]){transform:none!important}
  @starting-style{body.np dialog.np-fenster[open]{transform:none; opacity:0}}
}
@media (prefers-reduced-transparency:reduce){
  body.np dialog.np-fenster::backdrop{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(10,18,14,.5)}
}
@media (prefers-contrast:more){
  body.np :is(.karte,.np-karte,dialog.np-fenster){box-shadow:0 0 0 1px var(--np-tinte)}
  body.np :is(.knopf.zweit,.knopf2,.knopf.rand,.np-knopf.rand,button.zweit,button.rand){box-shadow:inset 0 0 0 1.5px currentColor}
}
@media not all and (pointer:coarse){
 label:has(>input[capture]),label[for="np-foto-datei"],form.np-belege-foto{display:none!important}
}
.np-keine-kamera :is(label:has(>input[capture]),label[for="np-foto-datei"],form.np-belege-foto){display:none!important}


body.np main .bl>.np-seitenkopf{margin:0 0 var(--ap-1)}
body.np main form.np-belege-selbst{display:flex; justify-content:flex-end; margin:0 0 var(--ap-2)}
body.np main .bl form.np-belege-selbst>button.np-still{border:0!important; box-shadow:none!important; background:none!important; display:inline-flex; align-items:center; gap:12px; min-height:var(--ap-hoehe);
  padding:0 0 0 var(--ap-2);color:var(--np-tinte); font-weight:500}
body.np main form.np-belege-selbst>button.np-still::after{content:""; flex:none; width:51px; height:31px; border-radius:999px;
  background:color-mix(in oklab,var(--ap-zweit) 30%,transparent) radial-gradient(in oklab circle at 15.5px 50%,#fff 0 13.5px,#0000 14px);
  box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06); 
  transition:background-position var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),background-color .2s ease}
body.np main form.np-belege-selbst[data-np-selbst="an"]>button.np-still::after{background:var(--knopf) radial-gradient(in oklab circle at 35.5px 50%,#fff 0 13.5px,#0000 14px)}
body.np main form.np-belege-selbst>button.np-still:active::after{filter:brightness(.96)}
body.np main :is(.bl-hochladen,.ab) .np-ablage{border:1.5px dashed color-mix(in oklab,var(--np-tinte) 16%,transparent);
  background:var(--ap-karte); box-shadow:none; border-radius:var(--ap-rund-karte); gap:var(--ap-1);
  padding:var(--ap-4) var(--ap-3); transition:background-color .2s ease,border-color .2s ease,transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np main :is(.bl-hochladen,.ab) .np-ablage:hover{border-color:color-mix(in oklab,var(--knopf) 45%,transparent); background:var(--ap-karte)}
body.np main :is(.bl-hochladen,.ab) .np-ablage:active{transform:scale(var(--ap-druck-gross)); transition-duration:0s}
body.np main :is(.bl-hochladen,.ab) .np-ablage>svg{color:var(--ap-zweit)}
body.np main :is(.bl-hochladen,.ab) .np-ablage>span:not([data-bl-zustand]){color:var(--ap-zweit)}
body.np main .bl-hochladen .np-ablage .bl-titel{font-weight:600; color:var(--np-tinte)}
body.np main :is(.bl-hochladen,.ab) .np-ablage::after{content:"Dateien wählen"; order:5; display:inline-flex; align-items:center; justify-content:center;
  min-height:var(--ap-hoehe); padding:0 var(--ap-3); border-radius:999px; background:var(--knopf); color:#fff; font-weight:600;
  letter-spacing:-.01em; box-shadow:var(--lg-gruen-schatten); margin-top:var(--ap-1)}
@media (max-width:700px){
  body.np main .bl-hochladen .np-ablage::after{content:none}
  body.np main .bl-hochladen form.np-belege-foto label.np-knopf{background:var(--knopf)!important; color:#fff!important; box-shadow:var(--lg-gruen-schatten)!important}
  body.np main .bl-hochladen .np-ablage .bl-titel{display:inline-flex; align-items:center; min-height:var(--ap-hoehe); padding:0 var(--ap-3);
    border-radius:999px; background:var(--ap-schlicht); color:var(--ap-akzent-text)}
  body.np main .bl-hochladen .np-ablage .bl-titel span{color:var(--ap-akzent-text)}
  body.np main .bl form.np-belege-selbst>button.np-still.np-still{padding:0}
  body.np main .bl-hochladen .np-ablage{padding:var(--ap-3) var(--ap-2)}
  body.np main form.np-belege-selbst{justify-content:space-between}
  body.np main form.np-belege-selbst>button.np-still{width:100%; justify-content:space-between; padding:0 var(--ap-2);
    background:var(--ap-karte); border-radius:var(--ap-rund); box-shadow:var(--ap-schatten-1)}
}
body.np main .bl-hochladen{display:grid; gap:var(--ap-2); margin:0 0 var(--ap-3)}
body.np main .bl-hochladen>*{margin:0}
body.np main .np-belege-zuzahlen{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); padding:var(--ap-2) var(--ap-3)}
body.np main .np-belege-zuzahlen p{margin:0; display:grid; gap:2px}
body.np main .np-belege-zuzahlen .np-zart{color:var(--ap-zweit)}
body.np main p.np-belege-ohne{color:var(--ap-zweit); margin:0}
body.np main nav.bl-reiter.bl-reiter{margin:0 0 var(--ap-2)}
body.np main .bl-karte#eingang{margin-top:0}
body.np main .np-seitenkopf form.np-belege-selbst{margin:0; align-self:center}
body.np main .bl .np-seitenkopf>div:first-child{flex:1 1 320px}
@media (max-width:700px){body.np main .np-seitenkopf form.np-belege-selbst{flex:1 1 100%}}
body.np main .bl-karte#eingang{padding:var(--ap-3)}
body.np main .bl-karte .bl-kartenkopf{margin:0 0 var(--ap-2)}
body.np main .bl-karte .np-filterleiste{gap:var(--ap-1); margin:var(--ap-2) 0}
body.np main .np-filter>summary.np-filter-knopf{box-shadow:none; background:var(--ap-fuellung); min-height:var(--ap-hoehe)}
body.np main .np-filter>summary.np-filter-knopf:hover{background:var(--ap-fuellung-hoch)}
body.np main table.bl-tabelle thead th{text-transform:none; letter-spacing:0; font-size:.8125rem; font-weight:600; color:var(--ap-zweit);
  background:none; border-bottom:.5px solid var(--np-linie); padding-top:var(--ap-1); padding-bottom:var(--ap-1)}
body.np main table.bl-tabelle thead th button.bl-sort.bl-sort{min-height:32px; text-transform:none; letter-spacing:0; font:inherit; color:inherit; background:none; box-shadow:none;
  border:0; border-radius:var(--ap-rund-s);padding:0 6px; margin:0 -6px}
body.np main table.bl-tabelle thead th button.bl-sort.bl-sort:hover{background:var(--ap-fuellung); color:var(--np-tinte)}
@media (max-width:700px){body.np main table.bl-tabelle thead th button.bl-sort.bl-sort{min-height:44px}}
@media (min-width:701px){
  body.np main table.bl-tabelle tbody td{border-bottom:.5px solid var(--np-linie); padding-top:12px; padding-bottom:12px; vertical-align:middle}
  body.np main table.bl-tabelle tbody tr:last-child td{border-bottom:0}
}
@media (max-width:700px){body.np main table.bl-tabelle tbody td{border-top:0; border-bottom:0}}
body.np main table.bl-tabelle tbody tr.bl-zeile{transition:background-color .15s ease}
@media (hover:hover){body.np main table.bl-tabelle tbody tr.bl-zeile[data-weg]:hover{background:var(--ap-fuellung); cursor:pointer}}
body.np main table.bl-tabelle tbody tr.bl-zeile[data-weg]:active{background:var(--ap-fuellung-hoch)}
body.np main table.bl-tabelle .bl-von .bl-wer b{color:var(--np-tinte); font-weight:600}
body.np main table.bl-tabelle .bl-von .bl-klein,body.np main table.bl-tabelle .bl-nr,body.np main table.bl-tabelle .bl-datum{color:var(--ap-zweit)}
body.np main table.bl-tabelle .bl-betrag{font-variant-numeric:tabular-nums}
body.np main .bl-pille{box-shadow:none; font-size:13px}
body.np main form.np-auswahl:not([hidden]){background:var(--ap-material-dicht); -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter);
  box-shadow:var(--ap-schatten-2); border-radius:var(--ap-rund-karte); padding:var(--ap-1) var(--ap-2); gap:var(--ap-1)}
body.np main .ab>.np-seitenkopf{margin:0 0 var(--ap-2)}
body.np main .ab .np-ablage-form{margin:0 0 var(--ap-3)}
body.np main .ab .np-ablage-form .np-ablage{margin:0}
@media (min-width:701px){
  body.np main .ab .np-ablage{display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto auto;
    align-items:center; justify-items:start; column-gap:var(--ap-2); row-gap:2px; text-align:left; padding:var(--ap-2) var(--ap-3)}
  body.np main .ab .np-ablage>svg{grid-row:1/3; grid-column:1}
  body.np main .ab .np-ablage>b{grid-column:2; grid-row:1; font-weight:600}
  body.np main .ab .np-ablage>span{grid-column:2; grid-row:2}
  body.np main .ab .np-ablage::after{grid-column:3; grid-row:1/3; margin:0}
}
body.np main .ab .np-ablage-zeit{margin:0 0 var(--ap-2)}
body.np main form.ab-suche{display:flex; align-items:center; gap:var(--ap-1); margin:0 0 var(--ap-2)}
body.np main .ab form.ab-suche input[type=search]{flex:1; padding:0 var(--ap-2) 0 44px!important; font-size:.9375rem; min-height:var(--ap-hoehe); border:0; background:var(--ap-fuellung) no-repeat;
  border-radius:var(--ap-rund); padding-left:40px; background-image:none; position:relative}
body.np main form.ab-suche{position:relative}
body.np main form.ab-suche::before{content:""; position:absolute; left:14px; top:50%; width:18px; height:18px; margin-top:-9px;
  background:var(--ap-zweit); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Ccircle cx=%228.5%22 cy=%228.5%22 r=%225.75%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22m13 13 4.5 4.5%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Ccircle cx=%228.5%22 cy=%228.5%22 r=%225.75%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22m13 13 4.5 4.5%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; pointer-events:none; z-index:1}
body.np main .ab form.ab-suche button.ab-knopf.ab-knopf{background:none!important; color:var(--ap-akzent-text); box-shadow:none!important; border:0; padding:0 var(--ap-1)}
@media (hover:hover){body.np main form.ab-suche button.ab-knopf:hover{background:var(--ap-fuellung)}}
body.np main .ab .ab-leiste{display:flex; align-items:center; justify-content:space-between; gap:var(--ap-2); margin:0 0 var(--ap-1)}
body.np main .ab .ab-leiste a.ab-knopf{margin-left:auto; background:none; border:0; box-shadow:none; color:var(--ap-akzent-text); min-height:var(--ap-hoehe);
  padding:0 var(--ap-1); font-weight:600}
@media (hover:hover){body.np main .ab .ab-leiste a.ab-knopf:hover{background:var(--ap-fuellung)}}
body.np main .ab .ab-krumen{color:var(--ap-zweit)}
body.np main .ab ul.ab-kacheln{display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:var(--ap-2); padding:0; margin:0}
body.np main .ab a.ab-kachel{display:grid; gap:4px; padding:var(--ap-2) var(--ap-2) var(--ap-2); min-height:120px; align-content:end;
  border:0; text-decoration:none; color:var(--np-tinte);
  transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),box-shadow .2s ease}
body.np main .ab a.ab-kachel>svg{width:40px; height:40px; padding:8px; box-sizing:border-box; margin:0 0 auto; border-radius:12px;
  color:var(--ap-akzent-text); background:var(--ap-schlicht)}
body.np main .ab a.ab-kachel>b{color:var(--np-tinte); font-size:1.0625rem; font-weight:650; letter-spacing:-.012em}
body.np main .ab a.ab-kachel>span{color:var(--ap-zweit); font-size:.8125rem}
@media (hover:hover){body.np main .ab a.ab-kachel:hover{box-shadow:var(--ap-schatten-2)}}
body.np main .ab a.ab-kachel:active{transform:scale(var(--ap-druck-gross)); transition-duration:0s}
@media (max-width:700px){body.np main .ab ul.ab-kacheln{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ap-1)}}
body.np main .anschaffungsseite form.anschaffung-form{max-width:640px}
body.np main .anschaffungsseite .np-seitenkopf p{font-size:.9375rem!important; line-height:1.47!important; color:var(--ap-zweit); max-width:640px}
body.np main .anschaffungsseite .seitenkopf{margin:0 0 var(--ap-2)}
body.np main .anschaffungsseite .feld-reihe{grid-template-columns:minmax(0,1fr); gap:var(--ap-2); margin:0 0 var(--ap-2)}
body.np main .anschaffungsseite .an-was{margin:0 0 var(--ap-2)}
body.np main .anschaffungsseite label.feld>span{font-weight:600}
body.np main .anschaffungsseite label.feld small{color:var(--ap-zweit)}
body.np main .anschaffungsseite fieldset.wahlgruppe{margin:0 0 var(--ap-3)}
body.np main .anschaffungsseite fieldset.wahlgruppe legend{margin:0 0 var(--ap-1); font-weight:600}
body.np main .anschaffungsseite .wahl-reihe{display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:2px; padding:2px;
  background:var(--ap-fuellung); border-radius:var(--ap-rund)}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf{position:relative; display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:var(--ap-hoehe); margin:0; padding:6px var(--ap-1); border:0; border-radius:12px; background:transparent; box-shadow:none; cursor:pointer;
  background-image:none; transition:background-color .25s ease,box-shadow .25s ease,transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf>span{display:grid; gap:0}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf strong{font-weight:600; color:var(--np-tinte)}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf small{color:var(--ap-zweit); font-size:13px} 
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf:has(input:checked){background:var(--ap-karte); background-image:none;
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.10)}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf:has(input:checked)::after{content:none}
body.np main .anschaffungsseite .wahl-reihe label.wahl-knopf:has(input:focus-visible){outline:3px solid #4A5C6A; outline-offset:1px}
body.np main details.np-an-mehr{margin:0 0 var(--ap-3)}
body.np main details.np-an-mehr>summary{display:inline-flex; align-items:center; gap:6px; min-height:var(--ap-hoehe); list-style:none; cursor:pointer;
  color:var(--ap-akzent-text); font-weight:600}
body.np main details.np-an-mehr>summary::-webkit-details-marker{display:none}
body.np main details.np-an-mehr>summary::after{content:""; width:8px; height:14px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; transform:rotate(90deg); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np main details.np-an-mehr[open]>summary::after{transform:rotate(-90deg)}
body.np main details.np-an-mehr .wahl-liste{background:var(--ap-fuellung); border-radius:var(--ap-rund); padding:var(--ap-1) var(--ap-2)}
body.np main details.np-an-mehr .wahl-liste li{margin:var(--ap-1) 0}
body.np main details.np-an-mehr .wahl-satz{color:var(--ap-zweit)}
body.np main .np-beleg-gesicht{margin:0 0 var(--ap-2)}
body.np main .np-beleg-gesicht p{color:var(--ap-zweit); font-variant-numeric:tabular-nums}
body.np main .np-pfad~.ba .ba-oben .rueckweg{display:none}
body.np main .ba-oben:not(:has(a:not(.rueckweg))){display:none}
body.np main .ba-karte>h2#t-gelesen{font-size:1.25rem; margin:0 0 4px}
body.np main .ba-rechts{display:grid; gap:var(--ap-2); align-content:start}
body.np main .ba-rechts>*,body.np main .np-belege-zahlung>*{margin:0}
body.np main .np-belege-zahlung{display:grid; gap:var(--ap-2)}
body.np main form.ba-form{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--ap-2)}
body.np main form.ba-form>*{grid-column:1/-1; margin:0}
body.np main form.ba-form .ba-feld>span,body.np main form.ba-form fieldset legend{font-weight:600}
body.np main form.ba-form .bl-klein,body.np main form.ba-form .wahl-satz{color:var(--ap-zweit)}
body.np main details.np-ba-mehr{border-radius:var(--ap-rund); background:var(--ap-fuellung)}
body.np main details.np-ba-mehr>summary{display:flex; align-items:center; justify-content:space-between; min-height:var(--ap-hoehe);
  padding:0 var(--ap-2); list-style:none; cursor:pointer; font-weight:600; color:var(--np-tinte)}
body.np main details.np-ba-mehr>summary::-webkit-details-marker{display:none}
body.np main details.np-ba-mehr>summary small{color:var(--ap-zweit); font-weight:400; margin-left:auto; margin-right:var(--ap-1)}
body.np main details.np-ba-mehr>summary::after{content:""; width:8px; height:14px; background:var(--ap-zweit); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; transform:rotate(90deg); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np main details.np-ba-mehr[open]>summary::after{transform:rotate(-90deg)}
body.np main details.np-ba-mehr>div{display:grid; gap:var(--ap-2); padding:0 var(--ap-2) var(--ap-2)}
body.np main .np-zahlkarte .np-zk-raster{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--ap-2); margin-top:var(--ap-1)}
body.np main .np-zahlkarte .np-zk-wahl{display:grid; grid-template-columns:repeat(auto-fit,minmax(132px,1fr)); gap:var(--ap-1)}
body.np main .np-zahlkarte .np-zk-wahl>button.np-zk{display:block; text-align:center;
  height:auto; min-height:var(--ap-hoehe); margin:0; padding:10px var(--ap-2); border-radius:var(--ap-rund); background:var(--ap-fuellung); color:var(--np-tinte);
  font-weight:500; box-shadow:none; transform:none; text-align:center}
body.np main .np-zahlkarte .np-zk-wahl>button.np-zk small{display:block; font-size:12px; font-weight:400; color:var(--ap-zweit)}
body.np main .np-zahlkarte .np-zk-wahl>button.np-zk-laut{box-shadow:inset 0 0 0 1.5px var(--ap-akzent-text)}
body.np main .np-zahlkarte .np-zk-wahl>button.np-zk[aria-pressed="true"]{background:var(--ap-schlicht); color:var(--ap-akzent-text); font-weight:600;
  box-shadow:inset 0 0 0 1.5px var(--ap-akzent-text)}
body.np main .np-zahlkarte .np-zk-wahl>button.np-zk[aria-pressed="true"]::before{content:"✓"; margin-right:5px; font-weight:700}
@media (hover:hover){body.np main .np-zahlkarte .np-zk-wahl>button.np-zk[aria-pressed="false"]:hover{background:var(--ap-fuellung-hoch)}}
body.np main .np-zahlkarte .np-zk-aktionen{display:flex; flex-wrap:wrap; gap:var(--ap-1)}
body.np main .np-zahlkarte .np-zk-aktionen>.np-zk-aktion{flex:1 1 200px; display:flex; align-items:center; justify-content:center; gap:var(--ap-1);
  height:auto; min-height:var(--ap-hoehe); margin:0; padding:10px var(--ap-2); text-decoration:none; text-align:center}
body.np main .np-zahlkarte .np-zk-aktionen>.np-zk-geh::after{content:""; flex:none; width:7px; height:12px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 14%22%3E%3Cpath d=%22M1.5 1.5 6.5 7l-5 5.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat}
body.np main .np-zahlkarte .np-zk-mehr{justify-self:start; height:auto; min-height:var(--ap-hoehe); padding:0 var(--ap-1); border:0; background:transparent;
  color:var(--ap-akzent-text); font:inherit; font-weight:500; cursor:pointer}
body.np main .np-zahlkarte .np-zk-satz{color:var(--ap-zweit); margin:2px 0 0}
body.np main .np-zahlkarte .bz-knopfzeile{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--ap-1)}
body.np main .ba-links{display:grid; gap:var(--ap-2); align-content:start}
body.np main .ba-links>section,body.np main .ba-links>.beleg-r36{margin:0}
body.np main .ba-links .be-aktionen{display:flex; flex-wrap:wrap; gap:var(--ap-1)}
body.np main .ba-links .be-aktionen form{margin:0}
body.np main .ba-links .beleg-r36{display:grid; gap:var(--ap-2)}
body.np main .ba-links .beleg-r36>button.ab-auf{justify-self:start; display:inline-flex; align-items:center}
body.np main .pflicht-karte .fein,body.np main .pflicht-karte .hinweis-fuss summary,body.np main .pflicht-karte .offen{color:var(--ap-zweit)}
body.np main .hinweis-fuss,body.np main .hinweis-fuss summary{font-size:13px}
body.np main .np-ba-unten{display:grid; gap:var(--ap-2)}
body.np main .np-ba-unten>*{margin:0}
body.np main details.ba-gelesen-text{margin-top:var(--ap-2)}
body.np main details.ba-gelesen-text>summary small{font-weight:400; font-size:13px; color:var(--ap-zweit); margin-left:var(--ap-1)}
body.np main details.ba-gelesen-text .ba-rohtext-inhalt{display:grid; gap:var(--ap-1)}
body.np main details.ba-gelesen-text pre.ba-rohtext{margin:0; max-width:100%; max-height:420px; overflow:auto; box-sizing:border-box; padding:12px var(--ap-2);
  border-radius:var(--ap-rund-s); background:var(--ap-fuellung); color:var(--np-tinte); white-space:pre-wrap; overflow-wrap:anywhere;
  font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.np main details.ba-gelesen-text table.ba-rohtext-felder{width:100%; border-collapse:collapse; font-size:13px; line-height:1.4}
body.np main details.ba-gelesen-text table.ba-rohtext-felder th,body.np main details.ba-gelesen-text table.ba-rohtext-felder td{padding:6px var(--ap-1); text-align:left; vertical-align:top; border-bottom:1px solid var(--np-linie); overflow-wrap:anywhere}
body.np main details.ba-gelesen-text table.ba-rohtext-felder thead th{font-weight:500; color:var(--ap-zweit)}
body.np main details.ba-gelesen-text table.ba-rohtext-felder tbody th{font-weight:600; white-space:nowrap}
@media (max-width:900px){
  body.np main .ba-raster.np-teilung{display:flex; flex-direction:column; gap:var(--ap-2)}
  body.np main .ba-raster.np-teilung>.ba-links{display:contents}
  body.np main .ba-raster.np-teilung>.ba-rechts{order:1}
  body.np main .ba-raster.np-teilung .np-ba-unten{order:2}
}
body.np main .pflicht-karte .zahl-gross{font-size:1.0625rem; font-weight:650}
body.np main .ba-bewirtung button.bl-knopf[data-bew-knopf]{background:var(--knopf-flaeche,#4A5C6A); color:var(--auf-knopf); box-shadow:var(--lg-gruen-schatten)}
@media (hover:hover){body.np main .ba-bewirtung button.bl-knopf[data-bew-knopf]:hover{background:var(--knopf-flaeche-hoch,#41525f)}}
body.np main .ba .karte.warnung form button[type=submit]{background:var(--ap-schlicht); color:var(--ap-akzent-text); border:0; box-shadow:var(--gs-kapsel,none)}
body.np main .ba .karte.warnung[data-bwb-karte="offen"]{border-left:0; background:var(--ap-karte)}
body.np main .ba .karte.warnung[data-bwb-karte="offen"] p{color:var(--ap-zweit)}
body.np main .ba .karte.warnung[data-bwb-karte="offen"] p b{color:var(--np-tinte)}
body.np main table.bl-tabelle td.bl-von a.bl-wer{align-items:flex-start; text-align:left}
body.np main .np-ablage-zeit{display:flex; flex-direction:column; align-items:flex-start; gap:var(--ap-1)}
body.np main .np-ablage-zeit .np-blaettern>b{font-size:1.25rem; font-weight:650; letter-spacing:-.01em; color:var(--np-tinte)}
body.np main .np-ablage-zeit .np-blaettern>span[aria-hidden]:not(.np-blaettern-aus){display:none}
body.np main .ab .ab-krumen li+li::before{margin:0 4px 0 8px}
@media (max-width:700px){
  body.np nav.np-pfad{gap:0}
  body.np nav.np-pfad ol{flex-wrap:nowrap; overflow:hidden; flex:1 1 auto}
  body.np nav.np-pfad li{display:none}
  body.np nav.np-pfad li:nth-last-child(2){display:flex; flex:1 1 auto; min-width:0}
  body.np nav.np-pfad li:nth-last-child(2)::before{content:none}
  body.np nav.np-pfad :is(a.np-zurueck,li:nth-last-child(2)>a){color:var(--ap-akzent-text)}
  body.np nav.np-pfad li:nth-last-child(2)>a{display:block; min-width:44px; max-width:100%; box-sizing:border-box; line-height:44px; font-size:17px; font-weight:400;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
}


body.np .ap-segment{display:inline-flex; flex-wrap:wrap; gap:2px; padding:3px; margin:var(--ap-1) 0 var(--ap-2);
  background:var(--ap-fuellung); border-radius:12px; max-width:100%}
body.np .ap-segment>label{position:relative; display:flex; align-items:center; justify-content:center; gap:0;
  min-height:38px; padding:0 var(--ap-2); margin:0; border-radius:9px; border:0; background:transparent;
  font-weight:600; font-size:.9375rem; color:var(--ap-zweit); cursor:pointer; text-align:center;
  transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np .ap-segment>label>input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
body.np .ap-segment>label:has(input:checked){background:var(--ap-karte); color:var(--np-tinte);
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.10)}
body.np .ap-segment>label:has(input:focus-visible){outline:3px solid #4A5C6A; outline-offset:1px}
body.np .ap-segment>label:active{transform:scale(var(--ap-druck)); transition-duration:0s}
body.np .ap-segment>label span{color:inherit}
body.np .ap-segment{width:fit-content}
body.np :is(.feld,.vz-frage):has(>.ap-segment>details.zahl-i){position:relative; padding-right:40px}
body.np .ap-segment>details.zahl-i{position:absolute; right:0; top:0; margin:0}
@media (max-width:700px){body.np .ap-segment{display:flex; width:auto} body.np .ap-segment>label{flex:1 1 0; padding:0 var(--ap-1)}}
body.np label.ap-schalter{display:grid!important; grid-template-columns:1fr auto; align-items:center; gap:var(--ap-2);
  min-height:44px; margin:var(--ap-2) 0 0; padding:var(--ap-1) var(--ap-2); border-radius:var(--ap-rund);
  background:var(--ap-fuellung); cursor:pointer; font-weight:500}
body.np label.ap-schalter>span{display:flex; flex-direction:column; gap:2px; order:1; flex:1 1 auto; min-width:0; grid-column:1}
body.np label.ap-schalter>input[type=checkbox]{grid-column:2; grid-row:1; flex:0 0 auto}
body.np label.ap-schalter>span small{color:var(--ap-zweit); font-weight:400}
body.np label.ap-schalter>input[type=checkbox]{order:2; appearance:none; -webkit-appearance:none; position:relative;
  width:51px; height:31px; margin:0; border-radius:999px; background:var(--ap-fuellung-hoch); cursor:pointer;
  transition:background-color .25s ease}
body.np label.ap-schalter>input[type=checkbox]::before{content:""; position:absolute; top:2px; left:2px; width:27px; height:27px;
  border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18),0 3px 8px rgba(0,0,0,.12);
  transition:transform var(--ap-feder-zeit) var(--ap-feder)}
body.np label.ap-schalter>input[type=checkbox]:checked{background:var(--knopf)}
body.np label.ap-schalter>input[type=checkbox]:checked::before{transform:translateX(20px)}
body.np label.ap-schalter>input[type=checkbox]:focus-visible{outline:3px solid #4A5C6A; outline-offset:2px}
body.np label.ap-schalter:active>input::before{width:31px}
body.np label.ap-schalter:active>input:checked::before{transform:translateX(16px)}
body.np details.ap-mehr{margin:var(--ap-2) 0 0}
body.np details.ap-mehr>summary{display:inline-flex; align-items:center; gap:6px; min-height:44px; cursor:pointer; list-style:none;
  color:var(--ap-akzent-text); font-weight:600}
body.np details.ap-mehr>summary::-webkit-details-marker{display:none}
body.np details.ap-mehr>summary::after{content:"›"; display:inline-block; font-size:1.15em; line-height:1;
  transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np details.ap-mehr[open]>summary::after{transform:rotate(90deg)}
body.np details.ap-mehr[open]>:not(summary){animation:ap-amt-auf var(--ap-feder-zeit) var(--ap-feder) both}
@keyframes ap-amt-auf{from{opacity:0; transform:translateY(-4px)}to{opacity:1; transform:none}}
body.np main input[type=file]{font:inherit; font-size:.875rem; color:var(--ap-zweit); max-width:100%;
  border:0; padding:0; background:transparent; box-shadow:none; min-height:44px}
body.np main input[type=file]::file-selector-button{font:inherit; font-weight:600; min-height:44px; padding:0 var(--ap-2);
  margin-right:var(--ap-2); border:0; border-radius:999px; background:var(--ap-schlicht); color:var(--ap-akzent-text); cursor:pointer;
  transition:background-color .2s ease}
body.np main input[type=file]::file-selector-button:hover{background:var(--ap-schlicht-hoch)}
body.np .ap-datei{display:flex; flex-wrap:wrap; align-items:center; gap:var(--ap-1) var(--ap-2); margin:var(--ap-2) 0 0;
  padding:var(--ap-2); border-radius:var(--ap-rund); background:var(--ap-fuellung)}
body.np .ap-datei input[type=file]{flex:1 1 16rem}
body.np .ap-datei>button{margin:0!important}
body.np .gs-datei{position:relative; display:inline-flex; align-items:center; gap:var(--ap-2); max-width:100%; min-height:44px; cursor:pointer}
body.np .gs-datei input[type=file]{position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
body.np .gs-datei-knopf{display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px;
  font-weight:600; white-space:nowrap}
body.np .gs-datei-knopf:not(.knopf2){background:var(--io-zweit); color:var(--io-zweit-text)}
body.np .gs-datei:has(input:disabled){cursor:default; opacity:.5}
body.np .gs-datei:focus-within .gs-datei-knopf{outline:2px solid #4A5C6A; outline-offset:2px}
body.np main table textarea{resize:none; field-sizing:content; min-height:44px}
body.np .gs-datei-name{margin:0; color:var(--ap-zweit); font-size:15px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np main form.karte>h2{margin-top:0}
body.np .vz-form .vz-frage h2{margin:0}
body.np .vz-form .vz-betraege{display:grid; gap:var(--ap-2); margin:var(--ap-1) 0 var(--ap-2)}
body.np .vz-form:not(:has(input[name=festgesetzt][value=ja]:checked)) .vz-betraege{display:none}
body.np .vz-feld{display:grid; gap:4px}
body.np .vz-feld>label{font-weight:600}
body.np .vz-feld .mit-i .leise{color:var(--ap-zweit); font-size:.875rem}
body.np .vz-feld input{max-width:20rem; font-variant-numeric:tabular-nums}
body.np .vz-feld select{max-width:20rem}
body.np details.vz-ab>summary{display:inline-flex; align-items:center; gap:6px; min-height:44px; cursor:pointer; list-style:none;
  color:var(--ap-akzent-text); font-weight:600}
body.np details.vz-ab>summary::-webkit-details-marker{display:none}
body.np details.vz-ab>summary::after{content:"›"; transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np details.vz-ab[open]>summary::after{transform:rotate(90deg)}
body.np details.vz-ab[open]{display:grid; gap:var(--ap-2)}
body.np .vz-bescheid .leise{color:var(--ap-zweit)}
body.np .pp-wahl .pp-aus{display:none}
body.np .pp-wahl:has(input[name=pp-weg][value=aus]:checked) .pp-aus{display:block; animation:ap-amt-auf var(--ap-feder-zeit) var(--ap-feder) both}
body.np .pp-wahl:has(input[name=pp-weg][value=aus]:checked) .pp-behalten{display:none}
body.np .pp-wahl .pp-behalten{animation:ap-amt-auf var(--ap-feder-zeit) var(--ap-feder) both}
body.np .pp-wahl .pp-aus h2{font-size:1.0625rem; margin:var(--ap-1) 0}
body.np .pp-wahl form{max-width:34rem}
body.np .pp-wahl .pp-aus button{width:auto}
body.np .mp-gruppe{margin:var(--ap-2) 0 0}
body.np .mp-gruppe h2{margin:0 0 var(--ap-1)}
body.np .mp-liste{list-style:none; margin:0; padding:0}
body.np .mp-liste>li{position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:2px var(--ap-2);
  min-height:44px; padding:10px 0; border-top:1px solid var(--np-linie)}
body.np .mp-liste>li:first-child{border-top:0}
body.np .mp-liste>li small{flex:1 0 100%; color:var(--ap-zweit); font-size:.8125rem}
body.np .mp-weg>a{font-weight:600; color:var(--np-tinte); text-decoration:none; padding-right:24px}
body.np .mp-weg>a::after{content:""; position:absolute; inset:0}
body.np .mp-weg::after{content:"›"; position:absolute; right:4px; top:50%; transform:translateY(-50%); color:var(--ap-zweit); font-size:1.25rem}
body.np .mp-weg small{padding-right:24px}
@media (hover:hover){body.np .mp-weg:hover{background:var(--ap-fuellung); border-radius:var(--ap-rund-s)}}
body.np .mp-weg:active{transform:scale(var(--ap-druck-gross))}
body.np .mp-weg{transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),background-color .2s ease}
body.np ol.mp-nummern{counter-reset:mp}
body.np ol.mp-nummern>li{counter-increment:mp; padding-left:36px}
body.np ol.mp-nummern>li::before{content:counter(mp); position:absolute; left:0; top:12px; width:24px; height:24px; border-radius:50%;
  display:grid; place-items:center; font-size:.75rem; font-weight:700; background:var(--ap-fuellung); color:var(--ap-zweit);
  font-variant-numeric:tabular-nums}
body.np .mp-fehlt>li{flex-wrap:nowrap; justify-content:space-between}
body.np .mp-fehlt>li>span{display:flex; flex-direction:column; gap:2px; min-width:0}
body.np .mp-fehlt>li>span small{flex:none}
body.np .mp-fehlt>li>.knopf{flex:0 0 auto; white-space:nowrap}
@media (max-width:700px){body.np .mp-fehlt>li{flex-wrap:wrap} body.np .mp-fehlt>li>.knopf{margin-left:0}}
body.np .mappe-register{color:var(--ap-zweit)}
body.np .knopfzeile[data-mappe-knoepfe]{display:flex; flex-wrap:wrap; gap:var(--ap-1); margin:var(--ap-2) 0}
body.np .rf-karte .rf-wahl{display:flex; flex-wrap:wrap; gap:var(--ap-1); margin:var(--ap-2) 0 0}
body.np .rf-karte .rf-wahl .knopf{margin:0}
@media (max-width:700px){body.np .rf-karte .rf-wahl{flex-direction:column; align-items:stretch}}
body.np .ust-frage .ust-knoepfe{gap:var(--ap-1)}
body.np .ust-frage .ust-zelle{position:relative; gap:4px; padding:var(--ap-2); border-radius:var(--ap-rund);
  background:var(--ap-karte); box-shadow:var(--ap-schatten-1); transition:transform var(--ap-feder-kurz-zeit) var(--ap-feder-kurz),box-shadow .2s ease}
body.np :is(.karte,.np-karte) .ust-frage .ust-zelle{background:var(--ap-fuellung); box-shadow:none}
body.np .ust-frage .ust-knoepfe button{justify-content:flex-start; min-height:0; padding:0 28px 0 0; border:0; border-radius:0;
  background:transparent!important; box-shadow:none!important; color:var(--np-tinte); font-size:1.0625rem; font-weight:650; text-align:left}
body.np .ust-frage .ust-knoepfe button::after{content:""; position:absolute; inset:0; border-radius:var(--ap-rund)}
body.np .ust-frage .ust-knoepfe button:hover{background:transparent; border-color:transparent}
body.np .ust-frage .ust-zelle:has(button:active){transform:scale(var(--ap-druck))}
body.np .ust-frage .ust-knoepfe button:active{transform:none}
@media (hover:hover){body.np .ust-frage .ust-zelle:hover{box-shadow:var(--ap-schatten-2)}}
body.np .ust-frage .ust-zelle .wahl-hilfe{display:block; color:var(--ap-zweit); font-size:.875rem; line-height:1.4}
body.np .ust-frage .ust-zelle .wahl-satz{color:var(--ap-zweit)}
body.np .ust-frage .ust-zelle details.zahl-i{position:absolute; top:10px; right:10px; z-index:1; margin:0}
body.np .ust-frage .fein,body.np .ust-frage .wahl-rat{color:var(--ap-zweit)}
body.np .np-ab-beiuns ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr)); gap:0 var(--ap-4)}
body.np .np-ab-beiuns li{display:grid; grid-template-columns:26px 1fr auto; column-gap:var(--ap-2); align-items:start}
body.np .np-ab-beiuns li em{padding-top:2px}
body.np .np-ab-beiuns li.fertig i{background:var(--ap-wahl-grund); color:var(--ap-akzent-text); box-shadow:inset 0 0 0 1.5px var(--ap-wahl-rand)}
body.np #ausschluss .feld{margin:0 0 var(--ap-2)}
body.np #ausschluss .feld .frage{font-weight:600; margin:0 0 4px}
body.np .ol-schritte>li{margin:0 0 var(--ap-3)}
body.np .ol-schritte>li>h3{margin:0 0 4px}
body.np .ol-schritte details.ap-mehr form.karte{background:var(--ap-fuellung); box-shadow:none; margin-top:var(--ap-1)}
body.np .ol-frist{color:var(--ap-zweit)}
body.np #bescheid-hochladen form.ablage{border:0; background:var(--ap-fuellung); border-radius:var(--ap-rund); box-shadow:none}
body.np #bescheid-hochladen form.ablage.ueber,body.np #bescheid-hochladen form.ablage:focus-within{box-shadow:inset 0 0 0 2px var(--ap-wahl-rand); background:var(--ap-wahl-grund)}
body.np .karte.pflicht .klein.leise{color:var(--ap-zweit)}
body.np .karte.pflicht blockquote.wortlaut{border-left:0; border-radius:var(--ap-rund); background:var(--ap-fuellung); padding:var(--ap-2); margin:var(--ap-1) 0}
body.np .np-st-rueck .np-st-satz{margin:var(--ap-1) 0; font-size:1.0625rem; font-weight:600; letter-spacing:-.01em}
body.np .np-kreise li.fertig i{background:var(--ap-wahl-grund); color:var(--ap-akzent-text); box-shadow:inset 0 0 0 2px var(--ap-wahl-rand)}
body.np a.fa-spaeter{display:inline-flex; align-items:center; min-height:44px; padding:0 var(--ap-2); border:0; border-radius:999px;
  background:transparent; box-shadow:none; color:var(--ap-akzent-text); font-weight:600; text-decoration:none}
@media (hover:hover){body.np a.fa-spaeter:hover{background:var(--ap-fuellung)}}
body.np a.fa-spaeter:active{transform:scale(var(--ap-druck)); transition-duration:0s}


body.np main h2:not(#np-x):not(.was):not(:is(.np-kopfzahl,.np-kopfzeile,.np-st-s-text,.np-ab-s-text,.np-oben.np-kz) > h2){
  font-size:20px; line-height:1.25; letter-spacing:-.012em; font-weight:650}
body.np main h3:not(#np-x):not(:is(.np-oben,.gruppenkopf) > h3){font-size:17px; line-height:1.3; letter-spacing:-.006em}
body.np main h4:not(#np-x){font-size:15px; line-height:1.35}
body.np main .jetzt h2.was:not(#np-x){font-size:28px; line-height:1.15; letter-spacing:-.02em}
body.np main h2,body.np main h3{text-wrap:balance}
body.np :is(.np-st-raster,.np-ab-reihe,.np-bank-zwei,.iw-raster){align-items:stretch}
body.np section.lm-kaesten{align-items:stretch}
body.np :is(.np-st-raster,.np-ab-reihe,.np-bank-zwei,.iw-raster,section.lm-kaesten) > :is(.np-karte,.karte,section,div){margin-top:0; margin-bottom:0}
body.np main .seitenkopf > h1,body.np main .seitenkopf > p.unterzeile{flex:1 1 100%; margin-left:0}
body.np main .seitenkopf > p.unterzeile{margin-top:0; color:var(--np-grau)}
body.np main p.beta-band{max-width:none}
body.np .np-stapel{background:var(--ap-karte,var(--np-karte))}
@media (max-width:700px){
  body.np nav.np-reiter{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px}
  body.np nav.np-reiter:has(> a:nth-child(2):last-child),
  body.np nav.np-reiter:has(> a:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.np nav.np-reiter a{justify-content:center; text-align:center; padding:6px 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  body.np nav.np-reiter:has(> a:nth-child(7)){display:flex; flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch}
  body.np nav.np-reiter:has(> a:nth-child(7)) > a{flex:none; overflow:visible; text-overflow:clip; scroll-snap-align:start}
  body.np main .ab form.ab-suche{flex-direction:row; flex-wrap:nowrap; align-items:center}
  body.np main .ab form.ab-suche > label.ab-unsichtbar{position:absolute; margin:0}
  body.np main .ab form.ab-suche > button{flex:none; width:auto}
  body.np main .ab form.ab-suche input[type=search]{flex:1 1 auto; width:100%; min-width:0; max-width:none; margin:0}
  body.np main :is(.np-st-s-text,.np-ab-s-text) > h2:not(#np-x){font-size:20px; line-height:1.22}
  body.np main .jetzt h2.was:not(#np-x){font-size:22px}
  body.np .np-st-vz-knoepfe{grid-template-columns:minmax(0,1fr)}
  body.np main .pfad > .schritt:last-child:nth-child(odd){grid-column:1/-1}
  body.np main form.ust-reiter > button,body.np main form.ust-reiter > a{flex:1 1 auto}
}


body.np :is(button:not([role=switch]):not([role=option]):not([role=tab]):not([role=combobox]):not([aria-haspopup=listbox]):not(.np-kipp-griff),.knopf,.np-knopf,.bl-knopf,.bl-knopf2,.knopf2,.ab-knopf,.ab-knopf2,a.np-pille[href],.nebenknopf,.knopf-schlicht,input[type=submit],input[type=button]){border:0 !important; border-color:transparent; outline-offset:2px}
body.np :is(button:not([role=switch]):not([role=option]):not([role=tab]):not([role=combobox]):not([aria-haspopup=listbox]):not(.np-kipp-griff),.knopf,.np-knopf,.bl-knopf,.bl-knopf2,.knopf2,.ab-knopf,.ab-knopf2,a.np-pille[href],.nebenknopf,.knopf-schlicht,input[type=submit],input[type=button]):not([aria-pressed="true"]):not([aria-current]):not(.jetzt):not([aria-selected="true"]){box-shadow:var(--gs-kapsel,none)}
body.np :is(.knopf,.np-knopf,.bl-knopf,.bl-knopf2,.knopf2,.ab-knopf,.ab-knopf2,.knopf-schlicht,button[type=submit],input[type=submit]){--gs-kapsel:var(--lg-knopf-kante),var(--lg-knopf-schatten)}
body.np :is(.np-still,.augenknopf,.np-zu,.np-suche,[role]){--gs-kapsel:none}
body.np :is(.knopf.rand,.np-knopf.rand,button.rand,.knopf.zweit,button.zweit,.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.knopf-schlicht,.knopf.still,button.still):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.nebenknopf,[data-np-loeschen],[data-np-storno],button[value=loeschen],button[value=entfernen],button[value=storno],[formaction$='/loeschen'],[formaction$='/storno'],[formaction$='/entfernen'])){
  background:var(--io-zweit); color:var(--io-zweit-text); background-image:none}
@media (hover:hover){body.np :is(.knopf.rand,.np-knopf.rand,button.rand,.knopf.zweit,button.zweit,.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.knopf-schlicht,.knopf.still,button.still):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.nebenknopf,[data-np-loeschen],[data-np-storno],button[value=loeschen],button[value=entfernen],button[value=storno],[formaction$='/loeschen'],[formaction$='/storno'],[formaction$='/entfernen'])):hover{
  background:var(--io-zweit-hoch); color:var(--io-zweit-text)}}
body.np main button[aria-pressed="false"]:not(.np-schalter *):not(.np-kipp):not([role=switch]):not([role=option]):not(.augenknopf),
body.np main button.np-kipp,body.np :is(.ust-reiter,form.ust-reiter) :is(button,a):not(.jetzt):not([aria-current]){
  background-color:var(--ap-fuellung); box-shadow:none}
body.np :is(.ust-reiter,form.ust-reiter) :is(button,a):not(.jetzt):not([aria-current]){color:var(--ap-akzent-text,#3A4953)}
body.np :is(button,a,.knopf,.np-knopf,input[type=submit]):is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.nebenknopf,[data-np-loeschen],[data-np-storno],button[value=loeschen],button[value=entfernen],button[value=storno],[formaction$='/loeschen'],[formaction$='/storno'],[formaction$='/entfernen']):not(.np-blase),body.np form:is([action$='/loeschen'],[action$='/entfernen'],[action*='/loeschen?'],[action*='/entfernen?']) :is(button[type=submit],button:not([type]),input[type=submit]){
  background:var(--io-rot) !important; background-image:none !important; color:var(--io-rot-text) !important; box-shadow:var(--gs-kapsel,var(--lg-knopf-kante),var(--lg-knopf-schatten)) !important; filter:none;
  border:0 !important; border-radius:999px; font-weight:600; min-height:44px; padding-left:20px; padding-right:20px; text-decoration:none}
@media (hover:hover){body.np :is(button,a,.knopf,.np-knopf):is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.nebenknopf,[data-np-loeschen],[data-np-storno],button[value=loeschen],button[value=entfernen],button[value=storno],[formaction$='/loeschen'],[formaction$='/storno'],[formaction$='/entfernen']):not(.np-blase):hover,body.np form:is([action$='/loeschen'],[action$='/entfernen'],[action*='/loeschen?'],[action*='/entfernen?']) button[type=submit]:hover{background:var(--io-rot-hoch) !important; color:#fff !important}}
body.np button.warnung{background:color-mix(in oklab,var(--np-rot) 9%,transparent); color:var(--np-rot-tief); box-shadow:none; border:0}
body.np :is(button.np-still,a.np-still){min-height:44px; display:inline-flex; align-items:center; padding:0 8px; border-radius:999px}
body.np :is(button.np-still,a.np-still):hover{text-decoration:none; background:var(--ap-fuellung); color:var(--ap-akzent-text)}
body.np button.np-suche{box-shadow:none; background:var(--ap-fuellung)}
body.np :is(.np-leiste,.np-unten,.np-mehr,form.np-auswahl:not([hidden]),.c2-fertig-leiste){
  background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  border:0; box-shadow:var(--io-schatten-glas)}
@media (min-width:701px){body.np .np-leiste{border-radius:var(--io-rund-leiste)}}
body.np :is(.np-menue,.np-info>div,.zahl-i-text,.fs-i-text,.np-helfer,dialog.schnellsuche,.np-ich>.np-menue){
  background:var(--io-glas-dicht) !important; -webkit-backdrop-filter:var(--io-filter) !important; backdrop-filter:var(--io-filter) !important;
  border:0 !important; border-radius:22px; box-shadow:var(--io-schatten-glas) !important}
body.np dialog.np-fenster{background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  border:0; border-radius:var(--io-rund-blatt); box-shadow:var(--io-schatten-glas)}
:root body.np details.np-spaeter>form.np-spaeter-wahl{background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  border:0; border-radius:22px; box-shadow:var(--io-schatten-glas); scroll-margin:72px 0 calc(96px + env(safe-area-inset-bottom))}
body.np dialog.np-fenster .np-f-fuss{box-shadow:none}
@media (max-width:700px){
  body.np dialog.np-fenster{border-radius:var(--io-rund-blatt); margin:auto 8px calc(8px + env(safe-area-inset-bottom)); width:auto; max-width:none}
  body.np .np-unten{border-radius:var(--io-rund-leiste)}
  html body.np div.np-mehr:not([hidden]){border-radius:var(--io-rund-blatt) !important; background:var(--io-glas-blatt) !important}
  body.np header.kopfleiste.portalkopf{position:sticky; top:0; z-index:40; background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
    box-shadow:0 1px 0 rgba(0,0,0,.0),0 8px 24px -20px rgba(16,28,22,.35)}
  body.np header.portalkopf .innen.np-oben{padding:8px 16px}
}
@media (min-width:701px){
  body.np main form.np-auswahl:not([hidden]){position:fixed; top:auto; bottom:calc(20px + env(safe-area-inset-bottom)); z-index:30;
    left:calc(var(--np-platz,var(--np-breit,252px)) + (100vw - var(--np-platz,var(--np-breit,252px))) / 2); transform:translateX(-50%); margin:0;
    width:max-content; max-width:min(860px,calc(100vw - var(--np-platz,var(--np-breit,252px)) - 48px)); border-radius:999px; padding:8px 8px 8px 22px; gap:8px; flex-wrap:nowrap;
    animation:io-hoch var(--ap-feder-ruhig-zeit,400ms) var(--ap-feder-ruhig,ease) both}
  body.np main form.np-auswahl:not([hidden]):has(.np-loeschfrage:not([hidden])),body.np main form.np-auswahl:not([hidden]):has(.np-auswahl-gobd:not([hidden])){
    flex-wrap:wrap; border-radius:28px; padding:12px 12px 12px 22px}
  body.np main form.np-auswahl .np-auswahl-zahl{white-space:nowrap; margin-right:12px; font-size:15px}
  body.np main form.np-auswahl :is(.np-knopf,.np-still){white-space:nowrap}
  body.np main form.np-auswahl .np-loeschfrage{background:color-mix(in oklab,var(--np-rot-feld) 85%,transparent); border-radius:20px}
  body.np main:has(form.np-auswahl:not([hidden])){padding-bottom:120px}
}
@keyframes io-hoch{from{transform:translateX(-50%) translateY(24px) scale(.97); opacity:0; -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0)}}
body.np :is(.karte,.np-karte,.ba-karte,.bl-karte,.ab-kachel,.kontaktkarte,.geldkachel,.fa-karte){border-radius:var(--io-rund-insel); border:0}
body.np main :is(.karte,.np-karte,.ba-karte) :is(table td,table th){border-left:0; border-right:0}
body.np main :is(.karte,.np-karte,.ba-karte) table thead th{border-bottom:0}
body.np main :is(.np-liste,ul.np-zeilen) > li + li{border-top:0}
@media (max-width:700px){
  body.np main table.io-liste{display:block; width:100%; border:0; border-collapse:separate}
  body.np main table.io-liste :is(thead,colgroup){display:none}
  body.np main table.io-liste :is(tbody,tfoot){display:block}
  body.np main table.io-liste tr{display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; padding:12px 0; border:0; background:none}
  body.np main table.io-liste :is(td,th){display:block; border:0 !important; padding:0 !important; text-align:left; width:auto !important; min-width:0; background:none; font-size:15px}
  body.np main table.io-liste :is(td,th):first-child{flex:1 1 100%; font-weight:600; font-size:17px; color:var(--np-tinte)}
  body.np main table.io-liste td[data-io-titel]:not(:first-child)::before{content:attr(data-io-titel) " "; color:var(--ap-zweit,#5B6560); font-weight:400}
  body.np main table.io-liste td:empty{display:none}
  body.np main table.io-liste td:is(.zahl,.betrag,.bl-betrag,[class*=betrag]){margin-left:auto; font-variant-numeric:tabular-nums; font-weight:600}
}
body.np main .be-aktionen-karte .be-aktionen{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:16px 8px}
body.np main .be-aktionen-karte .be-aktionen>form{margin:0; flex:0 0 auto}
body.np main .be-aktionen-karte .be-aktionen>form>button{all:unset; box-sizing:border-box; cursor:pointer; flex-direction:column; align-items:center; gap:8px;
  text-align:center; font-weight:500; color:var(--np-tinte) !important; background:none !important; box-shadow:none !important; -webkit-tap-highlight-color:transparent;
  transition:transform var(--ap-feder-kurz-zeit,200ms) var(--ap-feder-kurz,ease)}
body.np main .be-aktionen-karte .be-aktionen>form>button::before{content:""; flex:none; width:56px; height:56px; border-radius:50%;
  background:var(--io-kreis) no-repeat center/26px 26px; transition:background-color .2s ease}
body.np main .be-aktionen-karte .be-aktionen>form>button::after{content:""; position:absolute; width:26px; height:26px; margin-top:15px; background:currentColor;
  -webkit-mask:var(--io-sym) no-repeat center/contain; mask:var(--io-sym) no-repeat center/contain; pointer-events:none}
body.np main .be-aktionen-karte .be-aktionen>form>button{position:relative}
body.np main .af .af-feld>input{padding-right:2.4rem !important}
body.np main .be-aktionen-karte .be-aktionen>form>button{display:flex !important; width:88px !important; height:auto !important; min-height:104px !important; padding:0 !important; justify-content:flex-start !important; font-size:13px !important; line-height:1.25 !important}
body.np main .be-aktionen-karte .be-aktionen>form>button::after{top:0}
body.np main .be-aktionen-karte .be-aktionen>form>button[value=duplizieren]{--io-sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2.5'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E")}
body.np main .be-aktionen-karte .be-aktionen>form>button[value=dauerbeleg]{--io-sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E")}
body.np main .be-aktionen-karte .be-aktionen>form>button[value=archivieren]{--io-sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='5' rx='1.5'/%3E%3Cpath d='M5 9v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E")}
body.np main .be-aktionen-karte .be-aktionen>form>button[value=zurueckholen]{--io-sym:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10a6 6 0 0 1 0 12h-3'/%3E%3C/svg%3E")}
@media (hover:hover){body.np main .be-aktionen-karte .be-aktionen>form>button:hover::before{background-color:var(--ap-fuellung-hoch)}}
body.np main .be-aktionen-karte .be-aktionen>form>button:active{transform:scale(.94); transition-duration:0s}
body.np main .be-aktionen-karte .be-aktionen>form>button:focus-visible::before{outline:3px solid #4A5C6A; outline-offset:2px}
@media (max-width:700px){
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav){display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 4px; padding:8px 0 12px}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a{display:flex; flex-direction:column; align-items:center; gap:6px; min-height:84px; padding:0; background:none;
    box-shadow:none; font-size:13px; font-weight:500; text-align:center; color:var(--np-tinte)}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a>svg{box-sizing:content-box; width:24px; height:24px; padding:16px; border-radius:50%; background:var(--io-kreis); flex:none}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a[aria-current]>svg{background:var(--io-zweit); color:var(--io-zweit-text)}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a>.gs-bsym{width:56px; height:56px; border-radius:13px}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a>.gs-bsym>svg{width:30px; height:30px}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a .wort{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a{position:relative}
  body.np .np-mehr nav.np-nav:not(.np-eingang-nav)>a>em{position:absolute; top:-4px; left:calc(50% + 14px); min-width:20px; height:20px; padding:0 5px; box-sizing:border-box;
    border-radius:10px; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:13px; font-weight:700; line-height:1; background:var(--io-rot); color:#fff}
}
body.np main :is(p,li,dd,label,td):not(:is(.bs-dok-blatt,.c2-a4,.np-rechnungsblatt,.re-blatt) *){font-size:17px; line-height:1.47}
body.np main :is(button,a).np-knopf.klein:not(.rand):not(.np-ton):not(.np-still){color:var(--auf-knopf,#fff)}
body.np main :is(small,.np-klein,.np-zart,.fein,.klein,.bl-klein,.np-kat,.np-h6):not(:is(.bs-dok-blatt,.c2-a4) *){font-size:13px}
body.np main details.klappe>summary{font-size:17px}
body.np main .ablage label .unter{font-size:15px; line-height:1.4}
body.np main :is(small,.np-klein,.np-zart,.fein,.klein,.bl-klein,.np-kat,.np-h6):not(:is(button,.knopf,.np-knopf,[role=button],input[type=submit],input[type=button])):not(:is(.bs-dok-blatt,.c2-a4) *){color:var(--ap-zweit,#5B6560)}
body.np main h1{font-weight:700}
body.np main :is(h2,h3){font-weight:650}
body.np :is(main,.np-leiste,.np-mehr,dialog) *:not(.np-marke2){text-transform:none !important}
body.np :is(.np-h6,.ba-wf-zwischen,.np-kat,.wort,th){letter-spacing:0}
@media (max-width:700px){
  body.np main :is(p,li,dd,label,td):not(:is(.bs-dok-blatt,.c2-a4,.np-rechnungsblatt,.re-blatt) *){font-size:17px; line-height:1.41}
  body.np main :is(small,.np-klein,.np-zart,.fein,.klein,.bl-klein):not(:is(.bs-dok-blatt,.c2-a4) *){font-size:15px}
  body.np main h1{font-size:2.125rem; line-height:1.12; letter-spacing:-.024em}
  body.np :is(button,.knopf,.np-knopf){font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  body.np main form.np-auswahl:not([hidden]){animation:none}
}
@media (prefers-reduced-transparency:reduce){
  body.np :is(.np-leiste,.np-unten,.np-mehr,form.np-auswahl,.np-menue,dialog.np-fenster,header.kopfleiste.portalkopf){
    background:var(--ap-karte) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important}
}
@media (prefers-contrast:more){
  body.np :is(.knopf.rand,.np-knopf.rand,.knopf2,.bl-knopf2,.knopf.zweit){box-shadow:inset 0 0 0 1.5px currentColor !important}
}


body.np .io-haar-o,body.np .io-haar-u{border-image:linear-gradient(in oklab to right,transparent var(--io-einzug,0px),var(--io-haarlinie) var(--io-einzug,0px)) 1 !important}
body.np .io-haar-o{border-top-width:var(--io-haar) !important; border-top-style:solid !important}
body.np .io-haar-u{border-bottom-width:var(--io-haar) !important; border-bottom-style:solid !important}
body.np .io-ohne-o{border-top-color:transparent !important; border-top-width:0 !important}
body.np .io-ohne-u{border-bottom-color:transparent !important; border-bottom-width:0 !important}
body.np .io-ohne-o.io-haar-u,body.np .io-ohne-u.io-haar-o{border-image:linear-gradient(in oklab to right,transparent var(--io-einzug,0px),var(--io-haarlinie) var(--io-einzug,0px)) 1}
body.np .io-kasten{border-color:transparent !important}
body.np .io-kasten.io-flaeche{background-color:var(--io-kasten)}
body.np .io-kasten.io-insel{box-shadow:var(--io-insel-schatten)}
body.np hr:not(.np-menue hr){border:0 !important; height:0; margin:16px 0; background:none}
body.np .np-menue hr{border:0; height:var(--io-haar); background:var(--io-haarlinie); margin:6px 12px}
body.np main :is(.np-liste,ul.np-zeilen) > li + li{box-shadow:inset 16px 0 0 var(--ap-karte),inset 0 var(--io-haar) 0 var(--io-haarlinie)}
@media (max-width:700px){
  body.np main table.io-liste tr{box-shadow:inset 0 calc(-1 * var(--io-haar)) 0 var(--io-haarlinie)}
  body.np main table.io-liste tr:last-child{box-shadow:none}
}
body.np :is(footer.fussleiste,.fussleiste .innen,nav.np-eingang-nav,.seitenkopf .angaben,main>details.klappe){border-top-color:transparent}
body.np footer.fussleiste{border-top:0 !important; text-align:center; font-size:13px; margin-top:32px; padding:16px 16px 24px}
body.np footer.fussleiste .innen{justify-content:center; align-items:center; gap:0 16px; border:0; color:var(--np-grau); font-size:13px}
body.np footer.fussleiste .innen+.innen{margin-top:8px; padding-top:0}
body.np footer.fussleiste .abstand{display:none}
body.np footer.fussleiste a{color:var(--np-grau); text-decoration:none; font-size:13px; min-height:44px}
body.np footer.fussleiste a:hover{color:var(--np-tinte); text-decoration:underline; text-underline-offset:2px}
body.np footer.fussleiste .klarwort p{margin:0 auto}
body.np footer.fussleiste .darstellung{flex:0 0 auto; margin:4px 0}
body.np .darstellung{display:inline-grid; grid-template-columns:1.5fr 1fr 1fr; grid-auto-flow:column; align-items:stretch; gap:0; padding:2px;
  border-radius:10px; background:var(--io-seg-grund); max-width:100%; min-width:0; box-sizing:border-box; vertical-align:middle}
body.np .darstellung a,body.np footer.fussleiste .darstellung a{display:flex; align-items:center; justify-content:center; min-width:0; min-height:30px; width:auto;
  padding:0 10px; border-radius:8px; font-size:13px; line-height:1.15; font-weight:500; color:var(--np-tinte); text-decoration:none !important; text-align:center;
  white-space:nowrap; background:none; box-shadow:none; transition:background-color .2s ease,box-shadow .2s ease}
body.np .darstellung a[aria-current]{background:var(--io-seg-wahl) !important; color:var(--np-tinte) !important; font-weight:600; box-shadow:var(--io-seg-schatten)}
body.np .darstellung a:active{transform:scale(.96); transition-duration:0s}
body.np .darstellungszeile{display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; border:0}
body.np :is(.np-menue,.np-mehr) .darstellungszeile .wort{flex:1 1 100%; font-size:13px; letter-spacing:0; color:var(--np-grau)}
body.np :is(.np-menue,.np-mehr) .darstellungszeile .darstellung{display:grid; width:100%; grid-template-columns:auto 1fr 1fr}
body.np :is(.np-menue,.np-mehr) .darstellungszeile .darstellung a{width:auto; margin:0; padding:0 4px; min-height:32px; font-size:13px; gap:0}
@supports (text-wrap:balance){body.np .darstellung a{text-wrap:balance}}
body.np .darstellung a{overflow:visible}
@media (max-width:760px){
  body.np .darstellung a,body.np footer.fussleiste .darstellung a,html body .portalkopf .darstellungszeile .darstellung a{min-height:44px; padding:0 6px}
}
@media (max-width:799px){
  body.np footer.fussleiste a{min-width:44px; justify-content:center}
  body.np footer.fussleiste .darstellung a{min-height:44px; padding:0 6px}
}
@media (prefers-contrast:more){
  body.np .io-haar-o,body.np .io-haar-u{--io-haarlinie:rgba(0,0,0,.45)}
  body.np .io-kasten{border-color:rgba(0,0,0,.45) !important}
}


body.np:not(#np-mz) .np-stapel{align-self:start; min-height:0; overflow:visible; padding:18px 14px 14px; border-radius:28px;
  background:var(--mz-feld); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#np-mz) .np-stapel::before,body.np:not(#np-mz) .np-stapel::after{content:none; display:none}
body.np:not(#np-mz) .np-stapel>header{padding:0 8px 12px; align-items:baseline}
body.np:not(#np-mz) .np-stapel>header h2{font-size:20px; font-weight:700; letter-spacing:-.02em; color:var(--mz-tinte)}
body.np:not(#np-mz) .np-stapel>header>span{font-size:15px; color:var(--mz-zeit); font-variant-numeric:tabular-nums}
body.np:not(#np-mz) .np-blasen{gap:16px; z-index:auto}
body.np:not(#np-mz) .np-kat{font-size:15px; font-weight:600; letter-spacing:-.01em; text-transform:none; color:var(--mz-zweit); padding:0 8px 8px; min-height:0}
body.np:not(#np-mz) .np-gruppe.dringend>.np-kat,body.np:not(#np-mz) .np-gruppe.dringend>summary>.np-kat{color:var(--mz-zweit)}
body.np:not(#np-mz) .np-kat .np-weitere{display:none}
body.np:not(#np-mz) .np-kat .np-weniger{font-size:15px; font-weight:600; color:var(--ap-akzent-text,#3A4953); display:none}
body.np:not(#np-mz) details.np-gruppe[open]>summary>.np-kat{min-height:44px; padding-bottom:0}
body.np:not(#np-mz) details.np-gruppe[open]>summary>.np-kat .np-weniger{display:inline-flex; align-items:center; min-height:44px}
body.np:not(#np-mz) .np-kat.vorfest{margin:0; padding:0 8px 8px; min-height:0}
body.np:not(#np-mz) .np-blase,body.np:not(#np-mz) .np-blase:hover{display:flex; align-items:flex-start; gap:12px; padding:12px 14px 12px 12px; min-height:64px;
  border-radius:24px; border:0; background:var(--mz-kachel); color:var(--mz-tinte);
  -webkit-backdrop-filter:var(--mz-filter); backdrop-filter:var(--mz-filter); box-shadow:var(--mz-schatten); transform:none}
body.np:not(#np-mz) a.np-blase:hover{background:var(--mz-kachel-hoch)}
body.np:not(#np-mz) .np-blase.rot,body.np:not(#np-mz) .np-blase.wichtig,body.np:not(#np-mz) .np-blase.wichtig.ruhig{box-shadow:var(--mz-schatten); background:var(--mz-kachel-hoch)}
body.np:not(#np-mz) .np-blase .np-t{display:flex; flex-direction:column; gap:1px; padding-top:1px}
body.np:not(#np-mz) .np-blase .np-t>div{display:flex; align-items:baseline; gap:10px}
body.np:not(#np-mz) .np-blase b{font-size:15px; line-height:1.3; font-weight:600; letter-spacing:-.01em; white-space:normal; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
body.np:not(#np-mz) .np-blase p{font-size:15px; line-height:1.33; color:var(--mz-zweit); margin:0; white-space:normal; overflow:hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
body.np:not(#np-mz) .np-blase time{flex:none; margin-left:auto; font-size:13px; font-weight:400; color:var(--mz-zeit); font-variant-numeric:tabular-nums}
body.np:not(#np-mz) .np-blase.rot time{color:var(--mz-rot); font-weight:500}
body.np:not(#np-mz) .np-blase.rot time::before,body.np:not(#np-mz) .np-blase.rot:not(:has(time)) .np-t>div>b::after{content:""; display:inline-block; width:7px; height:7px;
  border-radius:50%; background:var(--mz-rot); margin:0 6px 1px 0; vertical-align:middle}
body.np:not(#np-mz) .np-blase.rot:not(:has(time)) .np-t>div>b::after{margin:0 0 2px 7px}
body.np:not(#np-mz) details.np-gruppe[open] .np-mz-mehr{display:none}
body.np:not(#np-mz) .np-mz-mehr{display:block; margin-top:6px; font-size:13px; font-weight:500; color:var(--mz-zweit)}
body.np:not(#np-mz) .np-app,body.np:not(#np-mz) .np-app.rot,body.np:not(#np-mz) .np-app.rot2,body.np:not(#np-mz) .np-app.zart{flex:none; width:38px; height:38px; border-radius:9px; display:grid; place-items:center;
  background:var(--mz-bereich,#7D8782); color:#fff; box-shadow:none; border:0}
body.np:not(#np-mz) .np-app svg{width:22px; height:22px; color:#fff; stroke:currentColor}
body.np:not(#np-mz) [data-np-kat="finanzamt"],body.np:not(#np-mz) a.np-zeile[data-np-kat="finanzamt"]{--mz-bereich:var(--bereich-finanzamt); --mz-bereich-knopf:var(--bereich-finanzamt-knopf)}
body.np:not(#np-mz) [data-np-kat="rechnungen"],body.np:not(#np-mz) a.np-zeile[data-np-kat="rechnungen"]{--mz-bereich:var(--bereich-rechnungen); --mz-bereich-knopf:var(--bereich-rechnungen-knopf)}
body.np:not(#np-mz) [data-np-kat="lohn"],body.np:not(#np-mz) a.np-zeile[data-np-kat="lohn"]{--mz-bereich:var(--bereich-lohn); --mz-bereich-knopf:var(--bereich-lohn-knopf)}
body.np:not(#np-mz) [data-np-kat="belege"],body.np:not(#np-mz) a.np-zeile[data-np-kat="belege"]{--mz-bereich:var(--bereich-belege); --mz-bereich-knopf:var(--bereich-belege-knopf)}
body.np:not(#np-mz) [data-np-kat="bank"],body.np:not(#np-mz) a.np-zeile[data-np-kat="bank"]{--mz-bereich:var(--bereich-bank); --mz-bereich-knopf:var(--bereich-bank-knopf)}
body.np:not(#np-mz) [data-np-kat="sonstiges"],body.np:not(#np-mz) a.np-zeile[data-np-kat="sonstiges"]{--mz-bereich:var(--bereich-sonstiges); --mz-bereich-knopf:var(--bereich-sonstiges-knopf)}
body.np:not(#np-mz) .np-fest{--mz-bereich:var(--bereich-finanzamt); --mz-bereich-knopf:var(--bereich-finanzamt-knopf)}
body.np:not(#np-mz) .np-fest{position:relative; z-index:2; margin:0}
body.np:not(#np-mz) .np-fest .np-marke2{position:absolute; z-index:3; top:13px; right:16px; display:block; padding:0; line-height:19px; white-space:nowrap;
  font-size:13px; font-weight:400; letter-spacing:0; text-transform:lowercase; color:var(--mz-zeit); pointer-events:none}
body.np:not(#np-mz) .np-fest .np-marke2::first-letter{text-transform:uppercase}
body.np:not(#np-mz) .np-fest .np-marke2 i{display:none}
body.np:not(#np-mz) .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2{color:var(--mz-rot); font-weight:500; padding-left:13px}
body.np:not(#np-mz) .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2 i{display:block; position:absolute; left:0; top:6px; width:7px; height:7px; border-radius:50%; background:var(--mz-rot)}
body.np:not(#np-mz) .np-blase.wichtig{display:flow-root; padding:12px 14px 14px 12px}
body.np:not(#np-mz) .np-blase.wichtig .np-reihe{display:flex; align-items:flex-start; gap:12px}
body.np:not(#np-mz) .np-blase.wichtig .np-t>div{flex-direction:column; align-items:flex-start; gap:0; padding-right:118px}
body.np:not(#np-mz) .np-blase.wichtig b{font-size:15px}
body.np:not(#np-mz) .np-blase.wichtig strong{font-size:20px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; margin-top:2px}
body.np:not(#np-mz) .np-blase.wichtig>.np-knopf,body.np:not(#np-mz) .np-blase.wichtig>.np-knopf:hover{display:inline-flex; align-items:center; min-height:44px; height:44px; margin:12px 0 0 50px;
  padding:0 20px; border-radius:999px; border:0; font-size:15px; font-weight:600; filter:none;
  background:color-mix(in oklab,var(--mz-bereich-knopf,var(--knopf)) 14%,transparent);
  color:color-mix(in oklab,var(--mz-bereich-knopf,var(--knopf)) 62%,var(--np-tinte)); box-shadow:none}
body.np:not(#np-mz) .np-blase.wichtig>.np-knopf:active{filter:brightness(.92)}
body.np:not(#np-mz) :is(.np-blase,#np-alle a.np-zeile):focus-visible{outline:2px solid #4A5C6A; outline-offset:-2px}
body.np:not(#np-mz) button.np-mz-mehr{display:inline-flex; align-items:center; float:right; width:auto; min-width:44px; justify-content:flex-end; min-height:44px; margin:12px 0 0; padding:0 4px; border:0;
  background:none; box-shadow:none; font:inherit; font-size:13px; font-weight:500; color:var(--mz-zweit); cursor:pointer}
body.np:not(#np-mz) button.np-mz-mehr span+span{display:none}
body.np:not(#np-mz) .np-stapel:has(details.fort[open]) button.np-mz-mehr span{display:none}
body.np:not(#np-mz) .np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{display:inline; color:var(--ap-akzent-text,#3A4953); font-weight:600}
body.np:not(#np-mz) details.np-gruppe>summary{position:relative; z-index:0; padding-bottom:14px; border-radius:24px}
body.np:not(#np-mz) details.np-gruppe[open]>summary{padding-bottom:0}
body.np:not(#np-mz) .np-kanten{position:absolute; inset:0; height:auto; margin:0; pointer-events:none; z-index:-1}
body.np:not(#np-mz) .np-kanten i,body.np:not(#np-mz) .np-kanten i+i{position:absolute; top:auto; height:40px; border:0; border-radius:0 0 22px 22px; opacity:1;
  -webkit-backdrop-filter:var(--mz-filter); backdrop-filter:var(--mz-filter); box-shadow:var(--mz-kanten-schatten)}
body.np:not(#np-mz) .np-kanten i{left:9px; right:9px; bottom:7px; background:var(--mz-kante1); z-index:-1}
body.np:not(#np-mz) .np-kanten i+i{left:20px; right:20px; bottom:0; background:var(--mz-kante2); z-index:-2}
body.np:not(#np-mz) .np-kanten i:only-child{bottom:4px}
body.np:not(#np-mz) details.np-gruppe:not(.fort)>summary:has(.np-kanten i:only-child){padding-bottom:10px}
body.np:not(#np-mz) details.np-gruppe.fort{margin-top:0}
body.np:not(#np-mz) details.np-gruppe.fort>summary{height:14px; min-height:0; padding:0; z-index:1}
body.np:not(#np-mz) details.np-gruppe.fort:not([open])>summary{height:44px}
body.np:not(#np-mz) details.np-gruppe.fort:not([open])>summary>.np-kanten{bottom:30px}
body.np:not(#np-mz) details.np-gruppe.fort>summary>.np-kat{position:absolute; inset:0; min-height:0; padding:0; opacity:0}
body.np:not(#np-mz) details.np-gruppe.fort[open]>summary{height:0}
body.np:not(#np-mz) details.np-gruppe.fort .np-faecher{margin-top:10px}
body.np:not(#np-mz) .np-faecher{gap:10px; margin-top:8px}
body.np:not(#np-mz) details.np-gruppe[open] .np-faecher>*{animation:mz-auf .42s cubic-bezier(.2,.9,.25,1) both}
body.np:not(#np-mz) details.np-gruppe[open] .np-faecher>*:nth-child(2){animation-delay:.03s}
body.np:not(#np-mz) details.np-gruppe[open] .np-faecher>*:nth-child(n+3){animation-delay:.06s}
@keyframes mz-auf{from{transform:translateY(-18px) scale(.96); opacity:0}to{transform:none; opacity:1}}
body.np:not(#np-mz) .np-bw{position:relative; border-radius:24px}
body.np:not(#np-mz) .np-tun{top:6px; right:6px; gap:4px}
@media (hover:hover){body.np:not(#np-mz) .np-bw .np-t>div:first-child{padding-right:64px}}
body.np:not(#np-mz) .np-tun summary svg,body.np:not(#np-mz) .np-tun button.np-weg svg{background:var(--mz-tun); box-shadow:none; color:var(--mz-zweit)}
@media (hover:none) and (pointer:coarse){
  body.np:not(#np-mz) .np-bw .np-tun{top:0; bottom:0; right:0; left:auto; opacity:0; z-index:0; align-items:center; gap:10px; padding:0 6px; transition:opacity .15s}
  body.np:not(#np-mz) .np-bw.mz-zeigt .np-tun,body.np:not(#np-mz) .np-bw .np-tun:has(details[open]){opacity:1}
  body.np:not(#np-mz) .np-bw .np-tun summary,body.np:not(#np-mz) .np-bw .np-tun button.np-weg{width:60px; height:74px; display:flex; flex-direction:column; align-items:center; gap:4px; background:none}
  body.np:not(#np-mz) .np-bw .np-tun summary::after{content:"Später"}
  body.np:not(#np-mz) .np-bw .np-tun button.np-weg::after{content:"Ausblenden"}
  body.np:not(#np-mz) .np-bw .np-tun summary::after,body.np:not(#np-mz) .np-bw .np-tun button.np-weg::after{font-size:12px; font-weight:500; color:var(--mz-zweit); white-space:nowrap}
  body.np:not(#np-mz) .np-bw .np-tun summary svg,body.np:not(#np-mz) .np-bw .np-tun button.np-weg svg{width:50px; height:50px; padding:14px; background:var(--mz-tun); color:var(--mz-tinte)}
  body.np:not(#np-mz) .np-bw .np-tun button.np-weg svg{background:var(--io-rot,#C93A2F); color:#fff}
  body.np:not(#np-mz) .np-gruppe:has(.mz-zeigt) .np-kanten{opacity:0}
  body.np:not(#np-mz) .np-bw>a.np-blase{position:relative; z-index:1; touch-action:pan-y; will-change:transform}
  body.np:not(#np-mz) .np-spaeter-wahl{right:0; top:60px}
}
body.np:not(#np-mz) #np-alle .np-liste-alle{display:flex; flex-direction:column; gap:8px}
body.np:not(#np-mz) #np-alle a.np-zeile{display:flex; align-items:flex-start; gap:12px; padding:12px 14px 12px 12px; min-height:64px; border:0; border-radius:22px;
  background:var(--mz-kachel); box-shadow:var(--mz-schatten); color:var(--mz-tinte); text-decoration:none}
body.np:not(#np-mz) #np-alle a.np-zeile:hover{background:var(--mz-kachel-hoch)}
body.np:not(#np-mz) #np-alle a.np-zeile .np-t{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px}
body.np:not(#np-mz) #np-alle a.np-zeile .np-t b{font-size:15px; font-weight:600; line-height:1.3}
body.np:not(#np-mz) #np-alle a.np-zeile .np-t>span{font-size:15px; line-height:1.33; color:var(--mz-zweit)}
body.np:not(#np-mz) #np-alle a.np-zeile :is(.np-zart,.np-betrag){flex:none; font-size:13px; color:var(--mz-zeit); font-variant-numeric:tabular-nums; padding-top:2px}
body.np:not(#np-mz) #np-alle a.np-zeile .np-betrag{font-size:15px; font-weight:600; color:var(--mz-tinte)}
body.np:not(#np-mz) #np-alle a.np-zeile[data-np-dringend] .np-zart{color:var(--mz-rot); font-weight:500}
body.np:not(#np-mz) #np-alle a.np-zeile[data-np-dringend] .np-zart::before,body.np:not(#np-mz) #np-alle a.np-zeile[data-np-dringend]:not(:has(.np-zart)) .np-t b::after{content:""; display:inline-block;
  width:7px; height:7px; border-radius:50%; background:var(--mz-rot); margin:0 6px 1px 0; vertical-align:middle}
body.np:not(#np-mz) #np-alle a.np-zeile[data-np-dringend]:not(:has(.np-zart)) .np-t b::after{margin:0 0 2px 7px}
body.np:not(#np-mz) #np-alle .np-f-fuss .np-knopf.rand{border:0; box-shadow:none}
@media (max-width:700px){
  body.np:not(#np-mz) .np-stapel{padding:16px 10px 10px; border-radius:26px}
  body.np:not(#np-mz) .np-blase.wichtig .np-t>div{padding-right:104px}
  body.np:not(#np-mz) .np-blase b,body.np:not(#np-mz) .np-blase p,body.np:not(#np-mz) #np-alle a.np-zeile .np-t b,body.np:not(#np-mz) #np-alle a.np-zeile .np-t>span{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  body.np:not(#np-mz) details.np-gruppe[open] .np-faecher>*{animation:none}
  body.np:not(#np-mz) .np-bw>a.np-blase{transition:none}
}
@media (prefers-reduced-transparency:reduce){
  body.np:not(#np-mz) .np-blase,body.np:not(#np-mz) .np-kanten i,body.np:not(#np-mz) #np-alle a.np-zeile{-webkit-backdrop-filter:none; backdrop-filter:none; background:var(--np-karte,#fff)}
}
@media (prefers-contrast:more){
  body.np:not(#np-mz) .np-blase,body.np:not(#np-mz) #np-alle a.np-zeile{box-shadow:0 0 0 1px var(--mz-zweit)}
}


body.np .gs-glas,body.np .gs-karte,body.np .gs-liste{background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen); border:0}
body.np .gs-karte{border-radius:var(--ap-rund-karte); padding:var(--ap-3)}
body.np :is(.gs-karte,.gs-glas) :is(.gs-karte,.gs-liste){background:var(--ap-fuellung); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  border-radius:var(--ap-rund)}
body.np .gs-leiste{background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  box-shadow:var(--io-schatten-glas); border:0; border-radius:var(--io-rund-leiste)}
body.np .gs-blatt{background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  box-shadow:var(--io-schatten-glas); border:0; border-radius:var(--io-rund-blatt); padding:var(--ap-3)}
@media (max-width:700px){body.np .gs-blatt{border-radius:var(--io-rund-blatt) var(--io-rund-blatt) 0 0}}
body.np .gs-knopf{-webkit-appearance:none; appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:var(--ap-1);
  min-height:var(--ap-hoehe); padding:0 20px; margin:0; border:0; border-radius:999px; font:inherit; font-weight:600; line-height:1.2;
  text-decoration:none; white-space:nowrap; cursor:pointer; background:var(--knopf); color:var(--auf-knopf,#fff);
  --gs-kapsel:var(--lg-knopf-kante),var(--lg-knopf-schatten); box-shadow:var(--gs-kapsel);
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; transition:filter .15s ease,background-color .2s ease}
body.np .gs-knopf--zweit{background:var(--io-zweit); color:var(--io-zweit-text)}
body.np .gs-knopf--rot{background:var(--io-rot); color:var(--io-rot-text)}
body.np .gs-knopf--bereich{background:var(--mz-bereich-knopf,var(--knopf)); color:#fff}
body.np .gs-knopf--text{background:none; color:var(--ap-akzent-text); padding:0 var(--ap-1); --gs-kapsel:none}
body.np .gs-knopf:active{filter:brightness(.92)}
body.np .gs-knopf:focus-visible{outline:none; box-shadow:var(--lg-fokus),var(--lg-knopf-schatten)}
body.np .gs-knopf:is(:disabled,[aria-disabled="true"]){background:var(--ap-fuellung); color:var(--ap-zweit); --gs-kapsel:none; cursor:not-allowed; filter:none}
body.np .gs-liste{border-radius:var(--ap-rund-karte); padding:4px 0; margin:0; list-style:none}
body.np .gs-zeile{display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; min-height:var(--ap-hoehe);
  padding:10px 16px; margin:0; border:0; background:none; color:var(--np-tinte); font:inherit; text-align:left; text-decoration:none; cursor:pointer}
body.np .gs-zeile:not(:has(> .gs-symbol)){grid-template-columns:minmax(0,1fr) auto}
body.np .gs-liste>.gs-zeile+.gs-zeile,body.np .gs-liste>li+li>.gs-zeile{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 60px 0/calc(100% - 60px) var(--io-haar) no-repeat}
body.np [data-bereich="finanzamt"]{--mz-bereich:var(--bereich-finanzamt); --mz-bereich-knopf:var(--bereich-finanzamt-knopf)}
body.np [data-bereich="rechnungen"]{--mz-bereich:var(--bereich-rechnungen); --mz-bereich-knopf:var(--bereich-rechnungen-knopf)}
body.np [data-bereich="lohn"]{--mz-bereich:var(--bereich-lohn); --mz-bereich-knopf:var(--bereich-lohn-knopf)}
body.np [data-bereich="belege"]{--mz-bereich:var(--bereich-belege); --mz-bereich-knopf:var(--bereich-belege-knopf)}
body.np [data-bereich="bank"]{--mz-bereich:var(--bereich-bank); --mz-bereich-knopf:var(--bereich-bank-knopf)}
body.np [data-bereich="sonstiges"]{--mz-bereich:var(--bereich-sonstiges); --mz-bereich-knopf:var(--bereich-sonstiges-knopf)}
body.np [data-bereich="abschluss"]{--mz-bereich:var(--bereich-abschluss)}
body.np [data-bereich="archiv"]{--mz-bereich:var(--bereich-archiv)}
body.np .gs-bsym{flex:none; box-sizing:border-box; display:grid; place-items:center; width:28px; height:28px; border-radius:7px;
  background:var(--mz-bereich,var(--bereich-sonstiges)); color:#fff}
body.np :is(.np-leiste,.np-unten,.np-mehr,.np-nav) .gs-bsym>svg{display:block; box-sizing:content-box; width:17px; height:17px; padding:0; margin:0;
  border-radius:0; background:none; color:#fff; stroke:currentColor}
body.np .np-unten .gs-bsym{width:26px; height:26px; border-radius:7px}
body.np .np-unten .gs-bsym>svg{width:16px; height:16px}
body.np nav.np-nav em{font-size:13px}
body.np :is(.np-leiste,.np-mehr) .menue :is(.wort,.name){font-size:13px}
@media (max-width:700px){
  body.np nav.np-unten:not([hidden]){height:60px; background:var(--io-glas-leiste,var(--io-glas-dicht))}
  body.np nav.np-unten>:is(a,button){flex:1 1 0; min-width:0; padding:0 1px; font-size:11px; font-weight:600; letter-spacing:0; line-height:1.15; gap:3px}
  body.np nav.np-unten.fuenf>:is(a,button){font-size:10px; letter-spacing:-.01em}
  body.np nav.np-unten>:is(a,button)>span.gs-wort{display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
  body.np nav.np-unten em{top:3px; left:auto; right:2px;  font-size:13px; line-height:1; min-width:20px; height:20px; border-radius:10px; padding:0 5px;
    background:var(--io-rot); color:#fff}
}
body.np .gs-symbol{width:32px; height:32px; border-radius:8px; display:grid; place-items:center; background:var(--mz-bereich,var(--ap-fuellung)); color:#fff}
body.np .gs-zeile b{display:block; font-weight:600}
body.np .gs-zeile small{display:block; color:var(--ap-zweit)}
body.np .gs-zeile::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np .gs-zeile[aria-selected="true"]::after,body.np .gs-zeile:has(input:checked)::after{content:""; width:20px; height:20px; background:var(--ap-haken) no-repeat center/20px}
@media (hover:hover){body.np .gs-zeile:hover{background-color:var(--ap-fuellung)}}
@media (hover:none){body.np button.gs-zeile:hover{background-color:transparent; background-image:none; box-shadow:none; transform:none}}
body.np select:not([multiple]):not([size]){-webkit-appearance:none; appearance:none; background-image:var(--gs-pfeil);
  background-repeat:no-repeat; background-position:right 12px center; background-size:12px 8px; padding-right:36px}
body.np .gs-feld{box-sizing:border-box; width:100%; min-height:var(--ap-hoehe); padding:0 14px; border:1px solid var(--np-linie); border-radius:var(--ap-rund-s);
  background:var(--lg-ton); color:var(--np-tinte); font:inherit; font-size:16px}
body.np .gs-feld::placeholder{color:var(--ap-zweit)}
body.np .gs-feld:focus-visible{outline:none; border-color:var(--knopf); box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--knopf) 55%,#fff)}
body.np .gs-wahl{display:block; width:100%; padding:12px 44px 12px 16px; border:0; border-radius:var(--ap-rund); text-align:left; font:inherit;
  background:var(--lg-flaeche); color:var(--np-tinte); box-shadow:var(--lg-kanten); cursor:pointer}
body.np .gs-wahl small{display:block; color:var(--ap-zweit)}
body.np .gs-wahl:is([aria-pressed="true"],[aria-selected="true"],:has(input:checked)){background:var(--ap-wahl-grund) var(--ap-haken) no-repeat right 12px center/20px;
  box-shadow:inset 0 0 0 2px var(--ap-wahl-rand); color:var(--np-tinte)}
body.np .np-stnr{margin:14px 0 0; padding:14px 0 0; border-top:1px solid var(--np-linie); display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 14px}
body.np .np-stnr>p:first-of-type{flex:1 1 100%; margin:0}
body.np .np-stnr>div{display:flex; flex-direction:column; gap:4px; flex:1 1 220px; min-width:0}
body.np .np-stnr label{font-size:13px; font-weight:600; color:var(--np-grau)}
body.np .np-stnr :is(input,select){min-height:44px; height:48px; padding:0 12px; font-size:15px; box-sizing:border-box; width:100%}
body.np .np-stnr>p:last-child{margin:0}
body.np .np-stnr .np-knopf{min-height:44px; height:48px}
@media (max-width:520px){body.np .np-stnr>p:last-child,body.np .np-stnr .np-knopf{width:100%; justify-content:center}}
body.np .np-stnr-fehlt>.np-stnr{margin-top:8px; padding-top:0; border-top:0}
body.np .np-heute>.np-stnr-fehlt{margin:0 0 var(--ap-3)}
body.np .gs-segment{display:inline-flex; gap:2px; padding:2px; border-radius:999px; background:var(--io-seg-grund)}
body.np .gs-segment>*{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:0; border-radius:999px;
  background:none; color:var(--np-tinte); font:inherit; text-decoration:none; cursor:pointer}
body.np .gs-segment>:is([aria-current],[aria-pressed="true"],label:has(input:checked)){background:var(--io-seg-wahl); box-shadow:var(--io-seg-schatten); font-weight:600}
body.np .gs-knopf--text{min-width:var(--ap-hoehe)}
@media (max-width:700px){
  body.np .gs-segment>*{min-height:var(--ap-hoehe)}
  body.np :is(a.np-still,a.np-zurueck,a.rueckweg,a.nebenweg,a.np-kopflink,a.np-pille[href],a.io-ohne-u,a.np-frei-fa,a.textlink,
    .gb-a-liste li span a,.gb-a-kopf a,.np-sb-jahre a,td.np-sb-dl a,main td>a,main p.rest>a,main .gruppe li>a,.np-oben>a,.np-bank-leise a,.np-blaettern a,nav.np-reiter a,.np-schalter a,a.bl-filter,a.knopf.klein,a.np-knopf.klein){
    display:inline-flex; align-items:center; min-height:var(--ap-hoehe); min-width:var(--ap-hoehe); box-sizing:border-box}
  body.np :is(select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),button:not([role=switch])){min-height:var(--ap-hoehe)}
  body.np :is(main,aside,footer) details>summary{min-height:var(--ap-hoehe); display:flex; align-items:center; box-sizing:border-box}
  body.np :is(main,aside,footer) details.zahl-i>summary{display:grid}
  body.np footer :is(a,button){display:inline-flex; align-items:center; min-height:var(--ap-hoehe); min-width:var(--ap-hoehe); justify-content:center}
  body.np table.np-sb-tab td.np-sb-dl a{min-height:var(--ap-hoehe)}
  body.np :is(.np-menue,.np-mehr) .darstellungszeile .darstellung a{min-height:var(--ap-hoehe)}
}
body.np :is(time,small,th,.np-pill,.np-pille,.np-pk-zusatz,.np-pk-stand,.was,.fund-quelle,.fundstelle,.testphase-hinweis,
  .gb-a-kopf,.np-kat .np-weitere,.np-kat .np-weniger,.zustandspille){font-size:max(13px,.8125rem)}
body.np :is(table.np-sb-tab td.np-sb-dl a,table th.io-haar-u,p.fein,span.dazu,kbd,.np-pk-preistext){font-size:15px}
body.np :is(table.np-sb-tab td.satz,.np-zart,.gb-satz){font-size:17px}
body.np main :is(p,li,dd,td).np-zart,body.np main .rg > .bl-karte p.bl-leer,body.np main p.bl-leer{font-size:17px}
body.np :is(.np-gross,.np-betrag,.np-heute b,.np-heute strong){font-variant-numeric:tabular-nums}
body.np :where(.gs-werkzeug){display:flex; align-items:center; gap:var(--ap-1)}
body.np :where(.gs-mehr){position:relative}
body.np :where(.gs-mehr)>summary{list-style:none; cursor:pointer}
body.np :where(.gs-mehr)>summary::-webkit-details-marker{display:none}
body.np :where(.gs-menue){position:absolute; right:0; top:calc(100% + 8px); z-index:60; padding:6px}
body.np :where(.gs-menue)>:where(a,button){display:flex; align-items:center; min-height:var(--ap-hoehe); padding:0 12px; color:var(--np-tinte); text-decoration:none}
@media (hover:hover){body.np :where(.gs-menue)>:where(a,button):hover{background:var(--ap-fuellung)}}
body.np :where(.gs-wertzeile){display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:var(--ap-hoehe); color:var(--np-tinte); text-decoration:none}
body.np :where(a.gs-wertzeile)::after{content:"\203A"; color:var(--ap-zweit); font-size:20px; line-height:1}
body.np :where(.gs-wert){font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right}
body.np .gs-blattkopf{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--ap-1)}
body.np .gs-blattkopf>h2{margin:0; text-align:center}
body.np .gs-blattkopf>:first-child{justify-self:start}
body.np .gs-blattkopf>:last-child{justify-self:end}
body.np :where(.gs-leer){display:flex; flex-direction:column; align-items:center; text-align:center}
body.np :where(.gs-leer-sym){display:grid; place-items:center; width:56px; height:56px; border-radius:16px; background:var(--ap-fuellung); color:var(--ap-zweit)}
body.np .np-fristenleiste{display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--ap-1) var(--ap-2); margin:0 0 var(--ap-2)}
body.np .np-fristenleiste .np-fl-kopf{font-weight:600}
body.np .np-fristenleiste ol{display:flex; flex-wrap:wrap; gap:var(--ap-1) var(--ap-2); list-style:none; margin:0; padding:0}
body.np .np-fristenleiste li+li::before{content:"·"; margin-right:var(--ap-2); opacity:.5}
body.np .np-fristenleiste .np-fl-wort{font-weight:500}
body.np .np-fristenleiste li.rot .np-fl-stand{color:var(--io-rot); font-weight:600}
body.np [data-zw-strittig]{font-size:inherit; font-weight:500; opacity:.75; font-style:italic}
body.np .gs-kartenkopf{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; margin:0 0 var(--ap-1)}
body.np .gs-kartenkopf>h2{margin:0; min-width:0; overflow-wrap:anywhere}
body.np .gs-werte{list-style:none; margin:0; padding:0}
body.np .gs-werte>li{display:grid; grid-template-columns:minmax(6.5rem,1fr) minmax(0,auto); align-items:center; gap:12px; min-height:var(--ap-hoehe); padding:4px 0; margin:0}
body.np .gs-werte>li+li{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 0 0/100% var(--io-haar) no-repeat}
body.np .gs-werte>li>span:first-child{color:var(--ap-zweit)}
body.np .gs-werte .gs-wert{display:inline-flex; align-items:center; justify-content:flex-end; gap:2px; white-space:normal; overflow-wrap:anywhere; color:var(--np-tinte)}
body.np .gs-werte .gs-wert small{color:var(--ap-zweit); text-align:right}
body.np button.gs-kopie,body.np button.gs-kopie:is(:hover,:active){display:inline-grid; place-items:center; flex:none; width:32px; height:32px; min-height:32px; padding:0; margin:0;
  border:0; border-radius:8px; background:none; box-shadow:none; color:var(--ap-akzent-text); transform:none; cursor:pointer}
body.np button.gs-kopie svg{width:16px; height:16px}
body.np button.gs-kopie--wort,body.np button.gs-kopie--wort:is(:hover,:active){width:auto; padding:0 var(--ap-1); font:inherit; font-weight:600; white-space:nowrap}
@media (hover:hover){body.np button.gs-kopie:hover{background:var(--ap-fuellung)}}
@media (max-width:700px){body.np button.gs-kopie{width:var(--ap-hoehe); height:var(--ap-hoehe); min-height:var(--ap-hoehe)}
  body.np button.gs-kopie.gs-kopie--wort{width:auto}}
body.np .gs-ampel{width:10px; height:10px; border-radius:50%; flex:none; background:var(--np-ampel-orange)}
body.np .gs-ampel.rot{background:var(--io-rot)}
body.np .gs-hinweis .gs-kartenkopf{justify-content:flex-start}
body.np .gs-hinweis .gs-liste{background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; padding:0}
body.np .gs-hinweis .gs-zeile{padding-left:0; padding-right:0}
body.np .gs-hinweis .gs-liste>li+li>.gs-zeile{background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 0 0/100% var(--io-haar) no-repeat}
body.np .gs-zeile .gs-tat{color:var(--ap-akzent-text); font-weight:600; white-space:nowrap}
body.np .gs-zeile:has(.gs-tat)::after{content:none}
body.np .gs-segment--rollen{display:flex; max-width:100%; overflow-x:auto; scrollbar-width:none}
body.np .gs-segment--rollen::-webkit-scrollbar{display:none}
body.np .gs-segment--rollen>*{flex:none; white-space:nowrap; padding:0 12px}
body.np .gs-karte>.gs-segment:first-child{margin:0 0 var(--ap-2)}
body.np .gs-feldgruppe{margin:0 0 var(--ap-3); padding:0; border:0}
body.np .gs-feldgruppe+.gs-feldgruppe{padding-top:var(--ap-2); background:linear-gradient(var(--io-haarlinie),var(--io-haarlinie)) 0 0/100% var(--io-haar) no-repeat}
body.np .gs-feldgruppe>h3{margin:0 0 var(--ap-1); font-size:15px; font-weight:600; color:var(--ap-zweit)}
body.np .gs-feldgruppe label.feld{font-size:14px}
body.np .gs-feldgruppe label.feld>span:first-child{font-size:14px; font-weight:600}
body.np .gs-zeile--still::after{content:none}


.af{position:relative}
.af-fehler{display:block;margin:6px 0 0;font-size:.875rem;color:var(--np-rot-tief,#B42318)}
.af-fehler[hidden]{display:none}
.af.af-falsch .af-feld>input{border-color:var(--np-rot-tief,#B42318)}
.af .af-titel{display:block;font-size:.8125rem;font-weight:600;color:var(--ap-zweit,var(--gedaempft,#5B6560));margin-bottom:6px}
.af .af-feld{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:0;border-radius:12px;box-sizing:border-box}
.af .af-feld>input,.af .af-feld>input.af-such{flex:1 1 6rem;min-width:5rem;width:100%;max-width:none;min-height:48px;margin:0;padding:0 2.4rem 0 .9rem;font:inherit;font-size:17px;border:1px solid var(--np-linie,var(--linie,#dde3e0));border-radius:12px;background:var(--np-karte,var(--flaeche,#fff));color:var(--tinte,#111);box-sizing:border-box;-webkit-appearance:none;appearance:none}
.af .af-feld>input:focus{outline:none;border-color:var(--akzent,#367E12);box-shadow:0 0 0 3px color-mix(in oklab,var(--akzent,#367E12) 20%,transparent)}
.af .af-pfeil{position:absolute;right:.9rem;top:24px;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--ap-zweit,#5B6560);border-bottom:2px solid var(--ap-zweit,#5B6560);transform:rotate(45deg);pointer-events:none;transition:transform 516ms linear(0, 0.04403 3.571%, 0.1426 7.143%, 0.2615 10.71%, 0.3814 14.29%, 0.4924 17.86%, 0.5899 21.43%, 0.6728 25%, 0.7415 28.57%, 0.7975 32.14%, 0.8424 35.71%, 0.8781 39.29%, 0.9062 42.86%, 0.9281 46.43%, 0.9452 50%, 0.9583 53.57%, 0.9684 57.14%, 0.9761 60.71%, 0.982 64.29%, 0.9864 67.86%, 0.9898 71.43%, 0.9924 75%, 0.9943 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1)}
.af.af-auf .af-pfeil{transform:translateY(4px) rotate(225deg)}
.af .af-liste,.af .af-leer[hidden],.af.af-js select[hidden]{display:none}
.af.af-wahl{display:block}
.af.af-wahl:not(.af-js) .af-pfeil{display:none}
.af.af-js.af-auf .af-liste{display:block;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(22rem,60vh);overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:22px;background:var(--ap-material-dicht,rgba(252,253,252,.95));-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--ap-schatten-3,0 14px 36px rgba(16,24,20,.18));transform-origin:top center;animation:af-auf 516ms linear(0, 0.04403 3.571%, 0.1426 7.143%, 0.2615 10.71%, 0.3814 14.29%, 0.4924 17.86%, 0.5899 21.43%, 0.6728 25%, 0.7415 28.57%, 0.7975 32.14%, 0.8424 35.71%, 0.8781 39.29%, 0.9062 42.86%, 0.9281 46.43%, 0.9452 50%, 0.9583 53.57%, 0.9684 57.14%, 0.9761 60.71%, 0.982 64.29%, 0.9864 67.86%, 0.9898 71.43%, 0.9924 75%, 0.9943 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1) both}
@keyframes af-auf{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
.af .af-gruppe{margin:6px 10px 2px;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--ap-zweit,#5B6560)}
.af .af-gruppe:first-child{margin-top:2px}
body .af.af.af .af-liste .af-zeile{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0;padding:6px 12px;border:0;border-radius:12px;background:none;box-shadow:none;color:var(--tinte,#111);font:inherit;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:transform 120ms ease-out,background-color 120ms ease-out}
body .af.af.af .af-liste .af-zeile.aktiv{background:var(--ap-fuellung,rgba(18,24,21,.055))}
@media (hover:hover){body .af.af.af .af-liste .af-zeile:hover{background:var(--ap-fuellung,rgba(18,24,21,.055))}}
body .af.af.af .af-liste .af-zeile:active{transform:scale(.985);background:var(--ap-fuellung-hoch,rgba(18,24,21,.085))}
.af .af-zeile[hidden]{display:none!important}
body .af.af.af .af-liste .af-zeile[aria-selected="true"]{background:var(--ap-wahl-grund,color-mix(in oklab,#367E12 9%,#fff)) var(--ap-haken) no-repeat right 12px center/20px 20px;padding-right:44px;color:var(--tinte,#111)}
body .af.af.af .af-liste .af-zeile[aria-selected="true"].aktiv{background-color:color-mix(in oklab,var(--akzent,#367E12) 14%,var(--np-karte,#fff))}
.af .af-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1 1 auto}
.af .af-wort{overflow-wrap:anywhere}
.af .af-unter{font-size:.8125rem;font-weight:400;color:var(--ap-zweit,#5B6560)}
.af .af-frei .af-wort{color:var(--ap-akzent-text,#2B680E);font-weight:600}
.af .af-marke{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ap-fuellung-hoch,#e6ebe8);color:var(--ap-zweit,#5B6560);font-size:.75rem;font-weight:650;letter-spacing:.02em}
.af .af-marke img{width:100%;height:100%;object-fit:cover}
.af .af-leer{display:block;padding:10px 12px;font-size:.875rem;color:var(--ap-zweit,#5B6560)}
.af.af-js[data-af-mehr] .af-feld{padding:6px 2.4rem 6px 6px;border:1px solid var(--np-linie,var(--linie,#dde3e0));background:var(--np-karte,var(--flaeche,#fff))}
.af.af-js[data-af-mehr] .af-feld:focus-within{border-color:var(--akzent,#367E12);box-shadow:0 0 0 3px color-mix(in oklab,var(--akzent,#367E12) 20%,transparent)}
.af.af-js[data-af-mehr] .af-feld>input.af-such{min-height:36px;padding:0 6px;border:0;background:none;box-shadow:none}
.af .af-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:100%;padding:0 4px 0 4px;border:0;border-radius:999px;background:var(--ap-schlicht,color-mix(in oklab,#367E12 12%,transparent));color:var(--ap-akzent-text,#2B680E);font:inherit;font-size:.9375rem;font-weight:600;cursor:default;animation:af-chip 516ms linear(0, 0.04403 3.571%, 0.1426 7.143%, 0.2615 10.71%, 0.3814 14.29%, 0.4924 17.86%, 0.5899 21.43%, 0.6728 25%, 0.7415 28.57%, 0.7975 32.14%, 0.8424 35.71%, 0.8781 39.29%, 0.9062 42.86%, 0.9281 46.43%, 0.9452 50%, 0.9583 53.57%, 0.9684 57.14%, 0.9761 60.71%, 0.982 64.29%, 0.9864 67.86%, 0.9898 71.43%, 0.9924 75%, 0.9943 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1) both}
.af .af-chip .af-marke{flex-basis:28px;width:28px;height:28px;background:var(--np-karte,#fff);font-size:.6875rem}
.af .af-chip>span:not(.af-marke){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:2px}
body .af.af.af .af-chip-weg{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -10px -8px -8px;padding:0;border:0;border-radius:50%;background:none;color:inherit;font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:none;min-height:0;transition:transform 100ms ease-out}
body .af.af.af .af-chip-weg:active{transform:scale(.9);background:var(--ap-schlicht-hoch,rgba(0,135,90,.17))}
.af .af-chip:not(:has(.af-marke)){padding-left:12px}
@keyframes af-chip{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.af.af-js.af-auf .af-liste,.af .af-chip{animation:none}.af .af-pfeil,body .af.af.af .af-liste .af-zeile{transition:none}}
@media (prefers-reduced-transparency:reduce){.af.af-js.af-auf .af-liste{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--np-karte,#fff)}}
@media (max-width:640px){.af.af-js.af-auf .af-liste{max-height:min(20rem,52vh)}}
.af.af-dl{display:block}
.af.af-konten .af-feld>input.af-such,.af.af-dl.af-konten .af-feld>input,.af.af-dl:has(input[data-kontosuche]) .af-feld>input{padding-left:2.5rem}
.af.af-konten .af-feld::before,.af.af-dl:has(input[data-kontosuche]) .af-feld::before{content:"";position:absolute;left:.95rem;top:50%;width:9px;height:9px;margin-top:-8px;border:2px solid var(--ap-zweit,#5B6560);border-radius:50%;pointer-events:none;z-index:1}
.af.af-konten .af-feld::after,.af.af-dl:has(input[data-kontosuche]) .af-feld::after{content:"";position:absolute;left:1.62rem;top:50%;width:2px;height:6px;margin-top:2px;background:var(--ap-zweit,#5B6560);border-radius:1px;transform:rotate(-45deg);pointer-events:none;z-index:1}
.af .af-konto-hinweis{margin:6px 10px;font-size:.9375rem;font-weight:500;color:var(--np-rot-tief,#B42318)}
.af.af-js.af-auf .af-liste{min-width:min(17rem,calc(100vw - 32px))}
.af.af-js.af-auf .af-liste.af-rechts{left:auto;right:0}
.af.af-js.af-auf .af-liste.af-schwebt{position:fixed;inset:auto;margin:0;border:0;width:auto;height:auto;transform-origin:top left}
.af.af-schmal .af-feld>input,.af.af-schmal .af-feld>input.af-such{min-width:6.5rem;padding-right:2rem}
td .af .af-feld>input,td .af .af-feld>input.af-such{min-height:44px;font-size:16px}
td .af .af-pfeil{top:22px}


body.np .bb-feldhuelle{position:relative; display:block; width:100%}
body.np .bb-feldhuelle>input[data-bb-datum]{padding-right:48px}
body.np .bb-feldhuelle>input[data-bb-datum]:is(:focus,:focus-visible){outline:none; border-color:var(--bb-dw); box-shadow:inset 0 0 0 1.5px var(--bb-dw-hauch)}
body.np .bb-feldknopf{-webkit-appearance:none; appearance:none; position:absolute; top:50%; right:2px; width:44px; height:44px; margin:-22px 0 0; padding:0;
  display:flex; align-items:center; justify-content:center; border:0; border-radius:10px; background:transparent; color:var(--ap-zweit);
  box-shadow:none; cursor:pointer; -webkit-tap-highlight-color:transparent; min-height:0}
body.np .bb-feldknopf svg{width:20px; height:20px}
body.np .bb-feldknopf:hover{color:var(--bb-dw); background:transparent}
body.np .bb-feldknopf:focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np .bb-fehlersatz{display:flex; gap:6px; align-items:flex-start; margin:6px 0 0; color:var(--fehler-tief); font-size:15px; line-height:1.35}
body.np .bb-fehlersatz svg{width:16px; height:16px; flex:none; margin-top:2px}
body.np .bb-fehlersatz[hidden]{display:none}
body.np .bb-feldhuelle:has(>.bb-fehlersatz:not([hidden]))>.bb-feldknopf{top:calc(var(--bb-feld-h,48px) / 2)}
body.np .bb-pop{position:fixed; z-index:60; inset:auto; margin:0; border:0; overflow:visible; width:auto; height:auto; padding:12px;
  background:var(--ap-material-dicht); -webkit-backdrop-filter:var(--ap-filter); backdrop-filter:var(--ap-filter); border-radius:var(--ap-rund-karte);
  box-shadow:var(--ap-schatten-3); color:var(--np-tinte); font:inherit; transform-origin:top left; animation:bb-auf var(--ap-feder-kurz-zeit) var(--ap-feder-kurz)}
body.np .bb-pop[hidden]{display:none}
body.np .bb-pop.bb-pop--alt{position:absolute; top:calc(100% + 6px); left:0}
body.np .bb-pop--oben{transform-origin:bottom left}
body.np .bb-pop::backdrop{background:transparent}
@keyframes bb-auf{from{opacity:0; transform:scale(.96) translateY(-4px)} to{opacity:1; transform:none}}
@keyframes bb-hoch{from{transform:translateY(100%)} to{transform:none}}
@keyframes bb-blende{from{opacity:0} to{opacity:1}}
body.np .bb-pop-griff{display:none}
body.np .bb-pop button{margin:0}
body.np .bb-pop-kopf{display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 4px}
body.np .bb-pop-titel{margin:0; padding-left:6px; font-size:17px; font-weight:600}
body.np .bb-pop-fuss{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; padding-top:8px; border-top:.5px solid var(--np-linie)}
body.np .bb-pop-fuss .bb-knopf{min-height:44px; padding:0 12px; border:0; border-radius:999px; background:transparent; box-shadow:none; color:var(--bb-dw);
  font-size:17px; font-weight:600}
body.np .bb-pop-fuss .bb-knopf:hover{background:var(--bb-dw-hauch)}
body.np .bb-kalender{width:340px}
body.np .bb-kal-pfeile{display:flex; gap:0}
body.np .bb-kal-pfeil{-webkit-appearance:none; appearance:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:0; padding:0;
  border:0; border-radius:22px; background:transparent; box-shadow:none; color:var(--bb-dw); cursor:pointer}
body.np .bb-kal-pfeil svg{width:12px; height:20px}
body.np .bb-kal-pfeile[hidden]{display:none}
body.np .bb-pop .bb-kal-titelknopf{-webkit-appearance:none; appearance:none; display:inline-flex; flex:0 0 auto; width:auto; max-width:none; margin:0 auto 0 0; justify-content:flex-start; align-items:center; gap:4px; min-height:44px; padding:0 8px 0 6px; border:0; border-radius:10px;
  background:transparent; box-shadow:none; color:var(--np-tinte); font:inherit; font-size:17px; font-weight:600; cursor:pointer}
body.np .bb-pop .bb-kal-titelknopf svg{width:16px; height:16px; color:var(--bb-dw); transition:transform .2s ease}
body.np .bb-pop .bb-kal-titelknopf[aria-expanded="true"] svg{transform:rotate(90deg)}
body.np .bb-pop .bb-kal-titelknopf:hover{background:var(--bb-dw-hauch)}
body.np .bb-pop .bb-kal-titelknopf:focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np .bb-kal-raster[hidden],body.np .bb-kal-monatjahr[hidden]{display:none}
body.np .bb-kal-monatjahr{display:grid; grid-template-columns:96px 1fr; gap:8px; height:276px}
body.np .bb-kal-jahre{overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; display:flex; flex-direction:column; gap:2px; padding:8px 0;
  -webkit-mask-image:linear-gradient(in oklab 180deg,transparent,#000 14%,#000 86%,transparent); mask-image:linear-gradient(in oklab 180deg,transparent,#000 14%,#000 86%,transparent)}
body.np .bb-kal-monate{display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:44px; gap:6px 4px; align-content:start}
body.np main .bb-kalender .bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr button:is(.bb-kal-jahr,.bb-kal-monat){-webkit-appearance:none; appearance:none; display:flex; align-items:center; justify-content:center; min-height:44px; height:44px; padding:0 6px;
  border:0; border-radius:22px; background:transparent; box-shadow:none; color:var(--np-tinte); font:inherit; font-size:17px; font-weight:400; font-variant-numeric:tabular-nums; cursor:pointer; flex:none}
body.np main .bb-kalender .bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr button:is(.bb-kal-jahr,.bb-kal-monat):hover{background:var(--ap-fuellung)}
body.np main .bb-kalender .bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr button:is(.bb-kal-jahr,.bb-kal-monat):focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np main .bb-kalender .bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr.bb-kal-monatjahr button:is(.bb-kal-jahr,.bb-kal-monat)[aria-pressed="true"]{background:var(--bb-dw); color:#FFFFFF; font-weight:600}
body.np .bb-kal-pfeil:hover{background:var(--bb-dw-hauch)}
body.np .bb-kal-raster{display:grid; grid-template-columns:repeat(7,44px); justify-content:space-between; row-gap:2px}
body.np .bb-kal-wt{display:flex; align-items:center; justify-content:center; height:28px; color:var(--ap-zweit); font-size:13px; font-weight:600}
body.np main .bb-kalender .bb-kal-raster>button.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag{-webkit-appearance:none; appearance:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:0; padding:0;
  border:0; border-radius:50%; background:transparent; box-shadow:none; color:var(--np-tinte); font-size:17px; font-weight:400; font-variant-numeric:tabular-nums; cursor:pointer}
body.np main .bb-kalender .bb-kal-raster>button.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag:hover{background:var(--ap-fuellung)}
body.np main .bb-kalender .bb-kal-raster>button.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag:focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np main .bb-kalender .bb-kal-raster>button.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.ist-heute{background:var(--bb-dw-hauch); color:var(--bb-dw); font-weight:700}
body.np main .bb-kalender .bb-kal-raster>button.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag.bb-kal-tag[aria-pressed="true"]{background:var(--bb-dw); color:#FFFFFF; font-weight:600}
body.np .bb-kal-leer{width:44px; height:44px}
@media (max-width:600px){
  body.np .bb-pop.bb-als-blatt{position:fixed; left:0; right:0; top:auto; bottom:0; width:auto; z-index:61; padding:8px 16px calc(16px + env(safe-area-inset-bottom));
    border-radius:var(--ap-rund-blatt) var(--ap-rund-blatt) 0 0; transform-origin:bottom center; animation:bb-hoch .3s var(--ap-feder)}
  body.np .bb-pop.bb-als-blatt::backdrop{background:color-mix(in oklab,var(--np-tinte) 32%,transparent); animation:bb-blende .2s ease}
  body.np .bb-pop.bb-als-blatt .bb-pop-griff{display:block; width:36px; height:5px; margin:0 auto 8px; border-radius:3px; background:var(--ap-fuellung-hoch)}
  body.np .bb-kalender.bb-als-blatt .bb-kal-raster{grid-template-columns:repeat(7,minmax(44px,1fr))}
  body.np .bb-kalender.bb-als-blatt :is(.bb-kal-tag,.bb-kal-leer){justify-self:center}
  body.np .bb-kalender{width:min(340px,calc(100vw - 32px))}
}
@media (prefers-reduced-motion:reduce){body.np .bb-pop{animation:none}}


body.np .gs-zk{display:flex; flex-direction:column; gap:6px; width:100%; min-width:0}
body.np .gs-zk>.gs-zk-label{font-size:15px; font-weight:600; color:var(--np-tinte); margin:0 0 6px}
body.np .gs-zk-alt{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
body.np .gs-zk-alt>label{display:flex; flex-direction:column; gap:6px; margin:0; min-width:0}
body.np .gs-zk-alt>label>span{font-size:15px; font-weight:600; color:var(--np-tinte); margin:0 0 6px}
body.np .gs-zk :is(.gs-zk-alt,.gs-zk-kal,.gs-zk-feld)[hidden]{display:none}
body.np .gs-zk-feld{display:flex; align-items:center; justify-content:space-between; gap:8px; cursor:pointer; -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none}
body.np .gs-zk-feld>svg{width:20px; height:20px; flex:none; color:var(--ap-zweit)}
body.np .gs-zk-feld[aria-expanded="true"]>svg{color:var(--bb-dw)}
body.np .gs-zk-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.np .gs-zk-zahl{color:var(--ap-zweit)}
body.np .gs-zk-kal{width:100%; max-width:100%; box-sizing:border-box; margin:4px 0 0; padding:8px 8px 4px; border-radius:var(--ap-rund); background:var(--ap-fuellung)}
body.np .gs-zk-kopf{display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 4px}
body.np .gs-zk-kopf .bb-pop-titel{padding-left:8px}
body.np .gs-zk-wt,body.np .gs-zk-raster{display:grid; grid-template-columns:repeat(7,minmax(0,1fr))}
body.np .gs-zk-raster{row-gap:2px}
body.np .gs-zk-wt>span{display:flex; align-items:center; justify-content:center; height:28px; color:var(--ap-zweit); font-size:13px; font-weight:600}
body.np .gs-zk-leer{height:44px}
body.np main .gs-zk .gs-zk-raster>button.gs-zk-tag.gs-zk-tag.gs-zk-tag.gs-zk-tag.gs-zk-tag{-webkit-appearance:none; appearance:none; position:relative; display:flex; align-items:center; justify-content:center;
  width:100%; max-width:none; height:44px; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--np-tinte);
  font:inherit; font-size:17px; font-weight:400; font-variant-numeric:tabular-nums; line-height:1; cursor:pointer}
body.np main .gs-zk .gs-zk-raster>button.gs-zk-tag.gs-zk-tag.gs-zk-tag.gs-zk-tag.gs-zk-tag:is(:hover,:focus-visible){background:transparent; box-shadow:none; outline:none}
body.np .gs-zk-tag>span{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%}
@media (hover:hover){body.np .gs-zk-tag:hover>span{background:var(--ap-fuellung-hoch)}}
body.np .gs-zk-tag:focus-visible>span{box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np .gs-zk-tag.ist-frei{color:var(--ap-zweit)}
body.np .gs-zk-tag.ist-heute>span{background:var(--bb-dw-hauch); color:var(--bb-dw); font-weight:700}
body.np .gs-zk-tag.im-band::before{content:""; position:absolute; top:2px; bottom:2px; left:0; right:0; background:var(--bb-dw-hauch)}
body.np .gs-zk-tag.im-band.ist-frei::before{background:var(--bb-dw-hauch); opacity:.5}
body.np .gs-zk-tag.im-band.ist-start::before,body.np .gs-zk-tag.im-band.zeile-anfang::before{left:50%; border-radius:20px 0 0 20px}
body.np .gs-zk-tag.im-band.ist-ende::before,body.np .gs-zk-tag.im-band.zeile-ende::before{right:50%; border-radius:0 20px 20px 0}
body.np .gs-zk-tag.im-band.zeile-anfang:not(.ist-start)::before{left:0}
body.np .gs-zk-tag.im-band.zeile-ende:not(.ist-ende)::before{right:0}
body.np .gs-zk-tag.im-band.ist-start.ist-ende::before,body.np .gs-zk-tag.im-band.ist-start.zeile-ende::before,body.np .gs-zk-tag.im-band.ist-ende.zeile-anfang::before{display:none}
body.np .gs-zk-tag.im-band.zeile-anfang.zeile-ende::before{display:none}
body.np .gs-zk-tag:is(.ist-start,.ist-ende)>span{background:var(--bb-dw); color:#FFFFFF; font-weight:600}
body.np .gs-zk-tag.ist-vorschau>span{box-shadow:inset 0 0 0 2px var(--bb-dw)}
body.np .gs-zk .bb-pop-fuss{margin-top:4px; padding-top:4px; border-top:0}
@media (max-width:600px){body.np .gs-zk-kal{padding:8px 0 4px}
  body.np .gs-zk-text{white-space:normal; overflow:visible; text-overflow:clip; line-height:1.3; padding:6px 0}
  body.np .gs-zk-zahl{display:block}
  body.np .gs-zk-trenn{display:none}}


body.np .mc-dot{display:inline-block; flex:0 0 auto; width:10px; height:10px; border-radius:50%; background:var(--np-grau-hell); vertical-align:middle}
body.np .mc-dot.gross{width:18px; height:18px; margin-top:6px}
body.np p .mc-dot{margin:0 8px 2px 0}
body.np .mc-dot.mc-gruen{background:var(--np-ampel-gruen)}
body.np .mc-dot.mc-gelb{background:var(--np-ampel-orange)}
body.np .mc-dot.mc-rot{background:var(--np-rot)}
body.np .mc-grau{color:var(--np-grau); font-size:15px; margin:4px 0 0}
body.np .mc-streifen{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 16px}
body.np .mc-streifen-t{color:var(--np-grau); font-size:15px; margin-right:4px}
body.np a.mc-chip{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:999px; background:var(--np-karte); box-shadow:0 1px 2px rgba(18,24,21,.08); color:var(--np-tinte); text-decoration:none; font-size:15px}
body.np a.mc-chip:active{transform:scale(.97)}
body.np .mc-karte .mc-liste{display:flex; flex-direction:column}
body.np a.mc-zeile{display:grid; grid-template-columns:16px 1fr auto 12px; align-items:center; gap:12px; min-height:56px; padding:8px 0; color:var(--np-tinte); text-decoration:none}
body.np a.mc-zeile+a.mc-zeile{border-top:.5px solid var(--np-linie)}
body.np a.mc-zeile .mc-t{display:flex; flex-direction:column; min-width:0}
body.np a.mc-zeile .mc-t b{font-size:17px; font-weight:600}
body.np a.mc-zeile .mc-t span{color:var(--np-grau); font-size:15px}
body.np a.mc-zeile .mc-zahl{color:var(--np-grau); font-size:15px; font-variant-numeric:tabular-nums}
body.np a.mc-zeile .mc-pfeil{color:var(--np-grau-hell); font-size:20px}
body.np .mc-seite{display:flex; flex-direction:column; gap:16px}
body.np .mc-ampel-kopf{display:flex; gap:16px; align-items:flex-start}
body.np .mc-ampel-kopf h2{margin:0}
body.np .mc-ampel .np-blaettern,body.np .mc-ampel nav{margin-top:16px}
body.np .mc-gruppe h2{margin:0 0 8px}
body.np ul.mc-punkte{list-style:none; margin:0; padding:0}
body.np li.mc-punkt{display:grid; grid-template-columns:1fr auto; gap:8px 16px; padding:12px 0}
body.np li.mc-punkt+li.mc-punkt{border-top:.5px solid var(--np-linie)}
body.np .mc-pt{display:flex; flex-direction:column; min-width:0}
body.np .mc-pt b{font-size:17px; font-weight:600; overflow-wrap:anywhere}
body.np .mc-pt span{color:var(--np-grau); font-size:15px; overflow-wrap:anywhere}
body.np li.mc-punkt[data-mc-art="eingabe"] .mc-pt span{font-size:17px}
body.np .mc-pr{text-align:right; display:flex; flex-direction:column}
body.np .mc-tag{color:var(--np-grau); font-size:15px}
body.np .mc-betrag{font-variant-numeric:tabular-nums; font-size:17px}
body.np .mc-tun{grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; align-items:center}
body.np .mc-tun .np-knopf{min-height:44px}
body.np .mc-tun form.mc-form{display:inline-flex; margin:0}
body.np details.mc-mehr[open]{flex-basis:100%}
body.np details.mc-mehr>summary{display:inline-flex; align-items:center; min-height:44px; cursor:pointer; list-style:none}
body.np details.mc-mehr[open]>summary{margin-bottom:0}
body.np details.mc-mehr>summary.np-still{color:var(--ap-akzent-text); font-weight:600; font-size:15px; padding:0 var(--ap-1)}
body.np details.mc-mehr>summary::-webkit-details-marker{display:none}
body.np details.mc-mehr[open] form.mc-form{display:flex; flex-direction:column; gap:12px; margin-top:8px; padding:16px; border-radius:22px; background:var(--np-feld)}
body.np fieldset.mc-gruende{border:0; margin:0; padding:0; display:flex; flex-direction:column; border-radius:16px; background:var(--np-karte); overflow:hidden}
body.np fieldset.mc-gruende legend{padding:12px 16px 8px; font-weight:600; font-size:15px; float:left; width:100%; box-sizing:border-box}
body.np label.mc-wahl{display:flex; align-items:center; gap:12px; min-height:44px; padding:0 16px; cursor:pointer; font-size:17px}
body.np label.mc-wahl+label.mc-wahl{border-top:.5px solid var(--np-linie)}
body.np label.mc-wahl input{position:absolute; opacity:0; width:1px; height:1px}
body.np label.mc-wahl span:first-of-type{flex:1}
body.np label.mc-wahl .mc-haken{visibility:hidden; color:var(--np-gruen-tief); font-weight:700}
body.np label.mc-wahl:has(input:checked){background:var(--np-gruen-hauch); box-shadow:inset 0 0 0 1.5px var(--np-gruen-tief)}
body.np label.mc-wahl:has(input:checked) .mc-haken{visibility:visible}
body.np label.mc-wahl:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:-2px}
body.np label.mc-feld{display:flex; flex-direction:column; gap:4px; font-size:15px; color:var(--np-grau)}
body.np label.mc-feld input{min-height:44px; padding:0 12px; border-radius:12px; border:0; background:var(--np-karte); font-size:17px; color:var(--np-tinte)}
body.np .mc-er-kopf{display:flex; gap:16px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap}
body.np .mc-er-kopf h2{margin:0}
body.np .mc-schalter button{min-height:44px; font-size:15px; padding:0 16px}
body.np .mc-schalter form{display:contents}
body.np .mc-meldung{margin:0; padding:12px 16px; border-radius:16px; background:var(--np-gruen-hauch); color:var(--np-tinte); font-size:15px}
body.np .mc-meldung.fehler{background:var(--np-rot-feld)}
body.np label.mc-trotzdem{display:flex; gap:8px; align-items:flex-start; margin:8px 0; font-size:15px}
@media (max-width:700px){
 body.np li.mc-punkt{grid-template-columns:1fr auto}
 body.np .mc-tun{display:grid; grid-template-columns:1fr 1fr}
 body.np .mc-tun>*{min-width:0}
 body.np .mc-tun>a.np-nur-schmal{display:inline-flex; align-items:center}
 body.np .mc-tun .np-knopf{justify-content:center; width:100%; box-sizing:border-box}
 body.np .mc-tun>details.mc-mehr,body.np .mc-tun>form.mc-form:only-child{grid-column:1/-1}
 body.np .mc-tun form.mc-form{display:flex}
 body.np .mc-streifen-t{display:none}
 body.np a.mc-chip{padding:0 12px}
}


body.np .np-sprung-ziel{position:relative; border-radius:14px; background:color-mix(in srgb,var(--np-gruen) 9%,transparent); box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--np-gruen) 70%,transparent)}
body.np tr.np-sprung-ziel>td{background:color-mix(in srgb,var(--np-gruen) 9%,transparent); box-shadow:inset 0 2px 0 0 color-mix(in srgb,var(--np-gruen) 70%,transparent),inset 0 -2px 0 0 color-mix(in srgb,var(--np-gruen) 70%,transparent)}
body.np .np-sprung-blink{animation:np-sprung-blink .7s ease-in-out 2}
@keyframes np-sprung-blink{0%,100%{background-color:color-mix(in srgb,var(--np-gruen) 9%,transparent)}50%{background-color:color-mix(in srgb,var(--np-gruen) 28%,transparent)}}
@media (prefers-reduced-motion:reduce){body.np .np-sprung-blink{animation:none}}
body.np .np-sprung-weg{display:none !important}
body.np .np-sprung-kopf{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; margin:0 0 12px; font-size:15px; color:var(--np-grau)}
body.np .np-sprung-kopf b{color:inherit; font-weight:600}
body.np .np-sprung-kopf a{color:var(--np-gruen); text-decoration:none; font-weight:600}


body.np .bb-feldhuelle>input[data-bb-zeit]{padding-right:48px}
body.np .bb-uhr{width:280px}
body.np .bb-raeder{position:relative; display:flex; justify-content:center; align-items:center; gap:4px; height:220px}
body.np .bb-raeder::before{content:""; position:absolute; left:4px; right:4px; top:88px; height:44px; border-radius:10px; background:var(--ap-fuellung); pointer-events:none}
body.np .bb-rad{position:relative; width:88px; height:220px; overflow-y:auto; scroll-snap-type:y mandatory; scrollbar-width:none; overscroll-behavior:contain; border-radius:10px;
  -webkit-mask-image:linear-gradient(in oklab 180deg,transparent,#000 30%,#000 70%,transparent); mask-image:linear-gradient(in oklab 180deg,transparent,#000 30%,#000 70%,transparent)}
body.np .bb-rad::-webkit-scrollbar{display:none}
body.np .bb-rad:focus{outline:none}
body.np .bb-rad:focus-visible{box-shadow:inset 0 0 0 2px var(--knopf)}
body.np .bb-rad-polster{height:88px}
body.np .bb-rad-wert{height:44px; scroll-snap-align:center; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; font-weight:400;
  font-variant-numeric:tabular-nums; color:var(--ap-zweit); cursor:pointer; user-select:none}
body.np .bb-rad-wert[aria-selected="true"]{color:var(--np-tinte); font-weight:600}
body.np .bb-raeder .bb-rad .bb-rad-wert[role=option][aria-selected="true"]{background:none; box-shadow:none; padding:0}
body.np .bb-raeder-trenner{position:relative; font-size:22px; line-height:1; font-weight:600; color:var(--np-tinte)}
@media (max-width:600px){body.np .bb-uhr.bb-als-blatt .bb-raeder{gap:24px}}
@media (min-width:901px){body.np main .werkzeug-raster:has(>.werkzeug-ergebnis[hidden]){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
body.np main .werkzeug-ergebnis[hidden]{display:none}
body.np main form[data-zeiterfassung] .feld{width:100%}
body.np main form[data-zeiterfassung] .feld-huelle{display:block; width:100%}
body.np main form[data-zeiterfassung][data-zeiterfassung] .feld :is(input:not([type=checkbox]):not([type=radio]),select,.af,.af-feld,.bb-feldhuelle){width:100%; max-width:none; box-sizing:border-box;
  font-size:17px; font-weight:400}
body.np main form[data-zeiterfassung][data-zeiterfassung] .feld input::placeholder{font-size:17px; font-weight:400}
body.np main :is(.feld-wahl,label.geld-wahl) input[type=checkbox]{-webkit-appearance:none; appearance:none; flex:none; width:22px; height:22px; min-width:22px; max-width:22px; margin:0; padding:0;
  border:0; border-radius:50%; background:none; box-shadow:inset 0 0 0 1.5px var(--ap-zweit); cursor:pointer}
body.np main :is(.feld-wahl,label.geld-wahl) input[type=checkbox]:checked{box-shadow:none; background:var(--ap-haken) no-repeat center/22px}
body.np main :is(.feld-wahl,label.geld-wahl) input[type=checkbox]:focus-visible{outline:2px solid #4A5C6A; outline-offset:2px}
body.np main :is(form#werkzeug,[data-st-apfel] form) label.feld:has(>:is(.gs-datei,.bb-feldhuelle))>span:first-child:not(.gs-datei):not(.bb-feldhuelle){font-size:.9375rem; font-weight:600; color:var(--np-tinte)}
@media (max-width:600px){body.np main .np-seitenkopf h1{-webkit-hyphens:auto; hyphens:auto; overflow-wrap:break-word}}
body.np main li[data-bescheid]{overflow-wrap:anywhere}
@media (max-width:700px){body.np nav.np-pfad li{white-space:nowrap}}
body.np main form[data-zeiterfassung] .werkzeug-knoepfe{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:var(--ap-2); margin-top:var(--ap-2)}
body.np main form[data-zeiterfassung] .werkzeug-knoepfe>.knopf{margin-left:auto}
body.np main form[data-zeiterfassung] .werkzeug-knoepfe>details.werkzeug-mehr{margin:0}
body.np main form[data-zeiterfassung] .werkzeug-knoepfe>details.werkzeug-mehr>summary{min-width:44px}
body.np main form[data-zeiterfassung] .werkzeug-knoepfe>details.werkzeug-mehr[open]{order:2; flex-basis:100%}
@media (max-width:600px){body.np main form[data-zeiterfassung] .werkzeug-knoepfe>.knopf{width:100%; justify-content:center} body.np main form[data-zeiterfassung] .werkzeug-knoepfe>details.werkzeug-mehr{order:2}}


@media (min-width:701px){
  :root[data-leiste-bewegt] body.np{transition:padding-left 294ms linear(0, 0.0438 3.571%, 0.1419 7.143%, 0.2604 10.71%, 0.3801 14.29%, 0.4909 17.86%, 0.5883 21.43%, 0.6712 25%, 0.74 28.57%, 0.7961 32.14%, 0.8412 35.71%, 0.8771 39.29%, 0.9053 42.86%, 0.9274 46.43%, 0.9445 50%, 0.9578 53.57%, 0.968 57.14%, 0.9758 60.71%, 0.9817 64.29%, 0.9862 67.86%, 0.9896 71.43%, 0.9922 75%, 0.9942 78.57%, 0.9956 82.14%, 0.9967 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1)}
  body.np .np-leiste{transition:transform 294ms linear(0, 0.0438 3.571%, 0.1419 7.143%, 0.2604 10.71%, 0.3801 14.29%, 0.4909 17.86%, 0.5883 21.43%, 0.6712 25%, 0.74 28.57%, 0.7961 32.14%, 0.8412 35.71%, 0.8771 39.29%, 0.9053 42.86%, 0.9274 46.43%, 0.9445 50%, 0.9578 53.57%, 0.968 57.14%, 0.9758 60.71%, 0.9817 64.29%, 0.9862 67.86%, 0.9896 71.43%, 0.9922 75%, 0.9942 78.57%, 0.9956 82.14%, 0.9967 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1),visibility 0s linear 0s}
  :root[data-leiste="zu"]{--np-platz:48px}
  :root[data-leiste="zu"] body.np .np-leiste{transform:translateX(calc(-100% - 48px)); visibility:hidden;
    transition:transform 294ms linear(0, 0.0438 3.571%, 0.1419 7.143%, 0.2604 10.71%, 0.3801 14.29%, 0.4909 17.86%, 0.5883 21.43%, 0.6712 25%, 0.74 28.57%, 0.7961 32.14%, 0.8412 35.71%, 0.8771 39.29%, 0.9053 42.86%, 0.9274 46.43%, 0.9445 50%, 0.9578 53.57%, 0.968 57.14%, 0.9758 60.71%, 0.9817 64.29%, 0.9862 67.86%, 0.9896 71.43%, 0.9922 75%, 0.9942 78.57%, 0.9956 82.14%, 0.9967 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1),visibility 0s linear 294ms}
  :root[data-leiste="zu"] body.np main{max-width:calc(1280px + var(--np-breit))}
  :root body.np main>p.hinweisband.mf-band:has(+div.bl){margin-left:max(0px,calc((100% - 75rem) / 2))}
  :root[data-leiste="zu"] body.np:not(#gs-d) button.np-helferknopf{left:0; top:116px; bottom:auto; width:44px; height:48px;
    justify-content:flex-start; padding:0 0 0 6px; border-radius:0; background:none; box-shadow:none; color:var(--knopf); transition:none}
  :root[data-leiste="zu"] body.np button.np-helferknopf::before{content:""; position:absolute; z-index:-1; left:0; top:0; bottom:0; width:30px;
    border-radius:0 16px 16px 0; background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
    box-shadow:var(--io-schatten-glas)}
  :root[data-leiste="zu"] body.np button.np-helferknopf svg{width:18px; height:18px}
  :root[data-leiste="zu"] body.np button.np-helferknopf::after{left:22px; right:auto; top:6px; width:8px; height:8px}
  :root[data-leiste="zu"] body.np button.np-helferknopf:is(:hover,:focus-visible,[aria-expanded="true"]){background:none; color:var(--knopf-tief)}
  :root[data-leiste="zu"] body.np button.np-helferknopf:focus-visible{outline:none}
  :root[data-leiste="zu"] body.np button.np-helferknopf:focus-visible::before{outline:2.5px solid #4A5C6A; outline-offset:2px}
  :root[data-leiste="zu"] body.np .np-helfer{left:52px; right:auto; top:116px; bottom:auto}
  body.np .np-fuss{min-height:64px}
  body.np .np-mitte{padding-block:8px; scroll-padding-block:16px; overscroll-behavior:contain;
    -webkit-mask-image:linear-gradient(to bottom,transparent,black 10px,black calc(100% - 14px),transparent);
    mask-image:linear-gradient(to bottom,transparent,black 10px,black calc(100% - 14px),transparent)}
  body.np button.np-ohr{position:fixed; z-index:46; top:52px; left:calc(var(--np-breit) - 1px); width:44px; height:56px;
    min-height:44px; margin:0; padding:0; border:0; border-radius:0 16px 16px 0; background:none; box-shadow:none; color:var(--np-grau);
    cursor:pointer; -webkit-tap-highlight-color:transparent; transition:left 294ms linear(0, 0.0438 3.571%, 0.1419 7.143%, 0.2604 10.71%, 0.3801 14.29%, 0.4909 17.86%, 0.5883 21.43%, 0.6712 25%, 0.74 28.57%, 0.7961 32.14%, 0.8412 35.71%, 0.8771 39.29%, 0.9053 42.86%, 0.9274 46.43%, 0.9445 50%, 0.9578 53.57%, 0.968 57.14%, 0.9758 60.71%, 0.9817 64.29%, 0.9862 67.86%, 0.9896 71.43%, 0.9922 75%, 0.9942 78.57%, 0.9956 82.14%, 0.9967 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1)}
  body.np button.np-ohr::before{content:""; position:absolute; left:0; top:0; bottom:0; width:26px; border-radius:0 16px 16px 0;
    background:var(--io-glas); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas);
    transition:width .2s ease,background-color .2s ease}
  body.np button.np-ohr .np-ohr-punkte{position:absolute; left:7px; top:19px; width:12px; height:18px; pointer-events:none;
    background:radial-gradient(circle,currentColor 1.5px,transparent 2px) 0 0/6px 6px repeat}
  body.np button.np-ohr:hover,body.np button.np-ohr:focus-visible{color:var(--np-tinte)}
  body.np button.np-ohr:hover::before{width:30px}
  body.np button.np-ohr:active::before{width:24px}
  body.np button.np-ohr:focus-visible{outline:none}
  body.np button.np-ohr:focus-visible::before{outline:2px solid rgba(155,168,171,.55); outline-offset:2px}
  :root[data-leiste="zu"] body.np button.np-ohr{left:0}
  :root:not([data-leiste="zu"]) body.np:has(#np-ohr) main{padding-left:48px}
}
@media (max-width:700px){body.np button.np-ohr{display:none}}
@media (prefers-reduced-motion:reduce){
  body.np,body.np .np-leiste,body.np button.np-ohr,body.np button.np-ohr::before,:root[data-leiste="zu"] body.np .np-leiste,
  body.np button.np-helferknopf{transition:none}
}
@media print{body.np button.np-ohr{display:none}}


body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]{position:relative; z-index:3; display:grid; align-items:center; column-gap:0; row-gap:0; box-sizing:border-box;
  grid-template-columns:[voll] minmax(0,1fr) [such] auto [filt] auto [zeit] auto [haupt] auto [mehr] auto [ende];
  margin:var(--gs-k-oben,22px) 0 var(--ap-3); padding:var(--gs-k-innen-oben,18px) var(--gs-k-x,24px) var(--gs-k-unten,16px)}
body.np main :is(header,div).seitenkopf:has(>.gs-kopf){display:block}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]{flex:1 1 100%; min-width:0; width:auto; max-width:none}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:var(--gs-k-rund,26px)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]::before{background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,
  .gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),
  .rv-aktionen>form.np-re-alle){
  display:contents}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>nav.np-pfad{grid-row:1; grid-column:voll/such; margin:0 0 4px; min-height:44px; align-self:center}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1{grid-row:2; grid-column:voll/such; margin:0; font-size:34px; line-height:41px; font-weight:700; letter-spacing:-.022em; color:var(--np-tinte);
  min-width:0; overflow-wrap:anywhere; text-align:left; justify-self:stretch; order:0; flex:none}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .rv-h1>h1{flex:0 1 auto}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1+:is(p,div.ah-unter,div.ax-zeile),body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .aa-zeile,body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .st-kopf-z{grid-row:3; grid-column:voll/such; margin:4px 0 0; font-size:17px; line-height:22px;
  color:var(--ap-zweit); white-space:normal; overflow:visible; text-overflow:clip; -webkit-line-clamp:unset; line-clamp:none; max-width:none;
  min-width:0; text-align:left}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1+p{display:block}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1+:is(p,div.ah-unter,div.ax-zeile) :is(p,small,span){white-space:normal; overflow:visible; text-overflow:clip; -webkit-line-clamp:unset}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"]){grid-row:2/4; grid-column:such; width:240px; margin:0 0 0 var(--ap-1); align-self:center}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details.np-filter{grid-row:2/4; grid-column:filt; margin:0 0 0 var(--ap-1); align-self:center}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(.np-blaettern,.gs-zeitwahl,.np-ablage-zeit){grid-row:2/4; grid-column:zeit; margin:0 0 0 var(--ap-1); align-self:center; justify-self:start}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .np-st-leiste>.np-blaettern+.np-blaettern{grid-column:haupt}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(.hauptknopf,.ah-hauptknopf,a.rv-haupt,.gk-knoepfe>a.np-knopf,details.ap-plus,label.aa-knopf,.gs-kopf-haupt,.gs-kopf-text,.st-haupt,.ax-werkzeug>a.gs-knopf,.np-rechts>a.np-knopf,.np-rechts>form){
  grid-row:2/4; grid-column:haupt; margin:0 0 0 var(--ap-1); align-self:center}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(details.gs-mehr,details.ap-punkte,details.np-ra-mehr,details.aa-mehr,details.ah-mehr,details.st-mehr,details.np-lohn-menue):not(.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *){
  grid-row:2/4; grid-column:mehr; margin:0 0 0 var(--ap-1); align-self:center}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(p.ap-status,nav.mc-streifen){grid-row:4; grid-column:voll/ende; margin:var(--ap-1) 0 0}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>nav.mc-streifen{display:flex; flex-wrap:wrap; align-items:center; column-gap:var(--ap-2); row-gap:0}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>nav.mc-streifen>a{flex:none; width:auto}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter){grid-row:5; grid-column:voll/ende; justify-self:start; max-width:100%; box-sizing:border-box; margin:var(--ap-2) 0 0;
  display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter)::-webkit-scrollbar{display:none}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter)>:is(a,details){flex:none; white-space:nowrap}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter)[data-gs-rand~="l"]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px); mask-image:linear-gradient(90deg,transparent 0,#000 28px)}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter)[data-gs-rand~="r"]{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 28px); mask-image:linear-gradient(270deg,transparent 0,#000 28px)}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter)[data-gs-rand="l r"]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);
  mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent)}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details:is(.st-wahl,.ax-wahl){grid-row:2/4; grid-column:filt; margin:0 0 0 var(--ap-1); align-self:center; justify-self:end}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .np-ablage-zeit .np-blaettern{grid-row:auto; margin:0}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details.gs-seg-mehr{display:none}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] form.np-suchleiste>label.np-such{margin:0}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] [hidden]{display:none}
body.np main .gs-kopf-voll{display:none}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details.gs-seg-mehr>summary{display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--np-tinte)}
body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .np-blaettern>.np-blaettern-aus,body.np .np-blaettern>.np-blaettern-aus{display:inline-grid; place-items:center; width:44px; height:44px; color:var(--ap-zweit); opacity:.4; cursor:default}
@media (max-width:700px){
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]{grid-template-columns:[voll] minmax(0,1fr) [such filt zeit] auto [haupt] auto [mehr] auto [ende]; margin:var(--gs-k-oben-s,8px) 0 var(--ap-2);
    padding:var(--gs-k-innen-oben-s,10px) var(--gs-k-x-s,24px) var(--gs-k-unten-s,14px)}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]::before{border-radius:var(--gs-k-rund-s,22px)}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>nav.np-pfad{grid-row:1; grid-column:voll/haupt; margin:0}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(.hauptknopf,.ah-hauptknopf,a.rv-haupt,.gk-knoepfe>a.np-knopf,details.ap-plus,label.aa-knopf,.gs-kopf-haupt,.gs-kopf-text,.st-haupt,.ax-werkzeug>a.gs-knopf,.np-rechts>a.np-knopf,.np-rechts>form){
    grid-row:1; grid-column:haupt; margin:0 0 0 var(--ap-1); align-self:center}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(details.gs-mehr,details.ap-punkte,details.np-ra-mehr,details.aa-mehr,details.ah-mehr,details.st-mehr,details.np-lohn-menue):not(.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *){
    grid-row:1; grid-column:mehr; margin:0 0 0 var(--ap-1)}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .gs-kopf-text{display:none}
  body.np main :is(a,button,form).gs-kopf-voll{display:flex; width:100%; box-sizing:border-box; margin:var(--ap-2) 0 0; justify-content:center}
  body.np main form.gs-kopf-voll>:is(button,a){flex:1 1 auto; width:100%}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1{grid-row:2; grid-column:voll/ende; margin:6px 0 0}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] h1+:is(p,div.ah-unter,div.ax-zeile),body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .aa-zeile,body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] .st-kopf-z{grid-row:3; grid-column:voll/ende}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"]){grid-row:4; grid-column:voll/haupt; width:auto; margin:var(--ap-2) 0 0}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]:not(:has(details.np-filter)) :is(form.np-suchleiste,form[class*="suche"]){grid-column:voll/ende}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details.np-filter{grid-row:4; grid-column:haupt/ende; justify-self:end; margin:var(--ap-2) 0 0 var(--ap-1)}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(p.ap-status,nav.mc-streifen){grid-row:5}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>nav.mc-streifen{column-gap:var(--ap-1)}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter){grid-row:6; max-width:100%}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter):has(>details.gs-seg-mehr)>a:nth-of-type(n+4):not([aria-current]){display:none}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details.gs-seg-mehr{display:block; flex:none}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] :is(.np-blaettern,.gs-zeitwahl,.np-ablage-zeit){grid-row:7; grid-column:voll/ende; justify-self:start; margin:var(--ap-2) 0 0}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf] details:is(.st-wahl,.ax-wahl){grid-row:7; grid-column:voll/ende; justify-self:end; margin:var(--ap-2) 0 0}
  body.np:not(#gs-k) main .gs-kopf[data-gs-kopf]:not(:has(.np-blaettern)) details:is(.st-wahl,.ax-wahl){justify-self:start}
}


body.np:not(#np-mz):not(#np-zr) .np-oben-rechts{position:fixed; top:12px; right:16px; z-index:40; display:flex; align-items:center; gap:8px}
body.np:not(#np-mz):not(#np-zr) .np-tagnacht{display:flex; gap:2px; padding:3px; border-radius:999px; background:var(--io-glas-dicht,rgba(255,255,255,.72));
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(255,255,255,.6),0 6px 16px -8px rgba(30,60,140,.35)}
body.np:not(#np-mz):not(#np-zr) .np-tagnacht a{display:inline-flex; align-items:center; min-height:32px; padding:0 14px; border-radius:999px; font-size:13px; font-weight:600;
  color:var(--ap-tinte,#1D1D1F); text-decoration:none; background:none; box-shadow:none}
body.np:not(#np-mz):not(#np-zr) .np-tagnacht a[aria-current]{background:#fff; box-shadow:0 1px 3px rgba(30,60,140,.18)}
body.np:not(#np-mz):not(#np-zr) .np-tagnacht a:not([aria-current]):hover{background:rgba(255,255,255,.55)}
body.np:not(#np-mz):not(#np-zr) button.np-glocke{position:relative; display:none; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border:0; border-radius:50%;
  color:var(--ap-tinte,#1D1D1F); background:var(--io-glas-dicht,rgba(255,255,255,.72)); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(255,255,255,.6),0 6px 16px -8px rgba(30,60,140,.35); cursor:pointer}
body.np:not(#np-mz):not(#np-zr) button.np-glocke svg{width:20px; height:20px}
body.np:not(#np-mz):not(#np-zr) .np-oben button.np-glocke-kopf{display:none}
body.np:not(#np-mz):not(#np-zr) button.np-glocke em{position:absolute; top:2px; right:0; min-width:20px; height:20px; padding:0 5px; box-sizing:border-box; border-radius:9px;
  background:var(--mz-rot,#D70015); color:#fff; font:600 13px/20px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; font-style:normal; text-align:center}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:0; border-radius:0; min-height:0; overflow:visible}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf){display:flex; align-items:baseline; gap:8px; padding:0 6px 12px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2{margin:0; font-size:22px; line-height:28px; font-weight:700; letter-spacing:-.02em; color:var(--ap-tinte,#1D1D1F)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2 .ah-abschnitt{font:inherit; color:inherit}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf)>span{font-size:15px; font-weight:600; color:var(--mz-zeit,#5F6964)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{display:inline-flex; align-items:center; min-height:44px; margin:-12px 0 -13px auto; font-size:15px; font-weight:600; color:var(--ap-akzent-text,#2B680E); text-decoration:none}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blasen{display:flex; flex-direction:column; gap:10px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-gruppe>.np-kat,.np-kat.vorfest){display:none}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe>summary>.np-kat{font-size:0; padding:0; min-height:0}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat{display:flex; justify-content:flex-end; padding:0 6px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger{font-size:15px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover){padding:14px; border-radius:24px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{font-size:16px; font-weight:600}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{font-size:15px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-ruhe-hin,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-ruhe-zurueck{padding:4px 6px}
body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-stapel details.np-gruppe.fort>summary{visibility:hidden; pointer-events:none}
body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-stapel details.np-gruppe.fort>summary .np-kanten{visibility:visible}
body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-blase.wichtig>a.ah-mz-knopf{display:inline-flex; align-items:center; min-height:44px; margin:12px 0 0 50px; padding:0 20px; font-size:17px}
body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-stapel a.np-blase b{display:block; -webkit-line-clamp:unset; overflow:visible; text-overflow:clip}
body.np:not(#np-mz):not(#np-zr) .np-leiste .np-rechtliches{flex:none; padding:8px 14px 4px}
@media (min-width:1200px){
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale){padding-right:412px}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) .ah-home .ah-raster>.np-stapel{display:none}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale{position:fixed; top:60px; right:16px; width:380px; max-height:calc(100vh - 60px);
    box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; padding:0 0 16px; margin:0; z-index:4}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale::-webkit-scrollbar{display:none}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) .ah-home .ah-raster{grid-template-columns:minmax(0,1fr); grid-template-areas:"v" "n" "g" "w" "m" "a"}
}
@media (max-width:1199px){
  body.np:not(#np-mz):not(#np-zr) #np-zentrale{display:none}
  body.np:not(#np-mz):not(#np-zr) button.np-glocke{display:inline-flex}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy{display:block; position:relative; top:auto; right:auto; width:auto; max-height:none; overflow:visible; margin:0 0 16px}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy>.zw-buehne{height:min(72vh,600px)}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy .zw-seite{inset:0 -8px; padding:2px 8px 72px}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy .zw-blatt{left:0; right:0}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy .zw-ko>.zw-zeit{width:auto; flex:none}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw-handy .zw-ko>b{flex:1 1 auto}
}
@media (min-width:1200px) and (max-width:1559px){
  body.np:not(#np-mz):not(#np-zr):has(.ein-split:not(.zm-ohne-liste)):has(#np-zentrale){padding-right:0}
  body.np:not(#np-mz):not(#np-zr):has(.ein-split:not(.zm-ohne-liste)) #np-zentrale{display:none}
  body.np:not(#np-mz):not(#np-zr):has(.ein-split:not(.zm-ohne-liste)) button.np-glocke{display:inline-flex}
}
@media (min-width:1200px) and (max-width:1679px){
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf]{grid-template-columns:[voll such] auto [filt] auto [zeit] auto [haupt] auto [mehr] auto [rest] minmax(0,1fr) [ende]}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf]>nav.np-pfad,
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf] h1,
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf] :is(h1+:is(p,div.ah-unter,div.ax-zeile),.aa-zeile,.st-kopf-z){grid-column:voll/ende}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"],details.np-filter,.np-blaettern,.gs-zeitwahl,.np-ablage-zeit,
    .hauptknopf,.ah-hauptknopf,a.rv-haupt,.gk-knoepfe>a.np-knopf,details.ap-plus,label.aa-knopf,.gs-kopf-haupt,.gs-kopf-text,.st-haupt,.ax-werkzeug>a.gs-knopf,.np-rechts>a.np-knopf,.np-rechts>form,
    details.st-wahl,details.ax-wahl,details.gs-mehr,details.ap-punkte,details.np-ra-mehr,details.aa-mehr,details.ah-mehr,details.st-mehr,details.np-lohn-menue):not(.ax-reiter-mehr,nav *){
    grid-row:4; margin-top:var(--ap-2)}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"]){margin-left:0; margin-right:var(--ap-1)}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf]>:is(p.ap-status,nav.mc-streifen){grid-row:5}
  body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter){grid-row:6}
}
@media (min-width:701px) and (max-width:1199px){
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf]{grid-template-columns:[voll such] auto [filt] auto [zeit] auto [haupt] auto [mehr] auto [rest] minmax(0,1fr) [ende]}
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf]>nav.np-pfad,
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] h1,
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] :is(h1+:is(p,div.ah-unter,div.ax-zeile),.aa-zeile,.st-kopf-z){grid-column:voll/ende}
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"],details.np-filter,.np-blaettern,.gs-zeitwahl,.np-ablage-zeit,
    .hauptknopf,.ah-hauptknopf,a.rv-haupt,.gk-knoepfe>a.np-knopf,details.ap-plus,label.aa-knopf,.gs-kopf-haupt,.gs-kopf-text,.st-haupt,.ax-werkzeug>a.gs-knopf,.np-rechts>a.np-knopf,.np-rechts>form,
    details.st-wahl,details.ax-wahl,details.gs-mehr,details.ap-punkte,details.np-ra-mehr,details.aa-mehr,details.ah-mehr,details.st-mehr,details.np-lohn-menue):not(.ax-reiter-mehr,nav *){
    grid-row:4; margin-top:var(--ap-2)}
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"]){margin-left:0; margin-right:var(--ap-1)}
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf]>:is(p.ap-status,nav.mc-streifen){grid-row:5}
  body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf]>:is(nav.gs-segment,nav.np-reiter){grid-row:6}
}
@media (min-width:701px){
  body.np:not(#np-mz):not(#np-zr) footer.fussleiste.portalfuss{display:none}
  body.np:not(#np-mz):not(#np-zr) :is(div,section):has(>main#inhalt){border-bottom-left-radius:26px; border-bottom-right-radius:26px; margin-bottom:12px}
}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr) footer.fussleiste.portalfuss .darstellung{display:none}
  body.np:not(#np-mz):not(#np-zr) .np-tagnacht{display:none}
  body.np:not(#np-mz):not(#np-zr) .np-leiste .np-rechtliches{display:none}
  body.np:not(#np-mz):not(#np-zr) .np-oben-rechts{display:none}
  body.np:not(#np-mz):not(#np-zr) .np-oben:has(>.np-glocke-kopf){position:relative}
  body.np:not(#np-mz):not(#np-zr) .np-oben button.np-glocke.np-glocke-kopf{display:inline-flex; position:absolute; left:12px; top:8px; bottom:auto; margin:0; transform:none; z-index:2; width:44px; height:44px}
}
body.np:not(#np-mz):not(#np-zr) .np-rechtliches{display:flex; flex-wrap:wrap; gap:0 12px; padding:4px 14px 0}
body.np:not(#np-mz):not(#np-zr) .np-rechtliches a{display:inline-flex; align-items:center; min-height:28px; font-size:13px; color:var(--ap-zweit,#5F6368); text-decoration:none}
body.np:not(#np-mz):not(#np-zr) .np-rechtliches a:hover{color:var(--ap-tinte,#1D1D1F)}
body.np:not(#np-mz):not(#np-zr) .np-helfer .np-h-wege{padding:8px 16px 4px; border-top:.5px solid var(--ap-linie,rgba(60,60,67,.18))}
body.np:not(#np-mz):not(#np-zr) .np-helfer .np-h-wege a{min-height:44px}
body.np:not(#np-mz):not(#np-zr) main .gs-bsym.gs-bsym-zeile{width:38px; height:38px; border-radius:10px; flex:none}
body.np:not(#np-mz):not(#np-zr) main .gs-bsym.gs-bsym-zeile>svg{width:21px; height:21px; color:#fff; stroke:currentColor}
body.np:not(#np-mz):not(#np-zr) main .np-bank .np-bank-liste>.np-bank-z:has(>.gs-bsym-zeile){grid-template-columns:38px auto minmax(0,1fr) auto 12px;
  grid-template-areas:"sym name name betrag pf" "sym zeit unter status pf"; column-gap:12px; min-height:64px}
body.np:not(#np-mz):not(#np-zr) main .np-bank .np-bank-liste>.np-bank-z>.gs-bsym-zeile{grid-area:sym; align-self:center}
body.np:not(#np-mz):not(#np-zr) main .np-bank .np-bank-liste>.np-bank-z+.np-bank-z:has(>.gs-bsym-zeile)::before{left:66px}
body.np:not(#np-mz):not(#np-zr) main .np-re-liste a.np-zeile>.gs-bsym-zeile{margin-right:12px; align-self:center}
body.np:not(#np-mz):not(#np-zr) main .np-re-liste a.np-zeile:has(>.gs-bsym-zeile){align-items:center; min-height:64px}
body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] button.ap-wkn.ap-text{grid-row:2/4; grid-column:zeit; width:auto; margin:0 0 0 var(--ap-1); align-self:center}
@media (min-width:1200px) and (max-width:1679px){body.np:not(#np-mz):not(#np-zr):has(#np-zentrale) main .gs-kopf[data-gs-kopf] button.ap-wkn.ap-text{grid-row:4; margin-top:var(--ap-2)}}
@media (min-width:701px) and (max-width:1199px){body.np:not(#np-mz):not(#np-zr) main .gs-kopf[data-gs-kopf] button.ap-wkn.ap-text{grid-row:4; margin-top:var(--ap-2)}}
body.np:not(#np-mz):not(#np-zr) main .gs-kopf .gs-kopfzahl b,body.np:not(#np-mz):not(#np-zr) main .gs-kopf a.gs-kopfzahl-wert{font-weight:600; color:var(--ap-tinte,#1D1D1F); font-variant-numeric:tabular-nums; text-decoration:none}
body.np:not(#np-mz):not(#np-zr) main .np-re-erinnern{margin:0 0 var(--ap-2)}
body.np:not(#np-mz):not(#np-zr) main .gs-kopf .gs-kopfzahl .np-bank-rund{display:inline-grid; place-items:center; vertical-align:middle; width:44px; height:44px; min-height:0; margin:-12px 0 -12px 2px}
@media (max-width:700px){body.np:not(#np-mz):not(#np-zr) main .np-re-liste a.np-zeile>.gs-bsym-zeile{display:none}
  body.np:not(#np-mz):not(#np-zr) main .np-bank .np-bank-liste>.np-bank-z:has(>.gs-bsym-zeile){grid-template-columns:32px auto minmax(0,1fr) auto 12px}
  body.np:not(#np-mz):not(#np-zr) main .gs-bsym.gs-bsym-zeile{width:32px; height:32px; border-radius:8px} body.np:not(#np-mz):not(#np-zr) main .gs-bsym.gs-bsym-zeile>svg{width:18px; height:18px}}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-glas:rgba(255,255,255,.10);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  --mz-glasfilter:blur(16px) saturate(150%) brightness(1.06);
  position:relative; padding:20px 14px 18px; border-radius:34px; color:#fff;
  background:
    radial-gradient(70% 45% at 30% 8%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 40% at 80% 30%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 50% at 50% 75%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}
@media (min-width:1200px){
  body.np:not(#np-mz):not(#np-zr) #np-zentrale{top:-12px; bottom:-44px; right:-24px; width:460px; max-height:none; overflow:hidden; display:flex; flex-direction:column; padding:24px 40px 56px; pointer-events:none}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale>*{pointer-events:auto}
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none}
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel::-webkit-scrollbar{display:none}
}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary{height:14px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary>.np-kanten{bottom:0}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf){padding:0 6px 12px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2{font:700 22px/1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em; color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2 .ah-abschnitt{color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf)>span{font-size:17px; font-weight:500; color:rgba(255,255,255,.7)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:#fff; font-size:15px; font-weight:500}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  position:relative; border-radius:22px; color:#fff; background:var(--mz-glas);
  -webkit-backdrop-filter:var(--mz-glasfilter); backdrop-filter:var(--mz-glasfilter);
  backdrop-filter:url(#lg-brechung) var(--mz-glasfilter);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:rgba(255,255,255,.14)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase strong{color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{font-size:15px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(255,255,255,.88); font-size:15px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(255,255,255,.72)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2{font-weight:400}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid #fff; outline-offset:-2px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:rgba(255,255,255,.72)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  position:relative; min-height:44px; height:44px; padding:0 22px; border-radius:999px; border:0; font-size:15px; font-weight:600; letter-spacing:-.01em;
  color:#fff; background:var(--mz-bereich,#4A5C6A); filter:none;
  -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}
body.np:not(#np-mz):not(#np-zr) .np-blase .np-blase-knopf{display:inline-flex; align-items:center; align-self:flex-start; min-height:36px; margin-top:10px; padding:0 18px; border-radius:999px;
  font-size:15px; font-weight:600; letter-spacing:-.01em; color:#fff;
  background:linear-gradient(180deg,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 82%,#fff),var(--mz-bereich,#4A5C6A) 55%,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 88%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.15),0 6px 14px -6px var(--mz-bereich,#4A5C6A)}
body.np:not(#np-mz):not(#np-zr) .np-blase p>.mc-dot{width:8px; height:8px; margin:0 6px 1px 0; vertical-align:middle}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; color:#fff; font-size:15px; font-weight:600;
  background:var(--mz-glas); -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#fff}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe:not(.fort)>summary{padding-bottom:16px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{height:9px; border-radius:0 0 18px 18px; background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06); backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  box-shadow:inset 0 -1.2px 1px rgba(255,255,255,.60),inset 1.2px 0 1px rgba(255,255,255,.30),inset -1.2px 0 1px rgba(255,255,255,.30)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.05)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i:only-child{bottom:4px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(255,255,255,.80)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{min-width:min-content; overflow-wrap:break-word}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{white-space:nowrap}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  color:#fff; border-radius:34px; -webkit-backdrop-filter:none; backdrop-filter:none;
  background:
    radial-gradient(70% 35% at 30% 6%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 30% at 80% 22%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 40% at 50% 70%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle :is(h2,.ah-blatt-titel){color:#fff}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle .ah-zahl{color:rgba(255,255,255,.72)}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle button.ah-fertig{color:#fff}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile,body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover,body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege{
  color:#fff; background:rgba(255,255,255,.10); -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  backdrop-filter:url(#lg-brechung) blur(16px) saturate(150%) brightness(1.06);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover{background:rgba(255,255,255,.14)}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t b,body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag{color:#fff}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t>span{color:rgba(255,255,255,.88)}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile :is(.np-zart,.np-betrag){color:rgba(255,255,255,.72)}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag,body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile[data-np-dringend] .np-zart{color:#fff}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg,body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg::after{color:#fff}
body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:focus-visible{outline-color:#fff}
@media (min-width:1200px){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{background:none; box-shadow:none; --mz-glas:rgba(58,58,64,.72)}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale a.np-blase:hover{background:rgba(66,66,72,.78)}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i,body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.62)}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.46)}
}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{padding:18px 10px 14px}
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{font-size:16px}
}
@media (prefers-reduced-transparency:reduce){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{
    -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(58,54,58,.96)}
}
@media (prefers-contrast:more){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover){box-shadow:0 0 0 1px rgba(255,255,255,.7)}
}
@media (min-width:1200px){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) h2,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) h2 .ah-abschnitt{color:var(--ap-tinte,#1D1D1F)}
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf)>span{color:var(--mz-zeit-hell,#5F6964)}
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:var(--ap-akzent-text,#2B680E)}
}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-glas:rgba(255,255,255,.7); --mz-tinte:#0b1530; --mz-zweit:rgba(11,21,48,.66); --mz-zeit:rgba(11,21,48,.64); --mz-rot:#d70015;
  --mz-kante-innen:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.55); color:#0b1530; background:none; box-shadow:none}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.68) 55%,rgba(255,255,255,.74))}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::before{content:""; position:absolute; inset:1px 1px auto 1px; height:46%; z-index:-1; pointer-events:none;
  border-radius:23px 23px 40% 40%/23px 23px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::after{content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; pointer-events:none; padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 35%,rgba(170,190,240,.35) 70%,rgba(255,255,255,.85));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(b,strong){color:#0b1530; font-weight:600; letter-spacing:-.01em}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(11,21,48,.66)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(11,21,48,.64); font-size:13px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#d70015}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time::before{content:""; display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; background:#ff3b30}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:rgba(11,21,48,.6)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:var(--mz-zweit); font-size:13px}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-betrag,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig .np-gross{color:#0b1530; font:700 21px/1.1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid var(--gs-fokus)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .gs-bsym{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 8px -3px rgba(40,70,40,.55)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  color:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  color:#0b1530; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.6));
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(30,45,90,.10),0 8px 18px -10px rgba(30,45,90,.3)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#0b1530}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.6); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(30,45,90,.08),0 8px 16px -10px rgba(30,45,90,.3)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.45)}
body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(11,21,48,.6)}
@media (prefers-reduced-transparency:reduce){
  body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(250,251,255,.97)}
}
body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw{--zw-gruen:#367e12; --zw-gruen-t:#2b680e; --zw-tinte:#0b1530; --zw-zweit:rgba(11,21,48,.62); --zw-leise:rgba(11,21,48,.45)}
body.np:not(#np-mz):not(#np-zr) :where(.zw-kopf,.zw-a,.zw-erinn,.zw-blatt,.zw-banner,.zw-menue) button:where(:not(.gs-knopf)),body.np:not(#np-mz):not(#np-zr) button:where(.zw-banner){margin:0; min-height:0; letter-spacing:normal; filter:none; box-shadow:none; background:none; border:0; color:inherit; font-weight:inherit}
body.np:not(#np-mz):not(#np-zr) .zw-nur-vorlesen{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np:not(#np-mz):not(#np-zr) .zw-kopf{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 4px 12px}
body.np:not(#np-mz):not(#np-zr) .zw-r:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-plus:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-tx:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-w:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-schalter:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-haken:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-k:focus-visible,body.np:not(#np-mz):not(#np-zr) .zw-banner:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np:not(#np-mz):not(#np-zr) .zw-plus{flex:none; width:44px; height:44px; min-height:44px; padding:0; font-size:var(--m-knopf-fs,16px); transition:transform .2s ease,filter .15s ease}
body.np:not(#np-mz):not(#np-zr) .zw-plus:active{transform:scale(.94)}
body.np:not(#np-mz):not(#np-zr) .zw-plus[aria-expanded="true"] svg{transform:rotate(45deg)}
body.np:not(#np-mz):not(#np-zr) .zw-plus svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body.np:not(#np-mz):not(#np-zr) .zw-buehne{position:relative; perspective:1300px; perspective-origin:50% 40%; height:calc(100vh - 60px - 52px - 16px)}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel{position:absolute; inset:0; transform-style:preserve-3d; transform:translateZ(-190px) rotateY(0deg);
  transition:transform .8s cubic-bezier(.65,.05,.25,1)}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.auf-a{transform:translateZ(-190px) rotateY(-90deg)}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.dreht{will-change:transform}
body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw>.zw-buehne>.zw-wuerfel.dreht *{-webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#np-mz):not(#np-zr) .zw-seite{position:absolute; inset:0 -40px; padding:2px 40px 72px; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none;
  -webkit-backface-visibility:hidden; backface-visibility:hidden}
body.np:not(#np-mz):not(#np-zr) .zw-seite::-webkit-scrollbar{display:none}
body.np:not(#np-mz):not(#np-zr) .zw-m{transform:rotateY(0deg) translateZ(190px)}
body.np:not(#np-mz):not(#np-zr) .zw-a{transform:rotateY(90deg) translateZ(190px)}
body.np:not(#np-mz):not(#np-zr) .zw-scheibe{position:absolute; inset:0 0; border-radius:32px; pointer-events:none; opacity:0; transition:opacity .25s ease;
  -webkit-backface-visibility:hidden; backface-visibility:hidden;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 .5px rgba(6,20,27,.10),0 30px 60px -20px rgba(17,33,45,.45)}
body.np:not(#np-mz):not(#np-zr) .zw-scheibe.m{transform:rotateY(0deg) translateZ(189px); background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(236,242,246,.74))}
body.np:not(#np-mz):not(#np-zr) .zw-scheibe.a{transform:rotateY(90deg) translateZ(189px); background:linear-gradient(90deg,rgba(214,224,231,.92),rgba(246,248,250,.82))}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.dreht>.zw-scheibe{opacity:1}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.ruht>.zw-scheibe{transform:none}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.ruht>.zw-scheibe.a{visibility:hidden}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.ruht{transition:none; transform:none}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.ruht>.zw-seite{transform:none}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.ruht>.zw-seite:not(.an){visibility:hidden; opacity:0; pointer-events:none}
body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.dreht>.zw-seite{inset:0; padding:2px 0 72px; border-radius:32px}
body.np:not(#np-mz):not(#np-zr) .zw-buehne:has(>.zw-wuerfel.dreht){animation:zw-zurueck .8s cubic-bezier(.65,.05,.25,1)}
@keyframes zw-zurueck{0%,100%{transform:none}50%{transform:scale(.78)}}
@media (min-width:1200px){
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw{overflow:visible; max-height:none; padding-bottom:0}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale.zw>.zw-buehne{flex:1 1 auto; min-height:0; height:auto}
  body.np:not(#np-mz):not(#np-zr) #np-zentrale .zw-m>.np-stapel{flex:none; min-height:0; overflow:visible}
}
body.np:not(#np-mz):not(#np-zr) #np-zentrale .zw-m>.np-stapel>.np-stapel-kopf{position:absolute; width:1px; height:1px; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; padding:0; margin:0}
body.np:not(#np-mz):not(#np-zr) .zw-liste{display:flex; flex-direction:column; gap:10px; padding:1px 14px 0}
body.np:not(#np-mz):not(#np-zr) .zw-leer{margin:28px 6px; text-align:center; font-size:15px; color:var(--zw-leise)}
body.np:not(#np-mz):not(#np-zr) .zw-k{position:relative; display:flex; align-items:flex-start; gap:12px; padding:14px 14px 14px 12px; isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32);
  transition:opacity .3s ease,transform .3s ease}
body.np:not(#np-mz):not(#np-zr) .zw-k::before{content:""; position:absolute; inset:1px 1px auto 1px; height:46%; z-index:-1; pointer-events:none;
  border-radius:23px 23px 40% 40%/23px 23px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
body.np:not(#np-mz):not(#np-zr) .zw-k.weg{opacity:0; transform:scale(.96)}
body.np:not(#np-mz):not(#np-zr) .zw-haken{flex:none; width:26px; height:26px; margin:1px 0 0; padding:0; border-radius:50%; border:0; box-shadow:inset 0 0 0 2px #9BA8AB; background:none; cursor:pointer;
  display:grid; place-items:center; color:#fff; transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
body.np:not(#np-mz):not(#np-zr) .zw-haken svg{opacity:0; transform:scale(.6); transition:opacity .2s ease,transform .25s cubic-bezier(.3,1.6,.5,1)}
body.np:not(#np-mz):not(#np-zr) .zw-haken:active{transform:scale(.9)}
body.np:not(#np-mz):not(#np-zr) .zw-k.fertig .zw-haken{background:var(--m-kapsel,#4A5C6A); box-shadow:inset 0 0 0 2px var(--m-kapsel,#4A5C6A)}
body.np:not(#np-mz):not(#np-zr) .zw-k.fertig .zw-haken svg{opacity:1; transform:scale(1)}
body.np:not(#np-mz):not(#np-zr) .zw-kt{flex:1; min-width:0}
body.np:not(#np-mz):not(#np-zr) .zw-ko{display:flex; justify-content:space-between; align-items:baseline; gap:10px}
body.np:not(#np-mz):not(#np-zr) .zw-ko b{font-size:16px; font-weight:600; letter-spacing:-.01em; color:var(--zw-tinte); overflow-wrap:anywhere}
body.np:not(#np-mz):not(#np-zr) .zw-k.fertig .zw-ko b{text-decoration:line-through; color:#9BA8AB}
body.np:not(#np-mz):not(#np-zr) .zw-k p{margin:3px 0 0; font-size:15px; color:var(--zw-zweit)}
body.np:not(#np-mz):not(#np-zr) .zw-k.fertig p{color:#9BA8AB}
body.np:not(#np-mz):not(#np-zr) .zw-zeit{flex:none; display:inline-flex; align-items:center; gap:4px; font-size:13px; font-weight:500; color:var(--zw-gruen-t); white-space:nowrap}
body.np:not(#np-mz):not(#np-zr) .zw-zeit.faellig{color:#d70015}
body.np:not(#np-mz):not(#np-zr) .zw-zeit.still{color:var(--zw-leise); font-weight:400}
body.np:not(#np-mz):not(#np-zr) .zw-loeschen{border:0; background:none; padding:0 0 0 6px; font-size:13px; font-weight:500; font-family:inherit; color:var(--zw-leise); cursor:pointer; min-height:24px}
body.np:not(#np-mz):not(#np-zr) .zw-loeschen:hover{color:#d70015}
body.np:not(#np-mz):not(#np-zr) .zw-erinn{margin:0 14px 14px}
body.np:not(#np-mz):not(#np-zr) .zw-ueber{margin:0 6px 8px; font-size:13px; font-weight:600; color:var(--zw-zweit); text-transform:none}
body.np:not(#np-mz):not(#np-zr) .zw-erinn .zw-k{animation:zw-rein .5s cubic-bezier(.2,.8,.2,1) both}
body.np:not(#np-mz):not(#np-zr) .zw-sym{flex:none; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(180deg,#5bb22f,#2f6e10); box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 8px -3px rgba(40,70,40,.55)}
body.np:not(#np-mz):not(#np-zr) .zw-sym svg{width:21px; height:21px}
body.np:not(#np-mz):not(#np-zr) .zw-knoepfe{display:flex; gap:8px; margin-top:10px}
body.np:not(#np-mz):not(#np-zr) .zw-knoepfe button{min-height:36px; padding:0 16px; border-radius:999px; border:0; cursor:pointer; font-size:15px; font-weight:600; font-family:inherit; line-height:1}
body.np:not(#np-mz):not(#np-zr) .zw-knoepfe .zw-ja{color:#fff; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f);
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
body.np:not(#np-mz):not(#np-zr) .zw-knoepfe .zw-nein{color:var(--zw-tinte); background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.65));
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(30,45,90,.12),0 6px 14px -8px rgba(30,45,90,.3)}
@keyframes zw-rein{from{opacity:0; transform:translateY(-10px) scale(.97)}to{opacity:1; transform:none}}
body.np:not(#np-mz):not(#np-zr) .zw-erinn .zw-k.puls{animation:zw-puls 1.2s cubic-bezier(.33,0,.2,1) both}
@keyframes zw-puls{0%,100%{transform:none; filter:drop-shadow(0 0 0 rgba(54,126,18,0))}
  32%{transform:scale(1.035); filter:drop-shadow(0 0 16px rgba(54,126,18,.55))}
  60%{transform:scale(1.01); filter:drop-shadow(0 0 10px rgba(54,126,18,.3))}}
@keyframes zw-schein{0%,100%{filter:drop-shadow(0 0 0 rgba(54,126,18,0))}35%{filter:drop-shadow(0 0 16px rgba(54,126,18,.55))}}
body.np:not(#np-mz):not(#np-zr) .zw-blatt{position:absolute; left:40px; right:40px; top:76px; z-index:6; margin:0; padding:14px 16px 18px; isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32);
  max-height:calc(100% - 92px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; box-sizing:border-box;
  background:rgba(255,255,255,.9); border-radius:26px; transform-origin:85% 0;
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.85,.25,1)}
body.np:not(#np-mz):not(#np-zr) .zw-blatt[hidden]{display:block; visibility:hidden; opacity:0; transform:translateY(-10px) scale(.96); pointer-events:none;
  transition:opacity .2s ease,transform .25s ease,visibility 0s linear .25s}
body.np:not(#np-mz):not(#np-zr) .zw-bkopf{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
body.np:not(#np-mz):not(#np-zr) .zw-bkopf b{font-size:16px; font-weight:600; color:var(--zw-tinte)}
body.np:not(#np-mz):not(#np-zr) .zw-tx{border:0; background:none; padding:6px 2px; min-height:36px; color:var(--zw-gruen-t); font-size:15px; font-weight:500; font-family:inherit; cursor:pointer}
body.np:not(#np-mz):not(#np-zr) .zw-tx.fett{font-weight:700}
body.np:not(#np-mz):not(#np-zr) .zw-gruppe{border-radius:14px; background:rgba(155,168,171,.18); overflow:hidden}
body.np:not(#np-mz):not(#np-zr) .zw-feld{display:block; margin:0}
body.np:not(#np-mz):not(#np-zr) .zw-feld input{display:block; width:100%; box-sizing:border-box; border:0; background:none; margin:0; padding:12px 14px; font-size:15px; font-weight:500; font-family:inherit; color:var(--zw-tinte); outline:0}
body.np:not(#np-mz):not(#np-zr) .zw-feld.zw-notiz input{padding-top:0; font-weight:400; font-size:14px}
body.np:not(#np-mz):not(#np-zr) .zw-feld input::placeholder{color:#8f9a9d; opacity:1}
body.np:not(#np-mz):not(#np-zr) .zw-feld.zw-notiz input::placeholder{color:#9BA8AB}
body.np:not(#np-mz):not(#np-zr) .zw-feld input[aria-invalid="true"]::placeholder{color:#d70015}
body.np:not(#np-mz):not(#np-zr) .zw-gruppe:focus-within{box-shadow:0 0 0 2px rgba(54,126,18,.45)}
body.np:not(#np-mz):not(#np-zr) .zw-blab{margin:14px 4px 8px; font-size:13px; font-weight:600; color:#4A5C6A}
body.np:not(#np-mz):not(#np-zr) .zw-wahl{display:flex; flex-wrap:wrap; gap:8px}
body.np:not(#np-mz):not(#np-zr) .zw-w{height:34px; padding:0 12px; border-radius:999px; border:0; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:500; font-family:inherit; color:var(--zw-tinte); background:rgba(155,168,171,.2); transition:background-color .2s ease,color .2s ease}
body.np:not(#np-mz):not(#np-zr) .zw-w[aria-checked="true"]{background:#367e12; color:#fff}
body.np:not(#np-mz):not(#np-zr) .zw-w:disabled{opacity:.4; cursor:default}
body.np:not(#np-mz):not(#np-zr) .zw-frei{margin-top:12px}
body.np:not(#np-mz):not(#np-zr) .zw-frei[hidden]{display:none}
body.np:not(#np-mz):not(#np-zr) .zw-kal{border-radius:16px; background:rgba(255,255,255,.72); box-shadow:0 0 0 .5px rgba(6,20,27,.08); padding:10px 8px 8px}
body.np:not(#np-mz):not(#np-zr) .zw-kal-kopf{display:flex; align-items:center; justify-content:space-between; padding:0 6px 6px}
body.np:not(#np-mz):not(#np-zr) .zw-kal-kopf b{font-size:16px; font-weight:600; color:var(--zw-tinte); letter-spacing:-.01em}
body.np:not(#np-mz):not(#np-zr) .zw-kal-pfeile{display:flex; gap:4px}
body.np:not(#np-mz):not(#np-zr) .zw-kal-pf{width:40px; height:40px; border-radius:50%; border:0; display:grid; place-items:center; cursor:pointer; color:#367e12}
body.np:not(#np-mz):not(#np-zr) .zw-kal-pf:hover{background:rgba(54,126,18,.08)}
body.np:not(#np-mz):not(#np-zr) .zw-kal-pf:disabled{color:#c3cacc; cursor:default; background:none}
body.np:not(#np-mz):not(#np-zr) .zw-kal-raster{display:grid; grid-template-columns:repeat(7,minmax(40px,1fr)); row-gap:2px}
body.np:not(#np-mz):not(#np-zr) .zw-kal-wt{height:22px; display:grid; place-items:center; font-size:12px; font-weight:600; color:#8a979b; text-transform:uppercase}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag{position:relative; height:42px; min-width:40px; border:0; padding:0; cursor:pointer; display:grid; place-items:center;
  font-size:17px; font-weight:400; font-family:inherit; font-variant-numeric:tabular-nums; color:var(--zw-tinte); border-radius:50%}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag::before{content:""; position:absolute; left:50%; top:50%; width:38px; height:38px; margin:-19px 0 0 -19px; border-radius:50%; z-index:-1; transition:background-color .15s ease,box-shadow .15s ease}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag{isolation:isolate}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag:hover::before{background:rgba(74,92,106,.10)}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag:disabled{color:#c3cacc; cursor:default}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag:disabled::before{background:none}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag.heute{color:#fff; font-weight:600}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag.heute::before,body.np:not(#np-mz):not(#np-zr) .zw-kal-tag.heute:hover::before{background:#367E12}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag[aria-pressed="true"]{color:#fff; font-weight:600}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag[aria-pressed="true"]::before,body.np:not(#np-mz):not(#np-zr) .zw-kal-tag[aria-pressed="true"]:hover::before{background:#4A5C6A}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag.heute[aria-pressed="true"]::before{background:#367E12; box-shadow:0 0 0 2px #fff,0 0 0 4px #4A5C6A}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag:focus-visible{outline:none}
body.np:not(#np-mz):not(#np-zr) .zw-kal-tag:focus-visible::before{box-shadow:0 0 0 2px #367E12}
body.np:not(#np-mz):not(#np-zr) .zw-uhr{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding:6px 8px 6px 14px; border-radius:16px; background:rgba(255,255,255,.72); box-shadow:0 0 0 .5px rgba(6,20,27,.08)}
body.np:not(#np-mz):not(#np-zr) .zw-uhr>span{font-size:15px; font-weight:500; color:var(--zw-tinte)}
body.np:not(#np-mz):not(#np-zr) .zw-raeder{position:relative; display:flex; align-items:center; gap:2px; height:160px; padding:0 6px}
body.np:not(#np-mz):not(#np-zr) .zw-raeder::before{content:""; position:absolute; left:0; right:0; top:64px; height:32px; border-radius:9px; background:rgba(118,118,128,.12); pointer-events:none}
body.np:not(#np-mz):not(#np-zr) .zw-raeder>i{position:relative; font-style:normal; font-size:20px; font-weight:500; color:var(--zw-tinte); padding:0 1px}
body.np:not(#np-mz):not(#np-zr) .zw-rad{position:relative; width:56px; height:160px; overflow-y:auto; scroll-snap-type:y mandatory; scrollbar-width:none; overscroll-behavior:contain;
  padding:64px 0; box-sizing:border-box; outline:0; border-radius:9px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12) 0,#000 40%,#000 60%,rgba(0,0,0,.12) 100%); mask-image:linear-gradient(180deg,rgba(0,0,0,.12) 0,#000 40%,#000 60%,rgba(0,0,0,.12) 100%)}
body.np:not(#np-mz):not(#np-zr) .zw-rad::-webkit-scrollbar{display:none}
body.np:not(#np-mz):not(#np-zr) .zw-rad:focus-visible{box-shadow:inset 0 0 0 2px #367E12}
body.np:not(#np-mz):not(#np-zr) .zw-rad-w{height:32px; line-height:32px; text-align:center; scroll-snap-align:center; font-size:20px; font-variant-numeric:tabular-nums; color:rgba(11,21,48,.45); cursor:pointer; user-select:none}
body.np:not(#np-mz):not(#np-zr) .zw-rad-w.an{color:var(--zw-tinte); font-weight:500}
body.np:not(#np-mz):not(#np-zr) .zw-rad .zw-rad-w[role=option][aria-selected="true"]{background:none; box-shadow:none; padding:0}
body.np:not(#np-mz):not(#np-zr) .zw-rad .zw-rad-w[role=option]::after,body.np:not(#np-mz):not(#np-zr) .zw-rad .zw-rad-w[role=option]::before{content:none}
body.np:not(#np-mz):not(#np-zr) .zw-menue{position:fixed; z-index:70; width:250px; margin:0; padding:5px 0; box-sizing:border-box; isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32); border-radius:16px; background:rgba(250,251,253,.9);
  transform-origin:top right; transition:opacity .18s ease,transform .22s cubic-bezier(.2,.85,.25,1)}
body.np:not(#np-mz):not(#np-zr) .zw-menue[hidden]{display:block; visibility:hidden; opacity:0; transform:scale(.92); pointer-events:none; transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
body.np:not(#np-mz):not(#np-zr) .zw-menue button{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; padding:0 16px; border:0; background:none; cursor:pointer;
  font-size:16px; font-weight:400; font-family:inherit; color:#0b1530; text-align:left; margin:0; box-shadow:none; filter:none; letter-spacing:normal;
  border-radius:0; min-width:0; transform:none; transition:background-color .12s ease}
body.np:not(#np-mz):not(#np-zr) .zw-menue button+button{box-shadow:inset 0 .5px 0 rgba(60,60,67,.22)}
body.np:not(#np-mz):not(#np-zr) .zw-menue button.zw-trenn{box-shadow:inset 0 6px 0 rgba(60,60,67,.08)}
body.np:not(#np-mz):not(#np-zr) .zw-menue button:hover,body.np:not(#np-mz):not(#np-zr) .zw-menue button:focus-visible{background:rgba(74,92,106,.10); outline:0}
body.np:not(#np-mz):not(#np-zr) .zw-menue button small{font-size:14px; color:rgba(11,21,48,.48)}
body.np:not(#np-mz):not(#np-zr) .zw-menue button.zw-rot,body.np:not(#np-mz):not(#np-zr) .zw-menue button.zw-rot:hover{color:#d70015; background:none}
body.np:not(#np-mz):not(#np-zr) .zw-menue button.zw-rot:hover,body.np:not(#np-mz):not(#np-zr) .zw-menue button.zw-rot:focus-visible{background:rgba(215,0,21,.07)}
body.np:not(#np-mz):not(#np-zr) .zw-zname{margin:-4px 4px 10px; font-size:15px; font-weight:600; color:var(--zw-tinte); overflow-wrap:anywhere}
body.np:not(#np-mz):not(#np-zr) .zw-entfernen{display:block; width:100%; margin-top:10px; min-height:44px; border-radius:14px; border:0; cursor:pointer; background:rgba(155,168,171,.14); color:#d70015; font-size:15px; font-weight:500; font-family:inherit}
body.np:not(#np-mz):not(#np-zr) .zw-entfernen[hidden]{display:none}
body.np:not(#np-mz):not(#np-zr) button.zw-zeit{border:0; background:none; padding:2px 0; margin:-2px 0; cursor:pointer; font-family:inherit; border-radius:6px}
body.np:not(#np-mz):not(#np-zr) button.zw-zeit:hover{text-decoration:underline; text-underline-offset:2px}
body.np:not(#np-mz):not(#np-zr) button.zw-zeit:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np:not(#np-mz):not(#np-zr) .zw-blatt.aus .zw-wahl,body.np:not(#np-mz):not(#np-zr) .zw-blatt.aus .zw-frei{opacity:.4; pointer-events:none}
body.np:not(#np-mz):not(#np-zr) .zw-umschalt{display:flex; justify-content:space-between; align-items:center; margin-top:14px; padding:10px 14px; border-radius:14px; background:rgba(155,168,171,.14); font-size:15px; font-weight:500; color:var(--zw-tinte)}
body.np:not(#np-mz):not(#np-zr) .zw-umschalt>span{display:inline-flex; align-items:center; gap:8px}
body.np:not(#np-mz):not(#np-zr) .zw-umschalt>span svg{color:var(--zw-gruen)}
body.np:not(#np-mz):not(#np-zr) .zw-schalter{position:relative; width:51px; height:31px; border-radius:16px; border:0; padding:0; cursor:pointer; background:rgba(120,120,128,.24); transition:background-color .25s ease}
body.np:not(#np-mz):not(#np-zr) .zw-schalter::after{content:""; position:absolute; left:2px; top:2px; width:27px; height:27px; border-radius:50%; background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16); transition:transform .3s cubic-bezier(.3,1.3,.5,1)}
body.np:not(#np-mz):not(#np-zr) .zw-schalter[aria-checked="true"]{background:#34c759}
body.np:not(#np-mz):not(#np-zr) .zw-schalter[aria-checked="true"]::after{transform:translateX(20px)}
body.np:not(#np-mz):not(#np-zr) .zw-fehler{margin:10px 4px 0; font-size:14px; color:#d70015}
body.np:not(#np-mz):not(#np-zr) .zw-banner{position:fixed; z-index:2147483001; top:12px; left:0; right:0; margin:0 auto; width:380px; max-width:calc(100vw - 32px); box-sizing:border-box;
  display:flex; align-items:center; gap:12px; padding:12px 14px; border:0; text-align:left; cursor:pointer; font:inherit; isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32);
  background:rgba(255,255,255,.78); transform:translateY(0); opacity:1;
  transition:transform .55s cubic-bezier(.2,.9,.25,1.05),opacity .35s ease}
body.np:not(#np-mz):not(#np-zr) .zw-banner[hidden]{display:flex; visibility:hidden; transform:translateY(calc(-100% - 24px)); opacity:0; pointer-events:none;
  transition:transform .4s cubic-bezier(.4,0,.8,.4),opacity .3s ease .1s,visibility 0s linear .45s}
body.np:not(#np-mz):not(#np-zr) .zw-bsym{flex:none; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; color:#fff;
  background:var(--m-kapsel,#4A5C6A); box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}  
body.np:not(#np-mz):not(#np-zr) .zw-btext{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; font-size:15px; color:var(--zw-tinte,#0b1530)}
body.np:not(#np-mz):not(#np-zr) .zw-bkopf2{display:flex; justify-content:space-between; gap:8px}
body.np:not(#np-mz):not(#np-zr) .zw-bkopf2 b{font-size:15px; font-weight:600}
body.np:not(#np-mz):not(#np-zr) .zw-bkopf2 time{font-size:13px; color:rgba(11,21,48,.48)}
@media (max-width:1199px){
  body.np:not(#np-mz):not(#np-zr) .zw-banner{left:16px; right:16px; width:auto; max-width:420px}
}
@media (prefers-reduced-motion:reduce){
  body.np:not(#np-mz):not(#np-zr) .zw-wuerfel,body.np:not(#np-mz):not(#np-zr) .zw-wuerfel.auf-a,body.np:not(#np-mz):not(#np-zr) .zw-wuerfel>.zw-seite{transform:none; transition:none}
  body.np:not(#np-mz):not(#np-zr) .zw-buehne:has(>.zw-wuerfel.dreht){animation:none}
  body.np:not(#np-mz):not(#np-zr) .zw-wuerfel>.zw-seite{transition:opacity .25s ease,visibility 0s}
  body.np:not(#np-mz):not(#np-zr) .zw-wuerfel>.zw-seite:not(.an){opacity:0; visibility:hidden; transition:opacity .25s ease,visibility 0s linear .25s}
  body.np:not(#np-mz):not(#np-zr) .zw-banner,body.np:not(#np-mz):not(#np-zr) .zw-banner[hidden]{transform:none}
  body.np:not(#np-mz):not(#np-zr) .zw-blatt,body.np:not(#np-mz):not(#np-zr) .zw-blatt[hidden],body.np:not(#np-mz):not(#np-zr) .zw-menue,body.np:not(#np-mz):not(#np-zr) .zw-menue[hidden]{transform:none}
  body.np:not(#np-mz):not(#np-zr) .zw-erinn .zw-k{animation:none}
  body.np:not(#np-mz):not(#np-zr) .zw-erinn .zw-k.puls{animation:zw-schein 1.2s ease both}
}
@media (prefers-reduced-transparency:reduce){
  body.np:not(#np-mz):not(#np-zr) .zw-k,body.np:not(#np-mz):not(#np-zr) .zw-blatt,body.np:not(#np-mz):not(#np-zr) .zw-banner,body.np:not(#np-mz):not(#np-zr) .zw-menue{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(250,251,255,.97)}
}


body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] h1+i[hidden]+p{grid-row:3; grid-column:voll/ende; margin:4px 0 0; font-size:17px; line-height:22px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf]>p.ap-status{grid-row:3; grid-column:voll/ende; margin:4px 0 0; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] form.pl-werkzeug{display:contents}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] form.pl-werkzeug>label.pl-suche{grid-row:4; grid-column:such; width:240px; margin:var(--ap-2) var(--ap-1) 0 0; align-self:center}
@media (min-width:1680px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] form.pl-werkzeug>label.pl-suche{grid-row:2/4; margin:0 0 0 var(--ap-1)}
}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf]>p.ap-status{grid-row:3}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] form.pl-werkzeug>label.pl-suche{grid-row:4; grid-column:voll/haupt; width:auto; margin:var(--ap-2) 0 0}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb]:has(.gs-kopf nav.np-pfad) :is(a.rueckweg,.ba-oben>a.rueckweg){display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-grund{position:fixed; inset:0; z-index:1000; background:rgba(20,30,50,.22); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt{position:fixed; z-index:1001; left:50%; top:50%; transform:translate(-50%,-50%); width:min(620px,calc(100vw - 32px));
  max-height:min(86vh,860px); overflow:auto; overscroll-behavior:contain; box-sizing:border-box; margin:0; padding:0 20px 24px; border-radius:26px;
  background:var(--lg-flaeche,rgba(255,255,255,.72)); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),0 30px 80px -20px rgba(16,28,60,.35)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf{position:sticky; top:0; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px;
  margin:0 -20px 12px; padding:12px 16px; background:inherit; border-bottom:0; box-shadow:inset 0 -.5px 0 var(--ap-linie,rgba(60,60,67,.18));
  -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); border-radius:26px 26px 0 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf h2{grid-column:2; margin:0; font-size:17px; line-height:22px; font-weight:600; text-align:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf .gb-ab{grid-column:1; justify-self:start; font-size:17px; color:var(--knopf); text-decoration:none; min-height:44px; display:inline-flex; align-items:center; padding:0 4px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf .gb-sichern{grid-column:3; justify-self:end; min-height:36px; padding:0 18px; border:0; border-radius:999px; font:600 15px/1 inherit;
  color:var(--auf-akzent,#fff); background:var(--knopf); cursor:pointer}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blatt form.gb-form button.knopf:not(.zweit)[value="speichern"]{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blatt form.gb-form button.knopf.zweit{width:100%; min-height:44px; margin-top:var(--ap-2)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form{display:flex; flex-direction:column; gap:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form .feld-reihe{display:contents}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form :is(label.feld,fieldset.re-rolle){display:flex; flex-direction:column; gap:2px; margin:0; padding:10px 16px; min-height:44px; box-sizing:border-box;
  background:rgba(255,255,255,.78); border:0; border-bottom:.5px solid var(--ap-linie,rgba(60,60,67,.14)); border-radius:0; width:auto; max-width:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form :is(label.feld,fieldset.re-rolle):first-of-type{border-radius:12px 12px 0 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>span:first-child{order:-1; align-self:flex-start; text-align:left; width:auto}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form :is(label.feld,fieldset.re-rolle)>span:first-child,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form fieldset.re-rolle>legend{font-size:13px; line-height:18px; color:var(--ap-zweit); font-weight:400; padding:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form fieldset.re-rolle{flex-direction:row; flex-wrap:wrap; align-items:center; column-gap:20px; border-radius:12px; margin-bottom:var(--ap-2); border-bottom:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form fieldset.re-rolle>legend{float:left; width:100%; margin-bottom:2px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form fieldset.re-rolle>label{min-height:36px; display:inline-flex; align-items:center; gap:8px; font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form :is(label.feld) :is(input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=hidden]),select,textarea,.af){width:100%; max-width:none; box-sizing:border-box;
  border:0; background:transparent; box-shadow:none; padding:2px 0; min-height:28px; font-size:17px; line-height:22px; border-radius:0; outline-offset:2px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld .af input{border:0; background:transparent; box-shadow:none; padding:2px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld small,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld .np-klein{font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form :is(label.feld):last-of-type{border-bottom:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld{display:grid; grid-template-columns:minmax(0,38%) minmax(0,1fr); column-gap:12px; align-items:center; padding-top:0; padding-bottom:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>span:first-child{grid-column:1; font-size:15px; line-height:20px; color:var(--np-tinte); align-self:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>:not(span:first-child):not(small):not(.np-klein){grid-column:2}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>:is(small,.np-klein){grid-column:1/-1; padding-bottom:8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld :is(input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=hidden]),select,textarea,.af input){min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld textarea{padding-top:11px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>*{grid-row:1}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>:is(small,.np-klein){grid-row:2}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form label.feld>details.zahl-i{grid-column:1; justify-self:end; align-self:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form fieldset.re-rolle>label{min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf .gb-sichern{min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form>:is(div,p):not(.feld-reihe){margin-top:var(--ap-2)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-form details.zahl-i{align-self:flex-start}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt:is(:focus,:focus-visible,:target){outline:none}
@media (min-width:701px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt{inset:0; margin:auto; height:fit-content; transform:none}}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf.gb-blattkopf>*{margin:0; align-self:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt>.gb-blattkopf.gb-blattkopf{background:color-mix(in oklab,var(--np-karte,#fff) 94%,transparent)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt#ar-form form.an-weg-form{margin:var(--ap-1) 0 0; display:flex; justify-content:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf.gb-blattkopf h2{font-size:20px; line-height:25px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf.gb-blattkopf .gb-ab{font-size:17px; font-weight:500; color:var(--ap-akzent-text,var(--knopf)); min-height:44px; padding:0 8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf.gb-blattkopf .gb-sichern{box-sizing:border-box; height:44px; min-height:44px; padding:0 18px; font-size:16px; font-weight:650; line-height:1;
  color:var(--auf-knopf,#fff); background:var(--knopf); box-shadow:var(--lg-gruen-schatten)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular.ar-formular{display:flex; flex-direction:column; gap:18px; padding-top:4px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular.ar-formular>:is(div,p,label,details,fieldset){margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-felder{display:flex; flex-direction:column; gap:18px; padding:4px 0 18px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-paar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 12px; align-items:start}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld{display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; padding:0; border:0; background:none; box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-etikett{display:flex; align-items:center; gap:8px; min-height:20px; font-size:15px; line-height:20px; font-weight:650; color:var(--np-tinte);
  letter-spacing:-.005em; white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-etikett>details.zahl-i{margin:-12px -12px -12px -4px; line-height:0; align-self:center}
@media (min-width:701px) and (pointer:fine){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-etikett>details.zahl-i{margin:-4px -4px -4px 0}}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-hinweis{display:block; margin:0; font-size:13px; line-height:18px; font-weight:400; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld :is(input[type=text],select,textarea){font:inherit; font-size:17px; line-height:22px; box-sizing:border-box; width:100%; max-width:none;
  height:44px; min-height:44px; margin:0; padding:0 14px; border:0; border-radius:12px; color:var(--np-tinte); background-color:var(--np-feld); box-shadow:var(--lg-mulde); outline:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .af :is(.af-feld,input.af-such){width:100%}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .af input.af-such{padding-right:40px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld select{padding-right:36px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld textarea{height:auto; padding:11px 14px; resize:vertical; field-sizing:content; max-height:200px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld :is(input[type=text],select,textarea):focus{box-shadow:var(--lg-mulde),0 0 0 3px rgba(0,170,112,.45)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld :is(input,textarea)::placeholder{color:var(--ap-zweit); opacity:.75}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment{display:flex; gap:2px; box-sizing:border-box; height:44px; padding:2px; border-radius:12px; background:var(--ap-fuellung,rgba(118,118,128,.12))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment>label{position:relative; flex:1 1 0; display:flex; align-items:center; justify-content:center; min-width:0; margin:0; padding:0 12px;
  border-radius:10px; font-size:15px; font-weight:500; color:var(--np-tinte); cursor:pointer; -webkit-tap-highlight-color:transparent}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment>label>input{position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment>label:has(input:checked){background:var(--io-seg-wahl,#fff); box-shadow:var(--io-seg-schatten,0 1px 3px rgba(0,0,0,.12)); font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment>label:has(input:focus-visible){outline:2px solid var(--gs-fokus); outline-offset:1px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-preis-kopf{justify-content:space-between}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment.ar-klein{height:32px; width:168px; flex:none; border-radius:9px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment.ar-klein>label{font-size:13px; border-radius:7px; padding:0 8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-preis>label{display:block; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-still{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-preis:has(input[name=preis_basis][value=brutto]:checked) .ar-preis-netto,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-preis:has(input[name=preis_basis][value=netto]:checked) .ar-preis-brutto{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular details.ar-weitere{margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular details.ar-weitere .ar-feld :is(input[type=text],textarea){background-color:var(--np-feld)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular>.re-knoepfe{margin:0; display:flex; justify-content:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .ar-eingabe{display:block; position:relative; width:100%; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .ar-eingabe :is(input[type=text],select,textarea,.af){display:block; vertical-align:top; min-height:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .ar-eingabe .af .af-feld{min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld .ar-eingabe :is(input[type=text],select){min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld>.ar-etikett{justify-content:flex-start; text-align:left; height:22px; min-height:22px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-feld>.ar-etikett.ar-preis-kopf{justify-content:space-between}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-segment>label{min-height:0; height:auto; align-self:stretch}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt form.ar-formular button.knopf:not(.zweit)[value="speichern"]{display:none}
@media (max-width:700px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf.gb-blattkopf h2{font-size:17px; line-height:22px; font-weight:600}}
@media (max-width:560px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular .ar-paar{grid-template-columns:minmax(0,1fr); gap:18px}}
@media (max-width:560px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.ar-formular details.ar-weitere>summary small{display:none}}
@media (min-width:701px){body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="artikel"] .gs-kopf[data-gs-kopf] .rv-aktionen>a.np-knopf.rv-haupt{position:static; margin:var(--ap-2) 0 0 var(--ap-1); translate:none}}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-fuss{margin:8px 16px 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-importblock{max-width:none; padding:0; margin-top:var(--ap-2); background:none; box-shadow:none; border:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-import{padding:6px 0 16px; border-radius:20px; background:var(--lg-flaeche,rgba(255,255,255,.72)); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-import label.feld{background:transparent; border-radius:0!important; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; min-height:56px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-import label.feld>span:first-child{font-size:17px; color:var(--np-tinte)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-import>button.knopf{align-self:flex-end; width:auto; margin:4px 16px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-leer{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; margin:56px auto 32px; max-width:420px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-leer p{margin:0; font-size:17px; line-height:22px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-leer-knopf{display:inline-flex; align-items:center; min-height:44px; padding:0 20px; font-weight:600; font-size:15px; text-decoration:none;
  color:var(--knopf);}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-abschnitt{margin:24px 0 8px 16px; font-size:15px; font-weight:600; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe{list-style:none; margin:0; padding:4px 0; border-radius:20px; background:var(--lg-flaeche,rgba(255,255,255,.72));
  -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li+li .gb-zeile{border-top:.5px solid var(--ap-linie,rgba(60,60,67,.12))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] a.gb-zeile{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:12px; min-height:60px; padding:8px 16px; margin:0 0 0 0;
  color:inherit; text-decoration:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-wer{display:flex; flex-direction:column; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-wer b{font-size:17px; line-height:22px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-wer small{font-size:15px; line-height:20px; color:var(--ap-zweit); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand{display:inline-flex; align-items:center; gap:6px; font-size:15px; color:var(--ap-zweit); white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand i{width:8px; height:8px; border-radius:50%; background:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand.gb-orange i{background:#F5A623}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-pfeil{color:var(--ap-zweit); font-size:20px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .ba-blattkopf{position:sticky; top:0; z-index:2; margin:0 -20px 8px; padding:10px 16px; background:inherit;
  border-bottom:.5px solid var(--ap-linie,rgba(60,60,67,.18)); border-radius:26px 26px 0 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .ba-blattkopf{-webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); border-bottom:0; box-shadow:inset 0 -.5px 0 var(--ap-linie,rgba(60,60,67,.18))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt{border:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .io-kasten{box-shadow:none; background:rgba(118,118,128,.12)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt details.gb-weitere{margin-top:var(--ap-2); text-align:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb]:has(section.gb-blatt) .gs-kopf :is(a.rv-haupt,details.ap-plus,.gs-kopf-haupt){visibility:hidden}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt details.gb-weitere>summary{list-style:none; min-height:44px; display:inline-flex; align-items:center; font-size:17px; color:var(--knopf); cursor:pointer}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt details.gb-weitere>summary::-webkit-details-marker{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .gb-weitere-inhalt{display:flex; flex-direction:column; gap:8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt h1{font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .ba-blattkopf h1{font-size:17px; line-height:22px; font-weight:600; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>a.np-knopf{grid-row:4; grid-column:haupt; margin:var(--ap-2) 0 0 var(--ap-1); align-self:center; justify-self:start}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>details.np-ra-mehr{grid-row:4; grid-column:mehr; margin:var(--ap-2) 0 0 var(--ap-1)}
@media (min-width:1680px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>a.np-knopf,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>details.np-ra-mehr{grid-row:2/4; margin-top:0}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] :is(p.ba-zweck-stand,p.np-zk-satz,p.bl-klein,p.ba-erkannt,p.ba-wf-satz,.ba-bewirtung>p,.ba-bewirtung p:not([class])){font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] :is(section.karte,section.ba-karte) h2{font-size:20px; line-height:25px; font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(label.re-buchen,label.be-haken){display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; gap:12px; min-height:44px;
  padding:8px 16px; border-radius:12px; background:light-dark(rgba(255,255,255,.78),rgba(255,255,255,.08)); font-size:17px; font-weight:400}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(label.re-buchen,label.be-haken)>input[type=checkbox]{-webkit-appearance:none; appearance:none; flex:none; position:relative; width:51px; height:31px; margin:0;
  border-radius:16px; background:rgba(120,120,128,.16); border:0; cursor:pointer; transition:background .2s}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(label.re-buchen,label.be-haken)>input[type=checkbox]::before{content:""; position:absolute; top:2px; left:2px; width:27px; height:27px; border-radius:50%;
  background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16); transition:transform .2s}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(label.re-buchen,label.be-haken)>input[type=checkbox]:checked{background:var(--knopf)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(label.re-buchen,label.be-haken)>input[type=checkbox]:checked::before{transform:translateX(20px)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] p.re-hinweis{font-size:13px; line-height:18px; color:var(--ap-zweit); margin:8px 16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-inline .an-was{display:contents}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-inline label.feld{background:transparent; border-radius:0; margin:0; padding:10px 0; border-bottom:.5px solid var(--ap-linie,rgba(60,60,67,.14))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-inline label.feld :is(input,small){text-align:left}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-inline label.feld .bb-feldhuelle{display:flex; align-items:center; width:100%}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-inline :is(label.feld)>input{max-width:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt{display:grid; grid-template-columns:auto minmax(0,1fr) auto; column-gap:12px; row-gap:4px; align-items:start; padding:10px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-sym{grid-row:1/3; grid-column:1; align-self:start; margin-top:2px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pt{grid-row:1; grid-column:2; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pt>b{display:block; font-size:17px; line-height:22px; font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pt>span{display:block; font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pr{grid-row:1; grid-column:3; display:flex; flex-direction:column; align-items:flex-end; text-align:right}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pr .mc-betrag{order:-1; font-size:17px; line-height:22px; font-variant-numeric:tabular-nums}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-pr .mc-tag{font-size:13px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-tun{grid-row:2; grid-column:2/4; display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-tun :is(a.np-knopf,summary.np-still,button.np-knopf){min-height:32px; padding:0 14px; font-size:13px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] .gs-kopf .np-seitenkopf small:first-child{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] form.gb-import label.feld>span:first-child{white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] section.mc-gruppe>h2{font-size:15px; line-height:20px; font-weight:600; color:var(--ap-zweit); margin:0 0 4px}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>a.np-knopf{grid-row:4; grid-column:voll/haupt; margin:var(--ap-2) 0 0}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-tun{flex-direction:row; align-items:center}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="np"] li.mc-punkt>.mc-tun :is(a.np-knopf,summary.np-still,button.np-knopf){width:auto; flex:none; margin:0; min-height:44px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>details.np-ra-mehr{grid-row:4; grid-column:haupt/ende; justify-self:end; margin:var(--ap-2) 0 0}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt .ba-blattkopf{margin:0 -16px 8px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-blatt{left:8px; right:8px; top:auto; bottom:calc(76px + env(safe-area-inset-bottom)); transform:none; width:auto; max-height:calc(100vh - 150px); border-radius:26px; padding:0 16px 20px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-blattkopf{margin:0 -16px 12px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand{display:none}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>.gb-kopfknopf{grid-row:4; grid-column:haupt; margin:var(--ap-2) 0 0 var(--ap-1); align-self:center; justify-self:start;
  min-height:44px; padding:0 20px; border:0; border-radius:999px; font:600 15px/1 inherit; color:var(--auf-akzent,#fff); background:var(--knopf); cursor:pointer;
  box-shadow:var(--lg-knopf-schatten,none)}
@media (min-width:1680px){ body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>.gb-kopfknopf{grid-row:2/4; margin-top:0} }
@media (max-width:700px){ body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gs-kopf[data-gs-kopf] .np-seitenkopf>.gb-kopfknopf{grid-row:4; grid-column:voll/ende; justify-self:start; margin:var(--ap-2) 0 0} }
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(button,a).gb-weg{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] button.gb-zeile{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:12px; width:100%; min-height:60px; padding:8px 16px; margin:0;
  border:0; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; border-radius:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li:first-child>.gb-zeile{border-radius:20px 20px 0 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li:last-child>.gb-zeile{border-radius:0 0 20px 20px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li:only-child>.gb-zeile{border-radius:20px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-zeile{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:12px; min-height:60px; padding:8px 16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li{position:relative}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li+li>:is(.gb-zeile,label),body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li+li .gb-zeile{border-top:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe>li+li::before{content:""; position:absolute; z-index:1; top:0; left:60px; right:16px; height:1px; background:var(--np-linie,rgba(11,21,48,.1)); pointer-events:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gelesen>li+li::before{left:16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zeile a{color:var(--knopf); text-decoration:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] :is(.rf-zeilen,.rv-zeilen) label.feld :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea){background:transparent; border:0; box-shadow:none; border-radius:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] :is(.rf-zeilen,.rv-zeilen) label.feld textarea{resize:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zeile:is(:hover,:focus-visible){background:var(--ap-fuellung,rgba(120,120,128,.08))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-zeile:hover{background:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zeile .gb-sym,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-schalter-zeile .gb-sym{flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-wer small b{font-size:inherit; font-weight:600; color:var(--np-tinte)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand.gb-gruen i{background:var(--knopf)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-stand.gb-rot i{background:var(--np-rot,#d70015)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe{margin-bottom:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] ul.gb-gruppe+:is(ul.gb-gruppe,section,form,dialog+ul.gb-gruppe){margin-top:var(--ap-3)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-fuss+:is(form,section,ul){margin-top:var(--ap-3)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] h2.gb-abschnitt{display:block}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] li.gb-schalter-zeile{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; padding:0 16px; min-height:60px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] li.gb-schalter-zeile>label.ap-schalter{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:8px 0; min-height:60px; background:none; border:0; box-shadow:none; font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] li.gb-schalter-zeile>label.ap-schalter>span{display:flex; flex-direction:column; font-size:17px; line-height:22px; font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] li.gb-schalter-zeile>label.ap-schalter small{font-size:15px; line-height:20px; font-weight:400; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-thumb-rahmen{display:inline-flex; width:34px; height:46px; border-radius:6px; overflow:hidden; box-shadow:0 0 0 .5px var(--np-linie,rgba(60,60,67,.18)); background:var(--ap-karte,#fff)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] img.gb-thumb{width:100%; height:100%; object-fit:cover; object-position:top; border:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zeile.gb-lang{align-items:start; padding-top:12px; padding-bottom:12px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zeile.gb-lang .gb-wer small{white-space:normal; overflow:visible}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-zm-hinweis{margin-top:var(--ap-3)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-leer.gb-leer-klein{margin:24px auto 8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] :is(.rf-zeilen,.rv-zeilen){background:var(--lg-flaeche,rgba(255,255,255,.72)); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen); border-radius:20px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog .rf-zeilen{background:var(--ap-gruppe,rgba(255,255,255,.8)); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; border-radius:12px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] :is(legend,h2).rf-gtitel.rf-gtitel,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] h2.rv-gtitel{font-size:15px; line-height:20px; font-weight:600; color:var(--ap-zweit); margin:24px 0 8px 16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] p.rf-hinweis.gb-fuss,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] .rv-formular p.rv-gsatz{margin:8px 16px 0; font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] p.rf-info{font-size:17px; line-height:22px; padding:12px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] button.rf-zeile-knopf{display:flex; align-items:center; gap:12px; min-height:60px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] button.rf-zeile-knopf>span:not(.gs-bsym){display:flex; flex-direction:column; flex:1; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] button.rf-zeile-knopf b{font-size:17px; line-height:22px; font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] button.rf-zeile-knopf small{font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] label.rf-wahl .rf-wahl-text b{font-size:17px; line-height:22px; font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] label.rf-wahl .rf-wahl-text{font-size:17px; line-height:22px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] label.rf-wahl .rf-wahl-text small{font-size:15px; line-height:20px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] .rf-zeilen>label.ap-schalter>span{font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-vorschau{max-width:760px; padding:0; margin:0 0 var(--ap-3); background:none; box-shadow:none; border:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-bild{display:flex; justify-content:center; padding:20px; margin-bottom:var(--ap-2); border-radius:20px; background:var(--lg-flaeche,rgba(255,255,255,.72));
  -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter); box-shadow:var(--lg-kanten),var(--lg-aussen)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-bild img{display:block; width:min(300px,100%); height:auto; border-radius:4px; box-shadow:var(--ap-schatten-1,0 1px 3px rgba(16,28,60,.18)),0 0 0 .5px var(--np-linie,rgba(60,60,67,.18))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] :is(section.gb-vorschau,.gb-kc-links,.gb-tb-art,.gb-re-fuss)>h2.gb-abschnitt{margin:24px 0 8px 16px; font-size:15px; line-height:20px; font-weight:600; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-vorschau>h2.gb-abschnitt{margin-top:8px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-re-vorlage{margin:var(--ap-2) 0 0; padding:0; background:none; box-shadow:none; border:0; max-width:760px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] section.gb-re-fuss{margin:0; padding:0; background:none; box-shadow:none; border:0; max-width:760px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-mit-i{margin:8px 0 0; max-width:760px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-mit-i p.gb-fuss{margin:16px 16px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] .re-ku :is(.re-hinweis,.wahl-rat){font-size:13px; line-height:18px; color:var(--ap-zweit)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] details.re-mehr>summary{font-size:17px; min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] #gb-nk-liste,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] #gb-nk-andere,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .gb-kc-links,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] #gb-kc-mail{max-width:760px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] #gb-kc-mail{margin-bottom:var(--ap-2)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-tb-zeile{grid-template-columns:auto minmax(0,1fr) auto auto}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-tb-zeile form{margin:0; display:flex; align-self:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-tb-zeile form button.gb-loeschen{background:var(--np-rot-tief,#b42318); color:var(--auf-akzent,#fff); box-shadow:none; border:0; border-radius:999px; min-height:36px; margin:0; padding:0 14px; font-weight:600}
@media (max-width:700px){ body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] div.gb-tb-zeile form button.gb-loeschen{min-height:44px} }
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] button.gb-loeschen{min-height:44px; padding:0 8px; border:0; background:none; font:inherit; font-size:15px; color:var(--np-rot,#d70015); cursor:pointer}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] dialog .gb-tb-form .feld-reihe{display:contents}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] dialog .gb-tb-form label.ap-schalter{margin-top:var(--ap-2); border-radius:12px; background:var(--ap-gruppe,rgba(255,255,255,.8)); padding:8px 16px; min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] dialog .gb-tb-form textarea{min-height:88px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] dialog p.gb-fuss{margin:8px 16px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb] .np-seitenkopf .rv-titel:has(>.rv-h1){display:flex; flex-direction:column; align-items:flex-start}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .ba-rechts :is(section.karte,section.ba-karte){ -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen);}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] section.gb-gelesen-karte{padding-bottom:16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] ul.gb-gelesen{padding:0; margin:8px 0 0; border-radius:12px; background:var(--ap-gruppe,rgba(255,255,255,.8)); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] ul.gb-gelesen>li+li>.gb-zeile{border-top:.5px solid var(--np-linie,rgba(60,60,67,.12))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] button.gb-wertzeile{grid-template-columns:minmax(0,1fr) minmax(0,auto) auto; min-height:44px; padding:10px 16px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] button.gb-wertzeile .gb-wert{justify-self:end; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] button.gb-wertzeile .gb-wer b{font-size:17px; line-height:22px; font-weight:400; white-space:normal; overflow:visible;
  text-overflow:clip; hyphens:auto; overflow-wrap:anywhere}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .gb-wert{font-size:17px; line-height:22px; color:var(--ap-zweit); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .gb-wert em{font-style:normal; color:var(--np-orange,#c93400)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] p.gb-fuss{margin:8px 16px 0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] :is(.ba-rechts,dialog) :is(label.ba-feld,.ba-feld.af)>:is(input[type=text],input:not([type]),select),
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .ba-rechts .ba-wf-feld input[type=search]{border:0; box-shadow:none; background:var(--ap-fuellung,rgba(118,118,128,.12)); border-radius:10px; min-height:44px; font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .ba-rechts section.np-wofuer .af input:is([type=text],:not([type])){border:0; box-shadow:none; background:var(--ap-fuellung,rgba(118,118,128,.12)); border-radius:10px; min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .np-f-leib{padding-top:4px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-form{display:grid; grid-template-columns:1fr 1fr; gap:12px 12px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-form>.ba-ganz,body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-form>:is(fieldset,details,p,div,label.ba-summe){grid-column:1/-1}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben label.ba-feld>span{font-size:13px; line-height:18px; color:var(--ap-zweit); font-weight:400}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-knoepfe{display:flex; justify-content:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben details.gb-weitere>summary{list-style:none; min-height:44px; display:inline-flex; align-items:center; font-size:17px; color:var(--knopf); cursor:pointer}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben details.gb-weitere>summary::-webkit-details-marker{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .ba-rechts :is(.np-zk,.ba-zweck-knopf){font-size:17px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog.rf-blatt label.feld.rf-zeile:not(.rf-text):not(.rf-datei){display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding-top:0; padding-bottom:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog.rf-blatt label.feld.rf-zeile:not(.rf-text):not(.rf-datei)>span:first-child{flex:none; align-self:center; font-size:17px; line-height:22px; color:var(--np-tinte); margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog.rf-blatt label.feld.rf-zeile:not(.rf-text):not(.rf-datei)>:is(input,select){flex:1 1 auto; min-width:0; width:auto; align-self:center; text-align:right; text-align-last:right; background:transparent; border:0; box-shadow:none; font-size:17px; min-height:44px; padding:0 2px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog.rf-blatt label.feld.rf-zeile>details.zahl-i{order:1; flex:none; align-self:center; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="rechnungen"] dialog.rf-blatt :is(.rf-zeilen,.rv-zeilen) label.feld :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea){background:transparent; border:0; box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .bb-feldhuelle{border:0; box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .bb-feldhuelle>input{border:0; box-shadow:none; background:var(--ap-fuellung,rgba(118,118,128,.12)); border-radius:10px}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-schalter label{font-size:13px; padding-left:4px; padding-right:4px; min-width:0; white-space:normal; text-align:center}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] dialog#gb-angaben .ba-form{grid-template-columns:1fr}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br) main[data-gb="beleg"] .gb-wert{max-width:160px}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq]{--rq-kapsel:#4A5C6A; --rq-tinte:var(--np-tinte,#121815); --rq-grau:var(--ap-zweit,#5b6560); --rq-orange:#e8890c;
  --rq-gruen:light-dark(#247a33,#7fd18a); --rq-rot:light-dark(#b8261a,#ffb0a8);
  --rq-linie:light-dark(rgba(18,24,21,.08),rgba(255,255,255,.1)); --rq-flaeche:light-dark(rgba(155,168,171,.22),rgba(255,255,255,.1));
  --rq-seg:light-dark(#fff,rgba(255,255,255,.2)); --rq-zweit-bg:light-dark(rgba(255,255,255,.85),rgba(255,255,255,.12))}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq]{padding-top:0!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-seite{max-width:none!important; margin:0!important; padding:0!important; display:block!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-seite>:is(.rq-kopf,.rq-k,.rq-raster){max-width:none!important; margin-left:0!important; margin-right:0!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .gs-kopf.rq-kopf{container-type:inline-size; display:block!important; margin:12px 0 var(--m-kopf-abst,24px)!important;
  padding:var(--m-kopf-pad-o,18px) var(--m-pad-s,24px) var(--m-pad-u,16px)!important; border-radius:var(--m-rad,24px)!important; min-height:0!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--m-luecke,10px)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-titel{flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-titel h1{margin:0!important; font-size:var(--m-h1,34px)!important; line-height:var(--m-h1-lh,41px)!important; font-weight:700!important;
  letter-spacing:var(--m-h1-ls,-.022em)!important; color:var(--rq-tinte)!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] p.rq-satz{margin:4px 0 0!important; padding:0!important; color:var(--rq-grau)!important; font-size:var(--m-satz,17px)!important;
  line-height:var(--m-satz-lh,22px)!important; font-weight:400!important; max-width:none!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-werkzeug{display:flex; align-items:center; gap:var(--m-luecke,10px); flex:1 1 0; min-width:0; justify-content:flex-end; margin:0!important}
@container (max-width:600px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile>.rq-werkzeug{flex:1 1 auto; min-width:max-content}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile form.rq-such{flex:none; width:var(--m-knopf,42px); min-width:0}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile .rq-suche{padding:0; justify-content:center}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile .rq-suche input{position:absolute; opacity:0; width:1px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile .rq-suche:focus-within input{position:static; opacity:1; width:auto}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile form.rq-such:focus-within{flex:1 1 auto; width:auto}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kopf-zeile .rq-suche:focus-within{padding:0 16px; justify-content:flex-start}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] a.rq-kapsel{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:var(--m-knopf,42px); min-height:0; padding:0 var(--m-knopf-px,22px);
  border-radius:999px; box-sizing:border-box; font-size:var(--m-knopf-fs,16px)!important; font-weight:600!important; text-decoration:none; white-space:nowrap; flex:none;
  line-height:20px!important; margin:0!important; background:var(--rq-kapsel)!important; background-image:none!important; color:#fff!important; border:0;
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] a.rq-kapsel svg{color:#fff; margin-left:-4px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-mehr{position:relative; margin:0!important; flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-mehr>summary.rq-rund-leise{display:grid; place-items:center; list-style:none; width:var(--m-knopf,42px); height:var(--m-knopf,42px); min-height:0; min-width:0; padding:0;
  border-radius:999px; background:var(--rq-zweit-bg)!important; color:var(--rq-tinte)!important; cursor:pointer; border:0; margin:0;
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-mehr>summary::-webkit-details-marker{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] form.rq-such{flex:1 1 auto; min-width:120px; margin:0!important; display:flex}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-suche{margin:0!important; line-height:20px; display:flex; align-items:center; gap:8px; height:var(--m-knopf,42px); flex:1 1 auto; min-width:0; padding:0 16px;
  border-radius:999px; background:var(--rq-flaeche); color:var(--rq-grau); font-size:var(--m-text,15px); box-sizing:border-box; border:0; box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-suche svg{flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-suche input{flex:1 1 0; min-width:0; width:0; border:0!important; background:transparent!important; box-shadow:none!important; padding:0!important;
  height:auto; min-height:0!important; font-size:var(--m-text,15px)!important; color:var(--rq-tinte); outline-offset:4px; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-suche input::placeholder{color:var(--rq-grau); opacity:1}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl .np-werkzeug{display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl :is(.np-schalter,.rv-wahl){display:flex!important; flex-direction:column; align-items:stretch; height:auto!important; padding:0!important; margin:0!important;
  background:none!important; width:auto!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl :is(.np-schalter,.rv-wahl)>a{display:flex!important; align-items:center; justify-content:flex-start!important; min-height:44px!important; height:auto!important;
  padding:0 12px!important; margin:0!important; border-radius:10px!important; font-size:var(--m-text,15px)!important; font-weight:400!important; color:var(--rq-tinte)!important;
  background:none!important; box-shadow:none!important; text-decoration:none; white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl :is(.np-schalter,.rv-wahl)>a:hover{background:var(--rq-flaeche)!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl :is(.np-schalter,.rv-wahl)>a[aria-current]{font-weight:600!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl :is(.np-schalter,.rv-wahl)>a[aria-current]::after{content:"✓"; margin-left:auto; padding-left:12px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-menue-wahl .np-blaettern{display:flex; align-items:center; justify-content:space-between; padding:4px 12px; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter{display:grid!important; grid-auto-flow:column; grid-auto-columns:1fr; height:var(--m-schalter,38px); padding:3px!important; box-sizing:border-box;
  border-radius:999px!important; background:var(--rq-flaeche)!important; margin:16px 0 0!important; gap:0!important; border:0!important; box-shadow:none!important; width:100%!important; max-width:none!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a{display:flex!important; align-items:center; justify-content:center; height:var(--m-schalter-k,32px)!important; min-height:0!important; border-radius:999px!important;
  font-size:var(--m-schalter-fs,13px)!important; line-height:16px!important; font-weight:600!important; color:var(--rq-grau)!important; text-decoration:none; white-space:nowrap; padding:0 13px!important;
  margin:0!important; background:transparent!important; box-shadow:none!important; border:0!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a[aria-current]{background:var(--rq-seg)!important; color:var(--rq-tinte)!important;
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a::after,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a::before{display:none!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] section.np-karte.rq-k,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] a.np-karte.rq-kachel{margin:0 0 var(--m-abst,16px)!important;
  padding:var(--m-pad-o,22px) var(--m-pad-s,24px) var(--m-pad-u,16px)!important; box-sizing:border-box; max-width:none!important; width:auto!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kk{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; column-gap:16px; min-height:44px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kk>.rq-kk-r{margin-left:auto}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kk h2{margin:0!important; padding:0!important; font-size:var(--m-kt,22px)!important; line-height:var(--m-kt-lh,28px)!important; font-weight:600!important;
  letter-spacing:-.012em!important; color:var(--rq-tinte)!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kk-r{font-size:var(--m-text,15px)!important; line-height:var(--m-text-lh,20px)!important; font-weight:400!important; color:var(--rq-grau)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kk-r a{color:var(--rq-kapsel); font-weight:600}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-z{display:flex; align-items:center; gap:var(--m-sym-abst,14px); min-height:var(--m-zeile,64px); padding:var(--m-zeile-py,10px) 0; margin:0; box-sizing:border-box;
  text-decoration:none; color:var(--rq-tinte)!important; position:relative; background:none; border:0; border-radius:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-z+.rq-z::before,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz+.rq-zz::before,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz+.rq-z::before,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-z+.rq-zz::before,
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle>summary::before,body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle>summary~.rq-z::before{content:""; position:absolute; left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px)); right:0; top:0; border-top:1px solid var(--rq-linie)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz{display:flex; align-items:center; gap:var(--m-luecke,10px); position:relative}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz>.rq-z{flex:1; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz>.np-re-kopie{flex:none; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-zz>.np-re-leer{visibility:hidden}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-links{width:var(--m-sym,38px); flex:none; display:grid; place-items:center}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-wer{flex:1; min-width:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-wer b{display:block; font-size:var(--m-zt,17px)!important; line-height:var(--m-zt-lh,22px)!important; font-weight:600!important; color:var(--rq-tinte); text-wrap:pretty}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-wer b.rq-verweis{color:var(--rq-kapsel)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-wer small{display:block; font-size:var(--m-text,15px)!important; line-height:var(--m-text-lh,20px)!important; font-weight:400!important; color:var(--rq-grau)!important; margin-top:2px; text-wrap:pretty}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-wer small:empty{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-betrag{font-size:var(--m-betrag,17px)!important; line-height:22px!important; font-weight:600!important; font-variant-numeric:tabular-nums; white-space:nowrap;
  color:var(--rq-tinte); text-align:right; min-width:120px; flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-chev{width:var(--m-chev,8.2px); flex:none; font-size:20px; line-height:22px; color:var(--rq-grau); text-align:right; overflow:visible}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-punkt{display:inline-block; width:9px; height:9px; border-radius:50%; flex:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-punkt.gruen{background:#34b14a}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-punkt.orange{background:var(--rq-orange)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-punkt.rot{background:var(--rq-rot)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-punkt.grau{background:#b5bdb9}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-sym{display:grid; place-items:center; width:var(--m-sym,38px); height:var(--m-sym,38px); border-radius:var(--m-sym-rad,10px); color:#fff; flex:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-sym.orange{background:linear-gradient(180deg,#ffb54a,#f08a12)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-sym.blau{background:linear-gradient(180deg,#6aa8ff,#2f6fe0)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-sym.grau{background:linear-gradient(180deg,#a3aeb7,#6f7c86)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle>summary{list-style:none; cursor:pointer}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle>summary::-webkit-details-marker{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle[open]>summary{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-alle[open]>summary+.rq-z::before{content:""; position:absolute; left:calc(var(--m-sym,38px) + var(--m-sym-abst,14px)); right:0; top:0; border-top:1px solid var(--rq-linie)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-ueber{padding:6px 0 4px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-ueber .np-re-ueber{display:flex; flex-wrap:wrap; gap:var(--m-luecke,10px); align-items:center; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-draussen{margin:0; padding:10px 0 0 calc(var(--m-sym,38px) + var(--m-sym-abst,14px)); font-size:var(--m-text,15px); line-height:var(--m-text-lh,20px)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-draussen a{color:var(--rq-kapsel)!important; font-weight:600; text-decoration:none}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-raster{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--m-abst,16px); margin:0 0 var(--m-abst,16px)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-raster>*{margin:0!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-breit2{grid-column:span 2}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] a.np-karte.rq-kachel{display:block; position:relative; text-decoration:none; color:var(--rq-tinte)!important}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel .rq-sym{margin-bottom:14px}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-gross{display:block; font-size:var(--m-gross,34px)!important; line-height:var(--m-gross-lh,41px)!important; font-weight:700!important; letter-spacing:var(--m-h1-ls,-.022em);
  color:var(--rq-tinte); font-variant-numeric:tabular-nums; white-space:nowrap}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel .t{display:block; margin-top:4px; font-size:var(--m-zt,17px); line-height:var(--m-zt-lh,22px); font-weight:600; color:var(--rq-tinte)}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel small{display:block; margin-top:2px; font-size:var(--m-klein,13px); line-height:var(--m-klein-lh,18px); color:var(--rq-grau); text-wrap:pretty}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel .rq-chev{position:absolute; right:var(--m-pad-s,24px); top:var(--m-pad-o,22px); height:var(--m-sym,38px); line-height:var(--m-sym,38px)}
@media (min-width:701px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-raster>a.rq-kachel.rq-einzel{grid-column:1 / -1; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; grid-template-areas:"sym zahl t chev" "sym zahl klein chev";
    align-items:center; column-gap:var(--m-sym-abst,14px); row-gap:0}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel.rq-einzel .rq-sym{grid-area:sym; margin-bottom:0}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel.rq-einzel .rq-gross{grid-area:zahl; margin-right:var(--m-luecke,10px)}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel.rq-einzel .t{grid-area:t; margin-top:0; align-self:end}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel.rq-einzel small{grid-area:klein; margin-top:0; align-self:start}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-kachel.rq-einzel .rq-chev{grid-area:chev; position:static; justify-self:end; height:auto; line-height:1}
}
body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rv-leer a.np-knopf{display:inline-flex; align-items:center; height:var(--m-knopf,42px); min-height:0; padding:0 var(--m-knopf-px,22px);
  font-size:var(--m-knopf-fs,16px)!important; font-weight:600!important; color:#fff!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important}
@media (max-width:700px){
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] :is(a.rq-kapsel,.rq-suche,.rv-leer a.np-knopf){height:44px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-mehr>summary.rq-rund-leise{width:44px; height:44px}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter{grid-auto-columns:max-content; overflow-x:auto; scrollbar-width:none; justify-content:start}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter::-webkit-scrollbar{display:none}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-raster{grid-template-columns:minmax(0,1fr)}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-breit2{grid-column:auto}
  body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-betrag{min-width:6.5em}
}


html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info){position:relative!important; inset:auto!important; float:none!important}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info):not(details){white-space:nowrap!important; flex-shrink:0!important}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info)>:is(span,b,em):not([class*="vorleser"],.rv-weg,.ax-knopf-wort){white-space:nowrap}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *){order:99!important; flex:none!important; margin-right:0!important; z-index:auto!important}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :not(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle):has(>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *)){column-gap:12px!important}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :not(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle):has(>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *))>:is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info){margin-left:0!important; margin-right:0!important}
html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *){grid-column:mehr!important}
@media (min-width:701px) and (max-width:1679px){
  :is(html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>:is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info)){margin-left:0!important; margin-right:12px!important}
  :is(html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *)){margin-right:0!important}
}
@media (min-width:1680px){:is(html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>:is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:is(a,button,details,label):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,details.np-info,details.np-info *,.np-info)){margin-left:12px!important; margin-right:0!important}}
@media (max-width:700px){:is(html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *)){margin-left:12px!important; margin-right:0!important}}
@media (min-width:701px){
  html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]:not(:has(:is(.np-blaettern,.gs-zeitwahl,.np-ablage-zeit,form.np-suchleiste,form[class*="suche"],a,button,label,details:not(.np-info)):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,.np-info *,[hidden],[class*="vorleser"],[class*="mehr"],[class*="mehr"] *,.ap-punkte,.ap-punkte *,.np-lohn-menue,.np-lohn-menue *,.gs-kopf-voll))) :is(html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *),html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf] :is(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *)){grid-row:2!important; grid-column:mehr/ende!important; justify-self:end!important;
    align-self:start!important; margin:0!important}
  html:not(#kk-1):not(#kk-2):not(#kk-3):not(#kk-4):not(#kk-5):not(#kk-6):not(#kk-7):not(#kk-8):not(#kk-9):not(#kk-10) body.np main .gs-kopf[data-gs-kopf]:not(:has(:is(.np-blaettern,.gs-zeitwahl,.np-ablage-zeit,form.np-suchleiste,form[class*="suche"],a,button,label,details:not(.np-info)):not(nav *,dialog *,h1 *,p *,.ax-zeile *,.aa-zeile *,.ah-unter *,.st-kopf-z *,details>:not(summary),details>:not(summary) *,.np-info *,[hidden],[class*="vorleser"],[class*="mehr"],[class*="mehr"] *,.ap-punkte,.ap-punkte *,.np-lohn-menue,.np-lohn-menue *,.gs-kopf-voll))):has(details:is([class*="mehr"],.ap-punkte,.np-lohn-menue):not(.gs-seg-mehr,.ax-reiter-mehr,.st-wahl,.ax-wahl,nav *,dialog *)) h1{padding-right:56px; box-sizing:border-box}
}
body.np main .gs-kopf[data-gs-kopf] :where(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:where(a,button):not([hidden],[class*="vorleser"]){grid-column:haupt; grid-row:2/4; align-self:center}
@media (min-width:701px) and (max-width:1199px){body.np main .gs-kopf[data-gs-kopf] :where(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:where(a,button):not([hidden],[class*="vorleser"]){grid-row:4; margin-top:var(--ap-2)}}
@media (min-width:1200px) and (max-width:1679px){body.np:has(#np-zentrale) main .gs-kopf[data-gs-kopf] :where(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:where(a,button):not([hidden],[class*="vorleser"]){grid-row:4; margin-top:var(--ap-2)}}
@media (max-width:700px){body.np main .gs-kopf[data-gs-kopf] :where(.np-seitenkopf,.aa-kopf,.st-kopf,.np-seitenkopf>div:has(>h1),.aa-titel,.rv-titel,.rv-such,.st-kopf-t,.st-kopf-h,.ap-werkzeug,.gk-werkzeug,.gk-suche,.gk-knoepfe,.np-filterleiste,.rv-werkzeug,.rv-aktionen,.aa-werkzeug,.ah-werkzeug,.ax-werkzeug,.np-rechts,.np-st-leiste,.np-lohn-kopf>div:not(:has(>h1)),form.pl-werkzeug,form.np-re-alle)>:where(a,button):not([hidden],[class*="vorleser"]){grid-row:1}}


:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d){
  --ap-grund:#F3F6FE; --lg-schein:none;
  --lg-ton:rgba(255,255,255,.55); --lg-flaeche:var(--lg-ton); --lg-filter:blur(34px) saturate(160%);
  --lg-kanten:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(255,255,255,.6),inset 0 0 0 .5px rgba(255,255,255,.6);
  --lg-aussen:0 18px 44px -22px rgba(40,70,150,.32);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --io-filter:blur(34px) saturate(160%); --io-glas:rgba(255,255,255,.55); --io-glas-dicht:rgba(255,255,255,.72);
  --io-glas-blatt:rgba(250,252,255,.94); --io-glas-leiste:rgba(252,253,255,.86);
  --io-schatten-glas:var(--lg-kanten),0 18px 44px -22px rgba(40,70,150,.32);
  --io-insel-schatten:var(--lg-kanten),0 12px 30px -18px rgba(40,70,150,.30);
  --io-seg-grund:rgba(255,255,255,.6); --io-seg-wahl:rgba(255,255,255,.96);
  --io-seg-schatten:inset 1px 1px 0 rgba(255,255,255,.95),0 2px 8px -2px rgba(30,60,140,.25);
  --ap-gruppe:rgba(255,255,255,.55); --ap-gruppe-hoch:rgba(255,255,255,.74);
  --ap-fuellung:rgba(255,255,255,.62); --ap-fuellung-hoch:rgba(255,255,255,.82);
  --ap-schatten-1:0 1px 2px rgba(40,70,150,.06),0 10px 28px -16px rgba(40,70,150,.28);
  --mz-kachel:rgba(255,255,255,.55); --mz-kachel-hoch:rgba(255,255,255,.72); --mz-filter:blur(34px) saturate(160%);
  --mz-schatten:var(--lg-kanten),0 18px 44px -22px rgba(40,70,150,.32);
  --mz-kanten-schatten:var(--lg-kanten),0 6px 14px -8px rgba(40,70,150,.30);
  --mz-zeit:#5F6964; 
  --gs-welt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3CradialGradient id='l' cx='72%25' cy='34%25' r='55%25'%3E%3Cstop offset='0' stop-color='%23f4f7ff'/%3E%3Cstop offset='.45' stop-color='%23dbe5fc'/%3E%3Cstop offset='1' stop-color='%23e6edfd'/%3E%3C/radialGradient%3E%3ClinearGradient id='w1' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23c9d8fb'/%3E%3Cstop offset='.55' stop-color='%23b7c8f7'/%3E%3Cstop offset='1' stop-color='%23cfd3fb'/%3E%3C/linearGradient%3E%3ClinearGradient id='w2' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23cfd3fb'/%3E%3Cstop offset='.5' stop-color='%23c9d8fb'/%3E%3Cstop offset='1' stop-color='%23b7c8f7'/%3E%3C/linearGradient%3E%3Cfilter id='fw' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cfilter id='ff' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg opacity='.28'%3E%3Crect width='1600' height='1000' fill='url(%23l)'/%3E%3Cpath d='M-50 640 C 300 520, 560 760, 900 640 S 1450 430, 1680 520 L1680 1050 L-50 1050Z' fill='url(%23w1)' opacity='.55' filter='url(%23fw)'/%3E%3Cpath d='M-50 720 C 340 600, 640 860, 980 720 S 1460 520, 1680 600' stroke='url(%23w2)' stroke-width='3' fill='none' opacity='.9' filter='url(%23ff)'/%3E%3Cpath d='M-50 760 C 360 650, 660 900, 1000 760 S 1480 560, 1680 650' stroke='url(%23w1)' stroke-width='1.6' fill='none' opacity='.7'/%3E%3Cpath d='M-50 560 C 280 470, 600 640, 940 560 S 1440 380, 1680 440' stroke='url(%23w2)' stroke-width='1.2' fill='none' opacity='.45'/%3E%3Ccircle cx='1180' cy='300' r='220' fill='rgba(205,220,255,.6)' filter='url(%23fw)'/%3E%3C/g%3E%3C/svg%3E");
  background:var(--gs-welt) center/cover no-repeat fixed,linear-gradient(180deg in oklab,#F7F9FF 0%,#F0F4FE 55%,#E9EFFD 100%) fixed;
}
:root:not([data-design="klar"]):has(>body.np){background:#E9EFFD}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(aside.np-leiste,.np-unten,.np-mehr,header.kopfleiste.portalkopf){
  -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter); box-shadow:var(--io-schatten-glas)}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main table.ap-liste>tbody>tr.bl-zeile{-webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter)}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) .gs-bsym{background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-sonstiges)) 72%,#fff),var(--mz-bereich,var(--bereich-sonstiges)))}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt :is(.np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+p.ap-status, .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+:is(nav.gs-segment,nav.np-reiter),
  .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+p.ap-status+:is(nav.gs-segment,nav.np-reiter)){position:relative; anchor-name:--gs-kopf-ende;
  margin-left:var(--gs-kopf-x); margin-right:var(--gs-kopf-x)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *){position:relative; anchor-name:--gs-kopf,--gs-kopf-ende;
  margin-top:var(--gs-kopf-oben); margin-left:var(--gs-kopf-x); margin-right:var(--gs-kopf-x)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt :is(.np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *):not(:has(+:is(p.ap-status,nav.gs-segment,nav.np-reiter))),
  .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+p.ap-status:not(:has(+:is(nav.gs-segment,nav.np-reiter))),
  .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+:is(nav.gs-segment,nav.np-reiter), .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *)+p.ap-status+:is(nav.gs-segment,nav.np-reiter)){margin-bottom:calc(var(--gs-kopf-unten) + var(--ap-3))}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt:has(.np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *))::before{content:""; position:absolute; pointer-events:none;
  top:calc(anchor(--gs-kopf top) - var(--gs-kopf-oben)); left:calc(anchor(--gs-kopf left) - var(--gs-kopf-x));
  right:calc(anchor(--gs-kopf right) - var(--gs-kopf-x)); bottom:calc(anchor(--gs-kopf-ende bottom) - var(--gs-kopf-unten));
  border-radius:var(--gs-kopf-rund); background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d){--gs-kopf-x:24px; --gs-kopf-oben:22px; --gs-kopf-unten:16px; --gs-kopf-rund:26px}
@media (max-width:700px){:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d){--gs-kopf-x:14px; --gs-kopf-oben:14px; --gs-kopf-unten:14px; --gs-kopf-rund:22px}}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt .np-seitenkopf+:is(nav.gs-segment,nav.np-reiter),:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt .np-seitenkopf+p.ap-status+:is(nav.gs-segment,nav.np-reiter){
  max-width:calc(100% - 2 * var(--gs-kopf-x)); box-sizing:border-box; overflow-x:auto; scrollbar-width:none}
@media (max-width:700px){
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt :is(.np-seitenkopf+:is(nav.gs-segment,nav.np-reiter),.np-seitenkopf+p.ap-status+:is(nav.gs-segment,nav.np-reiter)){flex-wrap:nowrap}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt :is(.np-seitenkopf+:is(nav.gs-segment,nav.np-reiter),.np-seitenkopf+p.ap-status+:is(nav.gs-segment,nav.np-reiter))>*{flex:none}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) main#inhalt .np-seitenkopf:not(.rv-editorleiste,dialog *,.np-karte *,.karte *,.gs-blatt *,.gs-kopf *){column-gap:var(--ap-1)}
}

:root[data-design="klar"] body.np:not(#gs-d){
  --ap-grund:#FFFFFF; --lg-schein:none; --gs-welt:none;
  --lg-ton:#FFFFFF; --lg-flaeche:var(--lg-ton); --lg-filter:none;
  --lg-kanten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08);
  --lg-aussen:0 3px 8px rgba(6,20,27,.08),0 18px 44px -22px rgba(17,33,45,.40);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --io-filter:none; --io-glas:#FFFFFF; --io-glas-dicht:#FFFFFF; --io-glas-blatt:#FFFFFF; --io-glas-leiste:#FFFFFF;
  --io-schatten-glas:var(--lg-kanten),0 18px 44px -22px rgba(17,33,45,.40);
  --io-insel-schatten:var(--lg-kanten),0 12px 30px -18px rgba(17,33,45,.36);
  --io-seg-grund:rgba(118,118,128,.12); --io-seg-wahl:#FFFFFF;
  --io-seg-schatten:0 0 0 .5px rgba(6,20,27,.06),0 2px 8px -2px rgba(17,33,45,.25);
  --ap-gruppe:#FFFFFF; --ap-gruppe-hoch:#FFFFFF;
  --ap-fuellung:#FFFFFF; --ap-fuellung-hoch:#FFFFFF;
  --ap-schatten-1:0 1px 2px rgba(6,20,27,.06),0 10px 28px -16px rgba(17,33,45,.32);
  --mz-kachel:#FFFFFF; --mz-kachel-hoch:#FFFFFF; --mz-filter:none;
  --mz-schatten:var(--lg-kanten),0 18px 44px -22px rgba(17,33,45,.40);
  --mz-kanten-schatten:var(--lg-kanten),0 6px 14px -8px rgba(17,33,45,.32); --mz-zeit:#5F6964;
  background:#FFFFFF;
}
:root[data-design="klar"]:has(>body.np){background:#FFFFFF}


:root[data-theme="dunkel"] body.np:not(#gs-d){color-scheme:light}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d){--gs-welt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='n' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231c1c1e'/%3E%3Cstop offset='1' stop-color='%232a2a2d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='1000' fill='url(%23n)'/%3E%3C/svg%3E");
  background:var(--gs-welt) center/cover no-repeat fixed,#1c1c1e}
:root[data-theme="dunkel"][data-design="klar"] body.np:not(#gs-d){background:linear-gradient(180deg in oklab,#2C2C30 0%,#1C1C1E 100%) fixed}
:root[data-theme="dunkel"]:not([data-design="klar"]):has(>body.np){background:#1c1c1e}
:root[data-theme="dunkel"][data-design="klar"]:has(>body.np){background:#1C1C1E}

:root[data-theme="dunkel"] body.np:not(#gs-d) :is(div,section):has(>main#inhalt){border-radius:26px 26px 0 0; margin:12px 12px 0 16px; min-height:calc(100vh - 150px)}
:root[data-theme="dunkel"] body.np:not(#gs-d) footer.fussleiste{margin:0 12px 12px 16px; border-radius:0 0 26px 26px; padding-top:32px}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(:is(div,section):has(>main#inhalt),footer.fussleiste){background:#F1F5FE}
:root[data-theme="dunkel"][data-design="klar"] body.np:not(#gs-d) :is(:is(div,section):has(>main#inhalt),footer.fussleiste){background:#FFFFFF}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) aside.np-leiste{background:rgba(246,248,255,.92)}
:root[data-theme="dunkel"][data-design="klar"] body.np:not(#gs-d) aside.np-leiste{background:rgba(242,242,247,.97)}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(246,248,255,.92)}
:root[data-theme="dunkel"][data-design="klar"] body.np:not(#gs-d) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(242,242,247,.97)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf){background:rgba(246,248,255,.94)}
:root[data-theme="dunkel"][data-design="klar"] body.np:not(#gs-d) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf){background:rgba(246,246,248,.97)}
:root[data-theme="dunkel"] body.np:not(#gs-d) .testphase{color:rgba(235,240,255,.86)}
@media (max-width:700px){

:root[data-theme="dunkel"] body.np:not(#gs-d) :is(div,section):has(>main#inhalt){margin:8px 8px 0; border-radius:22px 22px 0 0; min-height:calc(100vh - 16px)}
:root[data-theme="dunkel"] body.np:not(#gs-d) footer.fussleiste{margin:0 8px 8px; border-radius:0 0 22px 22px}
}
@media (prefers-color-scheme:dark){

:root[data-theme="auto"] body.np:not(#gs-d){color-scheme:light}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d){--gs-welt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='n' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231c1c1e'/%3E%3Cstop offset='1' stop-color='%232a2a2d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='1000' fill='url(%23n)'/%3E%3C/svg%3E");
  background:var(--gs-welt) center/cover no-repeat fixed,#1c1c1e}
:root[data-theme="auto"][data-design="klar"] body.np:not(#gs-d){background:linear-gradient(180deg in oklab,#2C2C30 0%,#1C1C1E 100%) fixed}
:root[data-theme="auto"]:not([data-design="klar"]):has(>body.np){background:#1c1c1e}
:root[data-theme="auto"][data-design="klar"]:has(>body.np){background:#1C1C1E}

:root[data-theme="auto"] body.np:not(#gs-d) :is(div,section):has(>main#inhalt){border-radius:26px 26px 0 0; margin:12px 12px 0 16px; min-height:calc(100vh - 150px)}
:root[data-theme="auto"] body.np:not(#gs-d) footer.fussleiste{margin:0 12px 12px 16px; border-radius:0 0 26px 26px; padding-top:32px}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(:is(div,section):has(>main#inhalt),footer.fussleiste){background:#F1F5FE}
:root[data-theme="auto"][data-design="klar"] body.np:not(#gs-d) :is(:is(div,section):has(>main#inhalt),footer.fussleiste){background:#FFFFFF}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) aside.np-leiste{background:rgba(246,248,255,.92)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#gs-d) aside.np-leiste{background:rgba(242,242,247,.97)}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(246,248,255,.92)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#gs-d) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(242,242,247,.97)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#gs-d) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf){background:rgba(246,248,255,.94)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#gs-d) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf){background:rgba(246,246,248,.97)}
:root[data-theme="auto"] body.np:not(#gs-d) .testphase{color:rgba(235,240,255,.86)}
@media (max-width:700px){

:root[data-theme="auto"] body.np:not(#gs-d) :is(div,section):has(>main#inhalt){margin:8px 8px 0; border-radius:22px 22px 0 0; min-height:calc(100vh - 16px)}
:root[data-theme="auto"] body.np:not(#gs-d) footer.fussleiste{margin:0 8px 8px; border-radius:0 0 22px 22px}
}
}
body.np .gs-designwahl{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ap-2); margin:0 0 var(--ap-3)}
body.np a.gs-designkarte{position:relative; min-width:0; display:flex; flex-direction:column; gap:var(--ap-1); padding:12px 12px 16px;
  border-radius:var(--ap-rund-karte); background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
  box-shadow:var(--lg-kanten),var(--lg-aussen); color:var(--np-tinte); text-decoration:none; min-height:44px;
  transition:box-shadow .2s ease,background-color .2s ease}
body.np a.gs-designkarte img{display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:left top;
  border-radius:14px; box-shadow:0 0 0 .5px rgba(60,60,67,.14)}
body.np a.gs-designkarte b{display:block; margin:var(--ap-1) 4px 0; font-size:17px; font-weight:600; line-height:1.3}
body.np a.gs-designkarte span{display:block; margin:0 4px; font-size:17px; line-height:1.35; color:var(--ap-zweit)}

body.np .gs-designseite nav.gs-segment{display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:rgba(155,168,171,.22); box-shadow:none}
body.np .gs-designseite nav.gs-segment>a{min-height:32px; height:32px; padding:0 13px; border-radius:999px; font-size:13px; font-weight:600;
  color:var(--np-tinte); background:transparent; box-shadow:none}
body.np .gs-designseite nav.gs-segment>a[aria-current]{background:#fff; color:#121815;
  box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.10)}

body.np a.gs-designkarte[aria-checked="true"]{box-shadow:inset 0 0 0 2px #4A5C6A,var(--lg-aussen)}
body.np a.gs-designkarte[aria-checked="true"]::after{content:""; position:absolute; top:20px; right:20px; width:26px; height:26px;
  border-radius:50%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%234A5C6A'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/26px 26px no-repeat}
body.np a.gs-designkarte:focus-visible{outline:2px solid #4A5C6A; outline-offset:3px}
body.np .gs-designseite h2{margin:var(--ap-4) 0 var(--ap-2); font-size:22px; font-weight:600}
body.np .gs-designseite .gs-design-satz{margin:0 0 var(--ap-2); font-size:17px; color:var(--ap-zweit)}
body.np .gs-designseite .gs-design-weiter{display:flex; justify-content:flex-end; margin-top:var(--ap-3)}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) .gs-designseite .gs-design-weiter>a.np-knopf{display:inline-flex; align-items:center;
  height:42px; min-height:42px; padding:0 22px; border:0; border-radius:999px; font-size:16px; font-weight:600; text-decoration:none; color:#FFFFFF;
  background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f);
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}

@media (min-width:701px){body.np:not(#gs-d) button.np-helferknopf{left:calc(var(--np-breit,252px) - 64px); right:auto; bottom:36px;
  width:48px; height:48px}}

@media (min-width:701px){body.np .np-leiste .np-fuss{min-height:64px}}

@media (min-width:701px) and (max-height:780px){body.np .np-leiste .np-nav a{padding-top:8px; padding-bottom:8px}
  body.np .np-leiste .np-innen{padding-top:8px} body.np .np-leiste .np-fuss{min-height:56px}}

body.np .gs-designstart{position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px;
  background:rgba(10,20,50,.30); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); overflow:auto}
body.np .gs-designblatt{width:min(760px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:8px 24px 24px;
  border-radius:var(--ap-rund-blatt); background:var(--io-glas-blatt); -webkit-backdrop-filter:var(--io-filter); backdrop-filter:var(--io-filter);
  box-shadow:var(--io-schatten-glas); color:var(--np-tinte)}
body.np .gs-designblatt h2{margin:var(--ap-3) 0 var(--ap-1)}
body.np .gs-designblatt a.gs-designkarte{box-shadow:none; background:var(--ap-gruppe)}
body.np .gs-designblatt a.gs-designkarte[aria-checked="true"]{box-shadow:inset 0 0 0 2px #4A5C6A; background:var(--ap-gruppe); outline:0}
body.np .gs-designblatt .gs-designwahl{margin-bottom:0}
@media (max-width:600px){body.np .gs-designwahl{grid-template-columns:minmax(0,1fr)}
  body.np .gs-designstart{place-items:end stretch; padding:0}
  body.np .gs-designblatt{width:100%; max-height:92vh; border-radius:var(--ap-rund-blatt) var(--ap-rund-blatt) 0 0; padding:4px 16px 24px}}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) :is(h2,span){color:rgba(235,240,255,.92)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:#9FD97F}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .np-rechtliches a{color:#4A5560}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot){background:rgba(246,248,255,.95)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i{background:rgba(236,241,252,.92)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(226,233,250,.88)}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-glas:rgba(255,255,255,.10);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  --mz-glasfilter:blur(16px) saturate(150%) brightness(1.06);
  position:relative; padding:20px 14px 18px; border-radius:34px; color:#fff;
  background:
    radial-gradient(70% 45% at 30% 8%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 40% at 80% 30%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 50% at 50% 75%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}


@media (min-width:1200px){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale{top:-12px; bottom:-44px; right:-24px; width:460px; max-height:none; overflow:hidden; display:flex; flex-direction:column; padding:24px 40px 56px; pointer-events:none}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale>*{pointer-events:auto}
  
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel::-webkit-scrollbar{display:none}
}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary{height:14px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary>.np-kanten{bottom:0}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf){padding:0 6px 12px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2{font:700 22px/1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em; color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2 .ah-abschnitt{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf)>span{font-size:17px; font-weight:500; color:rgba(255,255,255,.7)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:#fff; font-size:15px; font-weight:500}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  position:relative; border-radius:22px; color:#fff; background:var(--mz-glas);
  -webkit-backdrop-filter:var(--mz-glasfilter); backdrop-filter:var(--mz-glasfilter);
  backdrop-filter:url(#lg-brechung) var(--mz-glasfilter);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:rgba(255,255,255,.14)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase strong{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{font-size:15px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(255,255,255,.88); font-size:15px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(255,255,255,.72)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2{font-weight:400}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid #fff; outline-offset:-2px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:rgba(255,255,255,.72)}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  position:relative; min-height:44px; height:44px; padding:0 22px; border-radius:999px; border:0; font-size:15px; font-weight:600; letter-spacing:-.01em;
  color:#fff; background:var(--mz-bereich,#4A5C6A); filter:none;
  -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .np-blase .np-blase-knopf{display:inline-flex; align-items:center; align-self:flex-start; min-height:36px; margin-top:10px; padding:0 18px; border-radius:999px;
  font-size:15px; font-weight:600; letter-spacing:-.01em; color:#fff;
  background:linear-gradient(180deg,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 82%,#fff),var(--mz-bereich,#4A5C6A) 55%,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 88%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.15),0 6px 14px -6px var(--mz-bereich,#4A5C6A)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .np-blase p>.mc-dot{width:8px; height:8px; margin:0 6px 1px 0; vertical-align:middle}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; color:#fff; font-size:15px; font-weight:600;
  background:var(--mz-glas); -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#fff}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe:not(.fort)>summary{padding-bottom:16px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{height:9px; border-radius:0 0 18px 18px; background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06); backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  box-shadow:inset 0 -1.2px 1px rgba(255,255,255,.60),inset 1.2px 0 1px rgba(255,255,255,.30),inset -1.2px 0 1px rgba(255,255,255,.30)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.05)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i:only-child{bottom:4px}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(255,255,255,.80)}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{min-width:min-content; overflow-wrap:break-word}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{white-space:nowrap}


:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  color:#fff; border-radius:34px; -webkit-backdrop-filter:none; backdrop-filter:none;
  background:
    radial-gradient(70% 35% at 30% 6%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 30% at 80% 22%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 40% at 50% 70%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle :is(h2,.ah-blatt-titel){color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle .ah-zahl{color:rgba(255,255,255,.72)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle button.ah-fertig{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege{
  color:#fff; background:rgba(255,255,255,.10); -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  backdrop-filter:url(#lg-brechung) blur(16px) saturate(150%) brightness(1.06);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover{background:rgba(255,255,255,.14)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t b,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t>span{color:rgba(255,255,255,.88)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile :is(.np-zart,.np-betrag){color:rgba(255,255,255,.72)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile[data-np-dringend] .np-zart{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg::after{color:#fff}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:focus-visible{outline-color:#fff}


@media (min-width:1200px){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{background:none; box-shadow:none; --mz-glas:rgba(58,58,64,.72)}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale a.np-blase:hover{background:rgba(66,66,72,.78)}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.62)}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.46)}
}


@media (max-width:700px){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{padding:18px 10px 14px}
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{font-size:16px}
}


@media (prefers-reduced-transparency:reduce){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{
    -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(58,54,58,.96)}
}
@media (prefers-contrast:more){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover){box-shadow:0 0 0 1px rgba(255,255,255,.7)}
}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-glas:rgba(255,255,255,.7); --mz-tinte:#0b1530; --mz-zweit:rgba(11,21,48,.66); --mz-zeit:rgba(11,21,48,.64); --mz-rot:#d70015;
  --mz-kante-innen:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.55); color:#0b1530; background:none; box-shadow:none}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.68) 55%,rgba(255,255,255,.74))}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::before{content:""; position:absolute; inset:1px 1px auto 1px; height:46%; z-index:-1; pointer-events:none;
  border-radius:23px 23px 40% 40%/23px 23px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::after{content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; pointer-events:none; padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 35%,rgba(170,190,240,.35) 70%,rgba(255,255,255,.85));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(b,strong){color:#0b1530; font-weight:600; letter-spacing:-.01em}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(11,21,48,.66)}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(11,21,48,.64); font-size:13px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#d70015}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time::before{content:""; display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; background:#ff3b30}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:rgba(11,21,48,.6)}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:var(--mz-zweit); font-size:13px}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-betrag,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig .np-gross{color:#0b1530; font:700 21px/1.1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid var(--gs-fokus)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .gs-bsym{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 8px -3px rgba(40,70,40,.55)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  color:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  color:#0b1530; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.6));
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(30,45,90,.10),0 8px 18px -10px rgba(30,45,90,.3)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#0b1530}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.6); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(30,45,90,.08),0 8px 16px -10px rgba(30,45,90,.3)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.45)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(11,21,48,.6)}
@media (prefers-reduced-transparency:reduce){
  :root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(250,251,255,.97)}
}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  background:linear-gradient(180deg,#fcfdff 0%,#eef2fb 55%,#f4f6fc 100%)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:linear-gradient(180deg,#fff,#f3f6fc 55%,#f8f9fd)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:#f1f4fb}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:#e4e9f5}

:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-k,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-banner{background:linear-gradient(180deg,#fcfdff 0%,#eef2fb 55%,#f4f6fc 100%)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-blatt,:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-menue{background:#f6f8fc}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-leer{color:rgba(235,240,245,.6)}
:root[data-theme="dunkel"] body.np:not(#np-mz):not(#np-zr) .zw-ueber{color:rgba(235,240,245,.75)}
@media (prefers-color-scheme:dark){
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) :is(h2,span){color:rgba(235,240,255,.92)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:#9FD97F}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .np-rechtliches a{color:#4A5560}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot){background:rgba(246,248,255,.95)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i{background:rgba(236,241,252,.92)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(226,233,250,.88)}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-glas:rgba(255,255,255,.10);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  --mz-glasfilter:blur(16px) saturate(150%) brightness(1.06);
  position:relative; padding:20px 14px 18px; border-radius:34px; color:#fff;
  background:
    radial-gradient(70% 45% at 30% 8%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 40% at 80% 30%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 50% at 50% 75%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}


@media (min-width:1200px){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale{top:-12px; bottom:-44px; right:-24px; width:460px; max-height:none; overflow:hidden; display:flex; flex-direction:column; padding:24px 40px 56px; pointer-events:none}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale>*{pointer-events:auto}
  
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel::-webkit-scrollbar{display:none}
}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary{height:14px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe.fort:not([open])>summary>.np-kanten{bottom:0}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf){padding:0 6px 12px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2{font:700 22px/1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em; color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) h2 .ah-abschnitt{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf)>span{font-size:17px; font-weight:500; color:rgba(255,255,255,.7)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel>:is(header,.np-stapel-kopf) a.np-kopflink{color:#fff; font-size:15px; font-weight:500}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  position:relative; border-radius:22px; color:#fff; background:var(--mz-glas);
  -webkit-backdrop-filter:var(--mz-glasfilter); backdrop-filter:var(--mz-glasfilter);
  backdrop-filter:url(#lg-brechung) var(--mz-glasfilter);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:rgba(255,255,255,.14)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase strong{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{font-size:15px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(255,255,255,.88); font-size:15px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(255,255,255,.72)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2{font-weight:400}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid #fff; outline-offset:-2px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:rgba(255,255,255,.72)}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  position:relative; min-height:44px; height:44px; padding:0 22px; border-radius:999px; border:0; font-size:15px; font-weight:600; letter-spacing:-.01em;
  color:#fff; background:var(--mz-bereich,#4A5C6A); filter:none;
  -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .np-blase .np-blase-knopf{display:inline-flex; align-items:center; align-self:flex-start; min-height:36px; margin-top:10px; padding:0 18px; border-radius:999px;
  font-size:15px; font-weight:600; letter-spacing:-.01em; color:#fff;
  background:linear-gradient(180deg,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 82%,#fff),var(--mz-bereich,#4A5C6A) 55%,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 88%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.15),0 6px 14px -6px var(--mz-bereich,#4A5C6A)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .np-blase p>.mc-dot{width:8px; height:8px; margin:0 6px 1px 0; vertical-align:middle}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; color:#fff; font-size:15px; font-weight:600;
  background:var(--mz-glas); -webkit-backdrop-filter:blur(6px) saturate(150%); backdrop-filter:blur(6px) saturate(150%);
  box-shadow:var(--mz-kante-innen),0 2px 6px rgba(0,0,0,.10),0 10px 24px -6px rgba(0,0,0,.22)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#fff}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe:not(.fort)>summary{padding-bottom:16px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{height:9px; border-radius:0 0 18px 18px; background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06); backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  box-shadow:inset 0 -1.2px 1px rgba(255,255,255,.60),inset 1.2px 0 1px rgba(255,255,255,.30),inset -1.2px 0 1px rgba(255,255,255,.30)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.05)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i:only-child{bottom:4px}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(255,255,255,.80)}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b{min-width:min-content; overflow-wrap:break-word}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{white-space:nowrap}


:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle{--mz-tinte:#fff; --mz-zweit:rgba(255,255,255,.88); --mz-zeit:rgba(255,255,255,.72); --mz-rot:#FF453A; --mz-tun:rgba(255,255,255,.16);
  --mz-kante-innen:inset 1.5px 1.5px 1px 0 rgba(255,255,255,.80),inset -1px -1px 1px 0 rgba(255,255,255,.55),inset 0 0 0 .5px rgba(255,255,255,.35),inset 0 0 16px rgba(255,255,255,.14);
  color:#fff; border-radius:34px; -webkit-backdrop-filter:none; backdrop-filter:none;
  background:
    radial-gradient(70% 35% at 30% 6%,rgba(150,120,80,.85),transparent 70%),
    radial-gradient(60% 30% at 80% 22%,rgba(110,95,80,.7),transparent 70%),
    radial-gradient(80% 40% at 50% 70%,rgba(60,55,60,.9),transparent 70%),
    linear-gradient(180deg,#5b4c3c 0%,#3b3633 45%,#24232a 100%);
  box-shadow:0 24px 60px -24px rgba(20,30,60,.45),0 0 0 .5px rgba(255,255,255,.5) inset}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle :is(h2,.ah-blatt-titel){color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle .ah-zahl{color:rgba(255,255,255,.72)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle button.ah-fertig{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege{
  color:#fff; background:rgba(255,255,255,.10); -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.06);
  backdrop-filter:url(#lg-brechung) blur(16px) saturate(150%) brightness(1.06);
  box-shadow:var(--mz-kante-innen),0 8px 30px -8px rgba(0,0,0,.25)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:hover{background:rgba(255,255,255,.14)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t b,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-t>span{color:rgba(255,255,255,.88)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile :is(.np-zart,.np-betrag){color:rgba(255,255,255,.72)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile .np-betrag,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile[data-np-dringend] .np-zart{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle nav.ah-wege a.ah-weg::after{color:#fff}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) dialog#np-alle a.np-zeile:focus-visible{outline-color:#fff}


@media (min-width:1200px){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m)>.np-stapel{background:none; box-shadow:none; --mz-glas:rgba(58,58,64,.72)}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale a.np-blase:hover{background:rgba(66,66,72,.78)}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.62)}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) #np-zentrale .np-kanten i+i{background:rgba(88,88,96,.46)}
}


@media (max-width:700px){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{padding:18px 10px 14px}
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase b,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{font-size:16px}
}


@media (prefers-reduced-transparency:reduce){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{
    -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(58,54,58,.96)}
}
@media (prefers-contrast:more){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover){box-shadow:0 0 0 1px rgba(255,255,255,.7)}
}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-glas:rgba(255,255,255,.7); --mz-tinte:#0b1530; --mz-zweit:rgba(11,21,48,.66); --mz-zeit:rgba(11,21,48,.64); --mz-rot:#d70015;
  --mz-kante-innen:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.55); color:#0b1530; background:none; box-shadow:none}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  isolation:isolate; border-radius:24px; color:#0b1530;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 55%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(190%); backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1.5px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.55),inset 0 -10px 20px -14px rgba(120,140,190,.35),
    0 0 0 .5px rgba(30,45,90,.10),0 2px 4px rgba(30,45,90,.06),0 14px 34px -14px rgba(30,45,90,.32)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.68) 55%,rgba(255,255,255,.74))}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::before{content:""; position:absolute; inset:1px 1px auto 1px; height:46%; z-index:-1; pointer-events:none;
  border-radius:23px 23px 40% 40%/23px 23px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0))}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase.wichtig)::after{content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; pointer-events:none; padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 35%,rgba(170,190,240,.35) 70%,rgba(255,255,255,.85));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(b,strong){color:#0b1530; font-weight:600; letter-spacing:-.01em}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase p{color:rgba(11,21,48,.66)}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase time{color:rgba(11,21,48,.64); font-size:13px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time{color:#d70015}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time::before{content:""; display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; background:#ff3b30}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest:has(.np-blase.wichtig:not(.ruhig)) .np-marke2,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-fest .np-marke2{color:rgba(11,21,48,.6)}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-mz-mehr,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-mz-mehr{color:var(--mz-zweit); font-size:13px}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .np-betrag,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig .np-gross{color:#0b1530; font:700 21px/1.1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; letter-spacing:-.02em}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-bw>a):focus-visible{outline:2px solid var(--gs-fokus)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase .gs-bsym{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 8px -3px rgba(40,70,40,.55)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf),:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf):hover{
  color:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel details.np-gruppe[open]>summary>.np-kat .np-weniger,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{
  color:#0b1530; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.6));
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(30,45,90,.10),0 8px 18px -10px rgba(30,45,90,.3)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr span+span{color:#0b1530}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.6); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(30,45,90,.08),0 8px 16px -10px rgba(30,45,90,.3)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(255,255,255,.45)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-ruhe-hin,.np-ruhe-zurueck button,.np-still){color:rgba(11,21,48,.6)}
@media (prefers-reduced-transparency:reduce){
  :root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn),:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(250,251,255,.97)}
}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot,.np-blase.vorn){
  background:linear-gradient(180deg,#fcfdff 0%,#eef2fb 55%,#f4f6fc 100%)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel a.np-blase:hover{background:linear-gradient(180deg,#fff,#f3f6fc 55%,#f8f9fd)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:#f1f4fb}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:#e4e9f5}

:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-k,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-banner{background:linear-gradient(180deg,#fcfdff 0%,#eef2fb 55%,#f4f6fc 100%)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-blatt,:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-menue{background:#f6f8fc}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-leer{color:rgba(235,240,245,.6)}
:root[data-theme="auto"] body.np:not(#np-mz):not(#np-zr) .zw-ueber{color:rgba(235,240,245,.75)}
}

:root:is(:not([data-design="klar"]),[data-design="klar"]):has(>body.np main .ah-home),:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home){background:
  linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.9) 9%,transparent 11% 100%),
  radial-gradient(35% 30% at 20% 95%,rgba(155,168,171,.45),transparent 70%),
  radial-gradient(30% 35% at 93% 88%,rgba(120,150,180,.40),transparent 70%),
  radial-gradient(28% 30% at 62% 52%,rgba(155,168,171,.35),transparent 70%),
  radial-gradient(40% 35% at 88% 4%,rgba(140,165,190,.40),transparent 70%),
  linear-gradient(170deg,#f6f8f9 0%,#eef2f4 50%,#e4eaee 100%) fixed;
  background-attachment:fixed}


:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste,:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home section.np-karte,:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .gs-kopf[data-gs-kopf]::before{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0)) top/100% 40% no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
  -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%);
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6),0 0 0 .5px rgba(6,20,27,.08),
    0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-ohr::before{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 14px 30px -14px rgba(17,33,45,.45)}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste :is(.np-wahl>summary,button.np-suche){background:rgba(155,168,171,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter{background:rgba(155,168,171,.22)}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-kipp{background:rgba(155,168,171,.22)}


:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) .testphase{display:none}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main#inhalt{padding-top:0}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home>.gs-kopf[data-gs-kopf]{margin-top:12px}


:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-hauptknopf{color:#fff}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-zweitknopf{color:#2f7a12; background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.66));
  border:0; box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 8px 18px -10px rgba(17,33,45,.45)}

:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a[aria-current]{color:var(--np-tinte,#121815); background:color-mix(in oklab,var(--np-tinte,#121815) 9%,transparent);
  box-shadow:none}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]):has(>body.np main .ah-home),:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home){color-scheme:dark; background:
  radial-gradient(60% 55% at 4% 0%,rgba(155,168,171,.55),rgba(74,92,106,.25) 35%,transparent 70%),
  radial-gradient(50% 40% at 70% 10%,rgba(37,55,69,.6),transparent 70%),
  linear-gradient(170deg,#1d3042 0%,#11212D 45%,#06141B 100%) fixed;
  background-attachment:fixed}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(div,section):has(>main#inhalt){background:none; margin:0; border-radius:0}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) footer.fussleiste{background:none}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) .testphase{display:none}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(aside.np-leiste,main#inhalt,button.np-ohr,header.kopfleiste.portalkopf,.np-unten,.np-mehr){
  
  --np-link:#C3CDD4; --np-gruen-tief:#C3CDD4; --np-gruen-feld:#22282D; --np-gruen-hauch:#1B2024; --np-rot-tief:#FF9C90;
  --np-rot-feld:#3A1B18; --np-orange:#F0BE6A; --np-orange-feld:#35290F; --np-d-gruen-feld:#2A3238;
  --np-d-gruen-text:#7CC4A2; --np-d-rot-feld:#442824; --np-d-rot-text:#F0A398; --np-d-sand:#AEB9B3;
  --np-d-steuer:#AEB9B3; --np-d-steuer-tief:#7F8B85; --np-d-steuer-hell:#D3DBD7; --np-d-kosten:#9AA6A0;
  --np-d-vorjahr:#3E4742; --np-tinte:#EDF1EE; --np-grau:#A9B3AE; --np-grau-hell:#7B8580; --np-linie:#2B322E;
  --np-grund:#151917; --np-karte:#1D2320; --np-feld:#262D29;
  
  --flaeche-2:#222926; --linie:#39413C; --linie-stark:#7B8580; --akzent-200:#39434A; --akzent-700:#C3CDD4;
  --gut-rand:#39434A; --warn-rand:#4D3A1B; --info-linie:#7B8580; --info-flaeche:#222926; --termin-rand:#39434A;
  --lila-200:#39434A;
  
  --lg-dunkel:.5;
  --lg-schein-rot:0 0 0 0 transparent, 0 0 18px -2px rgba(255,105,97,.38), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-schein-gruen:0 0 0 0 transparent, 0 0 18px -2px rgba(195,205,212,.20), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-ton:rgba(40,47,43,.62);
  --lg-kanten:inset 1.5px 1.5px 1px rgba(255,255,255,.16),inset -1px -1px 1px rgba(255,255,255,.07),0 0 0 .5px rgba(0,0,0,.35);
  --lg-aussen:0 1px 2px rgba(0,0,0,.30),0 8px 30px -8px rgba(0,0,0,.60);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --lg-fokus:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 0 3.5px rgba(195,205,212,.55);
  --lg-schein:none;
  --lg-gruen-schatten:var(--lg-knopf-kante),var(--lg-knopf-schatten);
  --lg-gruen-schatten-hoch:0 1px 2px rgba(0,0,0,.4);
  
  --ap-grund:#0F1311; --ap-gruppe:#1C1C1E; --ap-gruppe-hoch:#2C2C2E; --ap-fuellung:rgba(255,255,255,.07); --ap-fuellung-hoch:rgba(255,255,255,.11);
  --ap-zweit:#AAB4AF; --ap-akzent-text:#C3CDD4; --ap-schlicht:rgba(195,205,212,.15);
  --ap-schlicht-hoch:rgba(195,205,212,.22); --ap-wahl-grund:color-mix(in oklab,#C3CDD4 13%,var(--np-karte));
  --ap-wahl-rand:#C3CDD4; --ap-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C3CDD4'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%2306140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ap-schatten-1:0 .5px 1px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22),0 8px 24px -12px rgba(0,0,0,.50);
  --ap-schatten-2:0 1px 2px rgba(0,0,0,.34),0 4px 12px -4px rgba(0,0,0,.40),0 18px 40px -18px rgba(0,0,0,.62);
  --ap-schatten-3:0 2px 6px rgba(0,0,0,.40),0 14px 32px -10px rgba(0,0,0,.55),0 40px 80px -30px rgba(0,0,0,.72);
  --ap-material-dicht:rgba(28,34,31,.95);
  
  --io-glas:rgba(30,30,32,.72); --io-glas-dicht:rgba(38,38,40,.86); --io-glas-blatt:rgba(30,30,32,.94);
  --io-zweit:rgba(143,212,107,.14); --io-zweit-hoch:rgba(143,212,107,.22); --io-zweit-text:#C3CDD4; --io-rot:#D83C31;
  --io-rot-hoch:#E5463A; --io-kreis:rgba(255,255,255,.10);
  --io-schatten-glas:var(--lg-kanten),0 1px 2px rgba(0,0,0,.4),0 10px 30px -8px rgba(0,0,0,.55),0 30px 60px -30px rgba(0,0,0,.7);
  --io-haarlinie:rgba(255,255,255,.10); --io-kasten:rgba(255,255,255,.055);
  --io-insel-schatten:0 1px 2px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.5); --io-seg-grund:rgba(118,118,128,.24);
  --io-seg-wahl:rgba(99,99,102,.72); --io-seg-schatten:0 1px 2px rgba(0,0,0,.3);
  
  --mz-kachel:rgba(58,64,61,.62); --mz-kachel-hoch:rgba(70,77,73,.72); --mz-kante1:rgba(58,64,61,.46);
  --mz-kante2:rgba(58,64,61,.30); --mz-feld:rgba(255,255,255,.035); --mz-zweit:#AAB4AF; --mz-zeit:#8E9893;
  --mz-rot:#FF6B5E; --mz-schatten:var(--lg-kanten),0 1px 1px rgba(0,0,0,.25),0 8px 22px -10px rgba(0,0,0,.6);
  --mz-kanten-schatten:var(--lg-kanten),0 4px 10px -6px rgba(0,0,0,.5); --mz-tun:rgba(255,255,255,.12);
  --gs-pfeil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 8%22%3E%3Cpath d=%22M1.5 1.5 6 6l4.5-4.5%22 fill=%22none%22 stroke=%22%23A1A1A6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --abw-u:#0A84FF; --abw-k:#FFD60A; --abw-l:#63E6E2; --abw-a:#8E8E93; --abw-frei:rgba(255,255,255,.06); --abw-hauch:rgba(10,132,255,.22); --abw-tinte:#7CC0FF;
  --abw-c-orange:#FF9F0A; --abw-c-rot:#FF453A; --abw-c-rosa:#FF375F; --abw-c-lila:#BF5AF2; --abw-c-gruen:#30D158; --abw-c-braun:#AC8E68;

  --np-tinte:#eef1f1; --np-grau:#AEB9BC; --np-grau-hell:#4A5C6A; --ap-zweit:#AEB9BC; --np-linie:rgba(204,208,207,.10);
  --np-karte:#11212D; --np-feld:rgba(17,33,45,.55); --io-haarlinie:rgba(204,208,207,.10); --ap-akzent-text:#CCD0CF;
  --np-link:#CCD0CF; --io-zweit-text:#eef1f1; --ap-fuellung:rgba(6,20,27,.45); --io-seg-grund:rgba(6,20,27,.45);
  --io-seg-wahl:rgba(204,208,207,.2); --io-seg-schatten:inset 0 1px 0 rgba(204,208,207,.35);
  --tinte:#eef1f1; --leise:#AEB9BC; --linie:rgba(204,208,207,.12); --flaeche:#253745; --grund:#11212D;
  --gb-sand:#AEB9BC; --gb-karte:#253745; --gb-tinte:#eef1f1; --gb-grau:#AEB9BC; --gb-linie:rgba(204,208,207,.12);
  --gb-blass:#4A5C6A; --gb-kachel:rgba(6,20,27,.45);
  color:#eef1f1}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste,:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home section.np-karte,:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .gs-kopf[data-gs-kopf]::before{background:linear-gradient(180deg,rgba(204,208,207,.12),rgba(204,208,207,0)) top/100% 40% no-repeat,
    linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  -webkit-backdrop-filter:blur(28px) saturate(150%); backdrop-filter:blur(28px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),
    0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(aside.np-leiste,main .ah-home section.np-karte)::before{opacity:.18}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(header.kopfleiste.portalkopf,.np-unten,.np-mehr){background:linear-gradient(180deg,rgba(37,55,69,.86),rgba(17,33,45,.84));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 0 0 .5px rgba(204,208,207,.10),0 12px 30px -12px rgba(0,0,0,.65)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(header.kopfleiste.portalkopf,.np-unten,.np-mehr) :is(a,button,span.wort){color:#eef1f1}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) .np-unten :is(a,button)[aria-current]{background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12)); box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(74,92,106,.5); box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 6px 14px -6px rgba(0,0,0,.6)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-ohr{color:#CCD0CF; background:none}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-helferknopf{color:#CCD0CF; background:rgba(74,92,106,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-helferknopf::before{content:none}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste :is(.np-wahl>summary,button.np-suche){background:rgba(17,33,45,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.10); color:#eef1f1}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste button.np-suche{color:#9BA8AB}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste :is(.markenwort,.np-wahl b.name,.np-nav a,.np-nav a .wort){color:#eef1f1}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-wahl :is(small,.np-zwei>:not(b)){color:#9BA8AB}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a[aria-current]{color:#eef1f1; background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a:not([aria-current]):hover{background:rgba(204,208,207,.08)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a em{color:#CCD0CF; background:rgba(204,208,207,.16); box-shadow:none}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-kreis{color:#CCD0CF; background:#4A5C6A}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-rechtliches a{color:#AEB9BC}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-fuss :is(a,button,summary){color:#CCD0CF; background:rgba(74,92,106,.45);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(h1,h2,.np-gross,.ah-haupt,b.np-betrag,.mc-t,.mc-t b){color:#eef1f1}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(.ah-unter,.ah-datum,time.ah-neben,.np-kopfzahl p,.np-zart,.np-gewinn-zr,.gb-satz,.mc-zahl,small){color:#AEB9BC}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-kopfzahl :is(p,span) b{color:#eef1f1}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-hauptknopf{color:#06141B; background:linear-gradient(180deg,#e3e6e5,#CCD0CF 55%,#b9bfbe);
  box-shadow:inset 0 1px 0 #fff,0 8px 18px -8px rgba(0,0,0,.7)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-zweitknopf{color:#eef1f1; background:rgba(74,92,106,.45); border:0;
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 8px 18px -10px rgba(0,0,0,.7)}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter{background:rgba(6,20,27,.45); box-shadow:none}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter :is(a,button){color:#AEB9BC; background:transparent}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter :is(a,button):is([aria-current],[aria-pressed="true"],[aria-selected="true"],.an){color:#eef1f1;
  background:rgba(204,208,207,.2); box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-kipp{color:#eef1f1; background:rgba(6,20,27,.45)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(a.np-still,a.ah-alle,.np-optionen-weg){color:#CCD0CF}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-info>summary{color:#eef1f1; background:radial-gradient(circle,rgba(204,208,207,.25) 10px,transparent 11px)}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main p.lauf-hinweis{color:#eef1f1; background:rgba(74,92,106,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.3)}

:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto path[stroke="#3DBE6B"]{stroke:#CCD0CF}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto path[fill="#3DBE6B"]{fill:#9BA8AB; fill-opacity:.22}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#3DBE6B"],:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#646E69"]{fill:#9BA8AB; stroke:#11212D}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#fff"]{fill:#11212D; stroke:#eef1f1}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#E4E9E6"]{stroke:rgba(204,208,207,.10)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#646E69"]{stroke:rgba(204,208,207,.35)}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#121815"]{stroke:#CCD0CF}
:root[data-theme="dunkel"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto text{fill:#9BA8AB; stroke:none}
@media (prefers-color-scheme:dark){
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]):has(>body.np main .ah-home),:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home){color-scheme:dark; background:
  radial-gradient(60% 55% at 4% 0%,rgba(155,168,171,.55),rgba(74,92,106,.25) 35%,transparent 70%),
  radial-gradient(50% 40% at 70% 10%,rgba(37,55,69,.6),transparent 70%),
  linear-gradient(170deg,#1d3042 0%,#11212D 45%,#06141B 100%) fixed;
  background-attachment:fixed}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(div,section):has(>main#inhalt){background:none; margin:0; border-radius:0}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) footer.fussleiste{background:none}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) .testphase{display:none}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(aside.np-leiste,main#inhalt,button.np-ohr,header.kopfleiste.portalkopf,.np-unten,.np-mehr){
  
  --np-link:#C3CDD4; --np-gruen-tief:#C3CDD4; --np-gruen-feld:#22282D; --np-gruen-hauch:#1B2024; --np-rot-tief:#FF9C90;
  --np-rot-feld:#3A1B18; --np-orange:#F0BE6A; --np-orange-feld:#35290F; --np-d-gruen-feld:#2A3238;
  --np-d-gruen-text:#7CC4A2; --np-d-rot-feld:#442824; --np-d-rot-text:#F0A398; --np-d-sand:#AEB9B3;
  --np-d-steuer:#AEB9B3; --np-d-steuer-tief:#7F8B85; --np-d-steuer-hell:#D3DBD7; --np-d-kosten:#9AA6A0;
  --np-d-vorjahr:#3E4742; --np-tinte:#EDF1EE; --np-grau:#A9B3AE; --np-grau-hell:#7B8580; --np-linie:#2B322E;
  --np-grund:#151917; --np-karte:#1D2320; --np-feld:#262D29;
  
  --flaeche-2:#222926; --linie:#39413C; --linie-stark:#7B8580; --akzent-200:#39434A; --akzent-700:#C3CDD4;
  --gut-rand:#39434A; --warn-rand:#4D3A1B; --info-linie:#7B8580; --info-flaeche:#222926; --termin-rand:#39434A;
  --lila-200:#39434A;
  
  --lg-dunkel:.5;
  --lg-schein-rot:0 0 0 0 transparent, 0 0 18px -2px rgba(255,105,97,.38), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-schein-gruen:0 0 0 0 transparent, 0 0 18px -2px rgba(195,205,212,.20), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-ton:rgba(40,47,43,.62);
  --lg-kanten:inset 1.5px 1.5px 1px rgba(255,255,255,.16),inset -1px -1px 1px rgba(255,255,255,.07),0 0 0 .5px rgba(0,0,0,.35);
  --lg-aussen:0 1px 2px rgba(0,0,0,.30),0 8px 30px -8px rgba(0,0,0,.60);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --lg-fokus:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 0 3.5px rgba(195,205,212,.55);
  --lg-schein:none;
  --lg-gruen-schatten:var(--lg-knopf-kante),var(--lg-knopf-schatten);
  --lg-gruen-schatten-hoch:0 1px 2px rgba(0,0,0,.4);
  
  --ap-grund:#0F1311; --ap-gruppe:#1C1C1E; --ap-gruppe-hoch:#2C2C2E; --ap-fuellung:rgba(255,255,255,.07); --ap-fuellung-hoch:rgba(255,255,255,.11);
  --ap-zweit:#AAB4AF; --ap-akzent-text:#C3CDD4; --ap-schlicht:rgba(195,205,212,.15);
  --ap-schlicht-hoch:rgba(195,205,212,.22); --ap-wahl-grund:color-mix(in oklab,#C3CDD4 13%,var(--np-karte));
  --ap-wahl-rand:#C3CDD4; --ap-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C3CDD4'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%2306140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ap-schatten-1:0 .5px 1px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22),0 8px 24px -12px rgba(0,0,0,.50);
  --ap-schatten-2:0 1px 2px rgba(0,0,0,.34),0 4px 12px -4px rgba(0,0,0,.40),0 18px 40px -18px rgba(0,0,0,.62);
  --ap-schatten-3:0 2px 6px rgba(0,0,0,.40),0 14px 32px -10px rgba(0,0,0,.55),0 40px 80px -30px rgba(0,0,0,.72);
  --ap-material-dicht:rgba(28,34,31,.95);
  
  --io-glas:rgba(30,30,32,.72); --io-glas-dicht:rgba(38,38,40,.86); --io-glas-blatt:rgba(30,30,32,.94);
  --io-zweit:rgba(143,212,107,.14); --io-zweit-hoch:rgba(143,212,107,.22); --io-zweit-text:#C3CDD4; --io-rot:#D83C31;
  --io-rot-hoch:#E5463A; --io-kreis:rgba(255,255,255,.10);
  --io-schatten-glas:var(--lg-kanten),0 1px 2px rgba(0,0,0,.4),0 10px 30px -8px rgba(0,0,0,.55),0 30px 60px -30px rgba(0,0,0,.7);
  --io-haarlinie:rgba(255,255,255,.10); --io-kasten:rgba(255,255,255,.055);
  --io-insel-schatten:0 1px 2px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.5); --io-seg-grund:rgba(118,118,128,.24);
  --io-seg-wahl:rgba(99,99,102,.72); --io-seg-schatten:0 1px 2px rgba(0,0,0,.3);
  
  --mz-kachel:rgba(58,64,61,.62); --mz-kachel-hoch:rgba(70,77,73,.72); --mz-kante1:rgba(58,64,61,.46);
  --mz-kante2:rgba(58,64,61,.30); --mz-feld:rgba(255,255,255,.035); --mz-zweit:#AAB4AF; --mz-zeit:#8E9893;
  --mz-rot:#FF6B5E; --mz-schatten:var(--lg-kanten),0 1px 1px rgba(0,0,0,.25),0 8px 22px -10px rgba(0,0,0,.6);
  --mz-kanten-schatten:var(--lg-kanten),0 4px 10px -6px rgba(0,0,0,.5); --mz-tun:rgba(255,255,255,.12);
  --gs-pfeil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 8%22%3E%3Cpath d=%22M1.5 1.5 6 6l4.5-4.5%22 fill=%22none%22 stroke=%22%23A1A1A6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --abw-u:#0A84FF; --abw-k:#FFD60A; --abw-l:#63E6E2; --abw-a:#8E8E93; --abw-frei:rgba(255,255,255,.06); --abw-hauch:rgba(10,132,255,.22); --abw-tinte:#7CC0FF;
  --abw-c-orange:#FF9F0A; --abw-c-rot:#FF453A; --abw-c-rosa:#FF375F; --abw-c-lila:#BF5AF2; --abw-c-gruen:#30D158; --abw-c-braun:#AC8E68;

  --np-tinte:#eef1f1; --np-grau:#AEB9BC; --np-grau-hell:#4A5C6A; --ap-zweit:#AEB9BC; --np-linie:rgba(204,208,207,.10);
  --np-karte:#11212D; --np-feld:rgba(17,33,45,.55); --io-haarlinie:rgba(204,208,207,.10); --ap-akzent-text:#CCD0CF;
  --np-link:#CCD0CF; --io-zweit-text:#eef1f1; --ap-fuellung:rgba(6,20,27,.45); --io-seg-grund:rgba(6,20,27,.45);
  --io-seg-wahl:rgba(204,208,207,.2); --io-seg-schatten:inset 0 1px 0 rgba(204,208,207,.35);
  --tinte:#eef1f1; --leise:#AEB9BC; --linie:rgba(204,208,207,.12); --flaeche:#253745; --grund:#11212D;
  --gb-sand:#AEB9BC; --gb-karte:#253745; --gb-tinte:#eef1f1; --gb-grau:#AEB9BC; --gb-linie:rgba(204,208,207,.12);
  --gb-blass:#4A5C6A; --gb-kachel:rgba(6,20,27,.45);
  color:#eef1f1}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste,:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home section.np-karte,:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .gs-kopf[data-gs-kopf]::before{background:linear-gradient(180deg,rgba(204,208,207,.12),rgba(204,208,207,0)) top/100% 40% no-repeat,
    linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  -webkit-backdrop-filter:blur(28px) saturate(150%); backdrop-filter:blur(28px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),
    0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(aside.np-leiste,main .ah-home section.np-karte)::before{opacity:.18}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(header.kopfleiste.portalkopf,.np-unten,.np-mehr){background:linear-gradient(180deg,rgba(37,55,69,.86),rgba(17,33,45,.84));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 0 0 .5px rgba(204,208,207,.10),0 12px 30px -12px rgba(0,0,0,.65)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(header.kopfleiste.portalkopf,.np-unten,.np-mehr) :is(a,button,span.wort){color:#eef1f1}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) .np-unten :is(a,button)[aria-current]{background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12)); box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(74,92,106,.5); box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 6px 14px -6px rgba(0,0,0,.6)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-ohr{color:#CCD0CF; background:none}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-helferknopf{color:#CCD0CF; background:rgba(74,92,106,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) button.np-helferknopf::before{content:none}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste :is(.np-wahl>summary,button.np-suche){background:rgba(17,33,45,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.10); color:#eef1f1}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste button.np-suche{color:#9BA8AB}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste :is(.markenwort,.np-wahl b.name,.np-nav a,.np-nav a .wort){color:#eef1f1}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-wahl :is(small,.np-zwei>:not(b)){color:#9BA8AB}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a[aria-current]{color:#eef1f1; background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a:not([aria-current]):hover{background:rgba(204,208,207,.08)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-nav a em{color:#CCD0CF; background:rgba(204,208,207,.16); box-shadow:none}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-kreis{color:#CCD0CF; background:#4A5C6A}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-rechtliches a{color:#AEB9BC}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste .np-fuss :is(a,button,summary){color:#CCD0CF; background:rgba(74,92,106,.45);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(h1,h2,.np-gross,.ah-haupt,b.np-betrag,.mc-t,.mc-t b){color:#eef1f1}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(.ah-unter,.ah-datum,time.ah-neben,.np-kopfzahl p,.np-zart,.np-gewinn-zr,.gb-satz,.mc-zahl,small){color:#AEB9BC}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-kopfzahl :is(p,span) b{color:#eef1f1}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-hauptknopf{color:#06141B; background:linear-gradient(180deg,#e3e6e5,#CCD0CF 55%,#b9bfbe);
  box-shadow:inset 0 1px 0 #fff,0 8px 18px -8px rgba(0,0,0,.7)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home a.ah-zweitknopf{color:#eef1f1; background:rgba(74,92,106,.45); border:0;
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 8px 18px -10px rgba(0,0,0,.7)}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter{background:rgba(6,20,27,.45); box-shadow:none}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter :is(a,button){color:#AEB9BC; background:transparent}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-schalter :is(a,button):is([aria-current],[aria-pressed="true"],[aria-selected="true"],.an){color:#eef1f1;
  background:rgba(204,208,207,.2); box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-kipp{color:#eef1f1; background:rgba(6,20,27,.45)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(a.np-still,a.ah-alle,.np-optionen-weg){color:#CCD0CF}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-info>summary{color:#eef1f1; background:radial-gradient(circle,rgba(204,208,207,.25) 10px,transparent 11px)}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main p.lauf-hinweis{color:#eef1f1; background:rgba(74,92,106,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.3)}

:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto path[stroke="#3DBE6B"]{stroke:#CCD0CF}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto path[fill="#3DBE6B"]{fill:#9BA8AB; fill-opacity:.22}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#3DBE6B"],:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#646E69"]{fill:#9BA8AB; stroke:#11212D}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto circle[fill="#fff"]{fill:#11212D; stroke:#eef1f1}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#E4E9E6"]{stroke:rgba(204,208,207,.10)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#646E69"]{stroke:rgba(204,208,207,.35)}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto line[stroke="#121815"]{stroke:#CCD0CF}
:root[data-theme="auto"]:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) #np-konto text{fill:#9BA8AB; stroke:none}
}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .ah-kapsel{display:inline-flex; align-items:center; gap:4px; padding:5px; border-radius:999px; flex:none;
  background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 22px -10px rgba(37,55,69,.6)!important}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .ah-kapsel>a.np-knopf{min-height:42px; height:42px; margin:0!important; align-self:center; display:inline-flex; align-items:center; padding:0 22px; border-radius:999px; border:0; font-size:16px; font-weight:600; filter:none;
  -webkit-backdrop-filter:none; backdrop-filter:none; text-decoration:none}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .ah-kapsel>a.ah-hauptknopf{color:#11212D!important; background:#fff!important;
  box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)!important}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .ah-kapsel>a.ah-zweitknopf{color:#fff!important; background:transparent!important; box-shadow:none!important}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .gs-kopf[data-gs-kopf] .ah-werkzeug>.ah-kapsel{grid-row:4; grid-column:haupt / rest; margin:var(--ap-2) 0 0; align-self:center; justify-self:start}
@media (min-width:1680px){body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .gs-kopf[data-gs-kopf] .ah-werkzeug>.ah-kapsel{grid-row:2 / 4; margin-top:0}}
@media (max-width:700px){body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .gs-kopf[data-gs-kopf] .ah-werkzeug>.ah-kapsel{grid-area:auto; margin:0}}

body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home :is(a.np-knopf.hauptknopf,.hauptknopf,.gs-knopf:not(.gs-knopf--zweit):not(.ah-mz-knopf),.gs-kopf-haupt,a.ah-hauptknopf):not(.ah-kapsel>*){color:#fff!important; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important}

body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-umsatz .np-schalter.np-um-kapsel{display:inline-flex; align-items:center; gap:2px; margin-left:auto; padding:3px; border:0; border-radius:999px; flex:none;
  background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 18px -10px rgba(37,55,69,.6)!important}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-umsatz .np-schalter.np-um-kapsel>button{height:30px; min-height:30px; margin:0; padding:0 16px; border:0; border-radius:999px;
  font-size:14px; font-weight:600; color:#fff!important; background:transparent!important; box-shadow:none!important; transition:background-color .2s ease,color .2s ease}
body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-umsatz .np-schalter.np-um-kapsel>button[aria-pressed="true"]{color:#11212D!important; background:#fff!important;
  box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)!important}
@media (max-width:700px){body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .np-umsatz .np-schalter.np-um-kapsel>button{height:38px; min-height:38px}}

body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(#np-zentrale,main .ah-home) .np-blase.wichtig>:is(.np-knopf,a.ah-mz-knopf){color:#fff!important;
  background:linear-gradient(180deg,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 82%,#fff),var(--mz-bereich,#4A5C6A) 55%,color-mix(in oklab,var(--mz-bereich,#4A5C6A) 88%,#000))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.15),0 6px 14px -6px var(--mz-bereich,#4A5C6A)!important}

:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]):has(>body.np main .ah-home),:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home){background:#FFFFFF}
:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(div,section):has(>main#inhalt){background:none}
:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste,:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home section.np-karte,:root[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .gs-kopf[data-gs-kopf]::before{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
@media (prefers-color-scheme:light){
:root[data-design="klar"][data-theme="auto"]:has(>body.np main .ah-home),:root[data-design="klar"][data-theme="auto"] body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home){background:#FFFFFF}
:root[data-design="klar"][data-theme="auto"] body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) :is(div,section):has(>main#inhalt){background:none}
:root[data-design="klar"][data-theme="auto"] body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) aside.np-leiste,:root[data-design="klar"][data-theme="auto"] body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home section.np-karte,:root[data-design="klar"][data-theme="auto"] body.np:not(#hl-1):not(#hl-2):not(#hl-3):not(#hl-4):has(main .ah-home) main .ah-home .gs-kopf[data-gs-kopf]::before{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
}

body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue{--io-glas-dicht:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,248,250,.95)); width:300px; min-width:300px; padding:10px; border-radius:24px; bottom:calc(100% + 14px);
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,248,250,.95)); -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%);
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.10),0 30px 60px -20px rgba(17,33,45,.55),0 4px 12px rgba(6,20,27,.10);
  max-height:calc(100vh - 160px); overflow-y:auto; overscroll-behavior:contain; color:#06141B}
:root[data-design="klar"] body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue{--io-glas-dicht:#fff; background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-g{display:flex; flex-direction:column; padding:4px 0; border-top:1px solid rgba(6,20,27,.07)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-g:first-child{border-top:0}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-t{margin:6px 10px 3px; padding:0; font:600 12px/1.3 inherit; font-size:12px; font-weight:600; color:#9BA8AB; letter-spacing:.02em; text-transform:uppercase}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-wer{display:flex; align-items:center; gap:10px; min-height:0; padding:6px 10px; margin:0; border:0}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-wer .np-kreis{width:38px; height:38px; border-radius:50%; flex:none; background:linear-gradient(180deg,#5f7280,#4A5C6A); color:#fff; font-size:14px; font-weight:700}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-wer b{font-size:15px; font-weight:600; color:#06141B}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-wer .np-klein{font-size:13px; color:#4A5C6A; white-space:normal; overflow:visible}
body.np:not(#zm-1):not(#zm-2) .np-ich[open]{z-index:90}
body.np:has(.np-ich[open]) button.np-ohr{visibility:hidden}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-unsichtbar{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0; padding:0}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue a.zm-e,body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue summary.zm-e,body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue a.privatknopf{display:flex; align-items:center; gap:10px; min-height:38px; padding:0 10px; margin:0;
  border-radius:12px; font-size:15px; font-weight:500; color:#06141B; background:none; box-shadow:none; text-decoration:none; text-align:left; cursor:pointer}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue summary.zm-e{list-style:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue summary.zm-e::-webkit-details-marker{display:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue summary.zm-e::after{content:"\203A"; margin-left:auto; color:#9BA8AB; font-size:18px; transition:transform .2s ease}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue details.zm-mehr[open]>summary.zm-e::after{transform:rotate(90deg)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue details.zm-mehr>a{padding-left:44px}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue details.zm-mehr>a.zm-e{padding-left:20px}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue details.zm-mehr>.darstellungszeile{display:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue :is(a.zm-e,summary.zm-e,a.privatknopf):hover,body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue a.zm-e[aria-current]{background:rgba(74,92,106,.10); color:#06141B; box-shadow:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue a.zm-e.hinaus{color:#d70015}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-ic{flex:none; width:24px; height:24px; border-radius:7px; display:grid; place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-ic svg{display:block; width:15px; height:15px}

body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-seg{display:flex; gap:2px; padding:3px; margin:4px 10px; border-radius:999px; background:rgba(155,168,171,.22); box-shadow:none}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-seg>a{flex:1 1 0; display:flex; align-items:center; justify-content:center; min-height:30px; height:auto; padding:0 6px; margin:0;
  border-radius:999px; font-size:13px; font-weight:500; color:#4A5C6A; background:none; box-shadow:none; text-decoration:none; white-space:nowrap}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-seg>a[aria-current]{background:#fff; color:#06141B; font-weight:600; box-shadow:0 1px 3px rgba(6,20,27,.15)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-seg>a:not([aria-current]):hover{color:#06141B}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue a.zm-klein{font-size:14px; color:#4A5C6A}

body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-ton,body.np .np-mehr .zm-flach .zm-ton{display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:38px; padding:2px 10px; font-size:15px; font-weight:500; color:#06141B}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-schalter,body.np .np-mehr .zm-flach .zm-schalter{position:relative; flex:none; width:46px; height:28px; min-height:0; min-width:0; margin:0; padding:0; border:0; border-radius:14px; cursor:pointer;
  background:rgba(120,120,128,.24); box-shadow:none; filter:none; transition:background-color .25s ease}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-schalter::after,body.np .np-mehr .zm-flach .zm-schalter::after{content:""; position:absolute; left:2px; top:2px; width:24px; height:24px; border-radius:50%; background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16); transition:transform .3s cubic-bezier(.3,1.3,.5,1)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-schalter[aria-checked="true"],body.np .np-mehr .zm-flach .zm-schalter[aria-checked="true"]{background:#4A5C6A}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-schalter[aria-checked="true"]::after,body.np .np-mehr .zm-flach .zm-schalter[aria-checked="true"]::after{transform:translateX(18px)}
body.np:not(#zm-1):not(#zm-2) .np-ich>.np-menue .zm-schalter:focus-visible,body.np .np-mehr .zm-flach .zm-schalter:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}

body.np:not(#zm-1):not(#zm-2) .np-ich[open]>summary{background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px -6px rgba(17,33,45,.6)}

body.np .np-mehr .zm-flach{display:flex; flex-direction:column; gap:0}
body.np .np-mehr .zm-flach .zm-g{display:flex; flex-direction:column; padding:6px 0; border-top:1px solid rgba(6,20,27,.07)}
body.np .np-mehr .zm-flach .zm-g:first-child{border-top:0}
body.np .np-mehr .zm-flach .zm-t{margin:4px 10px; font-size:12px; font-weight:600; color:#9BA8AB; text-transform:uppercase}
body.np .np-mehr .zm-flach :is(a.zm-e,summary.zm-e,a.privatknopf){display:flex; align-items:center; gap:10px; min-height:44px; padding:0 10px; font-size:15px; font-weight:500; color:#06141B; list-style:none}
body.np .np-mehr .zm-flach a.zm-e.hinaus{color:#d70015}
body.np .np-mehr .zm-flach .zm-ic{flex:none; width:26px; height:26px; border-radius:7px; display:grid; place-items:center}
body.np .np-mehr .zm-flach .zm-ic svg{width:16px; height:16px}
body.np .np-mehr .zm-flach details.zm-mehr>.darstellungszeile{display:none}
body.np .np-mehr .zm-flach summary.zm-e::-webkit-details-marker{display:none}
body.np .np-mehr .zm-flach .zm-seg{display:flex; gap:2px; padding:3px; margin:4px 10px; border-radius:999px; background:rgba(155,168,171,.22)}
body.np .np-mehr .zm-flach .zm-seg>a{flex:1 1 0; display:flex; align-items:center; justify-content:center; min-height:44px; border-radius:999px; font-size:14px; color:#4A5C6A; text-decoration:none}
body.np .np-mehr .zm-flach .zm-seg>a[aria-current]{background:#fff; color:#06141B; font-weight:600; box-shadow:0 1px 3px rgba(6,20,27,.15)}


body.np .ein-split.zm-ohne-liste{display:block; max-width:760px}
body.np .ein-split.zm-ohne-liste>.ein-detail{max-width:760px}

body.np:not(#zm-1):not(#zm-2) main .ein-detail .np-seitenkopf h1{font-size:34px; line-height:1.1; font-weight:700; letter-spacing:-.03em; margin:0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .np-seitenkopf p{font-size:15px; line-height:1.35; color:#4A5C6A; margin:4px 0 0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .np-seitenkopf p~p{display:none}

body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf{padding:22px 26px 18px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf .gs-kopf[data-gs-kopf]{padding:0; margin:0 0 12px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf .feldgruppe>div{min-height:52px; border-color:rgba(6,20,27,.07)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf .feldgruppe label{font-size:15px; font-weight:500; color:#06141B}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf :is(input,select,.af-feld input){font-size:15px; font-weight:400; color:#06141B}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf :is(input,textarea)::placeholder{color:#9BA8AB; opacity:1}

body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-paar{display:inline-flex; gap:2px; padding:3px; margin:0 0 16px 4px; border-radius:999px; background:rgba(155,168,171,.22)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .gs-kopf[data-gs-kopf]>.zm-paar{grid-row:5; grid-column:1/-1; justify-self:start; margin:14px 0 4px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-paar>a{display:inline-flex; align-items:center; min-height:38px; padding:0 18px; border-radius:999px; font-size:15px; font-weight:500;
  color:#4A5C6A; text-decoration:none; background:none; box-shadow:none}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-paar>a[aria-current]{background:#fff; color:#06141B; font-weight:600; box-shadow:0 1px 3px rgba(6,20,27,.15)}

body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe){border-radius:24px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(.eg-zeile,li.np-pk-zeile,.team-zeile,.np-zeile)+:is(.eg-zeile,li.np-pk-zeile,.team-zeile,.np-zeile){border-color:rgba(6,20,27,.07)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail h2.eg-abschnitt:not(#zm-3):not(#zm-4){color:#9BA8AB; font-weight:600; margin:24px 16px 8px; line-height:1.3; text-transform:uppercase; letter-spacing:.02em; font-size:12px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(a,button,summary,label.ap-schalter,select,input:not([type=hidden]):not([type=checkbox]):not([type=radio])){min-height:44px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(input,textarea)::placeholder{color:#9BA8AB; opacity:1}

body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(form,.karte,.np-karte) :is(button[type=submit],button:not([type])):not(.warnung):not(.knopf2):not(.bb-feldknopf):not(.af-zeile):not([formaction]):not(.gs-knopf--text):not(.gs-knopf--zweit),
body.np:not(#zm-1):not(#zm-2) main .ein-detail .gs-werkzeug>button.gs-knopf,body.np:not(#zm-1):not(#zm-2) main .ein-detail .zf-einstellung form>button.knopf2,body.np:not(#zm-1):not(#zm-2) main .ein-detail .eg-knoepfe :is(a,button).knopf:not(.warnung){color:#fff; border:0;
  background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  border-radius:999px; min-height:44px; padding:0 22px; font-size:16px; font-weight:600}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .np-ein-formkarte form>p:last-child,body.np:not(#zm-1):not(#zm-2) main .ein-detail .zf-einstellung form{display:flex; flex-wrap:wrap; justify-content:flex-end}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zf-einstellung form>:not(button){flex:1 1 100%}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .zf-einstellung form>button{margin:8px 0 12px auto}

body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste) main{background:transparent}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .hi-seite:not(#zm-3){--knopf:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .hi-seite .as-teiltitel:not(#zm-3){font-size:12px !important; font-weight:600; color:#9BA8AB; text-transform:uppercase; letter-spacing:.02em; margin:24px 16px 8px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .hi-seite .hilfe-frage>summary:not(#zm-3){min-height:44px}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#zm-1):not(#zm-2) main .ein-detail .hi-seite .hilfe-fragen:not(#zm-3){border-radius:24px !important; overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52)) !important; -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%);
  box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45) !important}
:root[data-design="klar"] body.np:not(#zm-1):not(#zm-2) main .ein-detail .hi-seite .hilfe-fragen:not(#zm-3){background:#fff !important; -webkit-backdrop-filter:none; backdrop-filter:none}

:root:is(:not([data-design="klar"]),[data-design="klar"]):has(>body.np main .ein-split.zm-ohne-liste),:root:is(:not([data-design="klar"]),[data-design="klar"])  body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste){background:
  linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.9) 9%,transparent 11% 100%),
  radial-gradient(35% 30% at 20% 95%,rgba(155,168,171,.45),transparent 70%),
  radial-gradient(30% 35% at 93% 88%,rgba(120,150,180,.40),transparent 70%),
  radial-gradient(28% 30% at 62% 52%,rgba(155,168,171,.35),transparent 70%),
  radial-gradient(40% 35% at 88% 4%,rgba(140,165,190,.40),transparent 70%),
  linear-gradient(170deg,#f6f8f9 0%,#eef2f4 50%,#e4eaee 100%) fixed; background-attachment:fixed}
:root:is(:not([data-design="klar"]),[data-design="klar"]) body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),
:root:is(:not([data-design="klar"]),[data-design="klar"])  body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste) aside.np-leiste{
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0)) top/100% 40% no-repeat,linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
  -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%); border:0;
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6),0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45)}
:root:is(:not([data-design="klar"]),[data-design="klar"])  body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste) .testphase{display:none}

:root[data-design="klar"]:has(>body.np main .ein-split.zm-ohne-liste),:root[data-design="klar"]  body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste){background:#FFFFFF}
:root[data-design="klar"] body.np:not(#zm-1):not(#zm-2) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),
:root[data-design="klar"]  body.np:not(#zm-1):not(#zm-2):has(main .ein-split.zm-ohne-liste) aside.np-leiste{
  background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}

body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-suche{margin:4px 0 8px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-suche input[type=search]{width:100%; max-width:none; min-height:44px; padding:0 14px 0 40px; border:0; border-radius:12px; font-size:16px; color:#06141B;
  background:rgba(118,118,128,.12) no-repeat 14px 50%/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5C6A' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E"); box-shadow:none; outline:none}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-suche input[type=search]:focus-visible{box-shadow:0 0 0 3px rgba(74,92,106,.35)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-leer{margin:16px 4px; color:#4A5C6A}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-g[hidden],body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-z[hidden]{display:none}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-karte{padding:0; overflow:hidden}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-z{display:flex; align-items:center; gap:12px; min-height:48px; padding:6px 16px; margin:0; color:#06141B; text-decoration:none; font-size:16px; font-weight:400;
  border-top:1px solid rgba(6,20,27,.07); background:none; box-shadow:none; border-radius:0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-karte>.es-z:first-child,body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-karte>.es-z[hidden]+.es-z{border-top:0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail a.es-z:hover{background:rgba(74,92,106,.06)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-z .zm-ic{flex:none; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-z .zm-ic svg{display:block; width:17px; height:17px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-wort{flex:1 1 auto; min-width:0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-wert{color:#4A5C6A; font-size:15px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-pfeil{flex:none; color:#9BA8AB; font-size:20px; line-height:1}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei{flex-wrap:wrap; row-gap:6px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-segs{display:flex; flex-wrap:wrap; gap:8px; margin-left:auto}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-segs .zm-seg{display:inline-flex; gap:2px; padding:3px; margin:0; border-radius:999px; background:rgba(155,168,171,.22); box-shadow:none}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-segs .zm-seg>a{display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 12px; margin:0; border-radius:999px; font-size:14px; font-weight:500;
  color:#4A5C6A; background:none; box-shadow:none; text-decoration:none; white-space:nowrap}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-segs .zm-seg>a[aria-current]{background:#fff; color:#06141B; font-weight:600; box-shadow:0 1px 3px rgba(6,20,27,.15)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-ton{flex:1; display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:16px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-schalter{position:relative; flex:none; width:51px; height:31px; min-height:0; min-width:0; margin:0; padding:0; border:0; border-radius:16px; cursor:pointer;
  background:rgba(120,120,128,.24); box-shadow:none; filter:none; transition:background-color .25s ease}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-schalter::after{content:""; position:absolute; left:2px; top:2px; width:27px; height:27px; border-radius:50%; background:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16); transition:transform .3s cubic-bezier(.3,1.3,.5,1)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-schalter[aria-checked="true"]{background:#4A5C6A}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-schalter[aria-checked="true"]::after{transform:translateX(20px)}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei .zm-schalter:focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei a.privatknopf{flex:1; display:flex; align-items:center; min-height:36px; margin:0; padding:0; color:#06141B; font-size:16px; font-weight:400; text-decoration:none; background:none; box-shadow:none; border:0}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei a.privatknopf::after{content:"\203A"; margin-left:auto; color:#9BA8AB; font-size:20px}
body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-frei>.darstellungszeile:empty{display:none}
@media (max-width:900px){
  body.np:not(#zm-1):not(#zm-2) main .ein-detail .es-segs{margin-left:40px; width:100%}
  body.np .ein-split.zm-ohne-liste{max-width:none}
  body.np:not(#zm-1):not(#zm-2) main .ein-detail .zm-mitkopf{padding:16px 16px 12px}
  body.np:not(#zm-1):not(#zm-2) main .ein-detail .np-seitenkopf h1{font-size:34px}
}

:root:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr{color:#9BA8AB; outline:none}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:is(:hover,:focus-visible){color:#4A5C6A}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr::before{border:0; outline:none; background:rgba(255,255,255,.4);
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset -.5px 0 0 rgba(255,255,255,.6),0 0 0 .5px rgba(6,20,27,.06),0 6px 16px -6px rgba(17,33,45,.28)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:hover::before{background:rgba(255,255,255,.55)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:focus-visible::before{outline:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1.5px rgba(155,168,171,.4),0 6px 16px -6px rgba(17,33,45,.28)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"])[data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr::before{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:0 0 0 .5px rgba(6,20,27,.12),0 6px 16px -6px rgba(17,33,45,.22)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"])[data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:focus-visible::before{box-shadow:0 0 0 .5px rgba(6,20,27,.12),0 0 0 1.5px rgba(155,168,171,.4),0 6px 16px -6px rgba(17,33,45,.22)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"])[data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-helferknopf{box-shadow:0 0 0 .5px rgba(6,20,27,.10),0 4px 12px -4px rgba(17,33,45,.25)}
@media (prefers-color-scheme:light){
:root[data-theme="auto"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr{color:#9BA8AB; outline:none}
:root[data-theme="auto"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:is(:hover,:focus-visible){color:#4A5C6A}
:root[data-theme="auto"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr::before{border:0; outline:none; background:rgba(255,255,255,.4);
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset -.5px 0 0 rgba(255,255,255,.6),0 0 0 .5px rgba(6,20,27,.06),0 6px 16px -6px rgba(17,33,45,.28)}
:root[data-theme="auto"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:hover::before{background:rgba(255,255,255,.55)}
:root[data-theme="auto"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:focus-visible::before{outline:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1.5px rgba(155,168,171,.4),0 6px 16px -6px rgba(17,33,45,.28)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr::before{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:0 0 0 .5px rgba(6,20,27,.12),0 6px 16px -6px rgba(17,33,45,.22)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-ohr:focus-visible::before{box-shadow:0 0 0 .5px rgba(6,20,27,.12),0 0 0 1.5px rgba(155,168,171,.4),0 6px 16px -6px rgba(17,33,45,.22)}
:root[data-theme="auto"][data-design="klar"] body.np:not(#rt-1):not(#rt-2):not(#rt-3):not(#rt-4):not(#rt-5):not(#rt-6) button.np-helferknopf{box-shadow:0 0 0 .5px rgba(6,20,27,.10),0 4px 12px -4px rgba(17,33,45,.25)}
}:root[data-theme="dunkel"] body.np main[data-fa]{--pb-rot:#ffb0a8; --pb-tinte:#eef1f1; --pb-grau:#AEB9BC; --pb-zart:#8f9b9e; --pb-gruen:#7fd18a; --pb-linie:rgba(255,255,255,.1); --pb-flaeche:rgba(255,255,255,.1); --pb-seg:rgba(255,255,255,.2); --pb-zweit-bg:rgba(255,255,255,.12)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] body.np main[data-fa]{--pb-rot:#ffb0a8; --pb-tinte:#eef1f1; --pb-grau:#AEB9BC; --pb-zart:#8f9b9e; --pb-gruen:#7fd18a; --pb-linie:rgba(255,255,255,.1); --pb-flaeche:rgba(255,255,255,.1); --pb-seg:rgba(255,255,255,.2); --pb-zweit-bg:rgba(255,255,255,.12)}}
:root:not(#fb-0):not([data-design="klar"]):not([data-theme="dunkel"]):not([data-theme="auto"]){background:
  linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.9) 9%,transparent 11% 100%),
  radial-gradient(35% 30% at 20% 95%,rgba(155,168,171,.45),transparent 70%),
  radial-gradient(30% 35% at 93% 88%,rgba(120,150,180,.40),transparent 70%),
  radial-gradient(28% 30% at 62% 52%,rgba(155,168,171,.35),transparent 70%),
  radial-gradient(40% 35% at 88% 4%,rgba(140,165,190,.40),transparent 70%),
  linear-gradient(170deg,#f6f8f9 0%,#eef2f4 50%,#e4eaee 100%); background-attachment:fixed}
:root:not(#fb-0)[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]){background:#FFFFFF}
:root:not(#fb-0):not([data-design="klar"]):not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){background:none}
:root:not(#fb-0):not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(div,section):has(>main#inhalt),:root:not(#fb-0):not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) footer.fussleiste{background:none; box-shadow:none}

:root:not(#fb-0)[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){--ap-grund:#FFFFFF; --lg-kanten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08); --lg-aussen:0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45);
  --io-schatten-glas:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45); --io-insel-schatten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45); --mz-schatten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45);
  --ap-schatten-1:0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.08),0 18px 40px -18px rgba(17,33,45,.40)}
:root:not(#fb-0)[data-design="klar"]:not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste{background:#fff; -webkit-backdrop-filter:saturate(100%); backdrop-filter:saturate(100%); box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45)}

:root:not(#fb-0):not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(#np-konto,.np-umsatz) svg text{fill:#4F5A60}
:root:not(#fb-0):not([data-theme="dunkel"]):not([data-theme="auto"]) body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){--np-grau-hell:#5F6A70}
@media (prefers-color-scheme:light){
:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"]{background:
  linear-gradient(115deg,transparent 0 8%,rgba(255,255,255,.9) 9%,transparent 11% 100%),
  radial-gradient(35% 30% at 20% 95%,rgba(155,168,171,.45),transparent 70%),
  radial-gradient(30% 35% at 93% 88%,rgba(120,150,180,.40),transparent 70%),
  radial-gradient(28% 30% at 62% 52%,rgba(155,168,171,.35),transparent 70%),
  radial-gradient(40% 35% at 88% 4%,rgba(140,165,190,.40),transparent 70%),
  linear-gradient(170deg,#f6f8f9 0%,#eef2f4 50%,#e4eaee 100%); background-attachment:fixed}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"]{background:#FFFFFF}
:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){background:none}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(div,section):has(>main#inhalt),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) footer.fussleiste{background:none; box-shadow:none}

:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){--ap-grund:#FFFFFF; --lg-kanten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08); --lg-aussen:0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45);
  --io-schatten-glas:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45); --io-insel-schatten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45); --mz-schatten:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45);
  --ap-schatten-1:0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.08),0 18px 40px -18px rgba(17,33,45,.40)}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste{background:#fff; -webkit-backdrop-filter:saturate(100%); backdrop-filter:saturate(100%); box-shadow:inset 0 1.5px 0 #fff,0 0 0 .5px rgba(6,20,27,.08),0 3px 8px rgba(6,20,27,.10),0 26px 50px -18px rgba(17,33,45,.45)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(#np-konto,.np-umsatz) svg text{fill:#4F5A60}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){--np-grau-hell:#5F6A70}
}
:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"]{background:
  radial-gradient(60% 55% at 4% 0%,rgba(155,168,171,.55),rgba(74,92,106,.25) 35%,transparent 70%),
  radial-gradient(50% 40% at 70% 10%,rgba(37,55,69,.6),transparent 70%),
  linear-gradient(170deg,#1d3042 0%,#11212D 45%,#06141B 100%); background-attachment:fixed}
:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"]{background:#11212D}
:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){background:none}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  
  --np-link:#C3CDD4; --np-gruen-tief:#C3CDD4; --np-gruen-feld:#22282D; --np-gruen-hauch:#1B2024; --np-rot-tief:#FF9C90;
  --np-rot-feld:#3A1B18; --np-orange:#F0BE6A; --np-orange-feld:#35290F; --np-d-gruen-feld:#2A3238;
  --np-d-gruen-text:#7CC4A2; --np-d-rot-feld:#442824; --np-d-rot-text:#F0A398; --np-d-sand:#AEB9B3;
  --np-d-steuer:#AEB9B3; --np-d-steuer-tief:#7F8B85; --np-d-steuer-hell:#D3DBD7; --np-d-kosten:#9AA6A0;
  --np-d-vorjahr:#3E4742; --np-tinte:#EDF1EE; --np-grau:#A9B3AE; --np-grau-hell:#7B8580; --np-linie:#2B322E;
  --np-grund:#151917; --np-karte:#1D2320; --np-feld:#262D29;
  
  --flaeche-2:#222926; --linie:#39413C; --linie-stark:#7B8580; --akzent-200:#39434A; --akzent-700:#C3CDD4;
  --gut-rand:#39434A; --warn-rand:#4D3A1B; --info-linie:#7B8580; --info-flaeche:#222926; --termin-rand:#39434A;
  --lila-200:#39434A;
  
  --lg-dunkel:.5;
  --lg-schein-rot:0 0 0 0 transparent, 0 0 18px -2px rgba(255,105,97,.38), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-schein-gruen:0 0 0 0 transparent, 0 0 18px -2px rgba(195,205,212,.20), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-ton:rgba(40,47,43,.62);
  --lg-kanten:inset 1.5px 1.5px 1px rgba(255,255,255,.16),inset -1px -1px 1px rgba(255,255,255,.07),0 0 0 .5px rgba(0,0,0,.35);
  --lg-aussen:0 1px 2px rgba(0,0,0,.30),0 8px 30px -8px rgba(0,0,0,.60);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --lg-fokus:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 0 3.5px rgba(195,205,212,.55);
  --lg-schein:none;
  --lg-gruen-schatten:var(--lg-knopf-kante),var(--lg-knopf-schatten);
  --lg-gruen-schatten-hoch:0 1px 2px rgba(0,0,0,.4);
  
  --ap-grund:#0F1311; --ap-gruppe:#1C1C1E; --ap-gruppe-hoch:#2C2C2E; --ap-fuellung:rgba(255,255,255,.07); --ap-fuellung-hoch:rgba(255,255,255,.11);
  --ap-zweit:#AAB4AF; --ap-akzent-text:#C3CDD4; --ap-schlicht:rgba(195,205,212,.15);
  --ap-schlicht-hoch:rgba(195,205,212,.22); --ap-wahl-grund:color-mix(in oklab,#C3CDD4 13%,var(--np-karte));
  --ap-wahl-rand:#C3CDD4; --ap-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C3CDD4'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%2306140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ap-schatten-1:0 .5px 1px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22),0 8px 24px -12px rgba(0,0,0,.50);
  --ap-schatten-2:0 1px 2px rgba(0,0,0,.34),0 4px 12px -4px rgba(0,0,0,.40),0 18px 40px -18px rgba(0,0,0,.62);
  --ap-schatten-3:0 2px 6px rgba(0,0,0,.40),0 14px 32px -10px rgba(0,0,0,.55),0 40px 80px -30px rgba(0,0,0,.72);
  --ap-material-dicht:rgba(28,34,31,.95);
  
  --io-glas:rgba(30,30,32,.72); --io-glas-dicht:rgba(38,38,40,.86); --io-glas-blatt:rgba(30,30,32,.94);
  --io-zweit:rgba(143,212,107,.14); --io-zweit-hoch:rgba(143,212,107,.22); --io-zweit-text:#C3CDD4; --io-rot:#D83C31;
  --io-rot-hoch:#E5463A; --io-kreis:rgba(255,255,255,.10);
  --io-schatten-glas:var(--lg-kanten),0 1px 2px rgba(0,0,0,.4),0 10px 30px -8px rgba(0,0,0,.55),0 30px 60px -30px rgba(0,0,0,.7);
  --io-haarlinie:rgba(255,255,255,.10); --io-kasten:rgba(255,255,255,.055);
  --io-insel-schatten:0 1px 2px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.5); --io-seg-grund:rgba(118,118,128,.24);
  --io-seg-wahl:rgba(99,99,102,.72); --io-seg-schatten:0 1px 2px rgba(0,0,0,.3);
  
  --mz-kachel:rgba(58,64,61,.62); --mz-kachel-hoch:rgba(70,77,73,.72); --mz-kante1:rgba(58,64,61,.46);
  --mz-kante2:rgba(58,64,61,.30); --mz-feld:rgba(255,255,255,.035); --mz-zweit:#AAB4AF; --mz-zeit:#8E9893;
  --mz-rot:#FF6B5E; --mz-schatten:var(--lg-kanten),0 1px 1px rgba(0,0,0,.25),0 8px 22px -10px rgba(0,0,0,.6);
  --mz-kanten-schatten:var(--lg-kanten),0 4px 10px -6px rgba(0,0,0,.5); --mz-tun:rgba(255,255,255,.12);
  --gs-pfeil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 8%22%3E%3Cpath d=%22M1.5 1.5 6 6l4.5-4.5%22 fill=%22none%22 stroke=%22%23A1A1A6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --abw-u:#0A84FF; --abw-k:#FFD60A; --abw-l:#63E6E2; --abw-a:#8E8E93; --abw-frei:rgba(255,255,255,.06); --abw-hauch:rgba(10,132,255,.22); --abw-tinte:#7CC0FF;
  --abw-c-orange:#FF9F0A; --abw-c-rot:#FF453A; --abw-c-rosa:#FF375F; --abw-c-lila:#BF5AF2; --abw-c-gruen:#30D158; --abw-c-braun:#AC8E68;

  --ap-tinte:#eef1f1; --np-tinte:#eef1f1; --np-grau:#AEB9BC; --np-grau-hell:#93A0A4; --ap-zweit:#AEB9BC; --np-linie:rgba(204,208,207,.14);
  --np-grund:#11212D; --np-feld:rgba(6,20,27,.45); --io-haarlinie:rgba(204,208,207,.12); --ap-akzent-text:#C3CDD4;
  --io-zweit-text:#eef1f1; --ap-fuellung:rgba(6,20,27,.40); --ap-fuellung-hoch:rgba(6,20,27,.55);
  --io-seg-grund:rgba(6,20,27,.45); --io-seg-wahl:rgba(204,208,207,.2); --io-seg-schatten:inset 0 1px 0 rgba(204,208,207,.35);
  --io-kasten:rgba(6,20,27,.35); --io-kreis:rgba(204,208,207,.12);
  --tinte:#eef1f1; --leise:#AEB9BC; --linie:rgba(204,208,207,.14); --flaeche:#253745; --flaeche-2:#1d3042; --grund:#11212D;
  --gb-sand:#AEB9BC; --gb-karte:#253745; --gb-tinte:#eef1f1; --gb-grau:#AEB9BC; --gb-linie:rgba(204,208,207,.12);
  --gb-blass:#4A5C6A; --gb-kachel:rgba(6,20,27,.45);
  --mz-tinte:#eef1f1; --mz-zweit:#AEB9BC; --mz-zeit:#AEB9BC; --mz-feld:rgba(6,20,27,.35); --mz-tun:rgba(204,208,207,.14);
  --ap-material-dicht:rgba(17,33,45,.96); --ap-gruppe-hoch:rgba(74,92,106,.55);
  color:#eef1f1; color-scheme:dark;}
:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  --np-karte:#253745; --ap-karte:rgba(37,55,69,.55);
  --lg-ton:rgba(55,73,87,.38); --lg-flaeche:linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  --lg-filter:blur(28px) saturate(150%); --io-filter:blur(28px) saturate(150%); --mz-filter:blur(28px) saturate(150%);
  --lg-kanten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25); --lg-aussen:0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --io-glas:rgba(55,73,87,.38); --io-glas-dicht:rgba(55,73,87,.55); --io-glas-blatt:rgba(29,48,66,.94); --io-glas-leiste:rgba(37,55,69,.6);
  --io-schatten-glas:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --io-insel-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --ap-gruppe:rgba(55,73,87,.38); --mz-kachel:rgba(55,73,87,.38); --mz-kachel-hoch:rgba(74,92,106,.5);
  --mz-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --mz-kanten-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 6px 14px -8px rgba(0,0,0,.6);
  --ap-schatten-1:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);}
:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  --np-karte:#253745; --ap-karte:#253745;
  --lg-ton:#253745; --lg-flaeche:#253745; --lg-filter:none; --io-filter:none; --mz-filter:none;
  --lg-kanten:inset 0 1px 0 rgba(204,208,207,.16); --lg-aussen:0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --io-glas:#253745; --io-glas-dicht:#253745; --io-glas-blatt:#253745; --io-glas-leiste:#253745;
  --io-schatten-glas:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --io-insel-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --ap-gruppe:#253745; --mz-kachel:#253745; --mz-kachel-hoch:#2c4050;
  --mz-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --mz-kanten-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 6px 14px -8px rgba(0,0,0,.6);
  --ap-schatten-1:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(div,section):has(>main#inhalt){background:none; margin:0; border-radius:0; min-height:0; box-shadow:none}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) footer.fussleiste{background:none; margin:0; border-radius:0}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .testphase{color:#AEB9BC}

:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste,:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .np-karte,:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main section.np-karte,:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .gs-kopf[data-gs-kopf]::before,:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main#inhalt::before,:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf),:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot),:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue),:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:linear-gradient(180deg,rgba(204,208,207,.12),rgba(204,208,207,0)) top/100% 40% no-repeat,
    linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  -webkit-backdrop-filter:blur(28px) saturate(150%); backdrop-filter:blur(28px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}
:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste,:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .np-karte,:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main section.np-karte,:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .gs-kopf[data-gs-kopf]::before,:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main#inhalt::before,:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf),:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot),:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue),:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:#253745; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}

:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste{-webkit-backdrop-filter:saturate(100%); backdrop-filter:saturate(100%)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(74,92,106,.55); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 6px 14px -6px rgba(0,0,0,.6)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) button.np-ohr{color:#CCD0CF}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) button.np-helferknopf{color:#CCD0CF; background:rgba(74,92,106,.55)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste :is(.np-wahl>summary,button.np-suche){background:rgba(6,20,27,.40); box-shadow:inset 0 1px 0 rgba(204,208,207,.10); color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste :is(.markenwort,.np-wahl b.name,.np-nav a,.np-nav a .wort){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-wahl :is(small,.np-zwei>:not(b)),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste button.np-suche,:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-rechtliches a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-nav a[aria-current]{color:#eef1f1; background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-fuss>:is(a,button),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-fuss>details>summary{color:#CCD0CF; background:rgba(74,92,106,.45);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-unten :is(a,button):not([aria-current]){color:#CCD0CF}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .status.gut{background:#E3F8EE}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .hinweisband:not(.mf-band):not(.ax-fuss .hinweisband):not(main.ax-seite .hinweisband){background:#E9EDEB; color:#2F3833}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach :is(a.zm-e,summary.zm-e,a.privatknopf){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach a.zm-e.hinaus{color:#FF9A92}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach .zm-t{color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach .zm-seg>a:not([aria-current]){color:#CCD0CF}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zf-zeile .np-t span,.zf-satz,.zf-lage,details.zf-ab label,section.zf-karte>p,.np-belege-zahlweg>p){color:#CCD0CF}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:rgba(6,20,27,.40); color:#eef1f1; border-color:rgba(204,208,207,.18)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(h1,h2,h3,b,strong,th,td,dt,dd,label,legend,summary){color:inherit}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(aside.np-leiste,main,#np-zentrale,header.kopfleiste.portalkopf,.np-unten,.np-mehr) .gs-bsym{color:#fff;
  background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-sonstiges)) 72%,#fff),var(--mz-bereich,var(--bereich-sonstiges)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) :is(h2,span){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale .np-kanten i{background:rgba(74,92,106,.45)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale .np-kanten i+i{background:rgba(74,92,106,.30)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-reiter{background:rgba(6,20,27,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.10)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r{color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r.an{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r.an>span{color:#CCD0CF}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue,#np-zentrale .np-blase){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale.zw{--zw-tinte:#eef1f1; --zw-zweit:#AEB9BC; --zw-leise:#93A0A4}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-tinte:#eef1f1; --mz-zweit:#AEB9BC; --mz-zeit:#AEB9BC; --mz-rot:#FF6B5E; color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(b,strong,.np-betrag,.np-gross),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig .np-gross{color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(p,time),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-marke2,.np-mz-mehr,.np-ruhe-hin,.np-ruhe-zurueck button,.np-still),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-blab{color:#AEB9BC}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time,:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-zeit.faellig{color:#FF9A92}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(:is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase,.zw-k,.zw-banner,.zw-blatt)::before{background:linear-gradient(180deg,rgba(204,208,207,.10),rgba(204,208,207,0))}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(:is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase,.zw-k,.zw-banner,.zw-blatt)::after{background:linear-gradient(135deg,rgba(204,208,207,.30),rgba(204,208,207,.04) 35%,rgba(204,208,207,.06) 70%,rgba(204,208,207,.20))}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{background:rgba(74,92,106,.45); box-shadow:inset 0 -1px 0 rgba(204,208,207,.12),0 8px 16px -10px rgba(0,0,0,.5)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(74,92,106,.30)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(details.np-gruppe[open]>summary>.np-kat .np-weniger),:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{color:#eef1f1;
  background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 8px 18px -10px rgba(0,0,0,.6)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-feld input{color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-knoepfe .zw-nein{color:#eef1f1; background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -8px rgba(0,0,0,.6)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(.np-such,.np-suchleiste,[class*="such"]) input{background-color:transparent; border-color:transparent}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-leer,.zw-ueber){color:#AEB9BC}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail,:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(label,input,select,textarea,h1,h2:not(.eg-abschnitt),h3,b,strong,dt,dd,td,th,.eg-zeile,.np-zeile,.team-zeile,li){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.np-seitenkopf p,small,.np-klein,.zm-paar>a,.eg-zeile span:not([class])){color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.feldgruppe>div,.eg-zeile,li.np-pk-zeile,.team-zeile,.np-zeile){border-color:rgba(204,208,207,.12)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .zm-paar{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .zm-paar>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue{--io-glas-dicht:rgba(29,48,66,.98); background:rgba(29,48,66,.98); -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.2),0 0 0 .5px rgba(204,208,207,.12),0 24px 50px -18px rgba(0,0,0,.7)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a.zm-e,summary.zm-e,a.privatknopf,.zm-wer b){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a,button,summary):not([aria-current]):not(:hover){background:none; box-shadow:none}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(.zm-wer .np-klein,a.zm-klein,.zm-t){color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a.zm-e,summary.zm-e,a.privatknopf):hover,:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue a.zm-e[aria-current]{background:rgba(204,208,207,.12); color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue a.zm-e.hinaus{color:#FF6B5E}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg>a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-g{border-color:rgba(204,208,207,.12)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.es-z,.es-z .es-wort,.es-frei .zm-ton,.es-frei a.privatknopf){color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.es-wert,.es-leer){color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-z{border-color:rgba(204,208,207,.12)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail a.es-z:hover{background:rgba(204,208,207,.08)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-suche input[type=search]{background-color:rgba(6,20,27,.40); color:#eef1f1}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg>a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(.knopf.klein,.knopf.zweit,.knopf2,.knopf.rand,.np-knopf.rand,.knopf.still,button.still,button.zweit,button.rand,.bl-knopf2,.ab-knopf){
  color:#eef1f1; background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -8px rgba(0,0,0,.6)}

:root:not(#fb-0):not([data-design="klar"])[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30)) !important; box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65) !important}
:root:not(#fb-0)[data-design="klar"][data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:#253745 !important; box-shadow:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65) !important}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite :is(.hilfe-frage>summary,.hilfe-frage){color:#eef1f1; border-color:rgba(204,208,207,.12)}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(#np-konto,.np-umsatz) svg text{fill:#B7C2C5}
:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(small,.np-zart,.ah-datum,time.ah-neben){color:#AEB9BC}

:root:not(#fb-0)[data-theme="dunkel"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main label.bs-kachel small{color:#CCD0CF}
@media (prefers-color-scheme:dark){
:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"]{background:
  radial-gradient(60% 55% at 4% 0%,rgba(155,168,171,.55),rgba(74,92,106,.25) 35%,transparent 70%),
  radial-gradient(50% 40% at 70% 10%,rgba(37,55,69,.6),transparent 70%),
  linear-gradient(170deg,#1d3042 0%,#11212D 45%,#06141B 100%); background-attachment:fixed}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"]{background:#11212D}
:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){background:none}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  
  --np-link:#C3CDD4; --np-gruen-tief:#C3CDD4; --np-gruen-feld:#22282D; --np-gruen-hauch:#1B2024; --np-rot-tief:#FF9C90;
  --np-rot-feld:#3A1B18; --np-orange:#F0BE6A; --np-orange-feld:#35290F; --np-d-gruen-feld:#2A3238;
  --np-d-gruen-text:#7CC4A2; --np-d-rot-feld:#442824; --np-d-rot-text:#F0A398; --np-d-sand:#AEB9B3;
  --np-d-steuer:#AEB9B3; --np-d-steuer-tief:#7F8B85; --np-d-steuer-hell:#D3DBD7; --np-d-kosten:#9AA6A0;
  --np-d-vorjahr:#3E4742; --np-tinte:#EDF1EE; --np-grau:#A9B3AE; --np-grau-hell:#7B8580; --np-linie:#2B322E;
  --np-grund:#151917; --np-karte:#1D2320; --np-feld:#262D29;
  
  --flaeche-2:#222926; --linie:#39413C; --linie-stark:#7B8580; --akzent-200:#39434A; --akzent-700:#C3CDD4;
  --gut-rand:#39434A; --warn-rand:#4D3A1B; --info-linie:#7B8580; --info-flaeche:#222926; --termin-rand:#39434A;
  --lila-200:#39434A;
  
  --lg-dunkel:.5;
  --lg-schein-rot:0 0 0 0 transparent, 0 0 18px -2px rgba(255,105,97,.38), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-schein-gruen:0 0 0 0 transparent, 0 0 18px -2px rgba(195,205,212,.20), 0 10px 24px -12px rgba(0,0,0,.6), 0 30px 54px -30px rgba(0,0,0,.6);
  --lg-ton:rgba(40,47,43,.62);
  --lg-kanten:inset 1.5px 1.5px 1px rgba(255,255,255,.16),inset -1px -1px 1px rgba(255,255,255,.07),0 0 0 .5px rgba(0,0,0,.35);
  --lg-aussen:0 1px 2px rgba(0,0,0,.30),0 8px 30px -8px rgba(0,0,0,.60);
  --lg-knopf-kante:inset 0 0 0 0 transparent;
  --lg-knopf-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
  --lg-fokus:inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 0 3.5px rgba(195,205,212,.55);
  --lg-schein:none;
  --lg-gruen-schatten:var(--lg-knopf-kante),var(--lg-knopf-schatten);
  --lg-gruen-schatten-hoch:0 1px 2px rgba(0,0,0,.4);
  
  --ap-grund:#0F1311; --ap-gruppe:#1C1C1E; --ap-gruppe-hoch:#2C2C2E; --ap-fuellung:rgba(255,255,255,.07); --ap-fuellung-hoch:rgba(255,255,255,.11);
  --ap-zweit:#AAB4AF; --ap-akzent-text:#C3CDD4; --ap-schlicht:rgba(195,205,212,.15);
  --ap-schlicht-hoch:rgba(195,205,212,.22); --ap-wahl-grund:color-mix(in oklab,#C3CDD4 13%,var(--np-karte));
  --ap-wahl-rand:#C3CDD4; --ap-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C3CDD4'/%3E%3Cpath d='M5.8 10.3l2.7 2.7 5.7-6' fill='none' stroke='%2306140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ap-schatten-1:0 .5px 1px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22),0 8px 24px -12px rgba(0,0,0,.50);
  --ap-schatten-2:0 1px 2px rgba(0,0,0,.34),0 4px 12px -4px rgba(0,0,0,.40),0 18px 40px -18px rgba(0,0,0,.62);
  --ap-schatten-3:0 2px 6px rgba(0,0,0,.40),0 14px 32px -10px rgba(0,0,0,.55),0 40px 80px -30px rgba(0,0,0,.72);
  --ap-material-dicht:rgba(28,34,31,.95);
  
  --io-glas:rgba(30,30,32,.72); --io-glas-dicht:rgba(38,38,40,.86); --io-glas-blatt:rgba(30,30,32,.94);
  --io-zweit:rgba(143,212,107,.14); --io-zweit-hoch:rgba(143,212,107,.22); --io-zweit-text:#C3CDD4; --io-rot:#D83C31;
  --io-rot-hoch:#E5463A; --io-kreis:rgba(255,255,255,.10);
  --io-schatten-glas:var(--lg-kanten),0 1px 2px rgba(0,0,0,.4),0 10px 30px -8px rgba(0,0,0,.55),0 30px 60px -30px rgba(0,0,0,.7);
  --io-haarlinie:rgba(255,255,255,.10); --io-kasten:rgba(255,255,255,.055);
  --io-insel-schatten:0 1px 2px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.5); --io-seg-grund:rgba(118,118,128,.24);
  --io-seg-wahl:rgba(99,99,102,.72); --io-seg-schatten:0 1px 2px rgba(0,0,0,.3);
  
  --mz-kachel:rgba(58,64,61,.62); --mz-kachel-hoch:rgba(70,77,73,.72); --mz-kante1:rgba(58,64,61,.46);
  --mz-kante2:rgba(58,64,61,.30); --mz-feld:rgba(255,255,255,.035); --mz-zweit:#AAB4AF; --mz-zeit:#8E9893;
  --mz-rot:#FF6B5E; --mz-schatten:var(--lg-kanten),0 1px 1px rgba(0,0,0,.25),0 8px 22px -10px rgba(0,0,0,.6);
  --mz-kanten-schatten:var(--lg-kanten),0 4px 10px -6px rgba(0,0,0,.5); --mz-tun:rgba(255,255,255,.12);
  --gs-pfeil:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 8%22%3E%3Cpath d=%22M1.5 1.5 6 6l4.5-4.5%22 fill=%22none%22 stroke=%22%23A1A1A6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --abw-u:#0A84FF; --abw-k:#FFD60A; --abw-l:#63E6E2; --abw-a:#8E8E93; --abw-frei:rgba(255,255,255,.06); --abw-hauch:rgba(10,132,255,.22); --abw-tinte:#7CC0FF;
  --abw-c-orange:#FF9F0A; --abw-c-rot:#FF453A; --abw-c-rosa:#FF375F; --abw-c-lila:#BF5AF2; --abw-c-gruen:#30D158; --abw-c-braun:#AC8E68;

  --ap-tinte:#eef1f1; --np-tinte:#eef1f1; --np-grau:#AEB9BC; --np-grau-hell:#93A0A4; --ap-zweit:#AEB9BC; --np-linie:rgba(204,208,207,.14);
  --np-grund:#11212D; --np-feld:rgba(6,20,27,.45); --io-haarlinie:rgba(204,208,207,.12); --ap-akzent-text:#C3CDD4;
  --io-zweit-text:#eef1f1; --ap-fuellung:rgba(6,20,27,.40); --ap-fuellung-hoch:rgba(6,20,27,.55);
  --io-seg-grund:rgba(6,20,27,.45); --io-seg-wahl:rgba(204,208,207,.2); --io-seg-schatten:inset 0 1px 0 rgba(204,208,207,.35);
  --io-kasten:rgba(6,20,27,.35); --io-kreis:rgba(204,208,207,.12);
  --tinte:#eef1f1; --leise:#AEB9BC; --linie:rgba(204,208,207,.14); --flaeche:#253745; --flaeche-2:#1d3042; --grund:#11212D;
  --gb-sand:#AEB9BC; --gb-karte:#253745; --gb-tinte:#eef1f1; --gb-grau:#AEB9BC; --gb-linie:rgba(204,208,207,.12);
  --gb-blass:#4A5C6A; --gb-kachel:rgba(6,20,27,.45);
  --mz-tinte:#eef1f1; --mz-zweit:#AEB9BC; --mz-zeit:#AEB9BC; --mz-feld:rgba(6,20,27,.35); --mz-tun:rgba(204,208,207,.14);
  --ap-material-dicht:rgba(17,33,45,.96); --ap-gruppe-hoch:rgba(74,92,106,.55);
  color:#eef1f1; color-scheme:dark;}
:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  --np-karte:#253745; --ap-karte:rgba(37,55,69,.55);
  --lg-ton:rgba(55,73,87,.38); --lg-flaeche:linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  --lg-filter:blur(28px) saturate(150%); --io-filter:blur(28px) saturate(150%); --mz-filter:blur(28px) saturate(150%);
  --lg-kanten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25); --lg-aussen:0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --io-glas:rgba(55,73,87,.38); --io-glas-dicht:rgba(55,73,87,.55); --io-glas-blatt:rgba(29,48,66,.94); --io-glas-leiste:rgba(37,55,69,.6);
  --io-schatten-glas:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --io-insel-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --ap-gruppe:rgba(55,73,87,.38); --mz-kachel:rgba(55,73,87,.38); --mz-kachel-hoch:rgba(74,92,106,.5);
  --mz-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --mz-kanten-schatten:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 6px 14px -8px rgba(0,0,0,.6);
  --ap-schatten-1:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7){
  --np-karte:#253745; --ap-karte:#253745;
  --lg-ton:#253745; --lg-flaeche:#253745; --lg-filter:none; --io-filter:none; --mz-filter:none;
  --lg-kanten:inset 0 1px 0 rgba(204,208,207,.16); --lg-aussen:0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --io-glas:#253745; --io-glas-dicht:#253745; --io-glas-blatt:#253745; --io-glas-leiste:#253745;
  --io-schatten-glas:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --io-insel-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);
  --ap-gruppe:#253745; --mz-kachel:#253745; --mz-kachel-hoch:#2c4050;
  --mz-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65); --mz-kanten-schatten:inset 0 1px 0 rgba(204,208,207,.16),0 6px 14px -8px rgba(0,0,0,.6);
  --ap-schatten-1:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65);}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(div,section):has(>main#inhalt){background:none; margin:0; border-radius:0; min-height:0; box-shadow:none}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) footer.fussleiste{background:none; margin:0; border-radius:0}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .testphase{color:#AEB9BC}

:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste,:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .np-karte,:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main section.np-karte,:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .gs-kopf[data-gs-kopf]::before,:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main#inhalt::before,:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf),:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot),:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue),:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:linear-gradient(180deg,rgba(204,208,207,.12),rgba(204,208,207,0)) top/100% 40% no-repeat,
    linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30));
  -webkit-backdrop-filter:blur(28px) saturate(150%); backdrop-filter:blur(28px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste,:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .np-karte,:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main section.np-karte,:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .gs-kopf[data-gs-kopf]::before,:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main#inhalt::before,:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.np-unten,.np-mehr,header.kopfleiste.portalkopf),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale :is(.np-blase,.np-blase:hover,.np-blase.wichtig,.np-blase.rot),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.karte,.np-karte,.eg-gruppe,li.np-pk-zeile,.firma-entfernen,.zf-einstellung,details.eg-klappe,.np-pk-stufe):not(dialog *),:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:#253745; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65)}

:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste{-webkit-backdrop-filter:saturate(100%); backdrop-filter:saturate(100%)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(button.np-ohr,button.np-helferknopf)::before{background:rgba(74,92,106,.55); -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(204,208,207,.25),0 6px 14px -6px rgba(0,0,0,.6)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) button.np-ohr{color:#CCD0CF}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) button.np-helferknopf{color:#CCD0CF; background:rgba(74,92,106,.55)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste :is(.np-wahl>summary,button.np-suche){background:rgba(6,20,27,.40); box-shadow:inset 0 1px 0 rgba(204,208,207,.10); color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste :is(.markenwort,.np-wahl b.name,.np-nav a,.np-nav a .wort){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-wahl :is(small,.np-zwei>:not(b)),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste button.np-suche,:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-rechtliches a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-nav a[aria-current]{color:#eef1f1; background:linear-gradient(180deg,rgba(204,208,207,.22),rgba(204,208,207,.12));
  box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-fuss>:is(a,button),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) aside.np-leiste .np-fuss>details>summary{color:#CCD0CF; background:rgba(74,92,106,.45);
  box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -6px rgba(0,0,0,.6)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-unten :is(a,button):not([aria-current]){color:#CCD0CF}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .status.gut{background:#E3F8EE}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .hinweisband:not(.mf-band):not(.ax-fuss .hinweisband):not(main.ax-seite .hinweisband){background:#E9EDEB; color:#2F3833}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach :is(a.zm-e,summary.zm-e,a.privatknopf){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach a.zm-e.hinaus{color:#FF9A92}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach .zm-t{color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-mehr .zm-flach .zm-seg>a:not([aria-current]){color:#CCD0CF}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zf-zeile .np-t span,.zf-satz,.zf-lage,details.zf-ab label,section.zf-karte>p,.np-belege-zahlweg>p){color:#CCD0CF}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:rgba(6,20,27,.40); color:#eef1f1; border-color:rgba(204,208,207,.18)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(h1,h2,h3,b,strong,th,td,dt,dd,label,legend,summary){color:inherit}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(aside.np-leiste,main,#np-zentrale,header.kopfleiste.portalkopf,.np-unten,.np-mehr) .gs-bsym{color:#fff;
  background:linear-gradient(180deg in oklab,color-mix(in oklab,var(--mz-bereich,var(--bereich-sonstiges)) 72%,#fff),var(--mz-bereich,var(--bereich-sonstiges)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m)>.np-stapel>:is(header,.np-stapel-kopf) :is(h2,span){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale .np-kanten i{background:rgba(74,92,106,.45)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale .np-kanten i+i{background:rgba(74,92,106,.30)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-reiter{background:rgba(6,20,27,.45); box-shadow:inset 0 1px 0 rgba(204,208,207,.10)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r{color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r.an{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-r.an>span{color:#CCD0CF}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-k,.zw-banner,.zw-blatt,.zw-menue,#np-zentrale .np-blase){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) #np-zentrale.zw{--zw-tinte:#eef1f1; --zw-zweit:#AEB9BC; --zw-leise:#93A0A4}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel{--mz-tinte:#eef1f1; --mz-zweit:#AEB9BC; --mz-zeit:#AEB9BC; --mz-rot:#FF6B5E; color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(b,strong,.np-betrag,.np-gross),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.wichtig .np-gross{color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase :is(p,time),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(.np-marke2,.np-mz-mehr,.np-ruhe-hin,.np-ruhe-zurueck button,.np-still),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-blab{color:#AEB9BC}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase.rot time,:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-zeit.faellig{color:#FF9A92}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(:is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase,.zw-k,.zw-banner,.zw-blatt)::before{background:linear-gradient(180deg,rgba(204,208,207,.10),rgba(204,208,207,0))}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(:is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-blase,.zw-k,.zw-banner,.zw-blatt)::after{background:linear-gradient(135deg,rgba(204,208,207,.30),rgba(204,208,207,.04) 35%,rgba(204,208,207,.06) 70%,rgba(204,208,207,.20))}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i{background:rgba(74,92,106,.45); box-shadow:inset 0 -1px 0 rgba(204,208,207,.12),0 8px 16px -10px rgba(0,0,0,.5)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel .np-kanten i+i{background:rgba(74,92,106,.30)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel :is(details.np-gruppe[open]>summary>.np-kat .np-weniger),:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(#np-zentrale,.zw-m,.ah-home .ah-raster)>.np-stapel:has(details.fort[open]) button.np-mz-mehr{color:#eef1f1;
  background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 8px 18px -10px rgba(0,0,0,.6)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-feld input{color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .zw-knoepfe .zw-nein{color:#eef1f1; background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -8px rgba(0,0,0,.6)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(.np-such,.np-suchleiste,[class*="such"]) input{background-color:transparent; border-color:transparent}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) :is(.zw-leer,.zw-ueber){color:#AEB9BC}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail,:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(label,input,select,textarea,h1,h2:not(.eg-abschnitt),h3,b,strong,dt,dd,td,th,.eg-zeile,.np-zeile,.team-zeile,li){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.np-seitenkopf p,small,.np-klein,.zm-paar>a,.eg-zeile span:not([class])){color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.feldgruppe>div,.eg-zeile,li.np-pk-zeile,.team-zeile,.np-zeile){border-color:rgba(204,208,207,.12)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .zm-paar{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .zm-paar>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue{--io-glas-dicht:rgba(29,48,66,.98); background:rgba(29,48,66,.98); -webkit-backdrop-filter:blur(30px) saturate(140%); backdrop-filter:blur(30px) saturate(140%); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.2),0 0 0 .5px rgba(204,208,207,.12),0 24px 50px -18px rgba(0,0,0,.7)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a.zm-e,summary.zm-e,a.privatknopf,.zm-wer b){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a,button,summary):not([aria-current]):not(:hover){background:none; box-shadow:none}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(.zm-wer .np-klein,a.zm-klein,.zm-t){color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue :is(a.zm-e,summary.zm-e,a.privatknopf):hover,:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue a.zm-e[aria-current]{background:rgba(204,208,207,.12); color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue a.zm-e.hinaus{color:#FF6B5E}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg>a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-seg>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) .np-ich>.np-menue .zm-g{border-color:rgba(204,208,207,.12)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.es-z,.es-z .es-wort,.es-frei .zm-ton,.es-frei a.privatknopf){color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail :is(.es-wert,.es-leer){color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-z{border-color:rgba(204,208,207,.12)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail a.es-z:hover{background:rgba(204,208,207,.08)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-suche input[type=search]{background-color:rgba(6,20,27,.40); color:#eef1f1}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg{background:rgba(6,20,27,.45)}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg>a{color:#AEB9BC}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .ein-detail .es-segs .zm-seg>a[aria-current]{background:rgba(204,208,207,.22); color:#eef1f1; box-shadow:inset 0 1px 0 rgba(204,208,207,.35)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(.knopf.klein,.knopf.zweit,.knopf2,.knopf.rand,.np-knopf.rand,.knopf.still,button.still,button.zweit,button.rand,.bl-knopf2,.ab-knopf){
  color:#eef1f1; background:rgba(74,92,106,.55); box-shadow:inset 0 1px 0 rgba(204,208,207,.3),0 6px 14px -8px rgba(0,0,0,.6)}

:root:not(#fb-0):not([data-design="klar"])[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:linear-gradient(180deg,rgba(74,92,106,.42),rgba(37,55,69,.30)) !important; box-shadow:inset 0 1px 0 rgba(204,208,207,.35),inset 1px 0 0 rgba(204,208,207,.12),inset 0 -1px 0 rgba(0,0,0,.25),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65) !important}
:root:not(#fb-0)[data-design="klar"][data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite .hilfe-fragen{background:#253745 !important; box-shadow:inset 0 1px 0 rgba(204,208,207,.16),0 0 0 .5px rgba(204,208,207,.10),0 2px 6px rgba(0,0,0,.25),0 24px 50px -18px rgba(0,0,0,.65) !important}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main .hi-seite :is(.hilfe-frage>summary,.hilfe-frage){color:#eef1f1; border-color:rgba(204,208,207,.12)}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(#np-konto,.np-umsatz) svg text{fill:#B7C2C5}
:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main :is(small,.np-zart,.ah-datum,time.ah-neben){color:#AEB9BC}

:root:not(#fb-0)[data-theme="auto"] body.np:not(#fb-1):not(#fb-2):not(#fb-3):not(#fb-4):not(#fb-5):not(#fb-6):not(#fb-7) main label.bs-kachel small{color:#CCD0CF}
}
:root{
 --m-rad:24px;            
 --m-pad-o:22px;          
 --m-pad-s:24px;          
 --m-pad-u:16px;          
 --m-abst:16px;           
 --m-kopf-abst:24px;      
 --m-kopf-pad-o:18px;     
 --m-luecke:10px;         
 --m-h1:34px; --m-h1-lh:41px; --m-h1-ls:-.022em;   
 --m-satz:17px; --m-satz-lh:22px;                   
 --m-kt:22px; --m-kt-lh:28px;                       
 --m-zt:17px; --m-zt-lh:22px;                       
 --m-text:15px; --m-text-lh:20px;                   
 --m-klein:13px; --m-klein-lh:18px;                 
 --m-gross:34px; --m-gross-lh:41px;                 
 --m-betrag:17px;                                   
 --m-knopf:42px; --m-knopf-fs:16px; --m-knopf-px:22px; 
 --m-sym:38px; --m-sym-rad:10px; --m-sym-abst:14px;  
 --m-zeile:64px; --m-zeile-py:10px;                 
 --m-schalter:38px; --m-schalter-k:32px; --m-schalter-fs:13px; 
 --m-chev:8.2px;          
 --m-kapsel:#4A5C6A;
 --m-tinte:#121815; --m-grau:#5b6560; --m-linie:rgba(18,24,21,.08);
 --m-zurueck-flaeche:#fff; --m-zurueck-pfeil:#1d1d1f; --m-zweit-bg:rgba(255,255,255,.85); --m-blatt:rgba(250,251,251,.94); --m-blatt-filter:blur(40px) saturate(1.6);
 --m-feld:rgba(155,168,171,.18); --m-feld-licht:rgba(255,255,255,.7); --m-wahl:rgba(18,24,21,.06); --m-gefahr:#D70015;  
}
:root[data-theme="dunkel"]{--m-tinte:#eef1f1; --m-grau:#AEB9BC; --m-linie:rgba(255,255,255,.1); --m-zurueck-flaeche:#2c2c2e; --m-zurueck-pfeil:#f5f5f7; --m-zweit-bg:rgba(255,255,255,.12); --m-blatt:rgba(28,34,38,.94); --m-feld:rgba(6,20,27,.40); --m-feld-licht:rgba(204,208,207,.10); --m-wahl:rgba(255,255,255,.08); --m-gefahr:#FF6961}@media (prefers-color-scheme:dark){:root[data-theme="auto"]{--m-tinte:#eef1f1; --m-grau:#AEB9BC; --m-linie:rgba(255,255,255,.1); --m-zurueck-flaeche:#2c2c2e; --m-zurueck-pfeil:#f5f5f7; --m-zweit-bg:rgba(255,255,255,.12); --m-blatt:rgba(28,34,38,.94); --m-feld:rgba(6,20,27,.40); --m-feld-licht:rgba(204,208,207,.10); --m-wahl:rgba(255,255,255,.08); --m-gefahr:#FF6961}}:root[data-design="klar"]{--m-blatt:#FFFFFF; --m-blatt-filter:none; --m-feld:rgba(118,118,128,.12); --m-feld-licht:transparent}:root[data-design="klar"][data-theme="dunkel"]{--m-zurueck-flaeche:#2c2c2e; --m-zurueck-pfeil:#f5f5f7; --m-blatt:#253745; --m-blatt-filter:none; --m-feld:rgba(255,255,255,.08); --m-feld-licht:transparent}@media (prefers-color-scheme:dark){:root[data-design="klar"][data-theme="auto"]{--m-zurueck-flaeche:#2c2c2e; --m-zurueck-pfeil:#f5f5f7; --m-blatt:#253745; --m-blatt-filter:none; --m-feld:rgba(255,255,255,.08); --m-feld-licht:transparent}}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pn-band{height:61.5px!important;box-sizing:border-box!important;padding:0 32px 0 48px!important;flex-wrap:nowrap!important;
 justify-content:space-between!important;align-items:center!important;white-space:nowrap}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pn-band>span[aria-hidden]{display:none!important}
@media (max-width:1400px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pn-band .pn-breit{display:none!important}}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pn-band>a{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;flex:none;color:var(--m-tinte)}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pn-band>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;line-height:1.3}


html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-suchzeile{display:flex;gap:var(--m-luecke);align-items:center;margin:0 0 4px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-suchzeile>*{margin:0!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-suchzeile .np-suche{flex:1;min-width:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-plus-leiste{width:42px!important;height:42px!important;padding:0!important;border-radius:999px!important;border:0;
 background:var(--m-kapsel)!important;background-image:none!important;color:#fff!important;display:grid;place-items:center;flex:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px -6px rgba(40,55,66,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-plus-leiste:focus-visible{outline:2.5px solid var(--m-kapsel);outline-offset:2px}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste .firmenwahl .name{hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}


html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste .np-mitte{overflow-x:hidden;overscroll-behavior-x:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste :is(.np-kopf>*,.np-suchzeile>*,.np-mitte>*,.np-nav>a,.firmenwahl>summary,.firmenwahl>summary>.np-zwei){min-width:0;max-width:100%;box-sizing:border-box}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste .np-nav>a>.wort{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-dimm{position:fixed;inset:0;background:rgba(20,28,32,.12);z-index:2147483000}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-dimm[hidden],html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue[hidden]{display:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:2147483001;
 overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;
 padding:max(48px,6vh) 24px 32px;box-sizing:border-box;color:var(--m-tinte);text-align:left;
 background:var(--m-blatt);-webkit-backdrop-filter:var(--m-blatt-filter);backdrop-filter:var(--m-blatt-filter)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue>h2,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue>form{width:100%;max-width:600px;flex:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-plus-zu{position:fixed;top:16px;right:16px;width:44px;height:44px;min-height:0;min-width:0;padding:0;margin:0;display:grid;place-items:center;
 border:0;border-radius:50%;cursor:pointer;background:var(--m-zweit-bg)!important;color:var(--m-tinte)!important;
 box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue h2{margin:0 0 16px!important;padding:0!important;font-size:var(--m-kt)!important;line-height:var(--m-kt-lh)!important;font-weight:600!important;
 letter-spacing:-.012em!important;color:var(--m-tinte)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue form{margin:0;padding:0;display:block}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-ablage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(38vh,340px);margin:0 0 6px;border:2px dashed rgba(74,92,106,.35);border-radius:16px;padding:16px;text-align:center;color:var(--m-grau);
 font-size:var(--m-text);line-height:var(--m-text-lh);font-weight:400;cursor:pointer;text-wrap:balance;background:none;box-shadow:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-ablage b{display:block;color:var(--m-tinte);font-size:var(--m-zt);font-weight:600;margin:8px 0 2px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-ablage .np-plus-ordner{display:inline-block;color:var(--m-kapsel);line-height:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-ablage.np-plus-ueber{border-color:var(--m-kapsel);background:rgba(74,92,106,.08)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-zeile{width:100%;max-width:none;display:flex;align-items:center;gap:var(--m-sym-abst);min-height:var(--m-zeile);padding:var(--m-zeile-py) 0;box-sizing:border-box;
 color:var(--m-tinte);position:relative}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-zeile+.np-plus-zeile::before{content:"";position:absolute;left:calc(var(--m-sym) + var(--m-sym-abst));right:0;top:0;border-top:1px solid var(--m-linie)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-sym{display:grid;place-items:center;width:var(--m-sym);height:var(--m-sym);border-radius:var(--m-sym-rad);color:#fff;flex:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px -3px rgba(0,0,0,.3)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-sym.tuerkis{background:linear-gradient(180deg,#4fd1c5,#16998d)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-sym.lila{background:linear-gradient(180deg,#9a8cff,#6656e6)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-sym.blau{background:linear-gradient(180deg,#6aa8ff,#2f6fe0)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-wer{flex:1;min-width:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-wer b{display:block;font-size:var(--m-zt)!important;line-height:var(--m-zt-lh)!important;font-weight:600!important;color:var(--m-tinte);text-wrap:pretty}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-wer small{display:block;font-size:var(--m-text)!important;line-height:var(--m-text-lh)!important;font-weight:400!important;color:var(--m-grau)!important;
 margin-top:2px;text-wrap:pretty}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-knoepfe{display:flex;align-items:center;gap:var(--m-luecke);margin-top:16px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--m-knopf);min-height:0;
 padding:0 var(--m-knopf-px);margin:0;border-radius:999px;box-sizing:border-box;font-size:var(--m-knopf-fs)!important;font-weight:600!important;
 line-height:20px!important;white-space:nowrap;flex:none;cursor:pointer;border:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-haupt{background:var(--m-kapsel);color:#fff!important;box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-haupt svg{color:#fff;margin-left:-4px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-zweit{background:var(--m-zweit-bg);color:var(--m-tinte)!important;box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-knopf:has(input:focus-visible){outline:2.5px solid var(--m-kapsel);outline-offset:2px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-versteckt{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip:rect(0 0 0 0);
 margin:0!important;padding:0!important;border:0!important;pointer-events:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-stand{margin:0;font-size:var(--m-klein);line-height:var(--m-klein-lh);color:var(--m-grau)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-stand:empty{display:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-stand:not(:empty){margin-top:10px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np form.np-plus-laedt .np-plus-ablage{opacity:.6}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue.np-plus-ziehen .np-plus-ablage{border-color:var(--m-kapsel);background:rgba(74,92,106,.08)}
@media (max-width:700px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue{padding:64px 16px 24px}html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-ablage{min-height:min(26vh,220px)}}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-plus-zu.np-plus-zurueck{left:16px;right:auto}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-menue:focus{outline:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-plus-unten{margin-top:24px;display:flex}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np form.np-plus-erledigt .np-plus-unten{display:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-knopf:has(input:focus:not(:focus-visible)){outline:none!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np label.np-plus-knopf:has(input:focus-visible){outline:2.5px solid var(--m-kapsel)!important;outline-offset:3px!important;box-shadow:none!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np :is(button.np-plus-zu,label.np-plus-abbrechen):focus:not(:focus-visible){outline:none}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-ort{display:flex;flex-direction:column;gap:12px;margin:0 0 12px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-ort[hidden],html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-ort:empty{display:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-ort.np-lese-frei{position:fixed;z-index:2147482990;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));margin:0}
@media (max-width:700px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-ort.np-lese-frei{left:12px;right:12px;width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);gap:8px}
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-frei .np-lese-punkte{display:none}html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-frei .np-lese-karte{padding:12px 12px 12px 14px}}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-karte{border-radius:24px;padding:14px 14px 14px 16px;background:var(--mz-kachel,rgba(255,255,255,.86));color:var(--mz-tinte,var(--m-tinte));
 -webkit-backdrop-filter:var(--mz-filter,blur(30px) saturate(180%));backdrop-filter:var(--mz-filter,blur(30px) saturate(180%));
 box-shadow:var(--mz-schatten,0 6px 18px -8px rgba(16,28,22,.16));text-align:left}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-reihe{display:flex;align-items:flex-start;gap:12px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-reihe>.gs-bsym{flex:none;width:38px;height:38px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-karte.fehler .np-lese-reihe>.gs-bsym,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-karte.fehler .np-lese-reihe>.gs-bsym[data-bereich]{background:var(--mz-rot,#BF3029)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-t{flex:1;min-width:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-kopf b{font-size:15px;line-height:1.3;font-weight:600;color:var(--mz-tinte,var(--m-tinte));overflow-wrap:anywhere}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-zahl{flex:none;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mz-zweit,var(--m-grau))}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-balken{height:6px;border-radius:3px;margin:8px 0 6px;background:rgba(118,124,121,.2);overflow:hidden}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-balken>i{display:block;height:100%;border-radius:3px;background:var(--bereich-belege,#1C9A95);transition:width .35s cubic-bezier(.2,.8,.2,1)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-satz{margin:0;font-size:14px;line-height:1.35;color:var(--mz-zweit,var(--m-grau))}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte>li{width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--mz-zeit,#7A847F);display:grid;place-items:center;
 font-size:10px;font-weight:700;line-height:1;color:#fff;margin:0;padding:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte>li.ok{border:0;background:var(--bereich-belege,#1C9A95)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte>li.fehler{border:0;background:var(--mz-rot,#BF3029)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte>li.liest{animation:np-lese-puls 1.4s ease-in-out infinite}
@keyframes np-lese-puls{50%{opacity:.35}}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np a.np-lese-weiter{display:inline-flex;align-items:center;height:36px;margin-top:10px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;
 text-decoration:none;background:var(--m-kapsel);color:#fff!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-lese-zu{flex:none;width:28px;height:28px;min-width:0;min-height:0;margin:-4px -4px 0 0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;
 cursor:pointer;background:var(--mz-tun,rgba(118,124,121,.16))!important;color:var(--mz-zweit,var(--m-grau))!important;box-shadow:none!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-lese-zu::after{content:"";position:absolute;inset:-8px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-lese-zu{position:relative}
@media (prefers-reduced-motion:reduce){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-balken>i{transition:none}html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-lese-punkte>li.liest{animation:none}}


html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-blase.wichtig>a.ah-mz-knopf,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-blase .np-blase-knopf,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .zw-knoepfe .zw-ja{background:var(--m-kapsel)!important;background-image:none!important;
 color:#fff!important;height:var(--m-knopf)!important;min-height:var(--m-knopf)!important;padding:0 var(--m-knopf-px)!important;font-size:var(--m-knopf-fs)!important;
 border-radius:999px!important;box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main#inhalt:is(:has(>.gd-geld>.gs-kopf:first-child),:has(>.abx>.gs-kopf:first-child),:has(>.fa>.fa-karte),[data-fa]){padding-top:0!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main#inhalt>.abx>.gs-kopf[data-gs-kopf]:first-child,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main#inhalt>.fa:has(>.fa-karte){margin-top:12px!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-blase.wichtig .np-mz-mehr{display:flex!important;float:none!important;justify-content:flex-start!important;width:auto!important;min-height:0!important;
 height:auto!important;margin:10px 0 0 50px!important;padding:0!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .np-blase .np-blase-knopf,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .zw-knoepfe .zw-ja{display:inline-flex!important;align-items:center!important}



@media (min-width:701px){
 html:not([data-leiste="zu"]):not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-ohr{left:calc(var(--np-breit) - 52px);top:26px;width:44px;height:44px;min-height:44px}
 html:not([data-leiste="zu"]):not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-ohr::before{left:6px;right:6px;top:6px;bottom:6px;width:auto;border-radius:50%;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 html:not([data-leiste="zu"]):not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-ohr:is(:hover,:focus-visible)::before{width:auto;background:var(--m-linie);box-shadow:none}
 html:not([data-leiste="zu"]):not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np button.np-ohr .np-ohr-punkte{left:16px;top:13px}
}

@media (min-width:701px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment:has(>.ax-reiter-mehr){overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}}

@media (max-width:700px){
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment:has(>.ax-reiter-mehr){-webkit-mask-image:none!important;mask-image:none!important}
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>.ax-reiter-mehr{position:sticky!important;right:0;z-index:1;flex:none;border-radius:999px;background:var(--m-blatt)}
}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-reiter.ax-segment>.ax-reiter-mehr>summary:focus{outline:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-reiter.ax-segment>.ax-reiter-mehr>summary:focus-visible{outline:2px solid rgba(155,168,171,.55);outline-offset:-2px;border-radius:999px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-reiter.ax-segment>.ax-reiter-mehr>summary{display:grid;place-items:center;border:0;box-shadow:none;border-radius:999px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main .gs-kopf[data-gs-kopf]:has(>nav.np-reiter>.ax-reiter-mehr[open]){z-index:30}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad a.np-zurueck{position:relative;width:44px;height:44px;margin-left:-6px;background:none;box-shadow:none;color:var(--m-tinte);isolation:isolate}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad a.np-zurueck::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;background:var(--m-zurueck-flaeche);
 box-shadow:0 4px 14px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.10)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad a.np-zurueck{color:var(--m-zurueck-pfeil)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad a.np-zurueck svg{width:20px;height:20px;stroke-width:2.5}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad a.np-zurueck:hover::before{background:color-mix(in oklab,var(--m-zurueck-flaeche) 92%,#000)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad{align-items:center}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main nav.np-pfad ol{align-items:center}
@media (min-width:701px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np main:has(>nav.np-pfad+.ein-split .as-seite)>nav.np-pfad{margin:12px 0 -8px 24px}}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-sheet{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-sheet>.rv-blattkopf{position:sticky;top:-10px;z-index:2;background:inherit}
html:has(body.np .c2-sheet:not([hidden])),body.np:has(.c2-sheet:not([hidden])){overflow:hidden}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .rd-k-felder :is(input,textarea,select){width:100%;max-width:none;box-sizing:border-box}

@media (min-width:700px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-sheet,html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pa-blatt{top:50%;bottom:auto;transform:translate(-50%,-50%);border-radius:28px;max-height:calc(100dvh - 48px);overflow:auto}
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c1-blatt-grund{align-items:center}
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c1-blatt{border-radius:28px;max-height:calc(100dvh - 48px);overflow:auto}
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .pa-blatt.an{transform:translate(-50%,-50%)}
 
 html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-sheet .c2-griff{display:none!important}}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-griff:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;border-color:transparent!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np .c2-griff:focus-visible{outline:2px solid rgba(0,0,0,.28)!important;outline-offset:-2px;border-radius:10px;box-shadow:none!important}



html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste :is(.firmenwahl>summary,button.np-suche){background:var(--m-feld)!important;background-image:none!important;
 box-shadow:inset 0 1px 0 var(--m-feld-licht)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste button.np-suche{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:999px!important;
 gap:8px;font-size:15px!important;line-height:20px;color:var(--m-grau)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste .np-suchzeile{margin:8px 0 6px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste button.np-plus-leiste{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px;max-height:36px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np #np-leiste button.np-plus-leiste svg{width:20px;height:20px}

html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche{padding:0!important;width:min(640px,calc(100vw - 24px))!important;max-height:min(640px,calc(100dvh - 48px))!important;
 overflow:hidden!important;border-radius:24px!important;flex-direction:column;box-sizing:border-box}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche[open]{display:flex!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-kopf{flex:none;display:flex;align-items:center;gap:10px;height:52px;margin:12px 12px 4px;padding:0 18px;
 border-radius:999px;background:var(--m-feld);box-shadow:inset 0 1px 2px rgba(18,24,21,.08),inset 0 -1px 0 var(--m-feld-licht);color:var(--m-grau);cursor:text}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-lupe{display:grid;place-items:center;flex:none;line-height:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-kopf input.such-eingabe{all:unset;flex:1 1 auto;min-width:0;height:52px;min-height:0;margin:0;padding:0;
 font-size:17px!important;line-height:22px;color:var(--m-tinte);background:none!important;box-shadow:none!important;border:0!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-kopf input.such-eingabe::placeholder{color:var(--m-grau);opacity:1}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-kopf:focus-within{box-shadow:inset 0 1px 2px rgba(18,24,21,.08),0 0 0 2px rgba(74,92,106,.45)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-kopf input.such-eingabe::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:2px 10px 10px;max-height:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-liste li.such-abschnitt{display:block;margin:0;padding:12px 10px 4px;font-size:12px!important;line-height:16px;font-weight:600;
 letter-spacing:.04em;text-transform:uppercase;color:var(--m-grau);background:none!important;cursor:default;min-height:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-liste li.such-zeile{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;margin:0;padding:6px 10px;
 border-radius:12px;cursor:pointer;background:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-liste li.such-zeile:is([aria-selected="true"],:hover){background:var(--m-wahl)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-sym{flex:none;display:grid;place-items:center;width:30px;height:30px}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-sym>*{width:30px!important;height:30px!important;min-width:0;margin:0!important;padding:0!important;border-radius:8px!important;
 display:grid!important;place-items:center;box-sizing:border-box;font-size:12px!important;font-weight:700;line-height:1;letter-spacing:0}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-sym>.np-kreis{border-radius:50%!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-sym>:not(.np-kreis){color:#fff}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-sym svg{display:block;width:18px!important;height:18px!important;margin:0;padding:0;stroke:currentColor;color:#fff}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-titel{display:block;flex:1 1 auto;min-width:0;font-size:15px!important;line-height:20px;font-weight:600;color:var(--m-tinte);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-zusatz{display:block;font-size:13px!important;line-height:18px;font-weight:400;color:var(--m-grau);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-gruppe{display:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche li.such-gefahr .such-titel{color:var(--m-gefahr)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche li.such-gefahr .such-sym>*{background:#FF3B30!important;color:#fff!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche li.such-frage{background:rgba(255,59,48,.12)!important}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche li.such-frage .such-zusatz{white-space:normal}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-leer{padding:18px 12px;color:var(--m-grau);list-style:none}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-fuss{flex:none;display:flex;align-items:center;gap:6px;margin:0;padding:10px 20px 12px;border-top:1px solid var(--m-linie);
 font-size:12px!important;line-height:18px;color:var(--m-grau)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-fuss kbd{font:inherit;font-size:11px;min-width:0;padding:0 6px;border:0;border-radius:6px;background:var(--m-feld);box-shadow:none;color:var(--m-grau)}
html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-fuss .such-hilfe{margin-left:auto;color:var(--m-grau);font-size:13px}
@media (hover:none),(pointer:coarse){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche .such-tasten{display:none}}
@media (max-width:700px){html:not(#lf-1):not(#lf-2):not(#lf-3):not(#lf-4):not(#lf-5):not(#lf-6) body.np dialog.schnellsuche{margin:12px auto auto!important;max-height:calc(100dvh - 24px)!important}}

body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(.hauptknopf,button:not([class]):not([type=button])),body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main #steuernummer form.np-stnr button,
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main section.np-karte[data-np-kontostand="kein-konto"] a.np-knopf{
  display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; padding:0 22px;
  border:0; border-radius:999px; font-size:16px; font-weight:600; text-decoration:none;
  color:#FFFFFF; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f);
  box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); filter:none}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(.knopf2,button.zweit,button.knopf:not(.hauptknopf),span.knopf:not(.hauptknopf),.np-knopf.rand){
  display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; padding:0 22px;
  border:0; border-radius:999px; font-size:16px; font-weight:600; text-decoration:none;
  color:#11212D; background:#FFFFFF;
  box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06); filter:none}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(.hauptknopf,.knopf2,.zweit,.knopf,button):focus-visible{outline:2px solid #4A5C6A; outline-offset:2px}

body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] .firmenfrage-wahl :is(button.knopf,button.zweit){color:#4A5C6A}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(p,li,dd,span) a:not([class]){color:#4A5C6A}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] .iw-antwort:not(.iw-acht){border:0}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] .iw-frage{border-top-color:var(--np-linie,rgba(6,20,27,.08))}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] .iw-frage>form,body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] .iw-frage>form>button{margin:0}
body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] details.zahl-i>summary>span{background:rgba(155,168,171,.22)}

body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(form.karte,form.ae-form.np-karte,.iw-antwort){border-radius:24px; padding:22px 24px 16px}
:root[data-theme="dunkel"] body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(p,li,dd,span) a:not([class]){color:#CCD0CF}
@media (prefers-color-scheme:dark){:root[data-theme="auto"] body.np:not(#ein-1):not(#ein-2):not(#ein-3):not(#ein-4) main[data-einrichtung] :is(p,li,dd,span) a:not([class]){color:#CCD0CF}}
:root{--pf-zweit-bg:#FFFFFF; --pf-zweit-tx:#11212D; --pf-link:#4A5C6A; --pf-menue:#FBFCFC; --pf-menue-linie:rgba(6,20,27,.08); --pf-seg-tx:#5b6560; --pf-band-tx:#4A535A; --pf-band-link:#285A0E}:root[data-theme="dunkel"]{--pf-zweit-bg:rgba(255,255,255,.12); --pf-zweit-tx:#EEF1F1; --pf-link:#CCD0CF; --pf-menue:#1B2A35; --pf-menue-linie:rgba(255,255,255,.1); --pf-seg-tx:#CBD3D6; --pf-band-tx:#C9D0D3; --pf-band-link:#A6DC88}@media (prefers-color-scheme:dark){:root[data-theme="auto"]{--pf-zweit-bg:rgba(255,255,255,.12); --pf-zweit-tx:#EEF1F1; --pf-link:#CCD0CF; --pf-menue:#1B2A35; --pf-menue-linie:rgba(255,255,255,.1); --pf-seg-tx:#CBD3D6; --pf-band-tx:#C9D0D3; --pf-band-link:#A6DC88}}:root[data-design="klar"][data-theme="dunkel"]{--pf-menue:#253745; --pf-seg-tx:#E2E7E9}@media (prefers-color-scheme:dark){:root[data-design="klar"][data-theme="auto"]{--pf-menue:#253745; --pf-seg-tx:#E2E7E9}}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog){--knopf:#4A5C6A; --knopf-tief:#41525f; --np-link:var(--pf-link); --lg-gruen:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-f:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-fh:linear-gradient(180deg,#687b89,#4f6270 55%,#465765); --lg-gruen-hoch:linear-gradient(180deg,#687b89,#4f6270 55%,#465765); --lg-gruen-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); --lg-gruen-schatten-hoch:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); --auf-knopf:#fff; --knopf-zweit:var(--pf-zweit-tx); --ap-akzent-text:var(--pf-link); --ap-schlicht:var(--pf-zweit-bg); --io-zweit:var(--pf-zweit-bg); --io-zweit-hoch:var(--pf-zweit-bg); --io-zweit-text:var(--pf-zweit-tx)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]),html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]){box-sizing:border-box; height:var(--m-knopf); min-height:var(--m-knopf);
 padding-block:0; padding-inline:var(--m-knopf-px); border-radius:999px; font-size:var(--m-knopf-fs); font-weight:600; line-height:20px;
 display:inline-flex; align-items:center; justify-content:center; gap:6px; text-decoration:none; filter:none}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(:is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit)):not(.rot):not(.np-rot):not(.np-rot-voll){color:#fff; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); border:0; box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(:is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit)):not(.rot):not(.np-rot):not(.np-rot-voll):hover{background:linear-gradient(180deg,#687b89,#4f6270 55%,#465765)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(.rot):not(.np-rot):not(.np-rot-voll),html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:has(.hauptknopf)>:not(dialog) .knopf:not(.hauptknopf):not(.rot){
 color:var(--pf-zweit-tx); background:var(--pf-zweit-bg); border:0; box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit):not(.rot):hover{background:var(--pf-zweit-bg); box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06),0 0 0 1px rgba(74,92,106,.25)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(:is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])),:is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit)) svg{flex:none}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(:is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])),:is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit)):focus-visible{outline:2px solid var(--gs-fokus); outline-offset:2px}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) details[open]>:is(.ap-menue-inhalt,.gs-menue,.st-menue,.np-ra-menue,.ah-menue,.np-lohn-menue>div,[role=menu]){background:var(--pf-menue); -webkit-backdrop-filter:none; backdrop-filter:none; border-radius:18px;
 box-shadow:0 0 0 .5px var(--pf-menue-linie),0 18px 48px -12px rgba(6,20,27,.35); padding:6px}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) details[open]>:is(.ap-menue-inhalt,.gs-menue,.st-menue,.np-ra-menue,.ah-menue,.np-lohn-menue>div,[role=menu])>:is(a,button,[role=menuitem]){min-height:44px; border-radius:12px}
@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) details[open]>:is(.ap-menue-inhalt,.gs-menue,.st-menue,.np-ra-menue,.ah-menue,.np-lohn-menue>div,[role=menu]){position:fixed; inset:auto 8px calc(76px + env(safe-area-inset-bottom)) 8px; top:auto; left:8px; right:8px;
  width:auto; min-width:0; max-width:none; height:auto; max-height:calc(100dvh - 160px); overflow:auto; z-index:2147482000; margin:0;
  border-radius:24px; padding:8px; transform:none}
}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)):has(.gs-kopf[data-gs-kopf]){padding-top:0!important}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .gs-kopf[data-gs-kopf]{margin-top:12px!important; margin-bottom:var(--m-kopf-abst)!important}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter:not([hidden]){display:flex!important; flex-wrap:nowrap; grid-template-columns:none;
 width:100%!important; max-width:none!important; justify-self:stretch!important; box-sizing:border-box; height:var(--m-schalter); padding:3px;
 margin:16px 0 0!important; gap:0; border:0; border-radius:999px; background:rgba(155,168,171,.22); box-shadow:none;
 overflow-x:auto; overflow-y:hidden; scrollbar-width:none}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter:not([hidden])>:is(a,details){flex:1 0 0; min-width:max-content}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter>a{display:flex; align-items:center; justify-content:center; height:var(--m-schalter-k); min-height:0;
 padding:0 13px; border-radius:999px; font-size:var(--m-schalter-fs); line-height:18px; font-weight:600; white-space:nowrap;
 color:var(--pf-seg-tx); background:none; box-shadow:none; text-decoration:none}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter>a[aria-current]{background:var(--io-seg-wahl,#fff); color:var(--np-tinte);
 box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}

@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter:has(>details.gs-seg-mehr)>a:nth-of-type(n+4):not([aria-current]){display:none}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment>a:is(.ax-s2,.ax-s3,.ax-s4):not([aria-current]){display:none}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter.ax-segment:has(>a[aria-current]:is(.ax-s2,.ax-s3,.ax-s4))>a.ax-s1{display:none}
}


@media (min-width:701px) and (max-width:1679px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf] :is(form.np-suchleiste,form[class*="suche"],details.np-filter,.np-blaettern,.gs-zeitwahl,.np-ablage-zeit,
  .hauptknopf,.ah-hauptknopf,a.rv-haupt,.gk-knoepfe>a.np-knopf,details.ap-plus,label.aa-knopf,.gs-kopf-haupt,.gs-kopf-text,.st-haupt,.ax-werkzeug>a.gs-knopf,.np-rechts>a.np-knopf,.np-rechts>form,
  details.st-wahl,details.ax-wahl,details.gs-mehr,details.ap-punkte,details.np-ra-mehr,details.aa-mehr,details.ah-mehr,details.st-mehr,details.np-lohn-menue):not(.ax-reiter-mehr,nav *){
  margin-left:0!important; margin-right:12px!important} 
}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) :is(.np-karte,.karte,.c2-karte,.bl-karte,.gs-liste,.ggf-liste,.fest-liste,.np-liste,.bank-zeilen,.ax-liste,.se-liste,.rv-zeilen,.gb-gruppe,
 .ek-insel,.mk-kopf,.geld-hinweis,.geldkacheln,.gk-gruppe,.np-ablage,.se-knopf,.kontaktkarte,.hilfe-block,.hilfe-fragen,.np-re-klapp,
 .hinweise-hier,.iw-flaeche,.gd-karte-k,.gd-karte-plus,.fa-karte){border-radius:var(--m-rad)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) :is(.np-karte:not(main[data-ggf] *),.c2-karte,.bl-karte,.mk-kopf,.geld-hinweis,.se-knopf,.np-ablage,.kontaktkarte,.ek-insel){padding-inline:var(--m-pad-s)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:is(.np-karte,.karte,.c2-karte,.bl-karte,section,.gs-liste),
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>div:not([class*=raster]):not([class*=gitter])>:is(.np-karte,.karte,.c2-karte,.bl-karte,.gs-liste,.ggf-liste,.fest-liste,.np-liste,.bank-zeilen,.ax-liste,.se-liste,.rv-zeilen){
 margin-top:0; margin-bottom:var(--m-abst)}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main .ah-home .ah-raster>.np-geld{margin:0}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np:has(.pn-band) .np-oben-rechts{top:calc(61.5px + 12px)}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle .np-f-kopf{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle .np-f-kopf>h2{grid-column:2; text-align:center}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle .np-f-kopf>.ah-fertig{grid-column:3; justify-self:end}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np details.firmenwahl>.np-menue{background:var(--pf-menue)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
 border-radius:18px; box-shadow:0 0 0 .5px var(--pf-menue-linie),0 18px 48px -12px rgba(6,20,27,.35)!important}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np details.firmenwahl>.np-menue>a{min-height:44px; border-radius:12px}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np details.firmenwahl>.np-menue>a[aria-current]{color:var(--np-tinte); background:rgba(155,168,171,.22)}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-spaeter-wahl{background:var(--pf-menue)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; border-radius:18px!important;
 box-shadow:0 0 0 .5px var(--pf-menue-linie),0 18px 48px -12px rgba(6,20,27,.35)!important; z-index:30}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-spaeter-wahl .np-knopf{height:var(--m-knopf); min-height:var(--m-knopf)!important; border-radius:999px; border:0; font-size:var(--m-knopf-fs); font-weight:600;
 color:#fff!important; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)!important; box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)!important}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-spaeter-wahl button.np-zeile{color:var(--np-tinte)}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) :is(.rv-leer,.gs-leer,.gk-leer){background:var(--lg-flaeche); -webkit-backdrop-filter:var(--lg-filter); backdrop-filter:var(--lg-filter);
 box-shadow:var(--lg-kanten),var(--lg-aussen); border-radius:var(--m-rad); padding:32px var(--m-pad-s) 24px; margin:0 0 var(--m-abst); box-sizing:border-box;
 width:100%; max-width:none; justify-self:stretch; align-self:stretch}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .ah-er-liste>.gs-zeile.ah-er-zeile:not(:has(>.gs-symbol)){grid-template-columns:minmax(0,1fr) auto auto}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .gs-liste>.gs-zeile{padding-inline:var(--m-pad-s)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) :is(h2.st-abschnitt,p.ax-abschnitt,.gk-teil>h2,h2.gb-abschnitt){padding-inline:var(--m-pad-s); box-sizing:border-box}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .hilfeseite h2.as-teiltitel{font-size:var(--m-klein); font-weight:600; color:var(--ap-zweit,#5b6560)}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf] .st-kopf-h{flex-wrap:wrap; min-width:0}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf] .st-kopf-h>h1{min-width:0; flex:0 1 auto; overflow-wrap:break-word; hyphens:auto}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .af.af-js.af-auf .af-liste{background:var(--pf-menue)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
 border-radius:18px; box-shadow:0 0 0 .5px var(--pf-menue-linie),0 18px 48px -12px rgba(6,20,27,.35)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .af .af-liste .af-zeile[aria-selected="true"]:is([data-wert=""],:not([data-wert])){background:none!important; padding-right:12px}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main[data-einrichtung] .af .af-feld>input{font-size:15px}



html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt dialog.ein-blatt .ein-blatt-kopf>button.gs-knopf--text:not(#rk-a):not(#rk-b){color:var(--ap-akzent-text)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt button.gb-weg:not(#rk-a):not(#rk-b){display:none}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt main[data-rq] details.rq-mehr,html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt[data-rq] details.rq-mehr{margin:0!important}

@media (min-width:1200px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split,.km-seite)):not(:has(>.np-boss))>*:not(dialog,form.np-auswahl){max-width:calc(100vw - 744px); box-sizing:border-box}
}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf] .gk-mini{grid-row:4!important; grid-column:voll/ende!important; justify-self:start; margin:12px 0 0!important}
}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .se-liste>li{grid-template-columns:auto minmax(0,1fr)!important}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .se-liste>li>.se-tun{grid-column:2!important; grid-row:auto!important; flex-direction:row!important; justify-content:flex-start; flex-wrap:wrap; gap:10px; margin-top:8px}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .se-liste .se-tun>:is(a,button){width:auto!important; padding-inline:16px!important; flex:none}
}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .hilfeseite .as-kopf h1{font-size:var(--m-h1); line-height:var(--m-h1-lh); font-weight:700; letter-spacing:var(--m-h1-ls)}
@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .hilfeseite form.as-suche{flex-wrap:wrap; gap:10px}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .hilfeseite form.as-suche>input:not([type=hidden]){flex:1 1 100%; width:100%}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .hilfeseite form.as-suche>button{flex:1 1 100%; width:100%}
}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .pn-band>span{color:var(--pf-band-tx)!important}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .pn-band>a{color:var(--pf-band-link)!important}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .gd-label details.np-info{width:16px; min-width:16px; margin-left:6px; justify-content:center}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment{border-radius:999px; padding:3px; gap:0; background:rgba(155,168,171,.22)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>label.wahlfeld{min-height:var(--m-schalter-k); height:var(--m-schalter-k); border-radius:999px; padding:0 14px; font-size:15px}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>label.wahlfeld:is(.gewaehlt,:has(input:checked)){background:var(--io-seg-wahl,#fff); box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main .gs-kopf[data-gs-kopf] .ah-werkzeug>.ah-kapsel{grid-column:voll/ende!important; grid-row:4!important; justify-self:stretch!important;
  display:flex!important; width:100%; box-sizing:border-box; margin:12px 0 0!important}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main .ah-home .ah-kapsel>a.np-knopf{flex:1 1 0; width:auto!important; min-width:0; padding:0 8px!important; gap:6px; font-size:15px!important}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main .ah-home .ah-kapsel>a.np-knopf svg{display:none}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main .ah-home .ah-kapsel>a.np-knopf .ah-wort{position:static!important; width:auto!important; height:auto!important; overflow:visible!important;
  clip-path:none!important; white-space:nowrap}
}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail{--knopf:#4A5C6A; --knopf-tief:#41525f; --np-link:var(--pf-link); --lg-gruen:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-f:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-fh:linear-gradient(180deg,#687b89,#4f6270 55%,#465765); --lg-gruen-hoch:linear-gradient(180deg,#687b89,#4f6270 55%,#465765); --lg-gruen-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); --lg-gruen-schatten-hoch:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); --auf-knopf:#fff; --knopf-zweit:var(--pf-zweit-tx); --ap-akzent-text:var(--pf-link); --ap-schlicht:var(--pf-zweit-bg); --io-zweit:var(--pf-zweit-bg); --io-zweit-hoch:var(--pf-zweit-bg); --io-zweit-text:var(--pf-zweit-tx)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail .as-seite{--as-akzent:var(--pf-link); --akzent-lese:var(--pf-link)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail :is(a.knopf.klein,a.knopf2,a.knopf.zweit,button.knopf2:not([type=submit])):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(.rot):not(.warnung){color:var(--pf-zweit-tx); background:var(--pf-zweit-bg); border:0; box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail :is(a.knopf.klein,a.knopf2,a.knopf.zweit):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(.rot):not(.warnung):hover{background:var(--pf-zweit-bg); box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06),0 0 0 1px rgba(74,92,106,.25)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail :is(a.nebenweg,p.wegzeile a,.np-pfad a,p a:not([class]),small a:not([class])){color:var(--pf-link)}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail details.eg-klappe[open]>.inhalt>.karte{padding:16px var(--m-pad-s,24px); margin:0 0 var(--m-abst,16px); box-sizing:border-box}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) details.bl-mehr>summary{color:var(--pf-zweit-tx)}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-zentrale .np-marke2{color:var(--pf-link)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) details.np-bank-mehr>summary{color:var(--pf-link)}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .c2-a4 .c2-fehlt-bank{color:var(--np-tinte); font-weight:600}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .gd-kreis.gd-f5{background:#c8372a}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .gd-kreis.gd-f6{background:#127a70}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .gd-kreis.gd-f7{background:#2a7d37}


@media (min-width:1200px) and (max-width:1559px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np:has(.ein-split:not(.zm-ohne-liste)) #np-zentrale{display:none}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np:has(.ein-split:not(.zm-ohne-liste)) button.np-glocke{display:inline-flex}
}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .pb-z>.pb-betrag{min-width:0}
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .pb-z>.pb-wer b{overflow-wrap:anywhere}
}


@media (min-width:701px){html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) .gs-kopf-voll.gs-kopf-voll.gs-kopf-voll{display:none}}

@media (max-width:700px){html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:has(.gs-kopf-voll) .gs-kopf[data-gs-kopf] .gs-kopf-text.gs-kopf-text.gs-kopf-text{display:none}}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment{position:relative; align-items:center}
html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>details.wahl-i{position:static; flex:none; align-self:center; margin:0 6px 0 8px; order:9}


html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-pfad a{text-decoration:none}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt:has(.gs-kopf-voll) .gs-kopf[data-gs-kopf] .np-st-leiste>.gs-kopf-text{display:none}
}

html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split>.ein-detail :is(.karte,.np-karte)>h2.eg-abschnitt:first-child{margin:0 0 8px}

@media (min-width:1200px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split.zm-ohne-liste,html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-split.zm-ohne-liste>.ein-detail{max-width:calc(100vw - 744px)}
}


@media (max-width:700px){
 html:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt :is(div.mk-kopf>.mk-satz,.mk-satz,.st-kopf .st-kopf-z,.gb-wer small,.geld-meta,.geld-klein,.geldkachel .was,.ah-er-text small,
  .geld-titel,li.np-st-termin .np-t>b,.np-bank-ausblick .np-t>b,.ggf-t>small,.np-bank-unter p.fein){
  white-space:normal; overflow:visible; text-overflow:clip; -webkit-line-clamp:unset; display:block}
}


:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle{--mz-tinte:#121815; --mz-zweit:#5b6560; --mz-zeit:#5b6560; --mz-tun:rgba(6,20,27,.06); color:#121815;
 background:var(--m-blatt); -webkit-backdrop-filter:var(--m-blatt-filter); backdrop-filter:var(--m-blatt-filter)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle :is(.np-f-kopf,.np-f-leib,.ah-blatt-titel,.ah-fertig,.np-zeile,.ah-weg,h2){color:#121815}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle .ah-zahl{color:#5b6560}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-stapel-kopf>span{color:#3C4540}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle :is(a.np-zeile,nav.ah-wege){background:#fff; box-shadow:0 0 0 .5px rgba(6,20,27,.08),0 3px 10px -4px rgba(6,20,27,.18)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle a.np-zeile :is(small,span,time){color:#5b6560}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle a.np-zeile b{color:#121815}

:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail h2.eg-abschnitt,:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail .hi-seite .as-teiltitel{color:#5F6B70}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-zentrale .zw-r:not(.an){color:#3F4F5B}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-zentrale .zw-r>span{color:#5b6560}

:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main p.lauf-hinweis{color:#3F4F5B; background:rgba(255,255,255,.62); border-color:rgba(6,20,27,.08)}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main p.lauf-hinweis .lauf-punkt{background:#4A5C6A; opacity:1}
@media (prefers-color-scheme:light){

:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle{--mz-tinte:#121815; --mz-zweit:#5b6560; --mz-zeit:#5b6560; --mz-tun:rgba(6,20,27,.06); color:#121815;
 background:var(--m-blatt); -webkit-backdrop-filter:var(--m-blatt-filter); backdrop-filter:var(--m-blatt-filter)}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle :is(.np-f-kopf,.np-f-leib,.ah-blatt-titel,.ah-fertig,.np-zeile,.ah-weg,h2){color:#121815}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle .ah-zahl{color:#5b6560}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-stapel-kopf>span{color:#3C4540}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle :is(a.np-zeile,nav.ah-wege){background:#fff; box-shadow:0 0 0 .5px rgba(6,20,27,.08),0 3px 10px -4px rgba(6,20,27,.18)}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle a.np-zeile :is(small,span,time){color:#5b6560}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np dialog#np-alle a.np-zeile b{color:#121815}

:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail h2.eg-abschnitt,:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail .hi-seite .as-teiltitel{color:#5F6B70}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-zentrale .zw-r:not(.an){color:#3F4F5B}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np .np-zentrale .zw-r>span{color:#5b6560}

:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main p.lauf-hinweis{color:#3F4F5B; background:rgba(255,255,255,.62); border-color:rgba(6,20,27,.08)}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main p.lauf-hinweis .lauf-punkt{background:#4A5C6A; opacity:1}
}
:root[data-design="klar"][data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt nav.np-reiter>a:not([aria-current]){color:#D5DCDF}
:root[data-design="klar"][data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt nav.rq-reiter{--rq-grau:#D5DCDF}
:root[data-design="klar"][data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np details.firmenwahl .np-kreis{color:#fff}
@media (prefers-color-scheme:dark){
:root[data-design="klar"][data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt nav.np-reiter>a:not([aria-current]){color:#D5DCDF}
:root[data-design="klar"][data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt nav.rq-reiter{--rq-grau:#D5DCDF}
:root[data-design="klar"][data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np details.firmenwahl .np-kreis{color:#fff}
}
:root[data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt label.be-haken{background:rgba(255,255,255,.08)!important; color:#EEF1F1}
:root[data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np button.np-glocke>em{background:#C8352B}
:root[data-theme="dunkel"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail .np-pk-tat button.warnung{color:#FFB3AB}
@media (prefers-color-scheme:dark){
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt label.be-haken{background:rgba(255,255,255,.08)!important; color:#EEF1F1}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np button.np-glocke>em{background:#C8352B}
:root[data-theme="auto"]:not(#pf-1):not(#pf-2):not(#pf-3):not(#pf-4):not(#pf-5):not(#pf-6):not(#pf-7):not(#pf-8) body.np main#inhalt .ein-detail .np-pk-tat button.warnung{color:#FFB3AB}
}html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-suchzeile button.np-suche.suchknopf{box-sizing:border-box!important; height:44px!important; border-top:4px solid transparent!important; border-bottom:4px solid transparent!important; background-clip:padding-box!important; margin-top:-4px!important; margin-bottom:-4px!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-suchzeile button.np-plus-leiste{box-sizing:border-box!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:none!important; max-height:none!important; border:4px solid transparent!important; background-clip:padding-box!important; margin:-4px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px -10px rgba(40,55,66,.6)!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .zw-reiter button.zw-r{box-sizing:border-box!important; height:44px!important; border:5px solid transparent!important; background-clip:padding-box!important; margin:-5px!important}
:root:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .zw-reiter button.zw-r.an{box-shadow:inset 0 1px 0 #fff,0 2px 6px -5px rgba(6,20,27,.15)!important}
@media (prefers-color-scheme:light){:root[data-theme="auto"]:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .zw-reiter button.zw-r.an{box-shadow:inset 0 1px 0 #fff,0 2px 6px -5px rgba(6,20,27,.15)!important}}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .zw-reiter button.zw-r:not(.an){box-shadow:none!important; background-color:transparent!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-rechtliches a{min-height:44px!important}

html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf,.np-knopf,.hauptknopf,.gs-knopf,.ab-knopf,.bl-knopf,input[type=submit],form button:not([class])):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(.hs-knopfzeile a),html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt:not(:has(.ein-split))>:not(dialog) :is(.knopf.klein,button.still,.knopf.still,.knopf.zweit,button.zweit,.knopf2,.knopf.rand,button.rand,.np-knopf.rand,.bl-knopf2,.ab-knopf,button.fa-antwort,a.bl-reiterknopf,.gs-knopf--zweit,.knopf-zweit):not(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option]):not(.hs-knopfzeile a),html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-blase.wichtig>a.ah-mz-knopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-blase .np-blase-knopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .zw-knoepfe .zw-ja,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np label.np-plus-knopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-spaeter-wahl .np-knopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(a,button,summary).pb-kapsel,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(a,button).pb-zweit.pb-wahl,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) label.pb-suche,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] :is(a,button,summary).pb-kapsel,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] :is(a,button).pb-zweit.pb-wahl,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] #np-fa-stnr form.np-stnr button,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rv-leer a.np-knopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) a#np-ab-knopf{box-sizing:border-box!important; min-height:44px!important; border-top:1px solid transparent!important; border-bottom:1px solid transparent!important; background-clip:padding-box!important; margin-bottom:-2px!important; translate:0 -1px!important}
@media (min-width:701px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] a.rq-kapsel,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] .rq-suche{box-sizing:border-box!important; min-height:44px!important; border-top:1px solid transparent!important; border-bottom:1px solid transparent!important; background-clip:padding-box!important; margin-bottom:-2px!important; translate:0 -1px!important}}
@media (min-width:1025px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-kapsel,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-kapsel{box-sizing:border-box!important; min-height:44px!important; border-top:1px solid transparent!important; border-bottom:1px solid transparent!important; background-clip:padding-box!important; margin-bottom:-2px!important; translate:0 -1px!important}}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) :is(button,summary).pb-rund-leise{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}
@media (min-width:701px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] details.rq-mehr>summary.rq-rund-leise{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}}
@media (min-width:1101px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main .abx:not(#abx-1):not(#abx-2):not(#abx-3):not(#abx-4) .gs-kopf[data-gs-kopf] details.abx-mehr>summary{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}}
@media (min-width:1025px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-rund-leise,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) #gd-konto .gd-rund-leise,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) #gd-suche .gd-rund-leise,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug summary.np-ra-mehrknopf,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-karte-k .np-bank-rund{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}}
@media (min-width:701px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] .pb-kopf-zeile .st-mehrknopf{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}}
@media (max-width:1024px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld .gd-werkzeug summary.np-ra-mehrknopf{box-sizing:border-box!important; min-width:44px!important; border-left:1px solid transparent!important; border-right:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; translate:-1px 0!important; border-radius:22px/21px!important}}
@media (max-width:700px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] .pb-kopf-zeile .st-mehrknopf{box-sizing:border-box!important; min-width:44px!important; border-left:1px solid transparent!important; border-right:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; translate:-1px 0!important; border-radius:22px/21px!important}}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np .np-blase.wichtig>button.np-mz-mehr{border-top:9px solid transparent!important; border-bottom:16px solid transparent!important; margin-bottom:-25px!important; translate:0 -9px!important}
@container (max-width:340px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-kopf-zeile summary.pb-kapsel{box-sizing:border-box!important; min-width:44px!important; min-height:44px!important; border:1px solid transparent!important; background-clip:padding-box!important; margin-right:-2px!important; margin-bottom:-2px!important; translate:-1px -1px!important}}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter>a,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter a,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] .pb-reiter a,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>label.wahlfeld{box-sizing:border-box!important; min-height:44px!important; border-top:6px solid transparent!important; border-bottom:6px solid transparent!important; margin-top:-6px!important; margin-bottom:-6px!important; background-clip:padding-box!important; border-radius:16px/22px!important}
@media (min-width:1025px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a{box-sizing:border-box!important; min-height:44px!important; border-top:6px solid transparent!important; border-bottom:6px solid transparent!important; margin-top:-6px!important; margin-bottom:-6px!important; background-clip:padding-box!important; border-radius:16px/22px!important}}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter:not([hidden]){background-color:transparent!important; background-image:radial-gradient(circle 19px at 100% 50%,rgba(155,168,171,.22) 18.6px,transparent 19.4px),radial-gradient(circle 19px at 0 50%,rgba(155,168,171,.22) 18.6px,transparent 19.4px),linear-gradient(rgba(155,168,171,.22),rgba(155,168,171,.22))!important; background-size:19px 38px,19px 38px,calc(100% - 38px) 38px!important; background-position:left center,right center,center!important; background-repeat:no-repeat!important; background-origin:border-box!important; background-clip:border-box!important; height:50px!important; padding-top:9px!important; padding-bottom:9px!important; margin-top:10px!important; margin-bottom:-6px!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter{background-color:transparent!important; background-image:radial-gradient(circle 19px at 100% 50%,var(--rq-flaeche) 18.6px,transparent 19.4px),radial-gradient(circle 19px at 0 50%,var(--rq-flaeche) 18.6px,transparent 19.4px),linear-gradient(var(--rq-flaeche),var(--rq-flaeche))!important; background-size:19px 38px,19px 38px,calc(100% - 38px) 38px!important; background-position:left center,right center,center!important; background-repeat:no-repeat!important; background-origin:border-box!important; background-clip:border-box!important; height:50px!important; padding-top:9px!important; padding-bottom:9px!important; margin-top:10px!important; margin-bottom:-6px!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter>a[aria-current],html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter a[aria-current],html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] .pb-reiter a[aria-current],html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a[aria-current],html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>label.wahlfeld:is(.gewaehlt,:has(input:checked)){box-shadow:none!important; position:relative!important; overflow:clip!important; overflow-clip-margin:12px!important}
html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt .gs-kopf[data-gs-kopf]>nav.np-reiter>a[aria-current]::after,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np :is(main[data-gb="belege"],dialog.bf-dlg):not(#bf-1):not(#bf-2):not(#bf-3) .pb-reiter a[aria-current]::after,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main[data-fa] .pb-reiter a[aria-current]::after,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#np-mz):not(#np-zr):not(#gb-br):not(#rq) main[data-rq] nav.rq-reiter>a[aria-current]::after,html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np main#inhalt:not(:has(.ein-split)) .wahl.ap-segment>label.wahlfeld:is(.gewaehlt,:has(input:checked))::after{content:""!important; display:block!important; position:absolute!important; inset:0!important; margin:0!important; padding:0!important; border:0!important; background:none!important; border-radius:16px!important; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)!important; pointer-events:none!important}
@media (min-width:1025px){html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a[aria-current]{box-shadow:none!important; position:relative!important; overflow:clip!important; overflow-clip-margin:12px!important}html:not(#zk-1):not(#zk-2):not(#zk-3):not(#zk-4):not(#zk-5):not(#zk-6):not(#zk-7):not(#zk-8):not(#zk-9) body.np:not(#gd1):not(#gd2):not(#gd3) main#inhalt .gd-geld>.gd-kopf>nav.np-reiter.gd-reiter>a[aria-current]::after{content:""!important; display:block!important; position:absolute!important; inset:0!important; margin:0!important; padding:0!important; border:0!important; background:none!important; border-radius:16px!important; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)!important; pointer-events:none!important}}


html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np,html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np dialog,html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np [role=dialog]{--knopf:#4A5C6A; --knopf-tief:#41525f; --knopf-haupt:#4A5C6A; --auf-knopf:#fff;
 --lg-gruen:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-f:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --lg-gruen-fh:linear-gradient(180deg,#566a79,#43545f 55%,#3b4a55); --lg-gruen-hoch:linear-gradient(180deg,#566a79,#43545f 55%,#3b4a55); --lg-gruen-schatten:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); --lg-gruen-schatten-hoch:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12);
 --np-knopf-hoch:#41525f; --bf-kapsel:#4A5C6A; --knopf-flaeche:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); --knopf-flaeche-hoch:linear-gradient(180deg,#566a79,#43545f 55%,#3b4a55);
 --ap-schlicht:var(--pf-zweit-bg,#fff); --ap-schlicht-hoch:var(--pf-zweit-bg,#fff); --knopf-zweit:var(--pf-zweit-tx,#11212D);
 --io-zweit:var(--pf-zweit-bg,#fff); --io-zweit-hoch:var(--pf-zweit-bg,#fff); --io-zweit-text:var(--pf-zweit-tx,#11212D)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np dialog,html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np [role=dialog]{--pf-zweit-bg:#fff; --pf-zweit-tx:#11212D; --ap-akzent-text:#4A5C6A}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.np-knopf,.knopf,.gs-knopf,.hauptknopf,.bl-knopf,.gs-kopf-haupt,.ah-hauptknopf,.gb-leer-knopf):not(:is(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option],.np-zu,.gs-knopf--text,.gs-knopf--bereich,.ah-kapsel>*,.np-blase.wichtig>*,.ein-split *)):not(:is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf)):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)){color:#fff; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f); border:0; box-shadow:0 6px 16px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12); border-radius:999px; filter:none}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.np-knopf,.knopf,.gs-knopf,.hauptknopf,.bl-knopf,.gs-kopf-haupt,.ah-hauptknopf,.gb-leer-knopf):not(:is(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option],.np-zu,.gs-knopf--text,.gs-knopf--bereich,.ah-kapsel>*,.np-blase.wichtig>*,.ein-split *)):not(:is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf)):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):hover{background:linear-gradient(180deg,#566a79,#43545f 55%,#3b4a55)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf):not(:is(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option],.np-zu,.gs-knopf--text,.gs-knopf--bereich,.ah-kapsel>*,.np-blase.wichtig>*,.ein-split *)):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)),html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np main:has(.hauptknopf) .knopf:not(.hauptknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):not(:is(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option],.np-zu,.gs-knopf--text,.gs-knopf--bereich,.ah-kapsel>*,.np-blase.wichtig>*,.ein-split *)){color:var(--pf-zweit-tx,#11212D); background:var(--pf-zweit-bg,#fff);
 border:0; box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06); border-radius:999px; filter:none}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf):not(:is(.np-schalter *,nav *,[role=tablist] *,[role=tab],[aria-pressed],.gs-rund,.np-kipp-griff,[role=switch],[role=option],.np-zu,.gs-knopf--text,.gs-knopf--bereich,.ah-kapsel>*,.np-blase.wichtig>*,.ein-split *)):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):hover{background:var(--pf-zweit-bg,#fff); box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06),0 0 0 1px rgba(74,92,106,.25)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(dialog,[role=dialog][aria-modal=true]) :is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):not(.np-zu,[role=switch],[role=tab],[aria-pressed]){color:#11212D; background:#fff; border:0; box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(dialog,[role=dialog][aria-modal=true]) :is(.np-knopf,.knopf,.knopf2,.gs-knopf).rot{color:#fff; background:#C62D21; border:0}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np .gs-knopf--text{background:none; border:0; box-shadow:none}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np nav.np-pfad a.np-zurueck{position:relative; width:44px; height:44px; border-radius:50%; background:none; border:0; box-shadow:none;
 color:var(--m-zurueck-pfeil,#1d1d1f); isolation:isolate}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np nav.np-pfad a.np-zurueck::before{content:""; position:absolute; inset:0; border-radius:50%; z-index:-1; background:var(--m-zurueck-flaeche,#fff);
 box-shadow:0 4px 14px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.10)}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np nav.np-pfad a.np-zurueck:hover::before{background:color-mix(in oklab,var(--m-zurueck-flaeche,#fff) 92%,#000)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np h2.gs-abschnitt{margin:24px 0 8px; padding-inline:var(--m-pad-s,24px); font-size:.8125rem; font-weight:600; letter-spacing:.01em; line-height:1.3;
 color:var(--ap-zweit,#5b6560); background:none; border:0; box-shadow:none}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np h2.gs-abschnitt+p.pl-klein{margin:-4px 0 10px; padding-inline:var(--m-pad-s,24px)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(input,select,textarea):is(:-webkit-autofill,:autofill){-webkit-text-fill-color:currentColor; transition:background-color 86400s 0s,color 86400s 0s}


html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(dialog,[role=dialog]) .af.af-js.af-auf .af-liste:not(.af-schwebt){position:relative; top:auto; left:auto; right:auto; margin-top:6px}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np main :is(p.erfolg,p.geld-gespeichert)[role=status]{position:fixed; top:16px; left:50%; z-index:2147482500; margin:0; max-width:min(90vw,480px);
 transform:translateX(-50%); padding:10px 18px; border:0; border-radius:999px; background:rgba(17,33,45,.92); color:#fff; font-size:15px; font-weight:600;
 box-shadow:0 8px 24px rgba(0,0,0,.2); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); pointer-events:none;
 animation:gs-meldung 3.4s ease forwards}
@keyframes gs-meldung{0%{opacity:0; transform:translate(-50%,-8px)} 8%,85%{opacity:1; transform:translate(-50%,0)} 100%{opacity:0; visibility:hidden; transform:translate(-50%,-8px)}}
@media (prefers-reduced-motion:reduce){html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np main :is(p.erfolg,p.geld-gespeichert)[role=status]{animation:gs-meldung-still 3.4s steps(1,end) forwards}}
@keyframes gs-meldung-still{to{visibility:hidden}}

body.np main.ax-seite .np-abschluss :is(.np-karte,.karte):not(#ax-x){border:0; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1)}
body.np main.ax-seite .karte :is(.karte,.np-karte):not(#ax-x){border:0; border-radius:0; background:none; box-shadow:inset 0 var(--io-haar) 0 var(--io-haarlinie)}
body.np main.ax-seite .karte:has(>details.guv):not(#ax-x){border:0; border-radius:var(--ap-rund-karte); background:var(--ap-karte); box-shadow:var(--ap-schatten-1)}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np .feld>input~.gs-datei{grid-column:-2/-1; grid-row:auto; flex:1 1 100%; justify-self:start; align-self:start; margin-top:8px; position:relative}

body.np .aa-gruppe>h2.gs-abschnitt+p.pl-klein{font-size:.8125rem; line-height:1.35; color:var(--ap-zweit,#5b6560); margin:-4px 0 10px; padding-inline:var(--m-pad-s,24px)}
body.np .aa-zeile .pl-chip.aa-kurz{min-width:0; height:18px; padding:0 5px; margin-left:6px; font-size:11px; border-radius:5px; vertical-align:2px}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.ap-menue-inhalt,[role=menu]) .ap-mz-schalter{padding:0 12px 0 18px; background:none; box-shadow:none; border:0; box-sizing:border-box; max-width:100%}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.ap-menue-inhalt,[role=menu]) .ap-mz-schalter :is(form,button){background:none; box-shadow:none; border:0; border-radius:0; margin:0; max-width:100%; box-sizing:border-box}
html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.ap-menue-inhalt,[role=menu]) .ap-mz-schalter button[role=switch]{width:100%; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px;
 color:var(--np-tinte); font-weight:400; font-size:15px; text-decoration:none}

html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np .np-schalter{border-radius:999px}

@media (max-width:700px){html:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np .np-schalter{border-radius:22px}}


html:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel){background:rgba(155,168,171,.22); border:0; box-shadow:none; border-radius:999px}
html:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel)>:is(a,button,label):not([aria-current],[aria-pressed="true"],:has(input:checked),.gewaehlt){background:none; box-shadow:none; border:0}
html:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel)>:is(a[aria-current],button[aria-pressed="true"],label:has(input:checked),label.gewaehlt){
 background:var(--io-seg-wahl,#fff); border:0; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}

html:not([data-theme="dunkel"]):not([data-theme="auto"]):not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np nav.gs-segment.gs-segment.gs-segment:is(.pl-hauptreiter,.pl-sichten):not(.np-um-kapsel)>a[aria-current][href]{background:#fff; box-shadow:0 1px 2px rgba(6,20,27,.08),0 2px 6px -1px rgba(6,20,27,.15)}
@media (prefers-color-scheme:light){

html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel){background:rgba(155,168,171,.22); border:0; box-shadow:none; border-radius:999px}
html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel)>:is(a,button,label):not([aria-current],[aria-pressed="true"],:has(input:checked),.gewaehlt){background:none; box-shadow:none; border:0}
html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(nav.np-reiter,nav.gs-segment,.ap-segment):not(.np-um-kapsel)>:is(a[aria-current],button[aria-pressed="true"],label:has(input:checked),label.gewaehlt){
 background:var(--io-seg-wahl,#fff); border:0; box-shadow:0 1px 2px rgba(16,28,22,.08),0 3px 8px -2px rgba(16,28,22,.1)}

html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np nav.gs-segment.gs-segment.gs-segment:is(.pl-hauptreiter,.pl-sichten):not(.np-um-kapsel)>a[aria-current][href]{background:#fff; box-shadow:0 1px 2px rgba(6,20,27,.08),0 2px 6px -1px rgba(6,20,27,.15)}
}
html[data-theme="dunkel"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):not(.np-zu,[role=switch],[role=tab],[aria-pressed],form.np-auswahl *),html[data-theme="dunkel"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np main:has(.hauptknopf) .knopf:not(.hauptknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)),html[data-theme="dunkel"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.pb-zweit,.pb-wahl){
 color:#11212D; background:#fff; background-image:none}

html[data-theme="dunkel"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.pb-zweit,.pb-wahl){color:#11212D!important; background:#fff!important; background-image:none!important}
html[data-theme="dunkel"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.bz-schalter,.np-mz-mehr,.np-helferknopf,nav.np-unten button:not([class]),aside.np-leiste button:not([class]),
 .np-auswahl button:not([class]),.np-zentrale button:not([class])){color:#fff!important}
@media (prefers-color-scheme:dark){
html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.knopf2,.bl-knopf2,.ab-knopf,.ab-knopf2,.gs-knopf--zweit,.knopf-zweit,.knopf-schlicht,.bs-zurueck,.bs-spaeter,.knopf.klein,.knopf.still,.knopf.zweit,button.zweit,button.still,.knopf.rand,button.rand,.np-knopf.rand,button.fa-antwort,a.bl-reiterknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)):not(.np-zu,[role=switch],[role=tab],[aria-pressed],form.np-auswahl *),html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np main:has(.hauptknopf) .knopf:not(.hauptknopf):not(:is(.rot,.np-rot,.np-rot-voll,.mf-entfernen,.gs-knopf--rot,.nebenknopf,.warnung)),html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.pb-zweit,.pb-wahl){
 color:#11212D; background:#fff; background-image:none}

html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.pb-zweit,.pb-wahl){color:#11212D!important; background:#fff!important; background-image:none!important}
html[data-theme="auto"]:not(#bt-1):not(#bt-2):not(#bt-3):not(#bt-4):not(#bt-5):not(#bt-6):not(#bt-7):not(#bt-8):not(#bt-9):not(#bt-10) body.np :is(.bz-schalter,.np-mz-mehr,.np-helferknopf,nav.np-unten button:not([class]),aside.np-leiste button:not([class]),
 .np-auswahl button:not([class]),.np-zentrale button:not([class])){color:#fff!important}
}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]),body.np .np-loesung>.np-loesung-haupt{
  display:inline-flex!important; align-items:center; justify-content:center; height:44px!important; min-height:44px!important; padding:0 20px!important;
  border:0!important; border-radius:999px!important; font-size:16px!important; font-weight:600!important; line-height:1.2; text-decoration:none; white-space:nowrap;
  color:#FFFFFF!important; background:linear-gradient(180deg,#5f7280,#4A5C6A 55%,#41525f)!important; background-color:#4A5C6A!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -8px rgba(37,55,69,.6)!important; filter:none!important; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is(button,a[href]):not([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt],.np-zu,[role=switch],[role=tab],[aria-haspopup],:has(>svg:only-child)),body.np .np-loesung>.np-loesung-zweit{
  display:inline-flex!important; align-items:center; justify-content:center; height:44px!important; min-height:44px!important; padding:0 20px!important;
  border:0!important; border-radius:999px!important; font-size:16px!important; font-weight:600!important; line-height:1.2; text-decoration:none; white-space:nowrap;
  color:#11212D!important; background:#FFFFFF!important; background-image:none!important;
  box-shadow:0 2px 6px rgba(6,20,27,.25),inset 0 -1px 0 rgba(6,20,27,.06)!important; filter:none!important; -webkit-backdrop-filter:none; backdrop-filter:none}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]):is(:hover){filter:brightness(1.06)!important}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is(:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]),:is(button,a[href]):not([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt],.np-zu,[role=switch],[role=tab],[aria-haspopup],:has(>svg:only-child))):active,body.np .np-loesung>button:active{filter:brightness(.94)!important}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is(:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]),:is(button,a[href]):not([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt],.np-zu,[role=switch],[role=tab],[aria-haspopup],:has(>svg:only-child))):focus-visible,body.np .np-loesung>button:focus-visible{outline:2px solid #4A5C6A!important; outline-offset:2px}
body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]):is(:disabled,[aria-disabled="true"]){opacity:.55; cursor:default}
@media (max-width:700px){body.np :is(dialog,[role=dialog][aria-modal=true]) :is(div,header,form,section):has(>:is(h2,h1))>:is(:is([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt]),:is(button,a[href]):not([type=submit],.ein-blatt-ok,.gk-blatt-sichern,.ah-fertig,[data-pl-sichern],[data-np-haupt],.np-zu,[role=switch],[role=tab],[aria-haspopup],:has(>svg:only-child))){padding:0 12px!important; font-size:15px!important}}

body.np .np-loesung{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 2px}
body.np .np-loesung>button{margin:0!important; width:auto!important; max-width:100%; white-space:normal; text-align:center}
body.np :is(label,.feld)>.np-bf-fehler,body.np .np-bf-fehler[data-np-bf]{display:block; margin:6px 0 0; color:var(--np-rot-tief,#B42318); font-size:.9375rem; font-weight:500}
body.np .np-bf-fehler.np-bf-unter{padding:0 16px 10px; margin:0}
body.np .np-bf-allg{margin:0 0 12px; padding:10px 14px; border-radius:14px; color:var(--np-rot-tief,#B42318);
  background:color-mix(in oklab,#B42318 8%,transparent); font-weight:500}
body.np .np-bf-allg>p{margin:0}
body.np .np-bf-allg>p+p{margin-top:4px}
body.np .np-bf-allg:focus{outline:none}



body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel .np-kanten,body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel .np-kanten i{display:none}
body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not(.fort)>summary,body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not(.fort)>summary:has(.np-kanten i:only-child){padding-bottom:0}
body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe.fort:not([open])>summary{height:0; min-height:0; padding:0; overflow:hidden}

body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>.np-bw>a.np-blase,body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>a.np-blase,body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel .np-fest .np-blase.wichtig{box-shadow:inset 0 1.5px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.55),0 1px 2px rgba(30,45,90,.06),0 10px 24px -10px rgba(30,45,90,.22),0 26px 48px -22px rgba(30,45,90,.30)}
:root[data-theme="dunkel"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>.np-bw>a.np-blase,:root[data-theme="dunkel"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>a.np-blase,:root[data-theme="dunkel"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel .np-fest .np-blase.wichtig{box-shadow:inset 0 1px 0 rgba(204,208,207,.22),0 1px 2px rgba(0,0,0,.30),0 12px 28px -10px rgba(0,0,0,.50),0 28px 52px -20px rgba(0,0,0,.55)}
@media (prefers-color-scheme:dark){:root[data-theme="auto"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>.np-bw>a.np-blase,:root[data-theme="auto"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel details.np-gruppe:not([open])>summary>a.np-blase,:root[data-theme="auto"] body.np:not(#mzs-1):not(#mzs-2):not(#mzs-3):not(#mzs-4):not(#mzs-5):not(#mzs-6):not(#mzs-7):not(#mzs-8):not(#mzs-9):not(#mzs-10):not(#mzs-11):not(#mzs-12) .np-stapel .np-fest .np-blase.wichtig{box-shadow:inset 0 1px 0 rgba(204,208,207,.22),0 1px 2px rgba(0,0,0,.30),0 12px 28px -10px rgba(0,0,0,.50),0 28px 52px -20px rgba(0,0,0,.55)}}



body.np:not(#np-mz):not(#np-zr):not(#gs-b) .gs-badge,body.np:not(#np-mz):not(#np-zr):not(#gs-b) :is(.np-nav,nav.np-reiter,nav.np-boss-unter,nav.np-unten,.pl-hauptreiter) :is(em,.pl-zahl),body.np:not(#np-mz):not(#np-zr):not(#gs-b) button.np-glocke em{
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; background:#FF3B30; color:#fff; box-shadow:none; border:0; font:600 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  font-style:normal; font-variant-numeric:tabular-nums; letter-spacing:0; text-align:center; text-indent:0}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .gs-badge[hidden]{display:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) :is(.zw-r>.gs-badge,.pl-hauptreiter>a>.pl-zahl){position:absolute; top:-7px; right:-5px; margin:0; transform:scale(1);
  transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) :is(.zw-r>.gs-badge,.pl-hauptreiter>a>.pl-zahl)[hidden]{display:inline-flex; transform:scale(0); pointer-events:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .pl-hauptreiter>a{position:relative}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) button.np-glocke em{position:absolute; top:-3px; right:-3px; margin:0}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) nav.np-unten em{position:absolute; top:3px; right:2px; left:auto}


body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter{position:relative; isolation:isolate; display:inline-flex; gap:2px; padding:3px; border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(236,240,243,.56));
  -webkit-backdrop-filter:blur(18px) saturate(170%); backdrop-filter:blur(18px) saturate(170%);
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.8),inset 0 1px 0 rgba(255,255,255,.9)}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-r{position:relative; z-index:1; background:transparent; color:#4A5C6A; box-shadow:none; border-radius:999px;
  transition:background-color 0s linear,color .3s ease}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-r.an{color:#fff; transition:background-color 0s linear .38s,color .3s ease;
  background:linear-gradient(180deg,rgba(104,124,140,.96) 0%,#4A5C6A 58%,rgba(66,84,98,.97) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -6px 10px -6px rgba(255,255,255,.18)}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter:not(.bl) .zw-r.an{transition:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter::before{content:""; position:absolute; z-index:0; top:3px; left:0; height:34px; width:var(--bl-w,0); border-radius:999px; pointer-events:none;
  opacity:0; transform:translateX(var(--bl-x,3px));
  background:linear-gradient(180deg,rgba(104,124,140,.96) 0%,#4A5C6A 58%,rgba(66,84,98,.97) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -6px 10px -6px rgba(255,255,255,.18);
  transition:transform .46s cubic-bezier(.3,1.3,.4,1),width .46s cubic-bezier(.3,1.3,.4,1),opacity .12s linear}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter.glitt::before{opacity:1}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter.glitt .zw-r.an{background:transparent;box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-r:not(.an):hover{color:#2f3f4b}
@media (prefers-reduced-motion:reduce){
  body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter::before{display:none}
  body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-r.an,body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-r{transition:none}
}
@media (prefers-reduced-transparency:reduce){body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-reiter{-webkit-backdrop-filter:none; backdrop-filter:none; background:#eef1f3}}


body.np:not(#np-mz):not(#np-zr):not(#gs-b) :is(.np-nav a,.np-menue a)[aria-current]{background:color-mix(in oklab,var(--np-tinte,#121815) 9%,transparent); color:var(--np-tinte,#121815); box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) :is(.np-nav a,.np-menue a)[aria-current] .wort{color:var(--np-tinte,#121815)}

body.np:not(#np-mz):not(#np-zr):not(#gs-b) .np-nav:not(.np-eingang-nav)>a>em,body.np:not(#np-mz):not(#np-zr):not(#gs-b) .np-menue a>em{margin-left:auto}


body.np:not(#np-mz):not(#np-zr):not(#gs-b) details.np-spaeter>form.np-spaeter-wahl.hoch{top:auto; bottom:44px}


body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung{border-radius:999px; padding:10px 18px 10px 12px; width:auto; min-width:260px; max-width:min(420px,calc(100vw - 32px));
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(240,244,247,.62));
  -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(255,255,255,.7),0 8px 24px -12px rgba(30,45,60,.28);
  transition:transform .5s cubic-bezier(.3,1.3,.4,1),opacity .45s ease}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung .zw-bsym{width:32px; height:32px; border-radius:50%; background:#FF3B30; box-shadow:none}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung.aus{opacity:0; transform:translateY(-12px) scale(.96); transition:transform .5s ease,opacity .5s ease}
body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung[hidden]{transform:translateY(calc(-100% - 24px)); opacity:0}
@media (max-width:1199px){body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung{left:50%; right:auto; transform:translateX(-50%)}
  body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung.aus{transform:translateX(-50%) translateY(-12px) scale(.96)}
  body.np:not(#np-mz):not(#np-zr):not(#gs-b) .zw-banner.meldung[hidden]{transform:translateX(-50%) translateY(calc(-100% - 24px))}}
