.direct-root{--direct-klicker-z-schicht:1;--direct-klicker-z-ort:2;--direct-klicker-rand:16px;--direct-klicker-farbe:#7652bd;--direct-klicker-kante:#5a369e;--direct-klicker-text:#fff;--direct-klicker-anker-oben:7%;--direct-klicker-freiraum:calc(var(--klicker-klein-hoehe) + var(--klicker-knopf-kante-hoehe) + var(--direct-klicker-rand));--direct-klicker-tafel-oben:68px;--direct-klicker-tafel-breite:18rem;--direct-klicker-tafel-innen:10px 14px 12px;--direct-klicker-tafel-luecke:4px;--direct-klicker-glas:#ffffffdb;--direct-klicker-glas-rand:#fff;--direct-klicker-glas-radius:14px;--direct-klicker-glas-schatten:0 10px 26px #281e3c29;--direct-klicker-glas-unschaerfe:blur(12px);--direct-klicker-titel-schrift:15px;--direct-klicker-titel-zeichen:22px;--direct-klicker-summe-schrift:14px;--direct-klicker-summe-zahl:26px;--direct-klicker-hinweis-schrift:13.5px;--direct-klicker-gewicht-titel:700;--direct-klicker-gewicht-zahl:800;--direct-klicker-zeile:1.2;--direct-klicker-podest-hoch:2.5rem;--direct-klicker-podest-mittel:1.875rem;--direct-klicker-podest-tief:1.25rem;--direct-klicker-figur:29px;--direct-klicker-podest-bild:2.375rem;--direct-klicker-fuss-schrift:13px;--direct-klicker-fuss-zeichen:18px;--direct-klicker-fuss-luecke:6px}
.direct-klicker-schicht{z-index:var(--direct-klicker-z-schicht)}.direct-klicker-anker{left:50%;top:var(--direct-klicker-anker-oben);pointer-events:none;width:0;height:0;position:absolute}.direct-klicker-ort{z-index:var(--direct-klicker-z-ort);right:calc(var(--direct-klicker-rand) + env(safe-area-inset-right));bottom:calc(var(--direct-klicker-rand) + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--direct-klicker-rand));--klicker-farbe:var(--direct-klicker-farbe);--klicker-kante:var(--direct-klicker-kante);--klicker-text:var(--direct-klicker-text);position:absolute}.direct-platz:has(>.direct-klicker-ort)>.direct-arena{bottom:calc(var(--direct-klicker-freiraum) + env(safe-area-inset-bottom))}@container (max-width:400px){.direct-klicker-ort .klicker-knopf-text{display:none}}.direct-klicker-tafel{z-index:var(--direct-klicker-z-ort);top:var(--direct-klicker-tafel-oben);right:var(--direct-klicker-rand);width:min(var(--direct-klicker-tafel-breite), calc(100% - 2 * var(--direct-klicker-rand)));box-sizing:border-box;gap:var(--direct-klicker-tafel-luecke);padding:var(--direct-klicker-tafel-innen);border:1px solid var(--direct-klicker-glas-rand);border-radius:var(--direct-klicker-glas-radius);background:var(--direct-klicker-glas);box-shadow:var(--direct-klicker-glas-schatten);-webkit-backdrop-filter:var(--direct-klicker-glas-unschaerfe);backdrop-filter:var(--direct-klicker-glas-unschaerfe);color:var(--direct-tinte);display:grid;position:absolute}.direct-klicker-tafel-titel{align-items:center;gap:var(--direct-klicker-fuss-luecke);font-size:var(--direct-klicker-titel-schrift);font-weight:var(--direct-klicker-gewicht-titel);line-height:var(--direct-klicker-zeile);margin:0;display:flex}.direct-klicker-tafel-zeichen{width:var(--direct-klicker-titel-zeichen);height:var(--direct-klicker-titel-zeichen);flex:none}.direct-klicker-tafel-summe{color:var(--direct-gedaempft);font-size:var(--direct-klicker-summe-schrift);line-height:var(--direct-klicker-zeile);margin:0}.direct-klicker-tafel-summe strong{color:var(--direct-tinte);font-size:var(--direct-klicker-summe-zahl);font-weight:var(--direct-klicker-gewicht-zahl);font-variant-numeric:tabular-nums}.direct-klicker-tafel-hinweis{color:var(--direct-gedaempft);font-size:var(--direct-klicker-hinweis-schrift);line-height:var(--direct-klicker-zeile);margin:0}.direct-klicker-podest{--klicker-podest-hoch:var(--direct-klicker-podest-hoch);--klicker-podest-mittel:var(--direct-klicker-podest-mittel);--klicker-podest-tief:var(--direct-klicker-podest-tief);--klicker-podest-bild:var(--direct-klicker-podest-bild)}.direct-klicker-bild .direct-atelier-character{width:var(--direct-klicker-figur)}.direct-lobby-fuss:has(>.direct-klicker-fuss){row-gap:var(--direct-klicker-fuss-luecke);flex-wrap:wrap}.direct-klicker-fuss{align-items:center;gap:var(--direct-klicker-fuss-luecke);min-width:0;color:var(--direct-gedaempft);font-size:var(--direct-klicker-fuss-schrift);line-height:var(--direct-klicker-zeile);flex:1 0 100%;margin:0;display:flex}.direct-klicker-fuss-zeichen{width:var(--direct-klicker-fuss-zeichen);height:var(--direct-klicker-fuss-zeichen);flex:none}.direct-klicker-fuss-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.direct-klicker-fuss-text strong{color:var(--direct-tinte);font-variant-numeric:tabular-nums}
