.kreis{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:13px;font-weight:600}.kreis--ki{background:var(--ki);color:var(--tinte)}.kreis--mensch{background:var(--gruen-dunkel)}.kreis svg{width:20px;height:20px;fill:none;stroke:var(--papier);stroke-width:1.8;stroke-linecap:round}.freigabe{position:absolute;top:-10px;right:-10px;width:24px;height:24px;fill:var(--gruen-dunkel)}.mitglied{position:relative;width:100%;height:var(--mitglied-hoehe);padding:0 6px 14px;text-align:center;background:#fff;border:1px solid var(--linie);border-radius:12px;color:var(--tinte);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .35s,border-color .2s}.mitglied:hover{border-color:var(--rand)}.mitglied[aria-pressed=true]{border:1.5px solid var(--tinte)}.mitglied__band{align-self:stretch;margin:0 -6px;height:28px;border-radius:11px 11px 0 0;display:flex;justify-content:center;padding-top:8px}.mitglied__band i{width:24px;height:5px;border-radius:3px;background:#fff}.mitglied--ki .mitglied__band{background:var(--ki)}.mitglied--mensch .mitglied__band{background:var(--gruen-dunkel)}.mitglied .kreis{margin:-12px 0 10px;box-shadow:0 0 0 3px #fff}.mitglied strong{font-size:15px;font-weight:600;line-height:1.25}.mitglied__rolle{margin-top:2px;font-size:13px;line-height:1.3;white-space:nowrap}.mitglied :is(.mitglied__band,.freigabe){transition:opacity .35s}.mitglied :is(strong,.mitglied__rolle,.kreis){transition:color .35s,background-color .35s}.mitglied:not(.dabei):not([aria-pressed=true]) :is(.mitglied__band,.freigabe){opacity:.35}.mitglied:not(.dabei):not([aria-pressed=true]) :is(strong,.mitglied__rolle){color:#15130e9e}.mitglied:not(.dabei):not([aria-pressed=true]) .kreis--ki{background:color-mix(in srgb,var(--ki) 35%,#fff);color:#15130eb3}.mitglied:not(.dabei):not([aria-pressed=true]) .kreis--mensch{background:color-mix(in srgb,var(--gruen-dunkel) 35%,#fff)}.mitglied.dabei{transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.mitglied,.mitglied *{transition:none}}.schritt{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;padding:20px 20px 22px;background:#fff;border:1px solid var(--linie);border-radius:var(--ecke)}.schritt--mensch{border-color:var(--linie-stark)}.schritt .freigabe{top:-12px;right:-12px;width:28px;height:28px}.schritt__wer{display:flex;align-items:center;gap:10px}.schritt__wer .kreis{width:32px;height:32px;font-size:12px}.schritt__wer .kreis svg{width:18px;height:18px}.schritt__person{min-width:0}.schritt__person strong{display:block;font-size:15px;font-weight:600;line-height:1.2}.schritt__person span{display:block;font-size:13px;line-height:1.2}.schritt__nr{margin-left:auto;align-self:flex-start;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.schritt__was{margin-top:16px;font:400 24px/1.22 var(--schrift-titel);font-variation-settings:"opsz" 30;letter-spacing:-.005em;text-wrap:pretty}.schritt__mittel{margin:auto 0 0;padding-top:16px;display:grid;grid-template-rows:47px 47px;row-gap:10px}.mittel{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.mittel--skill{grid-row:1}.mittel--tool{grid-row:2}.mittel dt{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#15130e9e}.mittel dd{margin:0}.pille{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 12px;border-radius:999px;background:var(--karte);border:1px solid var(--linie);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pille svg{width:14px;height:14px;flex:none;color:var(--tinte)}.schritt .pille{font-size:12.5px}@media(min-width:1201px){.schritt{min-width:min-content}.schritt .pille{max-width:none}}.kette--lang .schritt{padding:18px 16px 20px}.kette--lang .schritt__was{font-size:19px;line-height:1.3}.kette--lang .pille{padding:0 10px}@media(max-width:1200px){.schritt__was,.kette--lang .schritt__was{font-size:19px;line-height:1.3}}@media(max-width:1200px){.schritt__mittel{display:flex;flex-wrap:wrap;gap:12px 32px}}.teamkette{margin-top:48px}.team{display:flex;gap:32px;padding-top:16px;margin-top:-16px}.gruppe{--n: 1;flex:var(--n) 1 0;padding-top:12px;border-top:1px solid var(--linie-stark)}.gruppe--2{--n: 2}.gruppe--3{--n: 3}.gruppe__name{margin:0 0 16px;font-size:13px;font-weight:600}.gruppe ul{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px}.ergebnis{margin-top:16px;min-height:var(--ergebnis-hoehe)}.ergebnis__hinweis{font-size:15px;padding-top:6px}.ergebnis__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.ergebnis__name{font-size:17px;font-weight:600}.ergebnis__text{font:400 24px/1.25 var(--schrift-titel);font-variation-settings:"opsz" 30}.ergebnis__skills{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.ablaeufe{margin-top:32px;padding-top:32px;border-top:1px solid var(--linie)}.ablaeufe__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.ablaeufe__frage{font-size:15px;font-weight:600}.reiter{display:flex;flex-wrap:wrap;gap:8px}.reiter button{height:var(--tippflaeche);padding:0 18px;border-radius:999px;border:1px solid var(--linie-stark);background:none;color:var(--tinte);font:500 15px var(--schrift);cursor:pointer}.reiter button:hover{border-color:var(--rand)}.reiter button[aria-selected=true]{background:#fff;border:1.5px solid var(--tinte)}.kette{margin:24px 0 0;padding:0;list-style:none;display:flex;align-items:stretch}.verbinder{flex:0 0 40px;position:relative}.verbinder:before{content:"";position:absolute;left:0;right:0;top:36px;height:1px;background:var(--schaubild-fluss)}.verbinder i{position:absolute;top:32.5px;left:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--schaubild-daten);opacity:0}.verbinder--ki i{background:var(--gruen-mittel)}.kette--lang .verbinder{flex-basis:28px}.kette--lang .verbinder:before{top:34px}.kette--lang .verbinder i{top:30.5px}.teamkette__verweis{margin-top:40px;font-size:15px}@media(max-width:1200px){.team{--rand-seite: 32px;margin-inline:calc(-1 * var(--rand-seite));padding-inline:var(--rand-seite);overflow-x:auto;scrollbar-width:none;gap:20px;scroll-snap-type:x proximity;scroll-padding-inline:var(--rand-seite)}.team::-webkit-scrollbar{display:none}.gruppe{flex:none;width:calc(var(--n) * 104px + (var(--n) - 1) * 10px);scroll-snap-align:start}.gruppe ul{gap:10px}.kette{flex-direction:column}.verbinder,.kette--lang .verbinder{flex-basis:32px}.verbinder:before,.kette--lang .verbinder:before{inset:0 auto 0 36px;width:1px;height:auto}.verbinder i,.kette--lang .verbinder i{left:32.5px;top:0;margin-left:0;margin-top:-4px}}@media(max-width:900px){.teamkette{margin-top:40px}.team{--rand-seite: 20px}.ergebnis{min-height:var(--ergebnis-hoehe-handy)}.ergebnis__kopf{flex-direction:column;gap:2px}.ergebnis__text{font-size:19px}.ablaeufe{margin-top:36px}.reiter{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:2px 20px 4px;scrollbar-width:none}.reiter::-webkit-scrollbar{display:none}.reiter button{flex:none}}@media(prefers-reduced-motion:reduce){.verbinder i,.kette--lang .verbinder i{opacity:1;left:50%}}@media(prefers-reduced-motion:reduce)and (max-width:1200px){.verbinder i,.kette--lang .verbinder i{left:32.5px;top:50%}}
