/* Anmeldung zu Sandras Bereich: Lumen – Iris, dunkel, ganz still. Nur Nacht, das Glasfaserbündel
   und ein Passwortfeld mit einem Knopf; die Fasern laufen von rechts heran und enden unter dem Feld.
   Design-Datei: ../DESIGN.md. Schriften lokal, kein Abruf von außen. */

@font-face { font-family: "Funnel Display Lumen"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("schrift/funnel-display-lumen-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Funnel Display Lumen"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("schrift/web/funnel-display-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C4, U+A720-A7FF; }
@font-face { font-family: "Funnel Sans"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("schrift/web/funnel-sans-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Funnel Sans"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("schrift/web/funnel-sans-normal-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C4, U+A720-A7FF; }

:root {
  color-scheme: dark;
  --font-text: "Funnel Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nacht: #121425; --nacht-tief: #0C0E1B;
  --text: #F1F3F8; --linie-stark: #6E7491; --iris: #7FA6FF; --fehler: #FF8B80;
  --licht-1: rgba(79, 134, 255, .55);
  --knopf: radial-gradient(75% 160% at 70% -45%, rgba(255, 255, 255, .7), transparent 60%), linear-gradient(100deg, #5B8BFF 0%, #7FA6FF 36%, #B3CBFF 66%, #6F9BFF 100%);
  --knopf-schein: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 24px -8px rgba(79, 134, 255, .65);
  --knopf-text: #081530;
  /* Signatur: das Glasfaserbündel als Lichtband (aus der Musterseite, Fassung B1) */
  --fasern: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 300%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 gradientUnits=%22userSpaceOnUse%22 x1=%221440%22 y1=%220%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236F9BFF%22 stop-opacity=%220%22/%3E%3Cstop offset=%220.3%22 stop-color=%22%236F9BFF%22 stop-opacity=%220.05%22/%3E%3Cstop offset=%220.65%22 stop-color=%22%236F9BFF%22 stop-opacity=%220.18%22/%3E%3Cstop offset=%221%22 stop-color=%22%236F9BFF%22 stop-opacity=%220.3%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22l%22 gradientUnits=%22userSpaceOnUse%22 x1=%221440%22 y1=%220%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23D0E0FF%22 stop-opacity=%220%22/%3E%3Cstop offset=%220.35%22 stop-color=%22%23D0E0FF%22 stop-opacity=%220.12%22/%3E%3Cstop offset=%220.7%22 stop-color=%22%23D0E0FF%22 stop-opacity=%220.45%22/%3E%3Cstop offset=%221%22 stop-color=%22%23D0E0FF%22 stop-opacity=%220.8%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22t%22%3E%3Cstop offset=%220%22 stop-color=%22%23D0E0FF%22 stop-opacity=%22.95%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%234F86FF%22 stop-opacity=%22.45%22/%3E%3Cstop offset=%221%22 stop-color=%22%234F86FF%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22mg%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%22.8%22 stop-color=%22%23fff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22mr%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%22.86%22 stop-color=%22%23fff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3Cmask id=%22m%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%221440%22 height=%22300%22%3E%3Crect width=%221440%22 height=%22300%22 fill=%22url(%23mg)%22/%3E%3C/mask%3E%3Cmask id=%22m2%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%221440%22 height=%22300%22%3E%3Crect width=%221440%22 height=%22300%22 fill=%22url(%23mr)%22/%3E%3C/mask%3E%3Cfilter id=%22b1%22 x=%22-20%25%22 y=%22-20%25%22 width=%22140%25%22 height=%22140%25%22%3E%3CfeGaussianBlur stdDeviation=%222.4%22/%3E%3C/filter%3E%3Cfilter id=%22b2%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%225%22/%3E%3C/filter%3E%3C/defs%3E%3Cg mask=%22url(%23m2)%22%3E%3Cg mask=%22url(%23m)%22%3E%3Cg fill=%22none%22 stroke=%22url(%23g)%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M1470 130.3Q1234.9 133.7 999.9 127.7%22 stroke-width=%220.90%22/%3E%3Cpath d=%22M1470 129.6Q1359.4 137.2 1248.8 129.2%22 stroke-width=%220.72%22/%3E%3Cpath d=%22M1470 133.6Q1157.8 140.8 845.6 131.1%22 stroke-width=%220.76%22/%3E%3Cpath d=%22M1470 132.6Q1305.8 135.9 1141.7 129.5%22 stroke-width=%220.60%22/%3E%3Cpath d=%22M1470 133.4Q1268.8 134 1067.7 127.1%22 stroke-width=%221.00%22/%3E%3Cpath d=%22M1470 138.2Q1196.2 143.4 922.3 137.3%22 stroke-width=%220.92%22/%3E%3Cpath d=%22M1470 138.4Q1343.8 142 1217.5 135.3%22 stroke-width=%220.63%22/%3E%3Cpath d=%22M1470 145.8Q1251.5 149.9 1032.9 140%22 stroke-width=%220.99%22/%3E%3Cpath d=%22M1470 146.4Q1167.6 145.3 865.2 132.8%22 stroke-width=%220.53%22/%3E%3Cpath d=%22M1470 152.4Q1372.5 159.8 1275.1 155.3%22 stroke-width=%220.73%22/%3E%3Cpath d=%22M1470 148.9Q1310 152.4 1150.1 148.4%22 stroke-width=%220.92%22/%3E%3Cpath d=%22M1470 154.3Q1140.9 160.9 811.7 150.6%22 stroke-width=%220.72%22/%3E%3Cpath d=%22M1470 158.1Q1227.9 164.5 985.8 153.7%22 stroke-width=%220.52%22/%3E%3Cpath d=%22M1470 155.5Q1331.1 158.6 1192.2 146.8%22 stroke-width=%220.56%22/%3E%3Cpath d=%22M1470 160.8Q1078.9 158.2 687.8 147.7%22 stroke-width=%220.78%22/%3E%3Cpath d=%22M1470 163.8Q1281.1 165.4 1092.2 156.3%22 stroke-width=%220.72%22/%3E%3Cpath d=%22M1470 167.7Q1181.2 164.8 892.4 155.4%22 stroke-width=%220.88%22/%3E%3Cpath d=%22M1470 168.2Q1253.7 172.4 1037.4 168.6%22 stroke-width=%220.83%22/%3E%3Cpath d=%22M1470 173.8Q1098.5 174.2 727 163.3%22 stroke-width=%220.60%22/%3E%3Cpath d=%22M1470 171.7Q1114.3 177 758.5 168%22 stroke-width=%220.89%22/%3E%3Cpath d=%22M1470 178.9Q1043.5 182.5 616.9 170%22 stroke-width=%220.53%22/%3E%3Cpath d=%22M1470 175.7Q1376.8 181.4 1283.6 174.5%22 stroke-width=%220.81%22/%3E%3Cpath d=%22M1470 179.9Q1087.6 184.3 705.3 176.6%22 stroke-width=%220.56%22/%3E%3Cpath d=%22M1470 186.1Q1055.4 188.6 640.8 174%22 stroke-width=%220.93%22/%3E%3Cpath d=%22M1470 188.3Q1316.5 190.3 1163.1 181.8%22 stroke-width=%220.56%22/%3E%3Cpath d=%22M1470 190.4Q1344.1 194.6 1218.1 191.9%22 stroke-width=%220.57%22/%3E%3Cpath d=%22M1470 187.5Q1066.3 191.9 662.5 182.3%22 stroke-width=%220.56%22/%3E%3Cpath d=%22M1470 189.9Q1045.5 188.9 621.1 180.6%22 stroke-width=%220.81%22/%3E%3Cpath d=%22M1470 197.3Q1381 198.3 1292 190.1%22 stroke-width=%220.86%22/%3E%3Cpath d=%22M1470 200.4Q998.4 197.4 526.7 188.1%22 stroke-width=%220.77%22/%3E%3Cpath d=%22M1470 204.9Q1287.3 211.7 1104.6 207.2%22 stroke-width=%220.63%22/%3E%3Cpath d=%22M1470 206.6Q1259 211.1 1048 203.3%22 stroke-width=%220.59%22/%3E%3Cpath d=%22M1470 201.1Q1023.5 202.4 576.9 188.9%22 stroke-width=%220.80%22/%3E%3Cpath d=%22M1470 210.5Q1166 214.1 861.9 204.3%22 stroke-width=%220.80%22/%3E%3Cpath d=%22M1470 213Q1140.8 218.9 811.5 208%22 stroke-width=%220.58%22/%3E%3Cpath d=%22M1470 209.2Q1219 210.1 967.9 200.3%22 stroke-width=%220.80%22/%3E%3Cpath d=%22M1470 216.8Q1337.3 223.2 1204.6 216%22 stroke-width=%220.93%22/%3E%3Cpath d=%22M1470 215.9Q1084.7 213.8 699.4 201.8%22 stroke-width=%220.71%22/%3E%3Cpath d=%22M1470 217.6Q1064.8 220.5 659.6 210.2%22 stroke-width=%220.80%22/%3E%3Cpath d=%22M1470 222.7Q937.8 222.5 405.5 210.3%22 stroke-width=%220.63%22/%3E%3Cpath d=%22M1470 227.7Q953 227.7 436 216%22 stroke-width=%220.55%22/%3E%3Cpath d=%22M1470 225.7Q961.8 227.8 453.6 216.6%22 stroke-width=%220.74%22/%3E%3Cpath d=%22M1470 228.4Q949.2 226.3 428.4 211.1%22 stroke-width=%220.56%22/%3E%3Cpath d=%22M1470 233.5Q973.8 234.1 477.7 224.3%22 stroke-width=%220.97%22/%3E%3Cpath d=%22M1470 230.3Q1239.5 236.2 1009 230.3%22 stroke-width=%220.60%22/%3E%3Cpath d=%22M1470 237.1Q1282.3 242.6 1094.6 235.5%22 stroke-width=%220.75%22/%3E%3Cpath d=%22M1470 240.8Q888.8 235.6 307.6 223.5%22 stroke-width=%220.84%22/%3E%3Cpath d=%22M1470 241.8Q905.4 244.3 340.8 231.5%22 stroke-width=%220.50%22/%3E%3Cpath d=%22M1470 240.3Q1210.3 243.1 950.5 234.8%22 stroke-width=%220.93%22/%3E%3Cpath d=%22M1470 247.8Q1035.5 249.3 601.1 235.8%22 stroke-width=%220.83%22/%3E%3Cpath d=%22M1470 247.2Q875.8 248.1 281.6 235.6%22 stroke-width=%220.75%22/%3E%3Cpath d=%22M1470 247.6Q1368.6 248.8 1267.2 240.5%22 stroke-width=%220.99%22/%3E%3Cpath d=%22M1470 250.9Q898.3 254.1 326.7 240.4%22 stroke-width=%220.62%22/%3E%3Cpath d=%22M1470 254.4Q1102.1 255.1 734.2 242%22 stroke-width=%220.93%22/%3E%3Cpath d=%22M1470 257.2Q862.9 254.9 255.7 237.1%22 stroke-width=%220.73%22/%3E%3Cpath d=%22M1470 261.3Q852.7 260 235.4 245.1%22 stroke-width=%220.69%22/%3E%3Cpath d=%22M1470 266.5Q861.5 263.6 252.9 250.8%22 stroke-width=%220.81%22/%3E%3Cpath d=%22M1470 267.1Q877.2 268 284.4 252.9%22 stroke-width=%220.52%22/%3E%3Cpath d=%22M1470 269.9Q1219.4 269.7 968.8 259%22 stroke-width=%220.97%22/%3E%3Cpath d=%22M1470 272.8Q842.1 269.7 214.2 253.8%22 stroke-width=%220.64%22/%3E%3Cpath d=%22M1470 277Q1042.6 280.2 615.2 266.9%22 stroke-width=%220.63%22/%3E%3Cpath d=%22M1470 278.2Q804.2 272.8 138.4 255.4%22 stroke-width=%220.51%22/%3E%3Cpath d=%22M1470 282.5Q982.5 277.9 494.9 267.1%22 stroke-width=%220.68%22/%3E%3Cpath d=%22M1470 282.5Q1160 289.8 849.9 279.2%22 stroke-width=%220.86%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke=%22url(%23l)%22 stroke-linecap=%22round%22 stroke-width=%223.6%22 opacity=%22.7%22 filter=%22url(%23b1)%22%3E%3Cpath d=%22M1470 129.6Q1359.4 137.2 1248.8 129.2%22/%3E%3Cpath d=%22M1470 133.4Q1268.8 134 1067.7 127.1%22/%3E%3Cpath d=%22M1470 146.4Q1167.6 145.3 865.2 132.8%22/%3E%3Cpath d=%22M1470 152.4Q1372.5 159.8 1275.1 155.3%22/%3E%3Cpath d=%22M1470 148.9Q1310 152.4 1150.1 148.4%22/%3E%3Cpath d=%22M1470 158.1Q1227.9 164.5 985.8 153.7%22/%3E%3Cpath d=%22M1470 167.7Q1181.2 164.8 892.4 155.4%22/%3E%3Cpath d=%22M1470 168.2Q1253.7 172.4 1037.4 168.6%22/%3E%3Cpath d=%22M1470 171.7Q1114.3 177 758.5 168%22/%3E%3Cpath d=%22M1470 178.9Q1043.5 182.5 616.9 170%22/%3E%3Cpath d=%22M1470 190.4Q1344.1 194.6 1218.1 191.9%22/%3E%3Cpath d=%22M1470 206.6Q1259 211.1 1048 203.3%22/%3E%3Cpath d=%22M1470 201.1Q1023.5 202.4 576.9 188.9%22/%3E%3Cpath d=%22M1470 217.6Q1064.8 220.5 659.6 210.2%22/%3E%3Cpath d=%22M1470 257.2Q862.9 254.9 255.7 237.1%22/%3E%3Cpath d=%22M1470 267.1Q877.2 268 284.4 252.9%22/%3E%3Cpath d=%22M1470 278.2Q804.2 272.8 138.4 255.4%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke=%22url(%23l)%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M1470 129.6Q1359.4 137.2 1248.8 129.2%22 stroke-width=%221.02%22/%3E%3Cpath d=%22M1470 133.4Q1268.8 134 1067.7 127.1%22 stroke-width=%221.30%22/%3E%3Cpath d=%22M1470 146.4Q1167.6 145.3 865.2 132.8%22 stroke-width=%220.83%22/%3E%3Cpath d=%22M1470 152.4Q1372.5 159.8 1275.1 155.3%22 stroke-width=%221.03%22/%3E%3Cpath d=%22M1470 148.9Q1310 152.4 1150.1 148.4%22 stroke-width=%221.22%22/%3E%3Cpath d=%22M1470 158.1Q1227.9 164.5 985.8 153.7%22 stroke-width=%220.82%22/%3E%3Cpath d=%22M1470 167.7Q1181.2 164.8 892.4 155.4%22 stroke-width=%221.18%22/%3E%3Cpath d=%22M1470 168.2Q1253.7 172.4 1037.4 168.6%22 stroke-width=%221.13%22/%3E%3Cpath d=%22M1470 171.7Q1114.3 177 758.5 168%22 stroke-width=%221.19%22/%3E%3Cpath d=%22M1470 178.9Q1043.5 182.5 616.9 170%22 stroke-width=%220.83%22/%3E%3Cpath d=%22M1470 190.4Q1344.1 194.6 1218.1 191.9%22 stroke-width=%220.87%22/%3E%3Cpath d=%22M1470 206.6Q1259 211.1 1048 203.3%22 stroke-width=%220.89%22/%3E%3Cpath d=%22M1470 201.1Q1023.5 202.4 576.9 188.9%22 stroke-width=%221.10%22/%3E%3Cpath d=%22M1470 217.6Q1064.8 220.5 659.6 210.2%22 stroke-width=%221.10%22/%3E%3Cpath d=%22M1470 257.2Q862.9 254.9 255.7 237.1%22 stroke-width=%221.03%22/%3E%3Cpath d=%22M1470 267.1Q877.2 268 284.4 252.9%22 stroke-width=%220.82%22/%3E%3Cpath d=%22M1470 278.2Q804.2 272.8 138.4 255.4%22 stroke-width=%220.81%22/%3E%3C/g%3E%3Cg fill=%22%234F86FF%22 filter=%22url(%23b2)%22%3E%3Ccircle cx=%22999.9%22 cy=%22127.7%22 r=%225.4%22 opacity=%220.78%22/%3E%3Ccircle cx=%221248.8%22 cy=%22129.2%22 r=%225.5%22 opacity=%220.74%22/%3E%3Ccircle cx=%22845.6%22 cy=%22131.1%22 r=%225.7%22 opacity=%220.84%22/%3E%3Ccircle cx=%221141.7%22 cy=%22129.5%22 r=%225.1%22 opacity=%220.73%22/%3E%3Ccircle cx=%221067.7%22 cy=%22127.1%22 r=%225.7%22 opacity=%220.78%22/%3E%3Ccircle cx=%22922.3%22 cy=%22137.3%22 r=%225.4%22 opacity=%220.80%22/%3E%3Ccircle cx=%221217.5%22 cy=%22135.3%22 r=%225.1%22 opacity=%220.89%22/%3E%3Ccircle cx=%221032.9%22 cy=%22140%22 r=%225.5%22 opacity=%220.78%22/%3E%3Ccircle cx=%22865.2%22 cy=%22132.8%22 r=%225.0%22 opacity=%220.85%22/%3E%3Ccircle cx=%221275.1%22 cy=%22155.3%22 r=%225.0%22 opacity=%220.77%22/%3E%3Ccircle cx=%221150.1%22 cy=%22148.4%22 r=%225.8%22 opacity=%220.82%22/%3E%3Ccircle cx=%22811.7%22 cy=%22150.6%22 r=%225.2%22 opacity=%220.79%22/%3E%3Ccircle cx=%22985.8%22 cy=%22153.7%22 r=%225.5%22 opacity=%220.86%22/%3E%3Ccircle cx=%221192.2%22 cy=%22146.8%22 r=%225.4%22 opacity=%220.79%22/%3E%3Ccircle cx=%22687.8%22 cy=%22147.7%22 r=%225.1%22 opacity=%220.74%22/%3E%3Ccircle cx=%221092.2%22 cy=%22156.3%22 r=%225.5%22 opacity=%220.90%22/%3E%3Ccircle cx=%22892.4%22 cy=%22155.4%22 r=%225.0%22 opacity=%220.84%22/%3E%3Ccircle cx=%221037.4%22 cy=%22168.6%22 r=%225.9%22 opacity=%220.72%22/%3E%3Ccircle cx=%22727%22 cy=%22163.3%22 r=%225.7%22 opacity=%220.86%22/%3E%3Ccircle cx=%22758.5%22 cy=%22168%22 r=%224.9%22 opacity=%220.82%22/%3E%3Ccircle cx=%22616.9%22 cy=%22170%22 r=%2210.0%22 opacity=%220.70%22/%3E%3Ccircle cx=%221283.6%22 cy=%22174.5%22 r=%225.0%22 opacity=%220.75%22/%3E%3Ccircle cx=%22705.3%22 cy=%22176.6%22 r=%225.8%22 opacity=%220.79%22/%3E%3Ccircle cx=%22640.8%22 cy=%22174%22 r=%225.1%22 opacity=%220.77%22/%3E%3Ccircle cx=%221163.1%22 cy=%22181.8%22 r=%225.4%22 opacity=%220.87%22/%3E%3Ccircle cx=%221218.1%22 cy=%22191.9%22 r=%225.6%22 opacity=%220.82%22/%3E%3Ccircle cx=%22662.5%22 cy=%22182.3%22 r=%225.6%22 opacity=%220.73%22/%3E%3Ccircle cx=%22621.1%22 cy=%22180.6%22 r=%225.5%22 opacity=%220.86%22/%3E%3Ccircle cx=%221292%22 cy=%22190.1%22 r=%225.0%22 opacity=%220.82%22/%3E%3Ccircle cx=%22526.7%22 cy=%22188.1%22 r=%2210.9%22 opacity=%220.72%22/%3E%3Ccircle cx=%221104.6%22 cy=%22207.2%22 r=%225.4%22 opacity=%220.77%22/%3E%3Ccircle cx=%221048%22 cy=%22203.3%22 r=%225.1%22 opacity=%220.70%22/%3E%3Ccircle cx=%22576.9%22 cy=%22188.9%22 r=%225.2%22 opacity=%220.88%22/%3E%3Ccircle cx=%22861.9%22 cy=%22204.3%22 r=%225.9%22 opacity=%220.83%22/%3E%3Ccircle cx=%22811.5%22 cy=%22208%22 r=%225.2%22 opacity=%220.83%22/%3E%3Ccircle cx=%22967.9%22 cy=%22200.3%22 r=%225.7%22 opacity=%220.84%22/%3E%3Ccircle cx=%221204.6%22 cy=%22216%22 r=%225.7%22 opacity=%220.72%22/%3E%3Ccircle cx=%22699.4%22 cy=%22201.8%22 r=%225.4%22 opacity=%220.82%22/%3E%3Ccircle cx=%22659.6%22 cy=%22210.2%22 r=%225.7%22 opacity=%220.88%22/%3E%3Ccircle cx=%22405.5%22 cy=%22210.3%22 r=%225.2%22 opacity=%220.78%22/%3E%3Ccircle cx=%22436%22 cy=%22216%22 r=%225.5%22 opacity=%220.73%22/%3E%3Ccircle cx=%22453.6%22 cy=%22216.6%22 r=%225.8%22 opacity=%220.83%22/%3E%3Ccircle cx=%22428.4%22 cy=%22211.1%22 r=%225.5%22 opacity=%220.83%22/%3E%3Ccircle cx=%22477.7%22 cy=%22224.3%22 r=%225.0%22 opacity=%220.78%22/%3E%3Ccircle cx=%221009%22 cy=%22230.3%22 r=%224.9%22 opacity=%220.72%22/%3E%3Ccircle cx=%221094.6%22 cy=%22235.5%22 r=%225.4%22 opacity=%220.90%22/%3E%3Ccircle cx=%22307.6%22 cy=%22223.5%22 r=%225.9%22 opacity=%220.74%22/%3E%3Ccircle cx=%22340.8%22 cy=%22231.5%22 r=%225.2%22 opacity=%220.81%22/%3E%3Ccircle cx=%22950.5%22 cy=%22234.8%22 r=%225.9%22 opacity=%220.88%22/%3E%3Ccircle cx=%22601.1%22 cy=%22235.8%22 r=%225.3%22 opacity=%220.84%22/%3E%3Ccircle cx=%22281.6%22 cy=%22235.6%22 r=%224.9%22 opacity=%220.70%22/%3E%3Ccircle cx=%221267.2%22 cy=%22240.5%22 r=%225.7%22 opacity=%220.75%22/%3E%3Ccircle cx=%22326.7%22 cy=%22240.4%22 r=%224.9%22 opacity=%220.74%22/%3E%3Ccircle cx=%22734.2%22 cy=%22242%22 r=%225.1%22 opacity=%220.80%22/%3E%3Ccircle cx=%22255.7%22 cy=%22237.1%22 r=%224.9%22 opacity=%220.86%22/%3E%3Ccircle cx=%22235.4%22 cy=%22245.1%22 r=%225.1%22 opacity=%220.82%22/%3E%3Ccircle cx=%22252.9%22 cy=%22250.8%22 r=%224.9%22 opacity=%220.72%22/%3E%3Ccircle cx=%22284.4%22 cy=%22252.9%22 r=%225.6%22 opacity=%220.88%22/%3E%3Ccircle cx=%22968.8%22 cy=%22259%22 r=%225.5%22 opacity=%220.88%22/%3E%3Ccircle cx=%22214.2%22 cy=%22253.8%22 r=%225.1%22 opacity=%220.72%22/%3E%3Ccircle cx=%22615.2%22 cy=%22266.9%22 r=%225.8%22 opacity=%220.80%22/%3E%3Ccircle cx=%22138.4%22 cy=%22255.4%22 r=%225.9%22 opacity=%220.74%22/%3E%3Ccircle cx=%22494.9%22 cy=%22267.1%22 r=%225.9%22 opacity=%220.87%22/%3E%3Ccircle cx=%22849.9%22 cy=%22279.2%22 r=%2212.0%22 opacity=%220.89%22/%3E%3C/g%3E%3Cg%3E%3Ccircle cx=%22999.9%22 cy=%22127.7%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.77%22/%3E%3Ccircle cx=%221248.8%22 cy=%22129.2%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.68%22/%3E%3Ccircle cx=%22845.6%22 cy=%22131.1%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.88%22/%3E%3Ccircle cx=%221141.7%22 cy=%22129.5%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.66%22/%3E%3Ccircle cx=%221067.7%22 cy=%22127.1%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.77%22/%3E%3Ccircle cx=%22922.3%22 cy=%22137.3%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.81%22/%3E%3Ccircle cx=%221217.5%22 cy=%22135.3%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.97%22/%3E%3Ccircle cx=%221032.9%22 cy=%22140%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.75%22/%3E%3Ccircle cx=%22865.2%22 cy=%22132.8%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.91%22/%3E%3Ccircle cx=%221275.1%22 cy=%22155.3%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.74%22/%3E%3Ccircle cx=%221150.1%22 cy=%22148.4%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.85%22/%3E%3Ccircle cx=%22811.7%22 cy=%22150.6%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.78%22/%3E%3Ccircle cx=%22985.8%22 cy=%22153.7%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.93%22/%3E%3Ccircle cx=%221192.2%22 cy=%22146.8%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.79%22/%3E%3Ccircle cx=%22687.8%22 cy=%22147.7%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.69%22/%3E%3Ccircle cx=%221092.2%22 cy=%22156.3%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%221.00%22/%3E%3Ccircle cx=%22892.4%22 cy=%22155.4%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.88%22/%3E%3Ccircle cx=%221037.4%22 cy=%22168.6%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%22727%22 cy=%22163.3%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.91%22/%3E%3Ccircle cx=%22758.5%22 cy=%22168%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.84%22/%3E%3Ccircle cx=%22616.9%22 cy=%22170%22 r=%225.9%22 fill=%22url(%23t)%22 opacity=%220.60%22/%3E%3Ccircle cx=%221283.6%22 cy=%22174.5%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.71%22/%3E%3Ccircle cx=%22705.3%22 cy=%22176.6%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.79%22/%3E%3Ccircle cx=%22640.8%22 cy=%22174%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.74%22/%3E%3Ccircle cx=%221163.1%22 cy=%22181.8%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.93%22/%3E%3Ccircle cx=%221218.1%22 cy=%22191.9%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.84%22/%3E%3Ccircle cx=%22662.5%22 cy=%22182.3%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.66%22/%3E%3Ccircle cx=%22621.1%22 cy=%22180.6%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.92%22/%3E%3Ccircle cx=%221292%22 cy=%22190.1%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.85%22/%3E%3Ccircle cx=%22526.7%22 cy=%22188.1%22 r=%226.4%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%221104.6%22 cy=%22207.2%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.74%22/%3E%3Ccircle cx=%221048%22 cy=%22203.3%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.61%22/%3E%3Ccircle cx=%22576.9%22 cy=%22188.9%22 r=%223.5%22 fill=%22url(%23t)%22 opacity=%220.95%22/%3E%3Ccircle cx=%22861.9%22 cy=%22204.3%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.86%22/%3E%3Ccircle cx=%22811.5%22 cy=%22208%22 r=%223.5%22 fill=%22url(%23t)%22 opacity=%220.86%22/%3E%3Ccircle cx=%22967.9%22 cy=%22200.3%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.89%22/%3E%3Ccircle cx=%221204.6%22 cy=%22216%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%22699.4%22 cy=%22201.8%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.84%22/%3E%3Ccircle cx=%22659.6%22 cy=%22210.2%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.97%22/%3E%3Ccircle cx=%22405.5%22 cy=%22210.3%22 r=%223.5%22 fill=%22url(%23t)%22 opacity=%220.75%22/%3E%3Ccircle cx=%22436%22 cy=%22216%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.66%22/%3E%3Ccircle cx=%22453.6%22 cy=%22216.6%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.86%22/%3E%3Ccircle cx=%22428.4%22 cy=%22211.1%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.86%22/%3E%3Ccircle cx=%22477.7%22 cy=%22224.3%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.77%22/%3E%3Ccircle cx=%221009%22 cy=%22230.3%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%221094.6%22 cy=%22235.5%22 r=%223.6%22 fill=%22url(%23t)%22 opacity=%220.99%22/%3E%3Ccircle cx=%22307.6%22 cy=%22223.5%22 r=%224.0%22 fill=%22url(%23t)%22 opacity=%220.68%22/%3E%3Ccircle cx=%22340.8%22 cy=%22231.5%22 r=%223.5%22 fill=%22url(%23t)%22 opacity=%220.82%22/%3E%3Ccircle cx=%22950.5%22 cy=%22234.8%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.96%22/%3E%3Ccircle cx=%22601.1%22 cy=%22235.8%22 r=%223.5%22 fill=%22url(%23t)%22 opacity=%220.89%22/%3E%3Ccircle cx=%22281.6%22 cy=%22235.6%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.60%22/%3E%3Ccircle cx=%221267.2%22 cy=%22240.5%22 r=%223.8%22 fill=%22url(%23t)%22 opacity=%220.71%22/%3E%3Ccircle cx=%22326.7%22 cy=%22240.4%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.68%22/%3E%3Ccircle cx=%22734.2%22 cy=%22242%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.81%22/%3E%3Ccircle cx=%22255.7%22 cy=%22237.1%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.93%22/%3E%3Ccircle cx=%22235.4%22 cy=%22245.1%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.84%22/%3E%3Ccircle cx=%22252.9%22 cy=%22250.8%22 r=%223.3%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%22284.4%22 cy=%22252.9%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.95%22/%3E%3Ccircle cx=%22968.8%22 cy=%22259%22 r=%223.7%22 fill=%22url(%23t)%22 opacity=%220.95%22/%3E%3Ccircle cx=%22214.2%22 cy=%22253.8%22 r=%223.4%22 fill=%22url(%23t)%22 opacity=%220.64%22/%3E%3Ccircle cx=%22615.2%22 cy=%22266.9%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.80%22/%3E%3Ccircle cx=%22138.4%22 cy=%22255.4%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.68%22/%3E%3Ccircle cx=%22494.9%22 cy=%22267.1%22 r=%223.9%22 fill=%22url(%23t)%22 opacity=%220.94%22/%3E%3Ccircle cx=%22849.9%22 cy=%22279.2%22 r=%227.1%22 fill=%22url(%23t)%22 opacity=%220.98%22/%3E%3C/g%3E%3Cg fill=%22%23F2F7FF%22%3E%3Ccircle cx=%22999.9%22 cy=%22127.7%22 r=%221.16%22 opacity=%220.96%22/%3E%3Ccircle cx=%221248.8%22 cy=%22129.2%22 r=%221.18%22 opacity=%220.94%22/%3E%3Ccircle cx=%22845.6%22 cy=%22131.1%22 r=%221.22%22 opacity=%220.98%22/%3E%3Ccircle cx=%221141.7%22 cy=%22129.5%22 r=%221.08%22 opacity=%220.94%22/%3E%3Ccircle cx=%221067.7%22 cy=%22127.1%22 r=%221.21%22 opacity=%220.96%22/%3E%3Ccircle cx=%22922.3%22 cy=%22137.3%22 r=%221.14%22 opacity=%220.97%22/%3E%3Ccircle cx=%221217.5%22 cy=%22135.3%22 r=%221.09%22 opacity=%220.99%22/%3E%3Ccircle cx=%221032.9%22 cy=%22140%22 r=%221.17%22 opacity=%220.96%22/%3E%3Ccircle cx=%22865.2%22 cy=%22132.8%22 r=%221.06%22 opacity=%220.98%22/%3E%3Ccircle cx=%221275.1%22 cy=%22155.3%22 r=%221.07%22 opacity=%220.95%22/%3E%3Ccircle cx=%221150.1%22 cy=%22148.4%22 r=%221.24%22 opacity=%220.97%22/%3E%3Ccircle cx=%22811.7%22 cy=%22150.6%22 r=%221.10%22 opacity=%220.96%22/%3E%3Ccircle cx=%22985.8%22 cy=%22153.7%22 r=%221.18%22 opacity=%220.99%22/%3E%3Ccircle cx=%221192.2%22 cy=%22146.8%22 r=%221.15%22 opacity=%220.96%22/%3E%3Ccircle cx=%22687.8%22 cy=%22147.7%22 r=%221.09%22 opacity=%220.94%22/%3E%3Ccircle cx=%221092.2%22 cy=%22156.3%22 r=%221.16%22 opacity=%221.00%22/%3E%3Ccircle cx=%22892.4%22 cy=%22155.4%22 r=%221.06%22 opacity=%220.98%22/%3E%3Ccircle cx=%221037.4%22 cy=%22168.6%22 r=%221.26%22 opacity=%220.94%22/%3E%3Ccircle cx=%22727%22 cy=%22163.3%22 r=%221.22%22 opacity=%220.98%22/%3E%3Ccircle cx=%22758.5%22 cy=%22168%22 r=%221.04%22 opacity=%220.97%22/%3E%3Ccircle cx=%22616.9%22 cy=%22170%22 r=%221.74%22 opacity=%220.93%22/%3E%3Ccircle cx=%221283.6%22 cy=%22174.5%22 r=%221.07%22 opacity=%220.95%22/%3E%3Ccircle cx=%22705.3%22 cy=%22176.6%22 r=%221.23%22 opacity=%220.96%22/%3E%3Ccircle cx=%22640.8%22 cy=%22174%22 r=%221.09%22 opacity=%220.95%22/%3E%3Ccircle cx=%221163.1%22 cy=%22181.8%22 r=%221.15%22 opacity=%220.99%22/%3E%3Ccircle cx=%221218.1%22 cy=%22191.9%22 r=%221.20%22 opacity=%220.97%22/%3E%3Ccircle cx=%22662.5%22 cy=%22182.3%22 r=%221.20%22 opacity=%220.94%22/%3E%3Ccircle cx=%22621.1%22 cy=%22180.6%22 r=%221.17%22 opacity=%220.99%22/%3E%3Ccircle cx=%221292%22 cy=%22190.1%22 r=%221.06%22 opacity=%220.97%22/%3E%3Ccircle cx=%22526.7%22 cy=%22188.1%22 r=%221.88%22 opacity=%220.94%22/%3E%3Ccircle cx=%221104.6%22 cy=%22207.2%22 r=%221.16%22 opacity=%220.95%22/%3E%3Ccircle cx=%221048%22 cy=%22203.3%22 r=%221.08%22 opacity=%220.93%22/%3E%3Ccircle cx=%22576.9%22 cy=%22188.9%22 r=%221.12%22 opacity=%220.99%22/%3E%3Ccircle cx=%22861.9%22 cy=%22204.3%22 r=%221.26%22 opacity=%220.97%22/%3E%3Ccircle cx=%22811.5%22 cy=%22208%22 r=%221.11%22 opacity=%220.97%22/%3E%3Ccircle cx=%22967.9%22 cy=%22200.3%22 r=%221.21%22 opacity=%220.98%22/%3E%3Ccircle cx=%221204.6%22 cy=%22216%22 r=%221.22%22 opacity=%220.94%22/%3E%3Ccircle cx=%22699.4%22 cy=%22201.8%22 r=%221.15%22 opacity=%220.97%22/%3E%3Ccircle cx=%22659.6%22 cy=%22210.2%22 r=%221.20%22 opacity=%220.99%22/%3E%3Ccircle cx=%22405.5%22 cy=%22210.3%22 r=%221.12%22 opacity=%220.96%22/%3E%3Ccircle cx=%22436%22 cy=%22216%22 r=%221.17%22 opacity=%220.94%22/%3E%3Ccircle cx=%22453.6%22 cy=%22216.6%22 r=%221.23%22 opacity=%220.97%22/%3E%3Ccircle cx=%22428.4%22 cy=%22211.1%22 r=%221.18%22 opacity=%220.97%22/%3E%3Ccircle cx=%22477.7%22 cy=%22224.3%22 r=%221.08%22 opacity=%220.96%22/%3E%3Ccircle cx=%221009%22 cy=%22230.3%22 r=%221.05%22 opacity=%220.94%22/%3E%3Ccircle cx=%221094.6%22 cy=%22235.5%22 r=%221.16%22 opacity=%221.00%22/%3E%3Ccircle cx=%22307.6%22 cy=%22223.5%22 r=%221.26%22 opacity=%220.94%22/%3E%3Ccircle cx=%22340.8%22 cy=%22231.5%22 r=%221.10%22 opacity=%220.97%22/%3E%3Ccircle cx=%22950.5%22 cy=%22234.8%22 r=%221.25%22 opacity=%220.99%22/%3E%3Ccircle cx=%22601.1%22 cy=%22235.8%22 r=%221.13%22 opacity=%220.98%22/%3E%3Ccircle cx=%22281.6%22 cy=%22235.6%22 r=%221.05%22 opacity=%220.93%22/%3E%3Ccircle cx=%221267.2%22 cy=%22240.5%22 r=%221.21%22 opacity=%220.95%22/%3E%3Ccircle cx=%22326.7%22 cy=%22240.4%22 r=%221.05%22 opacity=%220.94%22/%3E%3Ccircle cx=%22734.2%22 cy=%22242%22 r=%221.09%22 opacity=%220.97%22/%3E%3Ccircle cx=%22255.7%22 cy=%22237.1%22 r=%221.04%22 opacity=%220.99%22/%3E%3Ccircle cx=%22235.4%22 cy=%22245.1%22 r=%221.09%22 opacity=%220.97%22/%3E%3Ccircle cx=%22252.9%22 cy=%22250.8%22 r=%221.05%22 opacity=%220.94%22/%3E%3Ccircle cx=%22284.4%22 cy=%22252.9%22 r=%221.19%22 opacity=%220.99%22/%3E%3Ccircle cx=%22968.8%22 cy=%22259%22 r=%221.18%22 opacity=%220.99%22/%3E%3Ccircle cx=%22214.2%22 cy=%22253.8%22 r=%221.09%22 opacity=%220.94%22/%3E%3Ccircle cx=%22615.2%22 cy=%22266.9%22 r=%221.23%22 opacity=%220.96%22/%3E%3Ccircle cx=%22138.4%22 cy=%22255.4%22 r=%221.26%22 opacity=%220.94%22/%3E%3Ccircle cx=%22494.9%22 cy=%22267.1%22 r=%221.25%22 opacity=%220.99%22/%3E%3Ccircle cx=%22849.9%22 cy=%22279.2%22 r=%222.08%22 opacity=%221.00%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
html, body { height: 100%; }
body {
  margin: 0; min-height: 100vh; min-height: 100dvh;
  display: grid; place-items: center;
  background: radial-gradient(120% 90% at 50% 45%, var(--nacht) 0%, var(--nacht-tief) 100%);
  color: var(--text); font: 400 1.0625rem/1.5 var(--font-text);
  position: relative; overflow: hidden; isolation: isolate;
}
/* Das Bündel kommt von rechts aus dem Dunkeln und endet unter dem Feld */
body::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; z-index: -1; pointer-events: none;
  height: clamp(180px, 30vw, 420px); transform: translateY(-38%);
  background: var(--fasern) right center / auto 100% no-repeat;
  opacity: .95;
}
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

form { width: min(22rem, calc(100% - 3rem)); }
.feld { display: flex; gap: .625rem; }
input {
  flex: 1; min-width: 0; height: 3.25rem; padding: 0 1rem;
  background: rgba(12, 14, 27, .72); color: var(--text);
  border: 1px solid var(--linie-stark); border-radius: 10px;
  font: 400 1.0625rem/1 var(--font-text); letter-spacing: .08em;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
input:focus-visible { outline: none; border-color: var(--iris); box-shadow: 0 0 0 3px rgba(127, 166, 255, .3), 0 0 24px -6px var(--licht-1); }
input:disabled { opacity: .5; }
button {
  flex: none; width: 3.25rem; height: 3.25rem; display: grid; place-items: center;
  border: 0; border-radius: 10px; cursor: pointer;
  background: var(--knopf); color: var(--knopf-text); box-shadow: var(--knopf-schein);
}
button:hover { filter: brightness(1.08); }
button:focus-visible { outline: 2px solid var(--iris); outline-offset: 3px; }
button:disabled { cursor: default; filter: saturate(.4) brightness(.7); }
button svg { width: 1.375rem; height: 1.375rem; }

/* Falsches Passwort: der Rand glimmt rot, das Feld zuckt einmal; der Text steht nur für Screenreader da */
.falsch input { border-color: var(--fehler); box-shadow: 0 0 0 3px rgba(255, 139, 128, .22); animation: zucken .36s ease-in-out 1; }
@keyframes zucken { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .falsch input { animation: none; } }

@media (max-width: 640px) {
  body::before { height: 160px; transform: translateY(-20%); }
}
