.radar{position:relative;width:400px;height:400px;max-width:100%;margin:0 auto}.radar__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgb(255 255 255 / .08);pointer-events:none}.radar__ring--1{width:37.5%;height:37.5%}.radar__ring--2{width:67.5%;height:67.5%;border-color:rgb(255 255 255 / .06)}.radar__ring--3{width:97.5%;height:97.5%;border-color:rgb(255 255 255 / .04)}@keyframes radar-schweben{0%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 2px),calc(-50% - 5px))}100%{transform:translate(-50%,-50%)}}.radar__kachel{position:absolute;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:1px solid rgb(255 255 255 / .18);background:#000;animation:radar-schweben 6s ease-in-out infinite;z-index:2}.radar__kachel img{display:block;width:100%;height:100%;object-fit:cover}.radar__mitte{position:absolute;top:50%;left:50%;width:104px;height:104px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:1px solid rgb(255 255 255 / .28);background:#252424;z-index:4}.radar__mitte img{display:block;width:100%;height:100%;object-fit:cover}.radar__kachel--1{width:64px;height:64px;left:78.6%;top:33.5%;animation-delay:-.4s}.radar__kachel--2{width:56px;height:56px;left:50%;top:17%;animation-delay:-1.9s}.radar__kachel--3{width:60px;height:60px;left:21.4%;top:33.5%;animation-delay:-3.1s}.radar__kachel--4{width:56px;height:56px;left:21.4%;top:66.5%;animation-delay:-2.3s}.radar__kachel--5{width:64px;height:64px;left:50%;top:83%;animation-delay:-4.6s}.radar__kachel--6{width:60px;height:60px;left:78.6%;top:66.5%;animation-delay:-5.2s}.radar__pille{position:absolute;transform:translate(-50%,-50%);padding:4px 9px;border-radius:100px;background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .12);font-size:8px;font-weight:800;letter-spacing:.09em;line-height:1.2;text-transform:uppercase;white-space:nowrap;color:#d6dede;animation:radar-schweben 7s ease-in-out infinite;pointer-events:none;z-index:3}.radar__pille--1{left:95%;top:50%;transform:translate(-80%,-50%);animation-name:radar-schweben-rechts;animation-delay:-.8s}.radar__pille--5{left:5%;top:50%;transform:translate(-20%,-50%);animation-name:radar-schweben-links;animation-delay:-4.1s}.radar__pille--2{left:81.8%;top:18.2%;animation-delay:-2.6s}.radar__pille--3{left:50%;top:5%;animation-delay:-6.2s}.radar__pille--4{left:18.2%;top:18.2%;animation-delay:-1.5s}.radar__pille--6{left:18.2%;top:81.8%;animation-delay:-5.5s}.radar__pille--7{left:50%;top:95%;animation-delay:-3.4s}.radar__pille--8{left:81.8%;top:81.8%;animation-delay:-.3s}@keyframes radar-schweben-rechts{0%{transform:translate(-80%,-50%)}50%{transform:translate(calc(-80% + 2px),calc(-50% - 5px))}100%{transform:translate(-80%,-50%)}}@keyframes radar-schweben-links{0%{transform:translate(-20%,-50%)}50%{transform:translate(calc(-20% + 2px),calc(-50% - 5px))}100%{transform:translate(-20%,-50%)}}.radar__pille--3,.radar__pille--7{animation:none}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;margin-top:18px;padding-top:34px;border-top:1px solid rgb(255 255 255 / .08)}.kennzahl{display:flex;flex-direction:column}.kennzahl__wert{display:flex;align-items:baseline;font-size:38px;font-weight:400;line-height:1;letter-spacing:-.026em;color:#fff;font-variant-numeric:tabular-nums}.kennzahl__zusatz{color:#d6dede}.kennzahl__marke{margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#a3a3a3}@media (max-width:560px){.radar{width:300px;height:300px}.radar__mitte{width:82px;height:82px}.radar__kachel--1,.radar__kachel--5{width:52px;height:52px}.radar__kachel--2,.radar__kachel--4{width:46px;height:46px}.radar__kachel--3,.radar__kachel--6{width:48px;height:48px}.radar__pille{padding:4px 8px;letter-spacing:.07em}.radar__pille--2{left:84%;top:15%}.radar__pille--4{left:16%;top:15%}.radar__pille--6{left:16%;top:85%}.radar__pille--8{left:84%;top:85%}.radar__pille--3{top:4%}.radar__pille--7{top:96%}.kennzahlen{grid-template-columns:repeat(2,1fr);gap:26px 20px}.kennzahl__wert{font-size:32px}}@media (prefers-reduced-motion:reduce){.radar__kachel,.radar__pille{animation:none}}