:root{--akzent: #5d60ee;--akzent-dunkel: #4f46e5;--akzent-hell: rgba(99, 102, 241, .15);--akzent-rand: rgba(99, 102, 241, .45);--auf-akzent: #ffffff;--akzent-zwei: #ec4899;--akzent-hoch: #818cf8;--akzent-zwei-hoch: #f472b6;--grund: #0b0f19;--flaeche: #151c2e;--flaeche-ruhig: #0e1424;--flaeche-aktiv: #1e2842;--text: #f8fafc;--text-leise: #a8b4c8;--text-still: #8b97ad;--auf-dunkel: #ffffff;--linie: #263352;--linie-kraeftig: #33436b;--gut: #34d399;--gut-hell: rgba(16, 185, 129, .15);--auf-gut: #052e1a;--warnung: #fbbf24;--warnung-hell: rgba(245, 158, 11, .18);--auf-warnung: #3d2600;--fehler: #f87171;--fehler-hell: rgba(239, 68, 68, .15);--auf-fehler: #450a0a;--meldung-grund: #1e2842;--meldung-schrift: #f8fafc;--verlauf-schrift: linear-gradient(135deg, var(--akzent-hoch) 0%, var(--akzent-zwei-hoch) 100%);--verlauf-flaeche: linear-gradient(135deg, var(--akzent), var(--akzent-zwei));--verlauf-ueber-bild: linear-gradient(transparent, rgba(0, 0, 0, .78));--schleier: radial-gradient(circle at 10% 8%, rgba(99, 102, 241, .18) 0%, transparent 42%), radial-gradient(circle at 90% 18%, rgba(236, 72, 153, .12) 0%, transparent 38%), radial-gradient(circle at 50% 65%, rgba(16, 185, 129, .07) 0%, transparent 50%);--schrift-klein: .875rem;--schrift: 1rem;--schrift-gross: 1.125rem;--schrift-titel: 1.375rem;--schrift-gross-titel: clamp(2rem, 5vw, 3rem);--zeilenhoehe: 1.65;--zeilenhoehe-eng: 1.15;--schriftart: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--abstand-1: .25rem;--abstand-2: .5rem;--abstand-3: .75rem;--abstand-4: 1rem;--abstand-5: 1.5rem;--abstand-6: 2rem;--abstand-7: 3.5rem;--rund-klein: 8px;--rund: 12px;--rund-gross: 18px;--rund-voll: 999px;--schatten-klein: 0 1px 3px rgba(0, 0, 0, .4);--schatten: 0 4px 16px rgba(0, 0, 0, .45);--schatten-gross: 0 25px 50px -12px rgba(0, 0, 0, .6);--glanz-akzent: 0 8px 24px -8px rgba(99, 102, 241, .6);--fenster-grund: rgba(3, 6, 15, .72);--ebene-grund: 0;--ebene-kopf: 10;--ebene-fuss: 10;--ebene-hinweis: 20;--ebene-fenster: 30;--ebene-meldung: 40;--breite-inhalt: 68rem;--hoehe-kopf: 3.75rem;--hoehe-fuss: 4rem;--uebergang: .16s ease;color-scheme:dark}:root[data-thema=hell]{--akzent: #4f46e5;--akzent-dunkel: #4338ca;--akzent-hell: rgba(79, 70, 229, .1);--akzent-rand: rgba(79, 70, 229, .35);--auf-akzent: #ffffff;--akzent-zwei: #db2777;--akzent-hoch: #4338ca;--akzent-zwei-hoch: #be185d;--grund: #f4f6fb;--flaeche: #ffffff;--flaeche-ruhig: #eef1f8;--flaeche-aktiv: #e3e8f4;--text: #111827;--text-leise: #4b5563;--text-still: #5b6472;--auf-dunkel: #ffffff;--linie: #dde2ee;--linie-kraeftig: #bfc7da;--gut: #047857;--gut-hell: rgba(4, 120, 87, .12);--auf-gut: #ffffff;--warnung: #92400e;--warnung-hell: rgba(146, 64, 14, .12);--auf-warnung: #ffffff;--fehler: #b91c1c;--fehler-hell: rgba(185, 28, 28, .1);--auf-fehler: #ffffff;--meldung-grund: #1f2937;--meldung-schrift: #f8fafc;--verlauf-schrift: linear-gradient(135deg, var(--akzent) 0%, var(--akzent-zwei) 100%);--verlauf-flaeche: linear-gradient(135deg, var(--akzent), var(--akzent-zwei));--verlauf-ueber-bild: linear-gradient(transparent, rgba(0, 0, 0, .72));--schleier: radial-gradient(circle at 10% 8%, rgba(79, 70, 229, .1) 0%, transparent 42%), radial-gradient(circle at 90% 18%, rgba(219, 39, 119, .07) 0%, transparent 38%), radial-gradient(circle at 50% 65%, rgba(4, 120, 87, .05) 0%, transparent 50%);--schatten-klein: 0 1px 3px rgba(15, 23, 42, .1);--schatten: 0 4px 16px rgba(15, 23, 42, .12);--schatten-gross: 0 25px 50px -12px rgba(15, 23, 42, .22);--glanz-akzent: 0 8px 24px -8px rgba(79, 70, 229, .35);--fenster-grund: rgba(15, 23, 42, .4);color-scheme:light}:root[data-schrift=gross]{font-size:112.5%}:root[data-schrift=sehr-gross]{font-size:125%}@media(prefers-reduced-motion:reduce){:root{--uebergang: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--schriftart);font-size:var(--schrift);line-height:var(--zeilenhoehe);color:var(--text);background:var(--grund);min-height:100dvh;-webkit-font-smoothing:antialiased}img,picture,video,canvas{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:2px}h1,h2,h3,h4{line-height:var(--zeilenhoehe-eng);font-weight:700;text-wrap:balance}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--rund-klein)}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zum-inhalt{position:absolute;left:var(--abstand-2);top:-3rem;z-index:var(--ebene-meldung);padding:var(--abstand-2) var(--abstand-4);background:var(--akzent);color:var(--auf-akzent);border-radius:var(--rund);transition:top var(--uebergang)}.zum-inhalt:focus{top:var(--abstand-2)}.demo-balken{display:flex;align-items:center;gap:var(--abstand-2);flex-wrap:wrap;padding:var(--abstand-2) var(--abstand-4);background:var(--warnung);color:var(--auf-warnung);font-size:var(--schrift-klein);z-index:var(--ebene-hinweis)}.demo-balken strong{font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.demo-balken-punkt{width:.5rem;height:.5rem;flex-shrink:0;border-radius:var(--rund-voll);background:currentColor;animation:demo-puls 2s ease-in-out infinite}@keyframes demo-puls{0%,to{opacity:1}50%{opacity:.35}}.meldungen{position:fixed;bottom:calc(var(--hoehe-fuss) + var(--abstand-4));left:50%;transform:translate(-50%);z-index:var(--ebene-meldung);display:flex;flex-direction:column;gap:var(--abstand-2);width:calc(100% - 2 * var(--abstand-4));max-width:26rem;pointer-events:none}.meldung{padding:var(--abstand-3) var(--abstand-4);border-radius:var(--rund);background:var(--meldung-grund);color:var(--meldung-schrift);border:1px solid var(--linie-kraeftig);font-size:var(--schrift-klein);box-shadow:var(--schatten-gross);animation:meldung-herein .2s ease-out}@keyframes meldung-herein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fenster-grund{position:fixed;inset:0;z-index:var(--ebene-fenster);display:flex;align-items:center;justify-content:center;padding:var(--abstand-4);background:var(--fenster-grund);backdrop-filter:blur(3px);overflow-y:auto}.fenster{background:var(--flaeche);border-radius:var(--rund-gross);box-shadow:var(--schatten-gross);width:100%;max-width:28rem;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.fenster-kopf{display:flex;align-items:center;justify-content:space-between;padding:var(--abstand-4) var(--abstand-5);border-bottom:1px solid var(--linie)}.fenster-kopf h2{font-size:var(--schrift-titel)}.fenster-zu{width:2.75rem;height:2.75rem;border-radius:var(--rund);font-size:var(--schrift-gross);color:var(--text-leise)}.fenster-zu:hover{background:var(--flaeche-ruhig);color:var(--text)}.fenster-reiter{display:flex;padding:0 var(--abstand-5);gap:var(--abstand-2)}.fenster-reiter button{flex:1;min-height:2.75rem;padding:var(--abstand-2);border-bottom:3px solid transparent;font-size:var(--schrift-klein);font-weight:600;color:var(--text-leise)}.fenster-reiter button.ist-aktiv{border-bottom-color:var(--akzent);color:var(--akzent);font-weight:700}.fenster-inhalt{padding:var(--abstand-5);display:grid;gap:var(--abstand-4);overflow-y:auto}.feld{display:grid;gap:var(--abstand-2)}.feld-beschriftung{font-size:var(--schrift-klein);font-weight:600}.feld input{min-height:2.75rem;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift)}.feld input:focus{border-color:var(--akzent)}.feld-hinweis{font-size:var(--schrift-klein);color:var(--text-still)}.feld-hinweis.ist-gut{color:var(--gut)}.feld-hinweis.ist-fehler{color:var(--fehler)}.ankreuzfeld{display:flex;align-items:flex-start;gap:var(--abstand-3);font-size:var(--schrift-klein);cursor:pointer}.ankreuzfeld input{width:1.25rem;height:1.25rem;accent-color:var(--akzent);flex-shrink:0}.ankreuzfeld small{color:var(--text-still)}.honigtopf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.einladungshinweis,.mailhinweis{padding:var(--abstand-3);border-radius:var(--rund);background:var(--akzent-hell);color:var(--akzent-dunkel);font-size:var(--schrift-klein)}.mailhinweis{background:var(--flaeche-ruhig);color:var(--text-leise)}.fenster-fuss{display:flex;gap:var(--abstand-3)}.fenster-fuss .knopf{flex:1}.fenster>.fenster-fuss{padding:var(--abstand-4) var(--abstand-5);border-top:1px solid var(--linie);background:var(--flaeche)}.vergessen-link{justify-self:end;display:inline-flex;align-items:center;min-height:2.75rem;margin-top:calc(var(--abstand-4) * -1);padding:0;font-size:var(--schrift-klein);font-weight:600;color:var(--akzent-hoch);text-decoration:underline}.vergessen-link:hover{color:var(--akzent)}.cockpit{max-width:var(--breite-inhalt);margin:0 auto;padding:var(--abstand-5) var(--abstand-4) var(--abstand-7)}.cockpit-kopf{display:flex;flex-wrap:wrap;gap:var(--abstand-4);align-items:center;justify-content:space-between;margin-bottom:var(--abstand-5)}.cockpit-kopf h1{font-size:var(--schrift-titel)}.cockpit-unter{font-size:var(--schrift-klein);color:var(--text-still)}.cockpit-kopfknoepfe{display:flex;gap:var(--abstand-2)}.cockpit-block{margin-bottom:var(--abstand-6);padding:var(--abstand-5);border:1px solid var(--linie);border-radius:var(--rund-gross);background:var(--flaeche)}.cockpit-block>h2{font-size:var(--schrift-gross);margin-bottom:var(--abstand-4);padding-bottom:var(--abstand-3);border-bottom:1px solid var(--linie)}.cockpit-warnliste{display:grid;gap:var(--abstand-2);padding-left:var(--abstand-5)}.kachelfeld{list-style:none;display:grid;gap:var(--abstand-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-bottom:var(--abstand-5)}.kachel{display:grid;gap:var(--abstand-1);padding:var(--abstand-4);border:1px solid var(--linie);border-radius:var(--rund);background:var(--flaeche-ruhig)}.kachel-titel{font-size:var(--schrift-klein);color:var(--text-leise)}.kachel-wert{font-size:var(--schrift-titel);font-weight:800}.kachel-unter{font-size:var(--schrift-klein);color:var(--text-still)}.cockpit-angaben{display:grid;gap:var(--abstand-2);margin-top:var(--abstand-4)}.cockpit-angabe{display:flex;flex-wrap:wrap;gap:var(--abstand-3);justify-content:space-between;padding-bottom:var(--abstand-2);border-bottom:1px solid var(--linie);font-size:var(--schrift-klein)}.cockpit-angabe dt{color:var(--text-leise)}.cockpit-angabe dd{font-weight:600;word-break:break-word;text-align:right}.tafelrahmen{overflow-x:auto}.tafel{width:100%;border-collapse:collapse;font-size:var(--schrift-klein)}.tafel th,.tafel td{padding:var(--abstand-3);text-align:left;border-bottom:1px solid var(--linie);white-space:nowrap}.tafel th{color:var(--text-leise);font-weight:600}.tafel td:first-child{white-space:normal;display:flex;align-items:center;gap:var(--abstand-2);flex-wrap:wrap}.tafel tr.ist-gewarnt td{background:var(--warnung-hell)}.cockpit-anmeldung{min-height:70dvh;display:grid;place-items:center}.cockpit-karte{width:100%;max-width:26rem;display:grid;gap:var(--abstand-4);padding:var(--abstand-5);border:1px solid var(--linie);border-radius:var(--rund-gross);background:var(--flaeche);box-shadow:var(--schatten)}.cockpit-karte h1{font-size:var(--schrift-titel)}.wischzeile{position:relative;overflow:hidden;touch-action:pan-y}.wischzeile-hinten{position:absolute;inset:0;display:flex;align-items:center;gap:var(--abstand-2);padding:0 var(--abstand-5);font-size:var(--schrift-klein);font-weight:700;opacity:.55;transition:opacity var(--uebergang)}.wischzeile-hinten.reicht-aus{opacity:1}.wischzeile-hinten.von-links{justify-content:flex-start}.wischzeile-hinten.von-rechts{justify-content:flex-end}.wischzeile-hinten.ist-gut{background:var(--gut-hell);color:var(--gut)}.wischzeile-hinten.ist-warnung{background:var(--warnung-hell);color:var(--warnung)}.wischzeile-hinten.ist-fehler{background:var(--fehler-hell);color:var(--fehler)}.wischzeile-zeichen{font-size:var(--schrift-titel);line-height:1}.wischzeile-inhalt{position:relative;background:var(--flaeche);will-change:transform}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.kanalleiste{display:flex;gap:var(--abstand-2);padding:var(--abstand-3) var(--abstand-4);border-bottom:1px solid var(--linie);overflow-x:auto;scrollbar-width:none}.kanalleiste::-webkit-scrollbar{display:none}.kanalknopf{flex-shrink:0;min-height:2.5rem;padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--linie);border-radius:var(--rund-voll);background:var(--flaeche);color:var(--text-leise);font-size:var(--schrift-klein);font-weight:600;transition:background var(--uebergang),border-color var(--uebergang),color var(--uebergang)}.kanalknopf:hover{background:var(--flaeche-aktiv)}.kanalknopf.ist-aktiv{background:var(--akzent-hell);border-color:var(--akzent-rand);color:var(--text);font-weight:700}.kanalhinweis{padding:var(--abstand-3) var(--abstand-4);background:var(--flaeche-ruhig);border-bottom:1px solid var(--linie);font-size:var(--schrift-klein);color:var(--text-leise)}.verlauf{flex:1;min-height:0;overflow-y:auto;padding:var(--abstand-4);display:flex;flex-direction:column;gap:var(--abstand-2);touch-action:pan-y}.tagestrenner{align-self:center;margin:var(--abstand-4) 0 var(--abstand-2);padding:var(--abstand-1) var(--abstand-4);border-radius:var(--rund-voll);background:var(--flaeche-ruhig);border:1px solid var(--linie);font-size:var(--schrift-klein);color:var(--text-still)}.blase-zeile{display:flex;align-items:flex-end;gap:var(--abstand-2)}.blase-zeile.ist-meine{flex-direction:row-reverse}.blase{max-width:min(80%,32rem);padding:var(--abstand-3) var(--abstand-4);border-radius:var(--rund-gross);background:var(--flaeche);border:1px solid var(--linie);border-bottom-left-radius:var(--rund-klein)}.blase.ist-meine{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent);border-bottom-left-radius:var(--rund-gross);border-bottom-right-radius:var(--rund-klein)}.blase-name{font-size:var(--schrift-klein);font-weight:700;color:var(--akzent-hoch);margin-bottom:var(--abstand-1)}.blase-text{white-space:pre-wrap;overflow-wrap:anywhere}.blase-bild{display:block;width:100%;max-width:20rem;border-radius:var(--rund);margin-bottom:var(--abstand-2)}.blase-fuss{font-size:var(--schrift-klein);opacity:.75;margin-top:var(--abstand-1)}.blase-knoepfe{display:flex;flex-direction:column;gap:var(--abstand-1)}.blase-knoepfe button{width:2.25rem;height:2.25rem;border-radius:var(--rund-klein);color:var(--text-still);font-size:var(--schrift-klein)}.blase-knoepfe button:hover{background:var(--flaeche-aktiv);color:var(--text)}.schreibfeld{border-top:1px solid var(--linie);background:var(--flaeche);padding:var(--abstand-3) var(--abstand-4);padding-bottom:calc(var(--abstand-3) + env(safe-area-inset-bottom,0px))}.bearbeitungshinweis{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);margin-bottom:var(--abstand-2);padding:var(--abstand-2) var(--abstand-3);border-radius:var(--rund-klein);background:var(--akzent-hell);font-size:var(--schrift-klein)}.bearbeitungshinweis button{color:var(--akzent-hoch);font-weight:600;text-decoration:underline}.schreibfeld-zeile{display:flex;gap:var(--abstand-2);align-items:center}.schreibfeld-zeile input[type=text]{flex:1;min-width:0;min-height:2.75rem;padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund-voll);background:var(--flaeche-ruhig);font-size:var(--schrift)}.schreibfeld-zeile input:focus{border-color:var(--akzent)}.schreibfeld-knopf{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--rund-voll);background:var(--flaeche-ruhig);border:1px solid var(--linie-kraeftig);font-size:var(--schrift-gross)}.schreibfeld-knopf:hover:not(:disabled){background:var(--flaeche-aktiv)}.schreibfeld-knopf:disabled{opacity:.45}.schreibfeld-knopf.ist-senden{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent)}.schreibfeld-knopf.ist-senden:hover:not(:disabled){background:var(--akzent-dunkel)}.leerhinweis-klein,.ladehinweis{text-align:center;color:var(--text-still);padding:var(--abstand-6) var(--abstand-4)}.fehlermeldung{padding:var(--abstand-3);border-radius:var(--rund);background:var(--fehler-hell);color:var(--fehler);font-size:var(--schrift-klein)}.fotos{padding:var(--abstand-4)}.speicherbalken{margin-bottom:var(--abstand-5);padding:var(--abstand-4);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund)}.speicher-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:var(--abstand-3);margin-bottom:var(--abstand-3);font-size:var(--schrift-klein);font-weight:600}.speicher-klein{color:var(--text-still);font-weight:400}.speicher-schiene{height:.5rem;border-radius:var(--rund-voll);background:var(--flaeche-ruhig);overflow:hidden}.speicher-fuellung{height:100%;border-radius:var(--rund-voll);background:var(--verlauf-flaeche);transition:width var(--uebergang)}.fotogitter{list-style:none;display:grid;gap:var(--abstand-2);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.fotokachel{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:var(--rund);overflow:hidden;border:1px solid var(--linie);background:var(--flaeche-ruhig)}.fotokachel img{width:100%;height:100%;object-fit:cover}.fotokachel:hover{border-color:var(--akzent-rand)}.fotokachel-wer{position:absolute;left:0;right:0;bottom:0;padding:var(--abstand-3) var(--abstand-2) var(--abstand-2);background:var(--verlauf-ueber-bild);color:var(--auf-dunkel);font-size:var(--schrift-klein);font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grossansicht{position:fixed;inset:0;z-index:var(--ebene-fenster);display:grid;place-items:center;padding:var(--abstand-4)}.grossansicht-grund{position:absolute;inset:0;background:var(--fenster-grund);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none}.grossansicht img{position:relative;max-width:100%;max-height:78vh;border-radius:var(--rund-gross);box-shadow:var(--schatten-gross)}.grossansicht-leiste{position:relative;margin-top:var(--abstand-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--abstand-4);font-size:var(--schrift-klein);color:var(--text-leise)}.grossansicht-knoepfe{display:flex;gap:var(--abstand-2)}.knopf-klein{min-height:2.5rem;padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);color:var(--text);font-size:var(--schrift-klein);font-weight:600}.knopf-klein:hover{background:var(--flaeche-aktiv)}.knopf-klein.ist-gefahr{border-color:var(--fehler);color:var(--fehler)}.knopf-klein.ist-gefahr:hover{background:var(--fehler-hell)}.einladungsart{display:flex;align-items:flex-start;gap:var(--abstand-4);width:100%;text-align:left;padding:var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);transition:border-color var(--uebergang),background var(--uebergang)}.einladungsart:hover:not(:disabled){border-color:var(--akzent-rand);background:var(--flaeche-aktiv)}.einladungsart:disabled{opacity:.6}.einladungsart-zeichen{font-size:var(--schrift-titel);line-height:1;flex-shrink:0}.einladungsart-titel{display:block;font-weight:700;margin-bottom:var(--abstand-1)}.einladungsart-text{display:block;font-size:var(--schrift-klein);color:var(--text-leise)}.uebersicht-knopf{justify-self:start}.einladungsliste{list-style:none;display:grid;gap:var(--abstand-2)}.einladungsliste li{display:flex;justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie);border-radius:var(--rund-klein);font-size:var(--schrift-klein)}.einladungslage{color:var(--text-still)}.einladungslage.ist-genutzt{color:var(--gut)}.einladung-titel{font-weight:700;font-size:var(--schrift-gross)}.codefeld{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-4);border:1px solid var(--akzent-rand);border-radius:var(--rund);background:var(--akzent-hell)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--schrift-titel);font-weight:800;letter-spacing:.12em;color:var(--text)}.einladung-knoepfe{display:flex;gap:var(--abstand-3)}.einladung-knoepfe .knopf{flex:1}.hinweiszeile{font-size:var(--schrift-klein);color:var(--text-still)}.mitglieder{padding:var(--abstand-4);display:grid;gap:var(--abstand-5)}.wartende{padding:var(--abstand-4);border:1px solid var(--warnung);border-radius:var(--rund-gross);background:var(--warnung-hell)}.wartende h2{font-size:var(--schrift-gross);margin-bottom:var(--abstand-4);color:var(--warnung)}.wartende ul{list-style:none;display:grid;gap:var(--abstand-3)}.wartender,.person{display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund)}.person-zeichen{flex-shrink:0;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--rund-voll);background:var(--flaeche-aktiv);color:var(--text);font-weight:800}.person-zeichen.ist-gastgeber{background:var(--verlauf-flaeche);color:var(--auf-akzent)}.person-mitte{flex:1;min-width:0}.person-name{font-weight:700;display:flex;align-items:center;gap:var(--abstand-2);flex-wrap:wrap}.person-merkmal{font-size:var(--schrift-klein);color:var(--text-leise)}.person-stammbaum{font-size:var(--schrift-klein);color:var(--text-still)}.person-marke{padding:2px var(--abstand-2);border-radius:var(--rund-voll);background:var(--flaeche-aktiv);color:var(--text-leise);font-size:var(--schrift-klein);font-weight:600}.person-marke.ist-gastgeber{background:var(--akzent-hell);color:var(--akzent-hoch)}.person-knoepfe{display:flex;flex-direction:column;gap:var(--abstand-2);flex-shrink:0}.knopf-klein.ist-gut{border-color:var(--gut);color:var(--gut)}.knopf-klein.ist-gut:hover{background:var(--gut-hell)}.einladen-knopf{width:100%}.mitglieder-titel{font-size:var(--schrift-klein);color:var(--text-still);margin-bottom:var(--abstand-3);font-weight:600}.personenliste{list-style:none;display:grid;gap:var(--abstand-2)}.fenster-unter{font-size:var(--schrift-klein);color:var(--text-still)}.mitbring-summe{padding:var(--abstand-3) var(--abstand-4);border-radius:var(--rund);background:var(--flaeche-ruhig);border:1px solid var(--linie);font-size:var(--schrift-klein);font-weight:600}.mitbring-bereich+.mitbring-bereich,.mitbring-summe+.mitbring-bereich{margin-top:var(--abstand-2)}.mitbring-liste{list-style:none;display:grid;gap:var(--abstand-2)}.mitbring-zeile{padding:var(--abstand-4);border:1px solid var(--linie);border-radius:var(--rund);background:var(--flaeche-ruhig);display:grid;gap:var(--abstand-2)}.mitbring-zeile.ist-vollstaendig{border-color:var(--gut)}.mitbring-kopf{display:flex;flex-wrap:wrap;gap:var(--abstand-2);justify-content:space-between;align-items:baseline}.mitbring-name{font-weight:700}.mitbring-stand{font-size:var(--schrift-klein);font-weight:600}.mitbring-stand.ist-fertig{color:var(--gut)}.mitbring-stand.ist-offen{color:var(--warnung)}.mitbring-wer{font-size:var(--schrift-klein);color:var(--text-leise)}.mitbring-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2)}.mitbring-menge input{width:4.5rem;min-height:2.5rem;padding:var(--abstand-2);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift);text-align:center}.mitbring-quelle{font-size:var(--schrift-klein);color:var(--text-still)}.neuereintrag{display:grid;gap:var(--abstand-4)}.neuereintrag-zeile{display:grid;grid-template-columns:6rem 1fr;gap:var(--abstand-3)}.neuereintrag input,.neuereintrag select{min-height:2.75rem;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift);width:100%}.neuereintrag input:focus,.neuereintrag select:focus{border-color:var(--akzent)}.mitbring-knopf{display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:2.75rem;padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift-klein);font-weight:600}.mitbring-knopf:hover{background:var(--flaeche-aktiv);border-color:var(--akzent-rand)}.kalender-oeffnen,.kalender-zu{width:100%;min-height:2.75rem;padding:var(--abstand-3);border:1px solid var(--akzent-rand);border-radius:var(--rund);background:var(--akzent-hell);color:var(--akzent-dunkel);font-size:var(--schrift-klein);font-weight:700}.kalender-oeffnen:hover{background:var(--flaeche-aktiv)}.kalender-zu{background:var(--flaeche);border-color:var(--linie-kraeftig);color:var(--text-leise);font-weight:600}.kalender-auswahl{display:grid;gap:var(--abstand-3)}.kalender-frage{font-weight:700;font-size:var(--schrift-klein)}.kalender-knoepfe{display:grid;gap:var(--abstand-2)}.kalender-knopf{display:block;min-height:2.75rem;padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);color:var(--text);font-size:var(--schrift-klein);font-weight:600;text-decoration:none;text-align:center}.kalender-knopf:hover{background:var(--flaeche-ruhig);border-color:var(--akzent-rand)}.kalender-abo{border:1px solid var(--linie);border-radius:var(--rund);padding:var(--abstand-3);font-size:var(--schrift-klein)}.kalender-abo summary{cursor:pointer;font-weight:600}.kalender-abo p{color:var(--text-leise);margin:var(--abstand-3) 0}.kalender-laedt,.kalender-hinweis{font-size:var(--schrift-klein);color:var(--text-leise);padding:var(--abstand-3);background:var(--flaeche-ruhig);border-radius:var(--rund)}.terminzeile{display:grid;gap:var(--abstand-3);padding:var(--abstand-3);border:1px solid var(--linie);border-radius:var(--rund);background:var(--flaeche-ruhig)}@media(min-width:30rem){.terminzeile{grid-template-columns:1fr 1fr;align-items:end}.terminzeile>.knopf-klein{grid-column:1 / -1;justify-self:start}}.terminzeile input{min-height:2.75rem;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift);width:100%}.terminzeile input:focus{border-color:var(--akzent)}.terminkopf{display:flex;flex-wrap:wrap;gap:var(--abstand-3);align-items:center;justify-content:space-between;padding:var(--abstand-4) var(--abstand-4) 0}.terminkopf p{font-size:var(--schrift-klein);color:var(--text-still)}.terminliste{list-style:none;padding:var(--abstand-4);display:grid;gap:var(--abstand-4)}.terminkarte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund-gross);overflow:hidden;box-shadow:var(--schatten-klein)}.terminkarte.steht-fest{border-color:var(--akzent-rand)}.terminkarte.ist-abgesagt{opacity:.65}.terminkarte-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-4);border-bottom:1px solid var(--linie)}.terminkarte-kopf h2{font-size:var(--schrift-gross)}.terminlage{flex-shrink:0;padding:var(--abstand-1) var(--abstand-3);border-radius:var(--rund-voll);font-size:var(--schrift-klein);font-weight:700;white-space:nowrap}.terminlage.ist-open{background:var(--flaeche-ruhig);color:var(--text-leise)}.terminlage.ist-decided{background:var(--akzent-hell);color:var(--akzent)}.terminlage.ist-cancelled{background:var(--fehler-hell);color:var(--fehler)}.terminkarte-text{padding:var(--abstand-3) var(--abstand-4) 0;color:var(--text-leise);font-size:var(--schrift-klein)}.vorschlagsliste{list-style:none}.vorschlagsliste>li{border-top:1px solid var(--linie)}.vorschlagsliste>li:first-child{border-top:none}.vorschlagsliste>li.ist-gewaehlt{background:var(--akzent-hell)}.vorschlag{padding:var(--abstand-4);display:grid;gap:var(--abstand-3)}.vorschlag-wann{display:grid;gap:2px}.vorschlag-titel{font-weight:700}.vorschlag-wann time{color:var(--text-leise);font-size:var(--schrift-klein)}.vorschlag-ort{color:var(--text-still);font-size:var(--schrift-klein)}.vorschlag-zahlen{display:flex;gap:var(--abstand-4);font-size:var(--schrift-klein)}.zahl{font-weight:600}.zahl.ist-gut{color:var(--gut)}.zahl.ist-vielleicht{color:var(--warnung)}.zahl.ist-absage{color:var(--text-still)}.vorschlag-knoepfe{display:flex;gap:var(--abstand-2);flex-wrap:wrap}.stimmknopf{flex:1;min-width:6rem;min-height:2.75rem;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift-klein);font-weight:600;transition:background var(--uebergang),border-color var(--uebergang)}.stimmknopf:hover{background:var(--flaeche-ruhig)}.stimmknopf.ist-gewaehlt{border-width:2px;font-weight:700}.stimmknopf.ist-yes.ist-gewaehlt{border-color:var(--gut);background:var(--gut-hell);color:var(--gut)}.stimmknopf.ist-maybe.ist-gewaehlt{border-color:var(--warnung);background:var(--warnung-hell);color:var(--warnung)}.stimmknopf.ist-no.ist-gewaehlt{border-color:var(--fehler);background:var(--fehler-hell);color:var(--fehler)}.vorschlag-gewaehlt{font-size:var(--schrift-klein);font-weight:700;color:var(--akzent)}.vorschlag-gastgeber{padding:0 var(--abstand-4) var(--abstand-4)}.knopf-klein{min-height:2.5rem;padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);font-size:var(--schrift-klein);font-weight:600}.knopf-klein:hover{background:var(--flaeche-ruhig)}.terminkarte-tipp{padding:var(--abstand-3) var(--abstand-4);border-top:1px solid var(--linie);background:var(--flaeche-ruhig);font-size:var(--schrift-klein);color:var(--text-still)}.ladehinweis,.leerhinweis,.hinweisfeld{padding:var(--abstand-6) var(--abstand-4);text-align:center;color:var(--text-leise)}.leerhinweis-titel{font-size:var(--schrift-gross);font-weight:700;color:var(--text);margin-bottom:var(--abstand-2)}.hinweisfeld.ist-fehler{color:var(--fehler);display:grid;gap:var(--abstand-4);justify-items:center}.terminkarte-kalender{padding:var(--abstand-4);border-top:1px solid var(--linie);background:var(--flaeche-ruhig)}.terminkarte-fuss{padding:var(--abstand-4);border-top:1px solid var(--linie);display:flex;flex-wrap:wrap;gap:var(--abstand-3);align-items:center}.terminkarte-fuss p{font-size:var(--schrift-klein);color:var(--text-still)}.abschnitt-titel{font-size:var(--schrift-gross);margin-bottom:var(--abstand-2)}.abschnitt-text{font-size:var(--schrift-klein);color:var(--text-leise);margin-bottom:var(--abstand-4)}.wahlliste{display:grid;gap:var(--abstand-2)}.wahl{display:flex;align-items:flex-start;gap:var(--abstand-3);width:100%;min-height:2.75rem;padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--linie-kraeftig);border-radius:var(--rund);background:var(--flaeche);text-align:left;transition:border-color var(--uebergang),background var(--uebergang)}.wahl:hover:not(:disabled){background:var(--flaeche-ruhig)}.wahl:disabled{opacity:.6}.wahl.ist-gewaehlt{border-color:var(--akzent);border-width:2px;background:var(--akzent-hell)}.wahl-punkt{flex-shrink:0;margin-top:3px;width:1.125rem;height:1.125rem;border:2px solid var(--linie-kraeftig);border-radius:var(--rund-voll)}.wahl.ist-gewaehlt .wahl-punkt{border-color:var(--akzent);box-shadow:inset 0 0 0 3px var(--flaeche),inset 0 0 0 9px var(--akzent)}.wahl-text{display:grid;gap:2px}.wahl-titel{font-weight:700}.wahl-erklaerung{font-size:var(--schrift-klein);color:var(--text-leise)}.schalter{display:flex;align-items:center;gap:var(--abstand-3);min-height:2.75rem;cursor:pointer;margin-bottom:var(--abstand-3)}.schalter input{width:1.5rem;height:1.5rem;accent-color:var(--akzent)}.schalter-text{font-weight:600}.fenster-inhalt>section+section{padding-top:var(--abstand-5);border-top:1px solid var(--linie)}.fenster.ist-weit{max-width:34rem}.profilform{display:grid;gap:var(--abstand-4);margin-bottom:var(--abstand-4)}.profilzeile{display:flex;flex-wrap:wrap;gap:var(--abstand-2);justify-content:space-between;align-items:baseline;padding:var(--abstand-3) 0;border-top:1px solid var(--linie)}.profilzeile-name{font-size:var(--schrift-klein);font-weight:600}.profilzeile-wert{color:var(--text-leise);word-break:break-all}.merkfeld{display:grid;gap:var(--abstand-3);justify-items:start;padding:var(--abstand-4);border-radius:var(--rund);margin-bottom:var(--abstand-4);font-size:var(--schrift-klein)}.merkfeld.ist-warnung{background:var(--warnung);color:var(--auf-warnung)}.merkfeld.ist-gut{background:var(--gut);color:var(--auf-gut)}.merkfeld .knopf{background:var(--flaeche);color:var(--text)}.geraeteliste{list-style:none;display:grid;gap:var(--abstand-2);margin-bottom:var(--abstand-4)}.geraeteliste li{display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3);border:1px solid var(--linie);border-radius:var(--rund);background:var(--flaeche-ruhig)}.geraeteliste li.ist-dieses{border-color:var(--akzent-rand)}.geraet-mitte{flex:1;min-width:0;display:grid;gap:2px}.geraet-name{font-weight:600;display:flex;align-items:center;gap:var(--abstand-2);flex-wrap:wrap}.geraet-zeile{font-size:var(--schrift-klein);color:var(--text-still)}.abschnitt-titel.schriftblock{margin-top:var(--abstand-5)}.tonblock{margin-top:var(--abstand-5);padding-top:var(--abstand-4);border-top:1px solid var(--linie)}.tonblock h4{font-size:var(--schrift)}.knopf.ist-gefahr{border-color:var(--fehler);color:var(--fehler)}.knopf.ist-gefahr:hover{background:var(--fehler-hell);border-color:var(--fehler)}.knopf-haupt.ist-gefahr{background:var(--fehler);color:var(--auf-fehler);border:none;box-shadow:none}.knopf-haupt.ist-gefahr:hover{background:var(--fehler);transform:none}.folgenliste{display:grid;gap:var(--abstand-2);padding-left:var(--abstand-5)}.gruppenwahl{margin-bottom:var(--abstand-4);padding:var(--abstand-4);border:1px solid var(--linie);border-radius:var(--rund);background:var(--flaeche-ruhig)}.gruppenwahl-name{display:flex;flex-wrap:wrap;gap:var(--abstand-2);justify-content:space-between;align-items:baseline;font-weight:700;margin-bottom:var(--abstand-3)}.gruppenwahl-zahl{font-size:var(--schrift-klein);font-weight:400;color:var(--text-still)}.wahl-nebensache{font-weight:400;color:var(--text-still)}.kontoknopf{display:flex;align-items:center;gap:var(--abstand-2);min-height:2.75rem;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--linie-kraeftig);border-radius:var(--rund-voll);background:var(--flaeche);font-weight:600}.kontoknopf:hover{border-color:var(--akzent-rand);background:var(--flaeche-aktiv)}.kontoknopf-zeichen{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--rund-voll);background:var(--akzent-hell);color:var(--akzent-hoch);font-size:var(--schrift-klein);font-weight:800}.kontoknopf-punkt{width:.5rem;height:.5rem;border-radius:var(--rund-voll);background:var(--warnung)}@media(max-width:30rem){.kontoknopf-name{display:none}}.gleit-blatt{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--hoehe-fuss)}.gleit-blatt.geht-nach-links{animation:gleit-hinaus-links .24s ease-out both}.gleit-blatt.geht-nach-rechts{animation:gleit-hinaus-rechts .24s ease-out both}.gleit-blatt.kommt-von-rechts{animation:gleit-herein-rechts .24s ease-out both}.gleit-blatt.kommt-von-links{animation:gleit-herein-links .24s ease-out both}@keyframes gleit-hinaus-links{0%{transform:none}to{transform:translate(-100%)}}@keyframes gleit-hinaus-rechts{0%{transform:none}to{transform:translate(100%)}}@keyframes gleit-herein-rechts{0%{transform:translate(100%)}to{transform:none}}@keyframes gleit-herein-links{0%{transform:translate(-100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.gleit-blatt.geht-nach-links,.gleit-blatt.geht-nach-rechts{animation:gleit-weg .12s ease-out both}.gleit-blatt.kommt-von-rechts,.gleit-blatt.kommt-von-links{animation:gleit-auf .12s ease-out both}@keyframes gleit-weg{0%{opacity:1}to{opacity:0}}@keyframes gleit-auf{0%{opacity:0}to{opacity:1}}}.reiter-buehne{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:pan-y;will-change:transform}.reiter-leiste{position:fixed;bottom:0;left:0;right:0;z-index:var(--ebene-fuss);display:flex;background:var(--flaeche);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom,0)}.reiter-knopf{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--hoehe-fuss);padding:var(--abstand-2) var(--abstand-1);position:relative;color:var(--text-still);transition:color var(--uebergang),background var(--uebergang)}.reiter-knopf:hover{background:var(--flaeche-ruhig)}.reiter-knopf.ist-aktiv{color:var(--akzent);font-weight:700}.reiter-knopf.ist-aktiv:before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;border-radius:0 0 var(--rund-klein) var(--rund-klein);background:var(--akzent)}.reiter-zeichen{font-size:var(--schrift-gross);line-height:1}.reiter-text{font-size:var(--schrift-klein)}.reiter-zahl{position:absolute;top:6px;right:50%;transform:translate(1.25rem);min-width:1.25rem;height:1.25rem;padding:0 var(--abstand-1);border-radius:var(--rund-voll);background:var(--warnung);color:var(--auf-warnung);font-size:var(--schrift-klein);font-weight:700;line-height:1.25rem;text-align:center}.gruppenansicht{display:flex;flex-direction:column;min-height:100dvh}.gruppenkopf{position:sticky;top:0;z-index:var(--ebene-kopf);display:flex;align-items:center;gap:var(--abstand-3);min-height:var(--hoehe-kopf);padding:var(--abstand-2) var(--abstand-4);background:var(--flaeche);border-bottom:1px solid var(--linie)}.kopf-knopf{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--rund);font-size:var(--schrift-titel);color:var(--text-leise)}.kopf-knopf:hover{background:var(--flaeche-ruhig);color:var(--text)}.gruppenkopf-mitte{min-width:0}.gruppenkopf-mitte h1{font-size:var(--schrift-gross);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gruppenkopf-mitte p{font-size:var(--schrift-klein);color:var(--text-still)}.wartezimmer{flex:1;display:grid;place-content:center;justify-items:center;gap:var(--abstand-4);padding:var(--abstand-7) var(--abstand-4);text-align:center;max-width:26rem;margin:0 auto}.wartezimmer-zeichen{font-size:3rem;line-height:1}.wartezimmer h2{font-size:var(--schrift-gross)}.wartezimmer p{color:var(--text-leise)}.gruppenseite{padding:var(--abstand-4);max-width:var(--breite-inhalt);margin:0 auto}.gruppenseite-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-4);margin-bottom:var(--abstand-5);flex-wrap:wrap}.gruppenseite-kopf h1{font-size:var(--schrift-titel)}.gruppenseite-unter{color:var(--text-still);font-size:var(--schrift-klein)}.gruppenseite-knoepfe{display:flex;flex-wrap:wrap;gap:var(--abstand-2);align-items:center}.naechstes{width:100%;display:grid;gap:2px;margin-bottom:var(--abstand-5);padding:var(--abstand-4) var(--abstand-5);border:none;border-radius:var(--rund-gross);background:var(--verlauf-flaeche);color:var(--auf-akzent);text-align:left;box-shadow:var(--glanz-akzent)}.naechstes-marke{font-size:var(--schrift-klein);font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.naechstes-zeit{font-size:var(--schrift-gross);font-weight:800}.naechstes-wo{font-size:var(--schrift-klein);opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gruppenliste{list-style:none;display:grid;gap:var(--abstand-3)}.gruppenkarte{width:100%;display:grid;gap:var(--abstand-3);padding:var(--abstand-4);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund-gross);text-align:left;box-shadow:var(--schatten-klein);transition:border-color var(--uebergang),background var(--uebergang)}.gruppenkarte:hover{border-color:var(--akzent-rand);background:var(--flaeche-ruhig)}.gruppen-kopf{display:flex;align-items:center;gap:var(--abstand-4)}.gruppen-zeichen{flex-shrink:0;width:3rem;height:3rem;display:grid;place-items:center;border-radius:var(--rund);background:var(--akzent-hell);color:var(--akzent-hoch);font-weight:800}.gruppen-titel{flex:1;min-width:0;display:grid;gap:2px}.gruppen-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gruppen-anzahl{font-size:var(--schrift-klein);color:var(--text-still)}.gruppen-termin{display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3);border-radius:var(--rund);background:var(--akzent-hell)}.gruppen-termin-zeichen{font-size:var(--schrift-gross);line-height:1}.gruppen-termin-text{min-width:0;display:grid;gap:1px}.gruppen-termin-zeit{font-weight:700;color:var(--akzent-hoch)}.gruppen-termin-titel{font-size:var(--schrift-klein);color:var(--text-still);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gruppen-zeile{color:var(--text-still);font-size:var(--schrift-klein);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gruppen-marken{display:flex;flex-wrap:wrap;gap:var(--abstand-2)}.marke{padding:2px var(--abstand-2);border-radius:var(--rund-voll);font-size:var(--schrift-klein);font-weight:700;white-space:nowrap}.marke.ist-warten{background:var(--flaeche-ruhig);color:var(--text-leise)}.marke.ist-anfragen{background:var(--warnung-hell);color:var(--warnung)}.marke.ist-termin{background:var(--akzent-hell);color:var(--akzent-hoch)}.regelblock{border:1px solid var(--linie);border-radius:var(--rund);padding:var(--abstand-4);display:grid;gap:var(--abstand-3)}.regelblock legend{padding:0 var(--abstand-2);font-size:var(--schrift-klein);font-weight:700}.regel{display:flex;align-items:flex-start;gap:var(--abstand-3);cursor:pointer;min-height:2.75rem}.regel input{width:1.25rem;height:1.25rem;margin-top:2px;accent-color:var(--akzent);flex-shrink:0}.regel-titel{display:block;font-weight:700}.regel-text{display:block;font-size:var(--schrift-klein);color:var(--text-leise)}.feld input[type=range]{width:100%;height:2.75rem;accent-color:var(--akzent)}.startseite{padding-bottom:var(--abstand-7);background:var(--schleier)}.start-menue{position:sticky;top:0;z-index:var(--ebene-kopf);display:flex;align-items:center;gap:var(--abstand-4);padding:var(--abstand-3) var(--abstand-5);max-width:var(--breite-inhalt);margin:0 auto;border-bottom:1px solid transparent;transition:border-color var(--uebergang),background var(--uebergang)}.start-menue.ist-gescrollt{border-bottom-color:var(--linie);background:var(--fenster-grund);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.start-marke{font-size:var(--schrift-titel);font-weight:800;letter-spacing:-.02em;text-decoration:none;flex-shrink:0;background:var(--verlauf-flaeche);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.start-punkte{list-style:none;display:flex;gap:var(--abstand-5);margin-left:var(--abstand-5);flex:1}.start-punkte a{color:var(--text-leise);text-decoration:none;font-size:var(--schrift-klein);font-weight:600;padding:var(--abstand-2) 0}.start-punkte a:hover{color:var(--text)}.start-menue-knoepfe{display:flex;gap:var(--abstand-2);margin-left:auto}.knopf-schmal{padding:var(--abstand-2) var(--abstand-4);font-size:var(--schrift-klein)}@media(max-width:46rem){.start-punkte,.start-menue-knoepfe .knopf-ruhig{display:none}}.start-oben{max-width:var(--breite-inhalt);margin:0 auto;padding:var(--abstand-7) var(--abstand-5);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--abstand-7);align-items:center}@media(max-width:56rem){.start-oben{grid-template-columns:1fr;text-align:center}.start-knoepfe,.start-haken{justify-content:center}.start-text{margin-inline:auto}}.start-abzeichen{display:inline-flex;align-items:center;gap:var(--abstand-2);margin-bottom:var(--abstand-4);padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--akzent-rand);border-radius:var(--rund-voll);background:var(--akzent-hell);color:var(--text);font-size:var(--schrift-klein);font-weight:700}.start-oben h1{font-size:var(--schrift-gross-titel);line-height:var(--zeilenhoehe-eng);letter-spacing:-.02em;margin-bottom:var(--abstand-4)}.start-nachsatz{display:block;background:var(--verlauf-schrift);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.start-text{font-size:var(--schrift);color:var(--text-leise);margin-bottom:var(--abstand-5);max-width:34rem}.start-knoepfe{display:flex;flex-wrap:wrap;gap:var(--abstand-3);margin-bottom:var(--abstand-5)}.start-haken{list-style:none;display:flex;flex-wrap:wrap;gap:var(--abstand-3) var(--abstand-5);font-size:var(--schrift-klein);color:var(--text-still)}.start-haken li:before{content:"✓ ";color:var(--gut);font-weight:800}.start-oben-bild{position:relative}.start-oben-bild img{width:100%;height:auto;border-radius:var(--rund-gross);border:1px solid var(--linie);box-shadow:var(--schatten-gross)}.bild-marke{position:absolute;left:var(--abstand-4);display:inline-flex;align-items:center;gap:var(--abstand-2);padding:var(--abstand-2) var(--abstand-3);border-radius:var(--rund);border:1px solid var(--linie);background:var(--fenster-grund);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:var(--schrift-klein);font-weight:600;color:var(--text)}.bild-marke-oben{top:var(--abstand-4)}.bild-marke-unten{bottom:var(--abstand-4)}@media(max-width:32rem){.bild-marke{display:none}}.start-abschnitt{max-width:var(--breite-inhalt);margin:0 auto;padding:var(--abstand-7) var(--abstand-5);scroll-margin-top:4.5rem}.start-abschnitt h2{font-size:var(--schrift-titel);margin-bottom:var(--abstand-6);text-align:center}.vorteile{list-style:none;display:grid;gap:var(--abstand-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.vorteil{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund-gross);padding:var(--abstand-5);transition:border-color var(--uebergang),transform var(--uebergang)}.vorteil:hover{border-color:var(--akzent-rand);transform:translateY(-2px)}.vorteil-zeichen{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:var(--rund);background:var(--akzent-hell);border:1px solid var(--akzent-rand);font-size:var(--schrift-titel)}.vorteil h3{font-size:var(--schrift-gross);margin:var(--abstand-4) 0 var(--abstand-2)}.vorteil p{color:var(--text-leise);font-size:var(--schrift-klein)}.start-abschnitt.ist-ruhig{max-width:none;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);background:var(--flaeche-ruhig)}.start-abschnitt.ist-ruhig>*{max-width:var(--breite-inhalt);margin-inline:auto}.schritte{list-style:none;display:grid;gap:var(--abstand-5)}.schritt{display:flex;gap:var(--abstand-4);align-items:flex-start}.schritt-zahl{flex-shrink:0;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--rund-voll);background:var(--verlauf-flaeche);color:var(--auf-akzent);font-weight:800;box-shadow:var(--glanz-akzent)}.schritt h3{font-size:var(--schrift-gross);margin-bottom:var(--abstand-1)}.schritt p{color:var(--text-leise);font-size:var(--schrift-klein)}.fragen{display:grid;gap:var(--abstand-3);max-width:44rem;margin-inline:auto}.frage{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund);padding:var(--abstand-4)}.frage summary{cursor:pointer;font-weight:700;min-height:1.75rem}.frage[open]{border-color:var(--akzent-rand)}.frage p{color:var(--text-leise);font-size:var(--schrift-klein);margin-top:var(--abstand-3)}.start-schluss{max-width:40rem;margin:0 auto;padding:var(--abstand-7) var(--abstand-5);text-align:center}.start-schluss h2{font-size:var(--schrift-titel);margin-bottom:var(--abstand-3)}.start-schluss p{color:var(--text-leise);margin-bottom:var(--abstand-5)}.start-fuss{max-width:var(--breite-inhalt);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--abstand-5);justify-content:center;padding:var(--abstand-5) var(--abstand-5) 0;border-top:1px solid var(--linie);font-size:var(--schrift-klein);color:var(--text-still)}.start-fuss a{color:var(--text-leise);text-decoration:none}.start-fuss a:hover{color:var(--text)}.knopf{padding:var(--abstand-3) var(--abstand-5);border-radius:var(--rund);font-size:var(--schrift);font-weight:700;min-height:2.75rem;transition:background var(--uebergang),border-color var(--uebergang),transform var(--uebergang),box-shadow var(--uebergang)}.knopf-haupt{background:var(--akzent);color:var(--auf-akzent);box-shadow:var(--glanz-akzent)}.knopf-haupt:hover{background:var(--akzent-dunkel);transform:translateY(-1px)}.knopf-ruhig{background:var(--flaeche);color:var(--text);border:1px solid var(--linie-kraeftig)}.knopf-ruhig:hover{background:var(--flaeche-aktiv);border-color:var(--akzent-rand)}.knopf:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.knopf:disabled:hover{transform:none}.knopf-gross{padding:var(--abstand-4) var(--abstand-6);font-size:var(--schrift);min-height:3.25rem}.alsLink{color:var(--akzent-hoch);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.laedt{min-height:50dvh}.einladungsbanner{max-width:var(--breite-inhalt);margin:var(--abstand-4) auto 0;padding:var(--abstand-5);border:1px solid var(--akzent-rand);border-radius:var(--rund-gross);background:var(--akzent-hell);display:grid;gap:var(--abstand-3)}.einladungsbanner.ist-abgelaufen{border-color:var(--warnung);background:var(--warnung-hell)}.einladungsbanner-titel{font-size:var(--schrift-gross);font-weight:700}.einladungsbanner p{color:var(--text-leise);font-size:var(--schrift-klein)}.einladungsbanner-knoepfe{display:flex;flex-wrap:wrap;gap:var(--abstand-3)}