.karten-seite{min-height:100vh;background-color:color-mix(in srgb,var(--karte-grund) calc(var(--karte-grund-deckung) * 100%),transparent);background-image:linear-gradient(calc(var(--karte-verlauf-winkel) * 1deg),color-mix(in srgb,var(--karte-verlauf-ziel) calc(var(--karte-verlauf-deckung) * 100%),transparent) 0%,transparent 100%),var(--karte-grund-bild),var(--karte-verlauf);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;padding:var(--karte-luft) 0;box-sizing:border-box}.radix-themes.karten-rahmen{height:auto;min-height:100%}.karte{width:100%;max-width:var(--karte-breite);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--karte-luft);padding:var(--karte-polster) var(--karte-luft);font-family:var(--karte-schrift);color:var(--karte-tinte)}.karten-kopfzeile{display:flex;justify-content:flex-end;gap:var(--abstand-m)}.karten-kopf{display:flex;flex-direction:column;align-items:center;gap:var(--abstand-m);text-align:center}.karten-bild{width:var(--karte-bild);max-width:calc(100% + 2 * var(--karte-luft));aspect-ratio:1;border-radius:var(--karte-bild-rund);overflow:hidden;background:var(--karte-flaeche);border:var(--karte-bild-rand) solid var(--karte-akzent);display:flex;align-items:center;justify-content:center;flex:none}.karten-bild img{width:100%;height:100%;object-fit:cover;display:block}.karten-video{position:relative;width:100%;height:100%}.karten-video video{width:100%;height:100%;object-fit:cover;display:block;background:transparent}.karten-video-standbild{width:100%;height:100%;object-fit:cover;display:block}.karten-video-schalter{position:absolute;left:50%;bottom:var(--abstand-xs);transform:translate(-50%);width:var(--karte-video-knopf);height:var(--karte-video-knopf);border-radius:var(--karte-rund);border:1px solid var(--karte-video-knopf-rand);background:var(--karte-video-knopf-grund);color:var(--karte-video-knopf-tinte);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.karten-bild-ersatz{font-size:var(--karte-name);font-weight:var(--gewicht-betont);color:var(--karte-akzent);letter-spacing:var(--abstand-xs)}.karten-name{margin:0;font-size:var(--karte-name);font-weight:var(--karte-titel-gewicht);line-height:1.15}.karten-rolle{display:var(--karte-rolle-anzeige);margin:0;font-size:var(--karte-rolle);color:var(--karte-akzent);font-weight:var(--gewicht-betont)}.karten-bio{margin:0;font-size:var(--karte-bio);color:var(--karte-leise);line-height:1.5;max-width:30rem;white-space:pre-line}.karten-faehigkeiten{list-style:none;margin:0;padding:0;display:var(--karte-merkmale-anzeige);flex-wrap:wrap;justify-content:center;gap:var(--abstand-s)}.karten-faehigkeiten li{background:color-mix(in srgb,var(--karte-akzent) 18%,transparent);color:var(--karte-akzent);border-radius:var(--karte-pille);padding:var(--abstand-xs) var(--abstand-l);font-size:var(--schriftgroesse-s)}.karten-symbole{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--karte-symbol-luft)}.karten-symbol{flex:none;width:var(--karte-symbol);height:var(--karte-symbol);border-radius:var(--karte-symbol-rund);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--karte-flaeche) calc(var(--karte-symbol-fuellung) * 100%),transparent);border:var(--karte-symbol-rand) solid var(--karte-kante);color:var(--karte-tinte);text-decoration:none;transition:transform var(--dauer-kurz) var(--kurve),background var(--dauer-kurz) var(--kurve)}.karten-symbol:hover{background:var(--flaeche-hover);transform:translateY(calc(-1 * var(--karte-hover-hub) * var(--karte-bewegung)))}.karten-symbol-ohne-ziel{opacity:.5;cursor:not-allowed}.karten-symbol-ersatz{font-weight:var(--gewicht-betont);font-size:var(--schriftgroesse-m);color:var(--karte-leise)}.karten-logo{object-fit:contain;border-radius:var(--karte-logo-rund)}.karten-knoepfe{display:flex;flex-direction:column}.marken-knopf.karten-knopf{margin-bottom:var(--karte-kachel-luft);border-radius:var(--karte-knopf-rund);background-image:var(--karte-knopf-glanz);padding:var(--karte-knopf-polster) var(--abstand-xl);transition:transform var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve)}.karten-knopf:hover{transform:translateY(calc(-1 * var(--karte-hover-hub) * var(--karte-bewegung)));box-shadow:var(--schatten-karte)}.marken-knopf.karten-knopf{--kachel-flaeche: color-mix(in srgb, var(--knopf-flaeche, var(--karte-flaeche)) calc(var(--karte-kachel-marke) * 100%), var(--karte-flaeche));--kachel-tinte: color-mix(in srgb, var(--knopf-text, var(--karte-tinte)) calc(var(--karte-kachel-marke) * 100%), var(--karte-tinte));--kachel-kante: color-mix(in srgb, var(--knopf-rand, var(--karte-kante)) calc(var(--karte-kachel-marke) * 100%), var(--karte-kante));background-color:color-mix(in srgb,var(--kachel-flaeche) calc(var(--karte-kachel-fuellung) * 100%),transparent);color:var(--kachel-tinte);border-color:var(--kachel-kante);border-style:solid;border-width:var(--karte-kachel-rand, var(--knopf-rand-breite, 1px));flex-direction:var(--karte-kachel-richtung);-webkit-backdrop-filter:var(--karte-kachel-unschaerfe);backdrop-filter:var(--karte-kachel-unschaerfe)}.marken-knopf.karten-knopf:hover{filter:brightness(var(--karte-hover-helligkeit))}.karten-knopf .marken-knopf-text{flex:1;align-items:var(--karte-kachel-textlage)}.karten-knopf:after{content:"";flex:none;width:var(--karte-knopf-zeichen)}.karten-knopf-beitrag{font-size:var(--schriftgroesse-s);line-height:1.5;opacity:.85;white-space:pre-line}.karten-knopf-zeichen{flex:none;width:var(--karte-knopf-zeichen);height:var(--karte-knopf-zeichen);display:flex;align-items:center;justify-content:center}.karten-knopf-ohne-ziel{opacity:.6;cursor:default}.karten-fuss{text-align:center;font-size:var(--karte-fusszeile);color:var(--karte-leise);padding-top:var(--karte-luft)}.karten-zustand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-l);min-height:60vh;text-align:center;font-family:var(--schrift);color:var(--text-gedaempft);padding:var(--karte-polster)}.karte>*{animation-name:var(--karte-anflug);animation-duration:calc(var(--dauer-mittel) * var(--karte-bewegung));animation-timing-function:var(--kurve);animation-fill-mode:both}.karte>*:nth-child(2){animation-delay:calc(var(--dauer-kurz) * 1 * var(--karte-bewegung))}.karte>*:nth-child(3){animation-delay:calc(var(--dauer-kurz) * 2 * var(--karte-bewegung))}.karte>*:nth-child(4){animation-delay:calc(var(--dauer-kurz) * 3 * var(--karte-bewegung))}.karte>*:nth-child(5){animation-delay:calc(var(--dauer-kurz) * 4 * var(--karte-bewegung))}.karte>*:nth-child(6){animation-delay:calc(var(--dauer-kurz) * 5 * var(--karte-bewegung))}.karte>*:nth-child(7){animation-delay:calc(var(--dauer-kurz) * 6 * var(--karte-bewegung))}.karte>*:nth-child(8){animation-delay:calc(var(--dauer-kurz) * 7 * var(--karte-bewegung))}.karte>*:nth-child(n+9){animation-delay:calc(var(--dauer-kurz) * 8 * var(--karte-bewegung))}@keyframes karte-einblenden{0%{opacity:0}to{opacity:1}}@keyframes karte-hereinschieben{0%{opacity:0;transform:translateY(var(--karte-luft))}to{opacity:1;transform:none}}.team-seite{min-height:100vh;background-color:var(--team-grund);background-image:var(--team-verlauf);padding:var(--karte-polster) var(--karte-luft);box-sizing:border-box;font-family:var(--team-schrift);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:var(--karte-polster)}.team-kopf{text-align:var(--team-kopf-ausrichtung);display:flex;flex-direction:column;align-items:var(--team-kopf-ausrichtung);gap:var(--abstand-l);max-width:var(--lesespalte)}.team-titel{margin:0;font-size:var(--team-titel);font-weight:var(--team-titel-gewicht);text-transform:var(--team-titel-schreibung);line-height:1.1;color:var(--team-tinte)}.team-titel:after{content:"";display:block;width:var(--team-strich);height:var(--team-strich-dicke);margin:var(--abstand-l) auto 0;border-radius:var(--karte-pille);background:var(--team-kante)}.team-kopf[data-ausrichtung=links]{width:100%;max-width:var(--team-breite)}.team-kopf[data-ausrichtung=links]>*{max-width:var(--lesespalte)}.team-kopf[data-ausrichtung=links] .team-titel:after{width:100%;height:var(--team-strich-duenn);margin:var(--abstand-m) 0 0}.team-zeile{margin:0;display:var(--team-zeile-anzeige);color:var(--text-gedaempft);font-size:var(--karte-bio)}.team-reihe{list-style:none;margin:0;padding:0;width:100%;max-width:var(--team-breite);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--team-reihe-luft)}.team-platz{flex:0 0 var(--team-platz);max-width:var(--team-platz);display:flex}.team-mitglied{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--abstand-m);text-align:center;text-decoration:none;color:inherit;transition:transform var(--dauer-mittel) var(--kurve)}button.team-mitglied{border:none;background:none;padding:0;font:inherit;cursor:pointer}.team-mitglied:hover,.team-mitglied:focus-visible{transform:translateY(calc(-1 * var(--team-anhub)))}.team-bild-offen{border-style:dashed;border-width:var(--team-offen-rand);background:var(--team-offen-flaeche)}.team-silhouette{display:block;width:var(--team-silhouette);height:var(--team-silhouette);color:var(--team-tinte);opacity:var(--team-silhouette-deckung);transition:opacity var(--dauer-mittel) var(--kurve)}.team-offen:hover .team-silhouette,.team-offen:focus-visible .team-silhouette{opacity:1}.team-offen .team-name{color:var(--team-tinte)}.team-mitglied.team-platzhalter{opacity:var(--team-platzhalter-deckung)}.team-bild{width:var(--team-bild);height:var(--team-bild);border-radius:var(--team-bild-rund);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none;background:var(--team-bild-grund);border:var(--team-bild-rand) solid var(--team-kante);box-shadow:0 0 0 var(--team-bild-ring) var(--flaeche-grund);transition:box-shadow var(--dauer-mittel) var(--kurve)}.team-mitglied:hover .team-bild,.team-mitglied:focus-visible .team-bild{box-shadow:0 0 0 var(--team-bild-ring) var(--flaeche-grund),var(--schatten-karte)}.team-bild img{width:100%;height:100%;object-fit:var(--team-bild-fuellung);object-position:var(--team-bild-stand);display:block}.team-bild-ersatz{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:var(--team-ersatz-grund);font-size:var(--karte-name);font-weight:var(--gewicht-betont);color:var(--team-tinte);letter-spacing:var(--abstand-xs);line-height:1}.team-name{margin:0;font-size:var(--team-name);font-weight:var(--team-name-gewicht);text-transform:var(--team-name-schreibung);letter-spacing:var(--team-name-sperrung);color:var(--team-name-farbe);line-height:1.2}.team-rolle{display:var(--team-rolle-anzeige);font-size:var(--schriftgroesse-s);font-weight:500;color:var(--team-tinte);background:var(--team-leise);border-radius:var(--karte-pille);padding:var(--abstand-xs) var(--abstand-l)}.team-bio{color:var(--team-beschreibung);font-size:var(--team-text);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--team-bio-zeilen);line-clamp:var(--team-bio-zeilen);overflow:hidden}.team-beitrag{color:var(--team-beschreibung);font-size:var(--team-text);line-height:1.45}.team-zeichen{display:var(--team-zeichen-anzeige);flex-wrap:wrap;justify-content:center;gap:var(--abstand-m);color:var(--text-gedaempft)}.team-zeichen-feld{display:flex;align-items:center;justify-content:center}.team-karte-hinweis{margin-top:auto;display:var(--team-hinweis-anzeige);padding-top:var(--abstand-m);font-size:var(--schriftgroesse-s);color:var(--team-tinte);opacity:.75;border-bottom:1px solid var(--team-kante);padding-bottom:var(--abstand-xs);transition:opacity var(--dauer-kurz) var(--kurve)}.team-mitglied:hover .team-karte-hinweis,.team-mitglied:focus-visible .team-karte-hinweis{opacity:1}.team-fuss{display:var(--team-fuss-anzeige);margin-top:auto;max-width:var(--lesespalte);text-align:center;font-size:var(--schriftgroesse-s);color:var(--text-gedaempft);line-height:1.5;border-top:1px solid var(--rand-leise);padding-top:var(--karte-luft)}.karten-kopfzeile .teilen-knopf{background-color:var(--karte-flaeche);color:var(--karte-tinte);border:var(--karte-teilen-rand) solid var(--karte-kante)}.karten-kopfzeile .teilen-knopf:hover{background-color:color-mix(in srgb,var(--karte-akzent) 20%,var(--karte-flaeche))}.karten-kopfzeile .teilen-knopf:focus-visible{outline:var(--karte-teilen-rand) solid var(--karte-akzent);outline-offset:var(--abstand-xs)}.teilen-qr{display:flex;flex-direction:column;align-items:center;gap:var(--abstand-l)}.teilen-qr img{width:100%;max-width:15rem;height:auto;background:var(--flaeche-grund);border-radius:var(--radius-m);padding:var(--abstand-l);box-sizing:border-box}.teilen-adresse{font-family:var(--schrift-zahlen);font-size:var(--schriftgroesse-s);color:var(--text-gedaempft);word-break:break-all;text-align:center}.boerse{width:100%;max-width:var(--boerse-breite);box-sizing:border-box;display:var(--team-boerse-anzeige);flex-direction:column;align-items:stretch;gap:var(--karte-luft);padding:var(--boerse-luft);border:1px solid var(--boerse-rand);border-radius:var(--radius-m);background:var(--boerse-flaeche)}.boerse-titel{margin:0;text-align:center;font-size:var(--boerse-titel);font-weight:var(--gewicht-betont);line-height:1.2;color:var(--team-tinte)}.boerse-rollen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--karte-luft)}.boerse-rolle{display:flex;flex-direction:column;gap:var(--abstand-m);padding:var(--karte-luft);border-radius:var(--radius-m);background:var(--flaeche-grund);border:1px solid var(--rand-leise)}.boerse-rolle-titel{margin:0;font-size:var(--boerse-rolle-titel);font-weight:var(--gewicht-betont);line-height:1.2;color:var(--text)}.boerse-eckdaten{margin:0;font-size:var(--schriftgroesse-s);color:var(--team-tinte)}.boerse-beschreibung{margin:0;color:var(--text-gedaempft);line-height:1.5;white-space:pre-line}.boerse-faehigkeiten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--abstand-m)}.boerse-faehigkeit{padding:var(--abstand-s) var(--abstand-l);border-radius:var(--karte-pille);background:var(--boerse-pille);color:var(--team-tinte);font-size:var(--schriftgroesse-s)}.boerse-knopf{align-self:flex-start;padding:var(--abstand-m) var(--abstand-xl);border:1px solid var(--boerse-knopf-grund);border-radius:var(--karte-pille);background:var(--boerse-knopf-grund);color:var(--boerse-knopf-tinte);font-family:inherit;font-size:inherit;font-weight:var(--gewicht-normal);cursor:pointer;transition:transform var(--dauer-kurz) ease,opacity var(--dauer-kurz) ease}.boerse-knopf:hover:not(:disabled),.boerse-knopf:focus-visible:not(:disabled){transform:translateY(calc(-1 * var(--boerse-anhub)))}.boerse-knopf:disabled{opacity:.45;cursor:not-allowed}.boerse-knopf-leise{background:transparent;color:var(--team-tinte);border-color:var(--boerse-rand);font-weight:500}.boerse-knopfzeile{display:flex;flex-wrap:wrap;gap:var(--abstand-l);align-items:center}.boerse-projektzeile{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-l);color:var(--text-gedaempft);font-size:var(--schriftgroesse-s);line-height:1.5}.boerse-formular{display:flex;flex-direction:column;gap:var(--karte-luft);padding:var(--karte-luft);border-radius:var(--radius-m);background:var(--flaeche-grund);border:1px solid var(--boerse-rand)}.boerse-formular-kopf{margin:0;font-weight:var(--gewicht-betont);color:var(--team-tinte)}.boerse-feld{display:flex;flex-direction:column;gap:var(--abstand-s)}.boerse-beschriftung{font-size:var(--schriftgroesse-s);color:var(--text-gedaempft)}.boerse-feld input,.boerse-feld textarea{width:100%;box-sizing:border-box;min-height:var(--boerse-feld-hoehe);padding:var(--abstand-m) var(--abstand-l);border:1px solid var(--rand-leise);border-radius:var(--radius-m);background:var(--flaeche-karte);color:var(--text);font-family:inherit;font-size:inherit}.boerse-feld textarea{resize:vertical;line-height:1.5}.boerse-feld input:focus-visible,.boerse-feld textarea:focus-visible{outline:2px solid var(--boerse-knopf-grund);outline-offset:1px}.boerse-hinweis{margin:0;padding:var(--abstand-l);border-left:var(--team-strich-dicke) solid var(--boerse-rand);background:var(--boerse-flaeche);color:var(--text-gedaempft);font-size:var(--schriftgroesse-s);line-height:1.5}.boerse-einladung{margin:0;padding:var(--karte-luft);border-radius:var(--radius-m);background:var(--boerse-pille);color:var(--text);font-size:var(--schriftgroesse-s);line-height:1.5}.boerse-quittung{margin:0;padding:var(--karte-luft);border-radius:var(--radius-m);background:var(--boerse-pille);color:var(--text);line-height:1.5}.boerse-fehler{margin:0;color:var(--text);font-size:var(--schriftgroesse-s);line-height:1.5;padding:var(--abstand-l);border-radius:var(--radius-m);border:1px solid var(--boerse-rand);background:var(--flaeche-karte)}.einbett-ausschnitt.team-seite{min-height:0;overflow:visible;padding:var(--karte-luft) 0;gap:var(--karte-luft)}.einbett-ausschnitt .team-reihe{max-width:100%}.einbett-zustand{margin:0;padding:var(--karte-luft);text-align:center;color:var(--text-gedaempft);font-size:var(--schriftgroesse-s)}.karten-kontakt{width:100%;max-width:var(--karte-breite);margin:var(--karte-luft) auto 0;padding:var(--karte-luft);border-radius:var(--karte-knopf-rund);background-color:color-mix(in srgb,var(--karte-flaeche) 90%,transparent);border:1px solid var(--karte-kante);color:var(--karte-tinte)}.karten-kontakt h2{margin:0 0 var(--karte-luft);font-size:var(--schriftgroesse-m)}.karten-kontakt label{display:block}.stille-grenze-seite{margin:var(--karte-luft) auto;padding:var(--karte-luft);max-width:var(--karte-breite);text-align:center;font-family:var(--schrift);font-size:var(--schriftgroesse-s);color:var(--text-gedaempft)}.stille-grenze-knopf{padding:0;border:0;background:none;font:inherit;color:var(--akzent-text);text-decoration:underline;cursor:pointer}.stille-grenze-knopf:hover{color:var(--akzent)}.karten-sprache{display:flex;flex-direction:column;align-items:flex-start;gap:var(--karte-sprache-luft);padding-top:var(--karte-sprache-luft);border-top:1px solid var(--karte-kante)}.karten-sprache-punkt{display:inline-block;width:var(--karte-sprache-punkt);height:var(--karte-sprache-punkt);margin-right:var(--karte-sprache-punkt-luft);border-radius:var(--karte-rund);background-color:var(--karte-akzent);vertical-align:middle}.karten-sprache-spieler{width:100%;max-width:100%}.karten-kontakt .karten-einwilligung{display:flex;align-items:flex-start;gap:var(--karte-sprache-luft);color:var(--karte-tinte)}
