:root{--klicker-knopf-farbe:#6c4bb4;--klicker-knopf-kante:#51358f;--klicker-knopf-text:#fff;--klicker-knopf-hof:0 10px 18px #4c308c33;--klicker-knopf-kante-hoehe:5px;--klicker-knopf-kante-hover:7px;--klicker-knopf-kante-gedrueckt:2px;--klicker-knopf-hub:-2px;--klicker-knopf-druck:3px;--klicker-gewicht-wort:650;--klicker-gewicht-zahl:800;--klicker-gross-hoehe:4rem;--klicker-gross-innen-block:.5rem;--klicker-gross-innen-anfang:1rem;--klicker-gross-innen-ende:1.5rem;--klicker-gross-luecke:.75rem;--klicker-gross-zeichen:2.25rem;--klicker-gross-wort:1.25rem;--klicker-gross-zahl:1.5rem;--klicker-klein-hoehe:2.875rem;--klicker-klein-innen-block:.375rem;--klicker-klein-innen-anfang:.75rem;--klicker-klein-innen-ende:1.125rem;--klicker-klein-luecke:.5rem;--klicker-klein-zeichen:1.625rem;--klicker-klein-wort:1rem;--klicker-klein-zahl:1.125rem;--klicker-zeilenhoehe:1.1;--klicker-ruht-flaeche:#ece9f2;--klicker-ruht-kante:#d3cde0;--klicker-ruht-text:#4c4560;--klicker-ruht-kante-anteil:85%;--klicker-ruht-schrift:.75rem;--klicker-ruht-zeichen-filter:grayscale(1) opacity(.65);--klicker-zeichen-feld:2.25rem;--klicker-zeichen-rand:-.25rem;--klicker-zeichen-punkt:.7rem;--klicker-zeichen-hub:scale(1.1) rotate(-6deg);--klicker-zeichen-druck:scale(.9);--klicker-zeichen-serie-versatz:-.5rem;--klicker-zwinkern-dauer:1.3s;--klicker-zwinkern-verzug:.7s;--klicker-serie-flaeche:#fff;--klicker-serie-text:#573a98;--klicker-serie-schatten:0 4px 10px #2a1d4a38;--klicker-serie-schrift:.8125rem;--klicker-serie-innen-block:.125rem;--klicker-serie-innen-seite:.5rem;--klicker-serie-versatz:-.625rem;--klicker-daten-1:#1f8a7a;--klicker-daten-2:#3a6fd8;--klicker-daten-3:#e07a2f;--klicker-daten-4:#7c5ce0;--klicker-daten-5:#d4478d;--klicker-daten-6:#3f9a4b;--klicker-daten-7:#c49312;--klicker-daten-8:#5b7389;--klicker-daten-andere:#b3bcc0;--klicker-ring-spur:#eef0f2;--klicker-ring-groesse:9.5rem;--klicker-ring-breite:12px;--klicker-ring-breite-eigen:16px;--klicker-ring-gesamt:1.5rem;--klicker-ring-luecke:1.25rem;--klicker-legende-punkt:.625rem;--klicker-legende-zeichen:1.125rem;--klicker-legende-luecke:.375rem;--klicker-legende-breite:10rem;--klicker-band-hoehe:.625rem;--klicker-band-fuge:2px;--klicker-band-eigen-strich:3px;--klicker-band-legende-abstand:.75rem;--klicker-podest-block:#efe9fa;--klicker-podest-block-erster:#e3d9f7;--klicker-podest-erster-anteil:90%;--klicker-podest-zahl:#573a98;--klicker-podest-hoch:4.5rem;--klicker-podest-mittel:3.25rem;--klicker-podest-tief:2.25rem;--klicker-podest-bild:3rem;--klicker-podest-luecke:.5rem;--klicker-podest-zahl-schrift:1.25rem;--klicker-du-flaeche:#6c4bb4;--klicker-du-text:#fff;--klicker-du-schrift:.6875rem;--klicker-du-innen-seite:.375rem}
.klicker-knopf-huelle{max-width:100%;display:inline-flex;position:relative}.klicker-knopf{--klicker-hoehe:var(--klicker-gross-hoehe);--klicker-innen-block:var(--klicker-gross-innen-block);--klicker-innen-anfang:var(--klicker-gross-innen-anfang);--klicker-innen-ende:var(--klicker-gross-innen-ende);--klicker-luecke:var(--klicker-gross-luecke);--klicker-zeichen:var(--klicker-gross-zeichen);--klicker-wort:var(--klicker-gross-wort);--klicker-zahl:var(--klicker-gross-zahl);--klicker-unterkante:var(--klicker-kante,var(--klicker-knopf-kante));align-items:center;gap:var(--klicker-luecke);max-width:100%;padding-block:var(--klicker-innen-block);padding-inline:var(--klicker-innen-anfang) var(--klicker-innen-ende);border-radius:var(--ds-radius-pill);background:var(--klicker-farbe,var(--klicker-knopf-farbe));color:var(--klicker-text,var(--klicker-knopf-text));box-shadow:0 var(--klicker-knopf-kante-hoehe) 0 var(--klicker-unterkante), var(--klicker-knopf-hof);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ds-duration-fast) var(--ds-ease-standard), box-shadow var(--ds-duration-fast) var(--ds-ease-standard);border:0;margin:0;display:inline-flex;position:relative}.klicker-knopf[data-groesse=klein]{--klicker-hoehe:var(--klicker-klein-hoehe);--klicker-innen-block:var(--klicker-klein-innen-block);--klicker-innen-anfang:var(--klicker-klein-innen-anfang);--klicker-innen-ende:var(--klicker-klein-innen-ende);--klicker-luecke:var(--klicker-klein-luecke);--klicker-zeichen:var(--klicker-klein-zeichen);--klicker-wort:var(--klicker-klein-wort);--klicker-zahl:var(--klicker-klein-zahl)}.klicker-knopf-huelle>.klicker-knopf{min-height:var(--klicker-hoehe)}.klicker-knopf:focus-visible{box-shadow:0 var(--klicker-knopf-kante-hoehe) 0 var(--klicker-unterkante), var(--ds-focus-ring);outline:none}@media (hover:hover){.klicker-knopf:not([data-ruht]):hover{transform:translateY(var(--klicker-knopf-hub));box-shadow:0 var(--klicker-knopf-kante-hover) 0 var(--klicker-unterkante), var(--klicker-knopf-hof)}.klicker-knopf:not([data-ruht]):hover:after{content:"";height:calc(-1 * var(--klicker-knopf-hub));position:absolute;top:100%;left:0;right:0}}.klicker-knopf:not([data-ruht]):is(:active,[data-gedrueckt]){transform:translateY(var(--klicker-knopf-druck));box-shadow:0 var(--klicker-knopf-kante-gedrueckt) 0 var(--klicker-unterkante)}.klicker-knopf:not([data-ruht]):is(:active,[data-gedrueckt]):before{content:"";border-radius:inherit;translate:0 calc(-1 * var(--klicker-knopf-druck));position:absolute;inset:0}.klicker-knopf[data-ruht]{--klicker-unterkante:color-mix(in srgb, var(--klicker-akzent-sanft,var(--klicker-ruht-kante)) var(--klicker-ruht-kante-anteil), var(--klicker-akzent-text,var(--klicker-ruht-kante)));background:var(--klicker-akzent-sanft,var(--klicker-ruht-flaeche));color:var(--klicker-akzent-text,var(--klicker-ruht-text));cursor:default}.klicker-knopf-zeichen{width:var(--klicker-zeichen);height:var(--klicker-zeichen);flex:none;display:inline-flex}.klicker-knopf-zeichen>.bildzeichen-bild{width:100%;height:100%}.klicker-knopf[data-ruht] .klicker-knopf-zeichen{filter:var(--klicker-ruht-zeichen-filter)}.klicker-knopf-text{text-align:start;flex-direction:column;min-width:0;display:flex}.klicker-knopf-wort{font-size:var(--klicker-wort);font-weight:var(--klicker-gewicht-wort);line-height:var(--klicker-zeilenhoehe);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klicker-knopf-ruht{font-size:var(--klicker-ruht-schrift);line-height:var(--klicker-zeilenhoehe)}.klicker-knopf-zahl{font-size:var(--klicker-zahl);font-weight:var(--klicker-gewicht-zahl);font-variant-numeric:tabular-nums;line-height:var(--klicker-zeilenhoehe);white-space:nowrap;margin-inline-start:auto;display:inline-block}.klicker-serie{padding:var(--klicker-serie-innen-block) var(--klicker-serie-innen-seite);border-radius:var(--ds-radius-pill);background:var(--klicker-serie-flaeche);color:var(--klicker-akzent-text,var(--klicker-serie-text));box-shadow:var(--klicker-serie-schatten);font-size:var(--klicker-serie-schrift);font-weight:var(--klicker-gewicht-zahl);font-variant-numeric:tabular-nums;line-height:var(--klicker-zeilenhoehe);pointer-events:none;position:absolute;inset-block-start:var(--klicker-serie-versatz);inset-inline-end:var(--klicker-serie-versatz)}@media (prefers-reduced-motion:reduce){.klicker-knopf{transition:none}}.klicker-zeichen-huelle{flex:none;display:inline-flex;position:relative}.klicker-zeichen-knopf{min-width:var(--ds-touch-control,0px);min-height:var(--ds-touch-control,0px);width:var(--klicker-zeichen-feld);height:var(--klicker-zeichen-feld);margin:var(--klicker-zeichen-rand);border-radius:var(--ds-radius-pill);color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid}.klicker-zeichen-bild{inline-size:var(--klicker-zeichen-groesse,auto);block-size:var(--klicker-zeichen-groesse,auto);transition:transform var(--ds-duration-fast) var(--ds-ease-standard);place-items:center;display:inline-grid}@media (hover:hover){.klicker-zeichen-knopf:not([data-ruht]):hover .klicker-zeichen-bild{transform:var(--klicker-zeichen-hub)}}.klicker-zeichen-knopf:not([data-ruht]):is(:active,[data-gedrueckt]) .klicker-zeichen-bild{transform:var(--klicker-zeichen-druck)}.klicker-zeichen-knopf:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.klicker-zeichen-knopf[data-ruht] .klicker-zeichen-bild{filter:var(--klicker-ruht-zeichen-filter)}.klicker-zeichen-leer{width:var(--klicker-zeichen-punkt);height:var(--klicker-zeichen-punkt);background:var(--klicker-zeichen-punkt-farbe,var(--ds-color-primary));border-radius:50%;display:block}.klicker-zeichen-knopf[data-zwinkern] .klicker-zeichen-bild{animation:klicker-zwinkern var(--klicker-zwinkern-dauer) var(--klicker-zwinkern-verzug) var(--ds-ease-standard) 1}@keyframes klicker-zwinkern{0%,to{transform:none}20%{transform:rotate(-14deg)scale(1.08)}40%{transform:rotate(10deg)scale(1.1)}60%{transform:rotate(-6deg)scale(1.04)}80%{transform:rotate(2deg)}}.klicker-zeichen-serie{inset-block-start:var(--klicker-zeichen-serie-versatz);inset-inline-end:var(--klicker-zeichen-serie-versatz)}.klicker-zeichen-serie-ort{pointer-events:none;position:absolute}@media (prefers-reduced-motion:reduce){.klicker-zeichen-bild{transition:none}.klicker-zeichen-knopf[data-zwinkern] .klicker-zeichen-bild{animation:none}}.klicker-schicht{isolation:isolate;pointer-events:none;position:absolute;inset:0;overflow:visible}.klicker-teilchen{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;max-width:none;margin:0;display:block;position:absolute;transform:translate(-50%,-50%)scale(0)}.klicker-ring{gap:var(--klicker-ring-luecke);margin:0;display:grid}.klicker-ring-titel{color:var(--ds-color-ink);font-size:var(--type-section-size);font-weight:var(--type-section-weight);line-height:var(--type-section-lh)}.klicker-ring-inhalt{justify-content:center;align-items:center;gap:var(--klicker-ring-luecke);flex-wrap:wrap;display:flex}.klicker-ring-bild{width:var(--klicker-ring-groesse);aspect-ratio:1;flex:none;position:relative}.klicker-ring-bild>svg{width:100%;height:100%;display:block;overflow:visible}.klicker-ring-spur,.klicker-ring-segment{fill:none;stroke-width:var(--klicker-ring-breite)}.klicker-ring-spur{stroke:var(--klicker-ring-spur)}.klicker-ring-segment{stroke:var(--klicker-ton)}.klicker-ring-segment[data-eigen]{stroke-width:var(--klicker-ring-breite-eigen)}.klicker-ring-mitte{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.klicker-ring-gesamt{color:var(--ds-color-ink);font-size:var(--klicker-ring-gesamt);font-weight:var(--klicker-gewicht-zahl);font-variant-numeric:tabular-nums;line-height:var(--klicker-zeilenhoehe)}.klicker-ring-einheit{color:var(--ds-color-muted);font-size:var(--type-caption-size)}.klicker-ring-legende{flex:1 1 var(--klicker-legende-breite);gap:var(--klicker-legende-luecke);min-width:0;margin:0;padding:0;list-style:none;display:grid}.klicker-ring-eintrag{align-items:center;gap:var(--klicker-legende-luecke);min-width:0;color:var(--ds-color-ink);font-size:var(--type-body-muted-size);display:flex}.klicker-ring-punkt{width:var(--klicker-legende-punkt);height:var(--klicker-legende-punkt);background:var(--klicker-ton);border-radius:50%;flex:none}.klicker-ring-zeichen{width:var(--klicker-legende-zeichen);height:var(--klicker-legende-zeichen);flex:none}.klicker-ring-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.klicker-ring-eintrag[data-eigen] .klicker-ring-name{font-weight:var(--klicker-gewicht-wort)}.klicker-ring-klicks{color:var(--ds-color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.klicker-ring[data-form=band] .klicker-ring-inhalt{align-items:stretch;gap:var(--klicker-legende-luecke);flex-direction:column}.klicker-ring-titel-gesamt{color:var(--ds-color-muted);font-weight:inherit;font-variant-numeric:tabular-nums}.klicker-band{gap:var(--klicker-band-fuge);height:var(--klicker-band-hoehe);border-radius:var(--ds-radius-pill);background:var(--klicker-ring-spur);display:flex;overflow:hidden}.klicker-band-teil{min-width:var(--klicker-band-fuge);background:var(--klicker-ton);flex-basis:0}.klicker-band-teil[data-eigen]{box-shadow:inset 0 calc(-1 * var(--klicker-band-eigen-strich)) 0 var(--ds-color-ink)}.klicker-ring[data-form=band] .klicker-ring-legende{gap:var(--klicker-legende-luecke) var(--klicker-band-legende-abstand);flex-wrap:wrap;flex:none;display:flex}.klicker-ring[data-form=band] .klicker-ring-eintrag{font-size:var(--type-caption-size)}.klicker-ring[data-form=band] .klicker-ring-name{flex:none}.klicker-ring [data-farbe="1"]{--klicker-ton:var(--klicker-daten-1)}.klicker-ring [data-farbe="2"]{--klicker-ton:var(--klicker-daten-2)}.klicker-ring [data-farbe="3"]{--klicker-ton:var(--klicker-daten-3)}.klicker-ring [data-farbe="4"]{--klicker-ton:var(--klicker-daten-4)}.klicker-ring [data-farbe="5"]{--klicker-ton:var(--klicker-daten-5)}.klicker-ring [data-farbe="6"]{--klicker-ton:var(--klicker-daten-6)}.klicker-ring [data-farbe="7"]{--klicker-ton:var(--klicker-daten-7)}.klicker-ring [data-farbe="8"]{--klicker-ton:var(--klicker-daten-8)}.klicker-ring [data-farbe=andere]{--klicker-ton:var(--klicker-daten-andere)}.klicker-podest{gap:var(--klicker-podest-luecke);display:grid}.klicker-podest-buehne{align-items:end;gap:var(--klicker-podest-luecke);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.klicker-podest-platz{align-items:center;gap:var(--klicker-legende-luecke);flex-direction:column;grid-row:1;min-width:0;display:flex}.klicker-podest-platz[data-spalte="1"]{grid-column:1}.klicker-podest-platz[data-spalte="2"]{grid-column:2}.klicker-podest-platz[data-spalte="3"]{grid-column:3}.klicker-podest-bild{min-height:var(--klicker-podest-bild);justify-content:center;align-items:flex-end;display:flex}.klicker-podest-name{align-items:center;gap:var(--klicker-legende-luecke);max-width:100%;color:var(--ds-color-ink);font-size:var(--type-card-desc-size);font-weight:var(--klicker-gewicht-wort);display:flex}.klicker-podest-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.klicker-podest-du{padding-inline:var(--klicker-du-innen-seite);border-radius:var(--ds-radius-pill);background:var(--klicker-akzent,var(--klicker-du-flaeche));color:var(--klicker-du-text);font-size:var(--klicker-du-schrift);line-height:var(--type-caption-lh);flex:none}.klicker-podest-klicks{color:var(--ds-color-muted);font-size:var(--type-caption-size);font-variant-numeric:tabular-nums}.klicker-podest-block{width:100%;height:var(--klicker-podest-tief);padding-top:var(--klicker-legende-luecke);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;background:var(--klicker-akzent-sanft,var(--klicker-podest-block));color:var(--klicker-akzent-text,var(--klicker-podest-zahl));font-size:var(--klicker-podest-zahl-schrift);font-weight:var(--klicker-gewicht-zahl);line-height:var(--klicker-zeilenhoehe);justify-content:center;display:flex}.klicker-podest-platz[data-hoehe="1"] .klicker-podest-block{height:var(--klicker-podest-hoch);background:color-mix(in srgb, var(--klicker-akzent-sanft,var(--klicker-podest-block-erster)) var(--klicker-podest-erster-anteil), var(--klicker-akzent,var(--klicker-podest-block-erster)))}.klicker-podest-platz[data-hoehe="2"] .klicker-podest-block{height:var(--klicker-podest-mittel)}.klicker-podest-eigen{color:var(--ds-color-ink);font-size:var(--type-body-muted-size);font-variant-numeric:tabular-nums;text-align:center;margin:0}