:root{--grund:#f8f2e7;--karte:#eee8dd;--hell:#fbf7ee;--knopf-zweit:#ede6d8;--schwarz:#171717;--schwarz-zeiger:#2c2c2c;--schwarz-druck:#3a3a3a;--tinte:#1a1a1a;--grau:#6c6861;--linie:#d8d0bf;--rosa:#f3b8df;--rosa-hell:#f7cde8;--gelb:#f5d95c;--gelb-dunkel:#e4c63a;--blau:#bfcdf0;--blau-dunkel:#9db1e3;--offen:#b8467f;--auf-gelb:#4a4530;--leistentext:#f4efe6;--sonntag:#c9a0bd;--ampel-gruen:#bfd9a6;--ampel-gelb:var(--gelb);--ampel-rot:#eba7a0;--text-auf-ampel:#2b2a25;--flaeche-seite:var(--grund);--flaeche-erhoben:var(--hell);--flaeche-karte:var(--karte);--flaeche-karte-fahrt:var(--blau);--flaeche-karte-familie:var(--gelb);--flaeche-karte-vorschlag:transparent;--flaeche-leiste:var(--schwarz);--flaeche-schleier:#1a1a1a52;--leiste-ort-zeiger:#f4efe614;--leiste-ort-aktiv-zeiger:#f4efe624;--text-koerper:var(--tinte);--text-titel:var(--tinte);--text-zweit:var(--grau);--text-auf-leiste:var(--leistentext);--text-auf-leiste-zweit:#9a948b;--text-auf-gelb:var(--auf-gelb);--text-auf-blau:var(--tinte);--text-auf-blau-zweit:#4a4f63;--text-auf-rosa:var(--tinte);--text-inaktiv:#928b7f;--linie-haar:var(--linie);--linie-stark:#c2b8a2;--linie-inaktiv:#e4ddce;--linie-jetzt:var(--tinte);--rand-vorschlag:var(--grau);--rand-offen:var(--offen);--rand-fokus:var(--offen);--akzent:var(--rosa);--akzent-hell:var(--rosa-hell);--akzent-tief:var(--offen);--bedeutung-fahrt:var(--blau);--bedeutung-fahrt-tief:var(--blau-dunkel);--bedeutung-familie:var(--gelb);--bedeutung-familie-tief:var(--gelb-dunkel);--bedeutung-termin:var(--karte);--knopf-primaer-flaeche:var(--schwarz);--knopf-primaer-flaeche-zeiger:var(--schwarz-zeiger);--knopf-primaer-flaeche-druck:var(--schwarz-druck);--knopf-primaer-text:var(--leistentext);--knopf-zweit-flaeche:var(--knopf-zweit);--knopf-zweit-text:var(--tinte);--knopf-inaktiv-flaeche:#e9e2d4;--knopf-inaktiv-text:var(--text-inaktiv);--person-1:#d5f5c2;--person-2:#a8e5e5;--person-3:#f6d0ff;--person-4:#ffd6a5;--person-5:#aebaff;--person-6:#c7efd0;--person-7:#ffc9c9;--person-8:#e3dca8;--person-text:var(--tinte);--person-linie-1:#8fcf6e;--person-linie-2:#62bfbf;--person-linie-3:#d28fe8;--person-linie-4:#e0a55f;--person-linie-5:#7b8be0;--person-linie-6:#7fc993;--person-linie-7:#e08f8f;--person-linie-8:#b7ae6a}
:root[data-modus=dunkel]{--grund:#14110d;--karte:#2a2620;--hell:#201c17;--knopf-zweit:#322d26;--schwarz:#0b0a08;--tinte:#f4efe6;--grau:#a9a297;--linie:#3d372e;--rosa:#f3b8df;--rosa-hell:#f7cde8;--gelb:#f5d95c;--gelb-dunkel:#e4c63a;--blau:#bfcdf0;--blau-dunkel:#9db1e3;--offen:#f09cc6;--auf-gelb:#4a4530;--leistentext:#f4efe6;--sonntag:#b98cad;--flaeche-erhoben:var(--hell);--flaeche-leiste:#0b0a08;--flaeche-schleier:#0000008f;--text-auf-leiste-zweit:#8c857a;--text-auf-gelb:#4a4530;--text-auf-blau:#1a1a1a;--text-auf-rosa:#1a1a1a;--text-inaktiv:#7a7469;--linie-stark:#524a3d;--linie-inaktiv:#2b2620;--linie-jetzt:#f4efe6;--rand-vorschlag:#a9a297;--knopf-primaer-flaeche:#f4efe6;--knopf-primaer-flaeche-zeiger:#e2dacd;--knopf-primaer-flaeche-druck:#cfc6b7;--knopf-primaer-text:#171717;--knopf-inaktiv-flaeche:#2b2620;--person-text:#1a1a1a;--person-linie-1:#a6de87;--person-linie-2:#7fd6d6;--person-linie-3:#e4a8f5;--person-linie-4:#f0be7c;--person-linie-5:#9aa8f0;--person-linie-6:#98dbaa;--person-linie-7:#f0a8a8;--person-linie-8:#cfc57f}
:root{--schrift-titel:"Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif;--schrift-text:"Inter", system-ui, -apple-system, sans-serif;--schrift-mono:"Roboto Mono", ui-monospace, "SF Mono", monospace;--schrift-hand:"Reenie Beanie", "Bradley Hand", cursive;--gewicht-titel:800;--gewicht-text:400;--gewicht-text-halb:500;--gewicht-text-fest:600;--grad-anrede-mac:40px;--grad-anrede-phone:30px;--grad-zahl-gross:34px;--grad-block-titel:22px;--grad-abschnitt:17px;--grad-karten-titel:14.5px;--grad-text:14px;--grad-zweit:12px;--grad-klein:11px;--grad-kapitaelchen:10px;--laufweite-titel:-.03em;--laufweite-text:0em;--laufweite-kapitaelchen:.08em;--zeile-titel:1.02;--zeile-karten-titel:1.2;--zeile-text:1.45;--ziffern-tabellarisch:"tnum" 1, "lnum" 1}
:root{--raum-halb:4px;--raum-1:8px;--raum-2:16px;--raum-3:24px;--raum-4:32px;--raum-5:40px;--raum-6:48px;--raum-8:64px;--karte-innen:12px;--karte-abstand:8px;--flaeche-rand-mac:32px;--flaeche-rand-phone:20px;--ziel-zeiger:28px;--ziel-finger:44px;--ziel-kind:56px;--leiste-mac:220px;--leiste-mac-eng:72px;--leiste-phone-hoehe:64px}
:root{--radius-karte:16px;--radius-klein:12px;--radius-leiste:24px;--radius-block:22px;--radius-pille:999px;--strich-haar:1px;--strich-stark:1.5px;--strich-gestrichelt:1.5px;--muster-gestrichelt:5px 4px;--kippung-zettel:.3deg;--kippung-null:0deg;--schatten:none;--fokus-ring:2px;--fokus-abstand:2px}
:root{--dauer-kurz:.12s;--dauer-mittel:.2s;--dauer-atem:.3s;--verlauf-ruhig:cubic-bezier(.2, 0, .2, 1);--verlauf-atem:cubic-bezier(.4, 0, .6, 1)}@media (prefers-reduced-motion:reduce){:root{--dauer-kurz:0s;--dauer-mittel:0s;--dauer-atem:0s}}
.al-fokus:focus-visible,.al-knopf:focus-visible,.al-kreis:focus-visible,.al-reiter:focus-visible,.al-regler-knopf:focus-visible,.al-ort:focus-visible,.al-avatar-knopf:focus-visible{outline:var(--fokus-ring) solid var(--rand-fokus);outline-offset:var(--fokus-abstand)}.al-fokus-innen:has(input:focus-visible){outline:var(--fokus-ring) solid var(--rand-fokus);outline-offset:var(--fokus-abstand)}.al-knopf,.al-kreis,.al-reiter,.al-regler-knopf,.al-ort,.al-avatar-knopf,.al-chip{font-family:var(--schrift-text);cursor:pointer;transition:background-color var(--dauer-kurz) var(--verlauf-ruhig), border-color var(--dauer-kurz) var(--verlauf-ruhig), color var(--dauer-kurz) var(--verlauf-ruhig);border:none}.al-knopf:disabled,.al-kreis:disabled,.al-regler-knopf:disabled{cursor:default}.al-knopf--primaer:hover:not(:disabled){background:var(--knopf-primaer-flaeche-zeiger)}.al-knopf--primaer:active:not(:disabled){background:var(--knopf-primaer-flaeche-druck)}.al-knopf--zweit:hover:not(:disabled){background:var(--karte)}.al-knopf--zweit:active:not(:disabled){background:var(--linie-inaktiv)}.al-knopf--klein:hover:not(:disabled){background:var(--knopf-zweit)}.al-kreis--akzent:hover{background:var(--rosa-hell)}.al-kreis--akzent:active{background:var(--rosa)}.al-kreis--schwarz:hover{background:var(--schwarz-zeiger)}.al-kreis--schwarz:active{background:var(--schwarz-druck)}.al-reiter:hover{background:var(--karte)}.al-reiter--heute:hover{background:var(--schwarz-zeiger)}.al-regler-knopf:hover:not([data-aktiv=ja]){background:var(--karte)}.al-chip:hover{border-color:var(--linie-stark)}.al-ort:hover{background:var(--leiste-ort-zeiger)}.al-ort[data-aktiv=ja]:hover{background:var(--leiste-ort-aktiv-zeiger)}.al-karte--klickbar:hover{border-color:var(--linie-stark);border-width:var(--strich-stark)}@keyframes al-atem{0%{background-color:var(--karte)}to{background-color:var(--knopf-zweit)}}.al-skelett{animation:al-atem var(--dauer-atem) var(--verlauf-atem) infinite alternate}@media (prefers-reduced-motion:reduce){.al-skelett{animation:none}}@keyframes al-auf{0%{transform:translateY(8px)}to{transform:translateY(0)}}.al-toast{animation:al-auf var(--dauer-mittel) var(--verlauf-ruhig)}@media (prefers-reduced-motion:reduce){.al-toast{animation:none}}.al-zettel{transform:rotate(var(--kippung-zettel))}.al-zettel--gegen{transform:rotate(calc(-1 * var(--kippung-zettel)))}@layer base{a{color:var(--akzent-tief);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--tinte)}}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/schriften/bricolage-grotesque-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/schriften/bricolage-grotesque-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/schriften/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/schriften/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Reenie Beanie;font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/reenie-beanie-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/schriften/roboto-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/schriften/roboto-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}