:root{--hsb-blau: #0a558c;--hsb-tuerkis: #32b4c8;--hsb-gruen: #00915a;--hsb-hellgruen: #6ea53c;--hsb-gelb: #fabe00;--hsb-orange: #f07823;--verlauf-marke: linear-gradient(120deg, var(--hsb-blau), var(--hsb-tuerkis));--text: #222222;--text-leise: #6a6a6a;--text-link: var(--hsb-blau);--text-gut: #00784a;--text-schlecht: #b02a23;--text-auf-farbe: #ffffff;--hintergrund: #ffffff;--flaeche: #ffffff;--flaeche-leise: #f7f7f7;--flaeche-hover: #f2f2f2;--akzent: var(--hsb-blau);--akzent-dunkel: #08446f;--akzent-hell: #e8f0f7;--akzent-schleier: rgba(10, 85, 140, .06);--linie: #ebebeb;--linie-stark: #dddddd;--rahmen-feld: #b0b0b0;--fokus: #222222;--gut: var(--hsb-gruen);--gut-flaeche: #e2f4ec;--schlecht: #c8332b;--schlecht-flaeche: #fbe7e6;--warnung-flaeche: #fff6d6;--zeichenflaeche: #f6f7f9;--raster: #cfd3da;--schrift: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--groesse-klein: .875rem;--groesse-text: 1rem;--groesse-h3: 1.05rem;--groesse-h2: 1.375rem;--groesse-h1: clamp(1.6rem, 1.2rem + 1.6vw, 2.1rem);--groesse-pin: clamp(2.4rem, 1.6rem + 4vw, 4.5rem);--abstand-1: 4px;--abstand-2: 8px;--abstand-3: 12px;--abstand-4: 16px;--abstand-5: 24px;--abstand-6: 32px;--abstand-7: 48px;--text-sehr-leise: #929292;--radius-klein: 8px;--radius: 12px;--radius-gross: 16px;--radius-pille: 999px;--schatten-hover: 0 6px 16px rgba(0, 0, 0, .12);--schatten-leicht: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--schatten-suche: 0 3px 12px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .08);--schatten-fenster: 0 8px 28px rgba(0, 0, 0, .28);--schatten-leiste: 0 2px 6px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .08);--tippflaeche: 44px}.board{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--zeichenflaeche)}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-container canvas{display:block;touch-action:none;outline:none}.text-editor{position:absolute;margin:0;border:2px solid var(--akzent);border-radius:2px;outline:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text}.text-editor b,.text-editor strong{font-weight:700}.format-leiste{position:absolute;z-index:6;display:flex;gap:2px;padding:var(--abstand-1);border:1px solid var(--linie);border-radius:var(--radius-pille);background:var(--flaeche);box-shadow:var(--schatten-suche)}.format-knopf{width:var(--tippflaeche);height:var(--tippflaeche);border:none;border-radius:50%;background:transparent;color:var(--text);font-family:var(--schrift);font-size:1.05rem}.format-knopf:hover{background:var(--flaeche-hover)}.format-knopf.aktiv{background:var(--akzent-hell);color:var(--akzent)}.format-bold{font-weight:700}.format-italic{font-style:italic}.format-underline{text-decoration:underline}.format-strikeThrough{text-decoration:line-through}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--tippflaeche);height:var(--tippflaeche);border:none;border-radius:50%;background:transparent;color:var(--text)}.icon-button[aria-expanded=true]{background:var(--flaeche-hover)}.icon-button:hover:not(:disabled){background:var(--flaeche-hover)}.icon-button.danger:hover{color:var(--text-schlecht)}.leiste,.toolbar,.properties,.zoom,.flyout{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius-gross);box-shadow:var(--schatten-suche)}.leiste{position:absolute;top:var(--abstand-3);display:flex;align-items:center;gap:2px;padding:var(--abstand-1);border-radius:var(--radius-pille);max-width:calc(50vw - 24px)}.leiste.links{left:var(--abstand-3)}.leiste.rechts{right:var(--abstand-3)}.marke.kompakt{padding:var(--abstand-1)}.titel-eingabe{width:220px;min-width:80px;min-height:40px;padding:0 var(--abstand-2);border:1px solid transparent;border-radius:var(--radius-klein);background:transparent;font-weight:600}.titel-eingabe:hover,.titel-eingabe:focus{border-color:var(--linie-stark);outline:none}.titel{padding:0 var(--abstand-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verbindung{padding:0 var(--abstand-3);color:var(--text-leise);font-size:var(--groesse-klein);white-space:nowrap}.avatare{display:flex;padding:0 var(--abstand-2) 0 var(--abstand-1)}.avatare .avatar{margin-left:-8px}.avatare .avatar:first-child{margin-left:0}.rolle-pille{padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius-pille);background:var(--akzent-hell);color:var(--text-link);font-size:var(--groesse-klein);font-weight:600;white-space:nowrap}.toolbar{position:absolute;left:var(--abstand-3);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:var(--abstand-1);border-radius:calc(var(--tippflaeche) / 2 + var(--abstand-1))}.tool{display:flex;align-items:center;justify-content:center;width:var(--tippflaeche);height:var(--tippflaeche);border:none;border-radius:50%;background:transparent;color:var(--text)}.tool:hover{background:var(--flaeche-hover)}.tool.active{background:var(--akzent-hell);color:var(--akzent)}.flyout{position:absolute;left:calc(100% + var(--abstand-2));top:0;display:grid;grid-template-columns:repeat(5,auto);gap:var(--abstand-2);padding:var(--abstand-2)}.swatch{width:32px;height:32px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-klein)}.swatch.selected{outline:2px solid var(--akzent);outline-offset:2px}.properties{position:absolute;top:72px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--abstand-1);padding:var(--abstand-1) var(--abstand-2);max-width:calc(100vw - 24px);overflow-x:auto}.panel-group{display:flex;align-items:center;gap:var(--abstand-1);padding:0 var(--abstand-2);border-right:1px solid var(--linie)}.panel-group:last-child{border-right:none}.panel-group select{min-height:36px;padding:0 var(--abstand-2);border:1px solid var(--linie-stark);border-radius:var(--radius-klein)}.chip{display:inline-flex;align-items:center;white-space:nowrap;min-height:36px;padding:0 var(--abstand-3);border:1px solid var(--linie-stark);border-radius:var(--radius-klein);background:var(--flaeche);font-size:var(--groesse-klein)}.chip.active{border-color:var(--akzent);background:var(--akzent-hell);color:var(--akzent)}.zoom{border-radius:var(--radius-pille);position:absolute;right:var(--abstand-3);bottom:var(--abstand-3);display:flex;align-items:center;padding:var(--abstand-1)}.zoom-wert{min-width:60px;min-height:var(--tippflaeche);border:none;background:none;font-size:var(--groesse-klein);font-variant-numeric:tabular-nums}.fehler-leiste{position:absolute;bottom:var(--abstand-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3) var(--abstand-4);border-radius:var(--radius);background:var(--schlecht-flaeche);color:var(--text-schlecht);box-shadow:var(--schatten-leiste)}.fehler-leiste button{min-height:36px;border:1px solid currentColor;border-radius:var(--radius-klein);background:var(--flaeche)}.knopf.teilen-knopf{min-height:var(--tippflaeche);margin-left:var(--abstand-1);padding:0 var(--abstand-4) 0 var(--abstand-3);border-radius:var(--radius-pille);font-size:.95rem;white-space:nowrap}.teilen-knopf svg{width:18px;height:18px}.pin-text{font-variant-numeric:tabular-nums}.export-menue .menue{min-width:180px}.fenster-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:var(--abstand-4);background:#00000080}.fenster{width:min(568px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten-fenster);overflow:hidden}.fenster-kopf{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;min-height:64px;padding:0 var(--abstand-5);border-bottom:1px solid var(--linie)}.fenster-kopf h2{margin:0;text-align:center;font-size:1rem;font-weight:700}.fenster-inhalt{display:flex;flex-direction:column;gap:var(--abstand-5);padding:var(--abstand-5);overflow-y:auto}.fenster-fuss{display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3) var(--abstand-5);border-top:1px solid var(--linie)}.fenster-fuss .link-knopf{white-space:nowrap}.teilen-zugang .knopf-reihe .knopf{flex:1 1 auto}.schalter-zeile{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-4);cursor:pointer}.schalter-zeile>span{display:flex;flex-direction:column}.schalter{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:48px;height:32px;margin:0;border-radius:var(--radius-pille);background:var(--rahmen-feld);cursor:pointer;transition:background .2s}.schalter:after{content:"";position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:50%;background:var(--flaeche);box-shadow:0 1px 3px #00000040;transition:transform .2s}.schalter:checked{background:var(--text)}.schalter:checked:after{transform:translate(16px)}.teilen-zugang{display:flex;align-items:center;gap:var(--abstand-4);flex-wrap:wrap;padding:var(--abstand-4);border:1px solid var(--linie-stark);border-radius:var(--radius)}.qr{width:128px;height:128px;border-radius:var(--radius-klein)}.teilen-zugang .knopf{padding:0 var(--abstand-4)}.pin-anzeige{margin:0 0 var(--abstand-3);font-size:2.6rem;font-weight:800;letter-spacing:.06em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.abschnitt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-3)}.abschnitt .feld{width:100%;font-size:var(--groesse-text)}.segmente{display:inline-flex;padding:4px;border-radius:var(--radius-pille);background:var(--flaeche-leise)}.segment{min-height:40px;padding:0 var(--abstand-4);border:none;border-radius:var(--radius-pille);background:transparent;font-weight:600;color:var(--text-leise)}.segment.aktiv{background:var(--flaeche);color:var(--text);box-shadow:var(--schatten-leicht)}.beamer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-5);padding:var(--abstand-6);background:var(--flaeche);text-align:center}.beamer:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--verlauf-marke)}.beamer h1{font-size:clamp(1.8rem,1rem + 2.5vw,3rem)}.beamer-inhalt{display:flex;align-items:center;gap:var(--abstand-7);flex-wrap:wrap;justify-content:center;font-size:clamp(1.1rem,.8rem + 1vw,1.6rem)}.beamer-inhalt img{width:min(42vh,360px);height:auto}.beamer-pin{margin:var(--abstand-2) 0;font-size:clamp(3.5rem,2rem + 6vw,7rem);font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums}.beamer-schliessen{position:absolute;top:var(--abstand-5);right:var(--abstand-5);width:var(--tippflaeche);height:var(--tippflaeche);border:1px solid var(--linie-stark)}.beamer-pin{color:var(--text)}@media (max-width: 720px){.leiste{max-width:calc(100vw - 24px)}.leiste.rechts{top:auto;bottom:var(--abstand-3);right:auto;left:var(--abstand-3)}.avatare{display:none}.titel-eingabe{width:140px}.zoom>:not(:last-child){display:none}.properties{top:auto;bottom:76px}}.moderation{position:absolute;top:var(--abstand-3);left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--abstand-2);max-width:calc(100vw - 24px)}.timer-pille,.abstimmung-leiste{display:flex;align-items:center;gap:var(--abstand-2);min-height:52px;padding:var(--abstand-1) var(--abstand-2) var(--abstand-1) var(--abstand-4);border:1px solid var(--linie);border-radius:var(--radius-pille);background:var(--flaeche);box-shadow:var(--schatten-suche)}.timer-zeit{min-width:4.5ch;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.timer-pille.vorbei{border-color:var(--schlecht);background:var(--schlecht-flaeche);color:var(--text-schlecht);padding-right:var(--abstand-4)}.timer-pille.vorbei .text-knopf,.timer-pille.vorbei .icon-button{color:var(--text)}.text-knopf{white-space:nowrap;min-height:var(--tippflaeche);padding:0 var(--abstand-3);border:none;border-radius:var(--radius-pille);background:transparent;font-weight:600;font-size:var(--groesse-klein)}.text-knopf:hover{background:var(--flaeche-hover)}.abstimmung-leiste{padding-right:var(--abstand-1);color:var(--akzent)}.abstimmung-leiste>span{display:flex;flex-direction:column;min-width:0;color:var(--text)}.abstimmung-leiste strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abstimmung-leiste .knopf{min-height:var(--tippflaeche);border-radius:var(--radius-pille);white-space:nowrap}.moderation-menue{position:absolute;right:0;top:calc(100% + var(--abstand-2));z-index:20;display:flex;flex-direction:column;gap:var(--abstand-3);width:300px;padding:var(--abstand-4);border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten-hover),0 0 0 1px #0000000a}.moderation-menue .chip-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--abstand-2)}.moderation-menue .chip{justify-content:center;min-height:var(--tippflaeche);padding:0;text-align:center}.moderation-form{display:flex;flex-direction:column;gap:var(--abstand-3);font-size:var(--groesse-klein);font-weight:600}.moderation-form input{min-height:var(--tippflaeche);padding:0 var(--abstand-3);border:1px solid var(--rahmen-feld);border-radius:var(--radius-klein);font-weight:400;font-size:var(--groesse-text)}.moderation-menue .segment,.moderation-form .knopf{min-height:var(--tippflaeche)}.moderation-menue button.segment,.moderation-menue button.chip,.moderation-menue button.knopf{padding:0 var(--abstand-3);text-align:center}.ergebnis{position:absolute;top:76px;right:var(--abstand-3);z-index:5;display:flex;flex-direction:column;gap:var(--abstand-1);width:300px;max-height:calc(100vh - 220px);padding:var(--abstand-3) var(--abstand-2) var(--abstand-2) var(--abstand-4);overflow-y:auto;border:1px solid var(--linie);border-radius:var(--radius-gross);background:var(--flaeche);box-shadow:var(--schatten-suche)}.ergebnis-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-2)}.ergebnis ol{margin:var(--abstand-2) 0 0;padding:0;list-style:none}.ergebnis li button{display:flex;align-items:center;gap:var(--abstand-3);width:100%;min-height:var(--tippflaeche);padding:var(--abstand-1) var(--abstand-2) var(--abstand-1) 0;border:none;border-radius:var(--radius-klein);background:none;text-align:left}.ergebnis li button:hover{background:var(--flaeche-hover)}.stimmen{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--akzent);color:var(--text-auf-farbe);font-weight:700;font-size:var(--groesse-klein)}.ergebnis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1180px){.moderation{top:76px}.ergebnis{top:144px}}@media (max-width: 720px){.ergebnis{left:76px;width:auto;max-height:40vh}.properties{flex-wrap:wrap;justify-content:center;width:max-content}.moderation-menue{position:fixed;left:var(--abstand-3);right:var(--abstand-3);top:auto;bottom:76px;width:auto}}@media (pointer: coarse){.swatch{width:var(--tippflaeche);height:var(--tippflaeche)}.chip,.panel-group select{min-height:var(--tippflaeche)}}@media (max-height: 640px){.toolbar{display:grid;grid-template-columns:repeat(2,var(--tippflaeche))}}.menue.kontextmenue{right:auto;min-width:200px}.kontextmenue button{display:flex;align-items:center;gap:var(--abstand-3)}.canvas-container canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mitglieder{margin:0;padding:0;list-style:none}.mitglieder li{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);min-height:var(--tippflaeche);border-bottom:1px solid var(--linie)}.mitglied-form{display:flex;gap:var(--abstand-2)}.mitglied-form input{flex:1;min-width:0;min-height:var(--tippflaeche);padding:0 var(--abstand-3);border:1px solid var(--rahmen-feld);border-radius:var(--radius-klein);font-size:var(--groesse-text)}.fenster.breit{width:min(760px,100%)}.vorlagen{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--abstand-3);margin:var(--abstand-3) 0 0;padding:0;list-style:none}.vorlage{display:flex;flex-direction:column;gap:var(--abstand-1);width:100%;min-height:var(--tippflaeche);padding:var(--abstand-3);border:1px solid var(--linie-stark);border-radius:var(--radius);background:var(--flaeche);text-align:left;transition:box-shadow .2s}.vorlage:hover{box-shadow:var(--schatten-hover)}.vorlage svg{width:100%;aspect-ratio:16 / 10;margin-bottom:var(--abstand-2)}.vorschau-rahmen{fill:var(--flaeche);stroke:var(--linie-stark);stroke-width:6}.vorschau-feld{fill:var(--zeichenflaeche);stroke:var(--linie-stark);stroke-width:3}.vorschau-feld.akzent{fill:var(--warnung-flaeche)}.ablage{position:absolute;inset:var(--abstand-3);z-index:4;display:grid;place-items:center;border:2px dashed var(--akzent);border-radius:var(--radius-gross);background:var(--akzent-schleier);pointer-events:none}.ablage span{display:inline-flex;align-items:center;gap:var(--abstand-2);padding:var(--abstand-3) var(--abstand-5);border-radius:var(--radius-pille);background:var(--flaeche);box-shadow:var(--schatten-suche);color:var(--akzent);font-weight:600}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--schrift);font-size:var(--groesse-text);line-height:1.43;color:var(--text);background:var(--hintergrund);-webkit-font-smoothing:antialiased}h1{font-size:var(--groesse-h1);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--abstand-2)}h2{font-size:var(--groesse-h2);font-weight:600;margin:0 0 var(--abstand-2)}p{margin:0 0 var(--abstand-3)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}hr{border:none;border-top:1px solid var(--linie);margin:var(--abstand-2) 0}.leise{color:var(--text-leise)}.klein{font-size:var(--groesse-klein)}.fett{font-weight:600}.fehler{color:var(--text-schlecht)}.erfolg{color:var(--text-gut)}.laden{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-leise);background:var(--hintergrund)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--abstand-2);min-height:48px;padding:0 var(--abstand-5);border:1px solid var(--text);border-radius:var(--radius-klein);background:var(--flaeche);font-weight:600;white-space:nowrap;transition:transform .1s,background .15s}.knopf:hover:not(:disabled){background:var(--flaeche-leise)}.knopf:active:not(:disabled){transform:scale(.97)}.knopf.haupt{border:none;background:var(--akzent);color:var(--text-auf-farbe)}.knopf.haupt:hover:not(:disabled){background:var(--akzent-dunkel)}.knopf.gross{width:100%;font-size:1.05rem}.knopf.klein{min-height:36px;padding:0 var(--abstand-3);font-size:var(--groesse-klein)}.knopf.gefahr{border-color:var(--schlecht);color:var(--text-schlecht)}.knopf.gefahr:hover:not(:disabled){background:var(--schlecht-flaeche)}.link-knopf{border:none;background:none;padding:var(--abstand-1) 0;min-height:var(--tippflaeche);color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.link-knopf:hover{color:var(--text-link)}.zurueck{border:none;background:none;padding:var(--abstand-2) 0;color:var(--text-leise);text-decoration:underline}.rund-knopf{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent}.rund-knopf:hover{background:var(--flaeche-hover)}.text-pille{min-height:42px;padding:0 var(--abstand-4);border:none;border-radius:var(--radius-pille);background:none;font-weight:600}.text-pille:hover{background:var(--flaeche-leise)}.knopf-reihe{display:flex;flex-wrap:wrap;gap:var(--abstand-2)}.seite{min-height:100%;background:var(--hintergrund)}.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);height:80px;padding:0 var(--abstand-6);background:var(--flaeche);border-bottom:1px solid var(--linie)}.kopf-aktionen{display:flex;align-items:center;gap:var(--abstand-2)}.marke{display:inline-flex;align-items:center;gap:var(--abstand-3);border:none;background:none;padding:var(--abstand-1);min-height:var(--tippflaeche)}.marke-trenner{width:1px;height:28px;background:var(--linie-stark)}.marke-name{font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:var(--akzent)}.konto-menue,.export-menue,.karten-menue{position:relative}.konto-pille{display:inline-flex;align-items:center;gap:var(--abstand-3);height:46px;padding:0 6px 0 14px;border:1px solid var(--linie-stark);border-radius:var(--radius-pille);background:var(--flaeche);transition:box-shadow .2s}.konto-pille:hover,.konto-pille[aria-expanded=true]{box-shadow:var(--schatten-leicht)}.konto-pille svg{width:18px;height:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-auf-farbe);font-size:12px;font-weight:700;flex:none}.avatar.leer{background:var(--text-leise)}.avatar.leer svg{width:20px;height:20px;margin-top:4px}.menue{position:absolute;right:0;top:calc(100% + var(--abstand-2));z-index:20;min-width:240px;padding:var(--abstand-2) 0;border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten-hover),0 0 0 1px #0000000a;display:flex;flex-direction:column}.menue-kopf{display:flex;flex-direction:column;padding:var(--abstand-2) var(--abstand-4) var(--abstand-3);border-bottom:1px solid var(--linie);margin-bottom:var(--abstand-2)}.menue button{min-height:var(--tippflaeche);padding:0 var(--abstand-4);border:none;background:none;text-align:left}.menue button:hover:not(:disabled){background:var(--flaeche-leise)}.menue button.gefahr{color:var(--text-schlecht)}.inhalt{max-width:1280px;margin:0 auto;padding:var(--abstand-6) var(--abstand-6) var(--abstand-7)}.inhalt.schmal{max-width:568px}.titel-zeile{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-4);flex-wrap:wrap;margin-bottom:var(--abstand-5)}.titel-zeile h1{margin:0}.karte{background:var(--flaeche);border:1px solid var(--linie-stark);border-radius:var(--radius);padding:var(--abstand-6);margin-bottom:var(--abstand-5)}.unter-karte{text-align:center;color:var(--text-leise)}.form{display:flex;flex-direction:column;gap:var(--abstand-4);margin-top:var(--abstand-5)}.form label,.feld{display:flex;flex-direction:column;gap:var(--abstand-2);font-weight:600;font-size:var(--groesse-klein)}.form input,.feld textarea{min-height:56px;padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--rahmen-feld);border-radius:var(--radius-klein);font-weight:400;font-size:var(--groesse-text);background:var(--flaeche)}.feld textarea{min-height:80px;resize:vertical}.form input:focus,.feld textarea:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.form.zeile{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form.zeile label{flex:1 1 220px}.start{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(24px,10vh,120px)}.start h1{font-size:clamp(2rem,1.4rem + 2.5vw,3rem)}.start>.leise{font-size:1.1rem;margin-bottom:var(--abstand-6)}.suchleiste{display:flex;align-items:center;width:min(480px,100%);padding:8px 8px 8px 32px;border:1px solid var(--linie-stark);border-radius:var(--radius-pille);background:var(--flaeche);box-shadow:var(--schatten-suche);transition:box-shadow .2s}.suchleiste:focus-within{box-shadow:var(--schatten-hover)}.suchleiste.fehlerhaft{border-color:var(--schlecht)}.suchfeld{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.suchfeld span{font-size:12px;font-weight:700}.suchfeld input{width:100%;border:none;outline:none;padding:2px 0;background:transparent;font-size:1.25rem;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}.suchfeld input::placeholder{font-size:1rem;font-weight:400;letter-spacing:0;color:var(--text-sehr-leise)}.such-knopf{display:inline-flex;align-items:center;gap:var(--abstand-2);height:52px;padding:0 22px;border:none;border-radius:var(--radius-pille);background:var(--akzent);color:var(--text-auf-farbe);font-weight:600}.such-knopf:hover:not(:disabled){background:var(--akzent-dunkel)}.such-knopf:disabled{opacity:.35}.start .fehler{margin-top:var(--abstand-4)}.start .link-knopf{margin-top:var(--abstand-5)}.board-raster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--abstand-6) var(--abstand-5)}.board-karte{position:relative}.board-karte a{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}.vorschau{position:relative;aspect-ratio:16 / 10;margin-bottom:var(--abstand-3);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;background:radial-gradient(var(--raster) 1px,transparent 1px) 0 0 / 14px 14px,var(--zeichenflaeche);border:1px solid var(--linie);transition:box-shadow .2s}.vorschau img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .3s}.board-karte:hover .vorschau{box-shadow:var(--schatten-hover)}.board-karte:hover .vorschau img{transform:scale(1.03)}.abzeichen{position:absolute;top:var(--abstand-3);left:var(--abstand-3);padding:4px 10px;border-radius:var(--radius-pille);background:var(--flaeche);box-shadow:var(--schatten-leicht);font-size:13px;font-weight:600}.karten-menue{position:absolute;top:var(--abstand-2);right:var(--abstand-2)}.karten-menue .rund-knopf{background:#ffffffeb;box-shadow:var(--schatten-leicht)}.leer-zustand{text-align:center;padding:var(--abstand-7) 0}.tabelle{width:100%;border-collapse:collapse}.tabelle th,.tabelle td{text-align:left;padding:var(--abstand-4) var(--abstand-2);border-bottom:1px solid var(--linie);vertical-align:middle}.tabelle th{font-size:var(--groesse-klein);font-weight:600;color:var(--text-leise)}.tabelle .aktionen{display:flex;flex-wrap:wrap;gap:var(--abstand-2);justify-content:flex-end}.marke-pille{display:inline-block;padding:2px 10px;border-radius:var(--radius-pille);background:var(--flaeche-leise);color:var(--text-leise);font-size:var(--groesse-klein);font-weight:600}.marke-pille.offen{background:var(--gut-flaeche);color:var(--text-gut)}.marke-pille.gesperrt{background:var(--schlecht-flaeche);color:var(--text-schlecht)}.hinweis{margin-top:var(--abstand-4);padding:var(--abstand-4);border-radius:var(--radius);background:var(--warnung-flaeche)}.hinweis.gut{background:var(--gut-flaeche)}.link-zeile{display:flex;gap:var(--abstand-2);align-items:center;flex-wrap:wrap}.link-zeile code{flex:1 1 260px;padding:var(--abstand-2);border-radius:var(--radius-klein);background:var(--flaeche);word-break:break-all;font-family:var(--schrift-mono);font-size:var(--groesse-klein)}@media (max-width: 744px){.kopf{height:64px;padding:0 var(--abstand-4)}.kopf-aktionen .text-pille{display:none}.inhalt{padding:var(--abstand-5) var(--abstand-4)}.karte{padding:var(--abstand-5)}.suchleiste{padding-left:24px}.such-knopf span{display:none}.such-knopf{width:52px;padding:0;justify-content:center}}