:root { --farbe-tinte: #19171c; --farbe-weiss: #ffffff; --farbe-schwarz: #000000; --farbe-flaeche: #f2f1f3; --farbe-flaeche-karte: #f3f3f5; --farbe-linie: #e5e4e7; --farbe-text-zweit: #6e6e73; --farbe-text-stumm: #97979b; --farbe-text-blass: #d7d7db; --farbe-text-grau: #c3c3c6; --farbe-fliess: #1e1e1e; --farbe-schleier-video: #0b0a0ce6; --farbe-violett: #7cc4ff; --farbe-violett-kraeftig: #3fa9f5; --farbe-violett-hell: #a8dcff; --farbe-violett-pastell: #bfe3ff; --farbe-violett-pille: #4fb0f7; --farbe-violett-link: #0b63c4; --farbe-violett-blass: #e6f3ff; --farbe-gelb: #d8ecfd; --farbe-gelb-blass: #eff7ff; --farbe-gelb-linie: #9fd1f6; --farbe-gelb-tief: #0b63c4; --farbe-gelb-tiefer: #073a76; --farbe-blau: #50b8ff; --farbe-blau-zart: #9ad4ff; --farbe-cyan: #01b2fd; --farbe-cyan-kraeftig: #00b2ff; --farbe-cyan-blass: #e6f4ff; --farbe-orange: #ff7300; --farbe-grau-dunkel: #97979b; --farbe-tief: #17082c; --farbe-verlauf-anfang: #140726; --farbe-verlauf-ende: #711de2; --farbe-eingabe: #2d2933; --farbe-fehler: #ff0000; --farbe-flaeche-dunkel: #232027; --farbe-linie-dunkel: #35313b; --farbe-klar: #00000000; --farbe-schleier: #00000059; --farbe-rand-hell: #ffffff1a; --farbe-platzhalter-hell: #ffffff8a; --farbe-flaeche-hell: #ffffff2e; --farbe-flaeche-hell-zart: #ffffff14; --farbe-schatten-weich: #19171c40; --farbe-flaeche-blass: #f2f1f300; --schatten-kopfzeile: 0 6.2rem 1.7rem #00000000, 0 4rem 1.6rem #00000003, 0 2.2rem 1.3rem #00000005, 0 1rem 1rem #0000000a, 0 .2rem .5rem #0000000a; --schatten-kopfzeile-offen: 0 400px 200px #0000001a, 0 160px 160px #00000014, 0 40px 80px #0000001a; --schatten-medium: 0 197px 79px #00000003, 0 111px 67px #00000008, 0 49px 49px #0000000d, 0 12px 27px #0000000d; --schatten-knopf: 0 63px 25px #00000003, 0 35px 21px #0000000d, 0 16px 16px #00000017, 0 4px 9px #0000001a; --schatten-stapelkarte: 0 18.7rem 5.2rem #00000000, 0 11.9rem 4.8rem #00000003, 0 6.7rem 4rem #0000000d, 0 3rem 3rem #00000017, 0 .7rem 1.6rem #0000001a; --schatten-vorlagenkarte: 0 23.7rem 6.6rem #19171c00, 0 15.2rem 6.1rem #19171c03, 0 8.5rem 5.1rem #19171c0d, 0 3.8rem 3.8rem #19171c17, 0 .9rem 2.1rem #19171c1a; --schatten-flaeche-unten: 0 2.4rem 3.6rem -1.2rem #19171c4d; --schatten-beitrag: 0 .4rem .8rem -.2rem #19171c1f, 0 2rem 3.2rem -.8rem #19171c59, 0 4rem 6rem -2rem #19171c40; --schatten-vorne: 0 3.2rem 5.6rem -1rem #19171c66; --schatten-schweber: 0 1px 6px 0 #0000000f, 0 2px 32px 0 #00000029; --schatten-helfer: 0 0 0 .1rem #e5e4e7, 0 2.4rem 4.8rem -1.2rem #19171c38, 0 .8rem 1.6rem -.8rem #19171c1f; --schatten-titelflaeche: .1rem 0 var(--farbe-weiss), -.1rem 0 var(--farbe-weiss); --schatten-titelflaeche-tinte: .1rem 0 var(--farbe-tinte), -.1rem 0 var(--farbe-tinte); --verlauf-karte: linear-gradient(var(--farbe-violett-kraeftig) 0%, var(--farbe-violett-hell) 100%); --verlauf-helfer-kopf: linear-gradient(var(--farbe-violett-kraeftig) 0%, var(--farbe-violett-hell) 62%, var(--farbe-violett-blass) 90%, var(--farbe-weiss) 100%); --verlauf-blau-karte: linear-gradient(var(--farbe-cyan-kraeftig) 0%, var(--farbe-blau) 55%, var(--farbe-blau-zart) 100%); --verlauf-lila-karte: linear-gradient(var(--farbe-violett-kraeftig) 0%, var(--farbe-violett-pastell) 58%, var(--farbe-violett-hell) 100%); --verlauf-zahl: linear-gradient(var(--farbe-verlauf-anfang) 0%, var(--farbe-verlauf-ende) 100%); --verlauf-gelb: linear-gradient(150deg, var(--farbe-gelb) 0%, var(--farbe-gelb-linie) 100%); --verlauf-gelb-zahl: linear-gradient(180deg, var(--farbe-gelb-tiefer) 0%, var(--farbe-gelb-tief) 100%); --verlauf-band-links: linear-gradient(-90deg, var(--farbe-flaeche) 0%, var(--farbe-flaeche-blass) 100%); --kurve-maus-los: cubic-bezier(.62, .02, .78, .38); --kurve-maus-an: cubic-bezier(.13, .78, .2, 1); --kurve-maus-korr: cubic-bezier(.4, 0, .3, 1); --kurve-weich: cubic-bezier(.25, .46, .45, .94); --kurve-schwung: cubic-bezier(.33, 1.42, .05, .96); --kurve-feder: cubic-bezier(.22, .73, .3, 1.39); --kurve-aus: cubic-bezier(.19, 1, .22, 1); --kurve-morph: cubic-bezier(.32, .72, 0, 1); --kurve-schweber: cubic-bezier(.33, 0, 0, 1); --kurve-druck: cubic-bezier(.45, 0, .2, 1); --kurve-ueberschwung: linear(0, .255, .4449, .6018, .7355, .8513, .9525, 1.0413, 1.1195, 1.1881, 1.2484, 1.3011, 1.3468, 1.3862, 1.4198, 1.4479, 1.4709, 1.4892, 1.503, 1.5126, 1.5182, 1.52, 1.5189, 1.5156, 1.5101, 1.5025, 1.4929, 1.4817, 1.469, 1.4552, 1.4406, 1.4254, 1.4099, 1.3943, 1.3787, 1.3633, 1.3481, 1.3333, 1.3188, 1.3048, 1.2912, 1.278, 1.2653, 1.253, 1.2412, 1.2298, 1.2188, 1.2083, 1.1981, 1.1883, 1.1789, 1.1698, 1.1611, 1.1528, 1.1447, 1.137, 1.1296, 1.1225, 1.1156, 1.1091, 1.1028, 1.0967, 1.0909, 1.0854, 1.0801, 1.075, 1.0701, 1.0654, 1.061, 1.0567, 1.0526, 1.0488, 1.0451, 1.0415, 1.0382, 1.035, 1.032, 1.0292, 1.0265, 1.0239, 1.0215, 1.0193, 1.0172, 1.0152, 1.0134, 1.0117, 1.0101, 1.0086, 1.0073, 1.0061, 1.005, 1.004, 1.0032, 1.0024, 1.0018, 1.0012, 1.0008, 1.0004, 1.0002, 1, 1); --dauer-blitz: .1s; --dauer-kurz: .16s; --dauer-2: .2s; --dauer-3: .3s; --dauer-35: .35s; --dauer-4: .4s; --dauer-5: .5s; --dauer-55: .55s; --dauer-6: .6s; --dauer-8: .8s; --dauer-12: 1.2s; --dauer-morph: .62s; --dauer-band: 90s; --dauer-schweber: .167s; --dauer-schweber-hover: .25s; --dauer-schweber-druck: .134s; --verzug-0: 0s; --verzug-2: .2s; --verzug-3: .3s; --verzug-45: .45s; --verzug-untermenue-schritt: .075s; --raster-spalten: 10; --raster-abstand: 2rem; } @media screen and (width >= 1441px) { :root { --raster-spalten: 20; } } @media (prefers-reduced-motion: reduce) { :root { --dauer-blitz: 0s; --dauer-kurz: 0s; --dauer-2: 0s; --dauer-3: 0s; --dauer-35: 0s; --dauer-4: 0s; --dauer-5: 0s; --dauer-55: 0s; --dauer-6: 0s; --dauer-8: 0s; --dauer-12: 0s; --dauer-band: 0s; --verzug-0: 0s; --verzug-2: 0s; --verzug-3: 0s; --verzug-45: 0s; --verzug-untermenue-schritt: 0s; --dauer-schweber: 0s; --dauer-schweber-hover: 0s; --dauer-schweber-druck: 0s; --dauer-morph: 0s; } }