.hero-kb{padding-top:clamp(80px,11vw,130px)}.phasen{background:var(--flaeche);border-radius:26px;margin-top:44px;padding:28px}.phasen .oben{color:var(--grau);justify-content:space-between;gap:12px;font-size:14px;display:flex}.phasen .oben b{color:var(--tinte);font-size:16px}.spur5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:18px;display:grid}.spur5 i{background:#e6e1d8;border-radius:6px;height:6px;position:relative;overflow:hidden}.spur5 i:after{content:"";background:var(--tinte);transform-origin:0 0;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleX(0)}.spur5 i.da:after{transform:none}.namen5{color:var(--grau);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;font-size:12.5px;display:grid}.namen5 span.jetzt{color:var(--tinte);font-weight:600}@media (max-width:430px){.namen5{letter-spacing:-.02em;gap:2px;font-size:10.5px}}.aufgabe{opacity:0;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(8px)}.aufgabe.da{opacity:1;transform:none}.aufgabe b{font-size:15px;display:block}.aufgabe span{color:var(--grau);font-size:13.5px}.aufgabe .k{background:var(--tinte);color:#fff;white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:500}.vier{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 72px;margin-top:clamp(56px,8vw,80px);display:grid}.vier .nr{font:500 13px var(--mono);color:var(--messing)}.vier b{letter-spacing:-.03em;margin-top:8px;font-size:22px;font-weight:600;display:block}.vier p{color:var(--grau);margin-top:8px;font-size:16px;line-height:1.55}@media (max-width:760px){.vier{grid-template-columns:minmax(0,1fr)}}.stapel{max-width:420px;height:380px;margin:0 auto;position:relative}.blatt{background:#fff;border-radius:14px;width:260px;height:330px;margin-left:-130px;padding:22px;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;top:20px;left:50%;box-shadow:0 20px 50px -24px #00000059,0 0 0 1px #0000000d}.blatt .t{color:var(--messing);font-size:13px;font-weight:600}.blatt b{letter-spacing:-.02em;margin-top:8px;font-size:17px;display:block}.blatt i{background:var(--flaeche);border-radius:4px;height:6px;margin-top:10px;display:block}.blatt i:first-of-type{margin-top:22px}.blatt i:nth-of-type(2n){width:80%}.stapel.offen .blatt:first-child{transform:translate(-150px,30px)rotate(-10deg)}.stapel.offen .blatt:nth-child(2){transform:translate(-75px,10px)rotate(-5deg)}.stapel.offen .blatt:nth-child(4){transform:translate(75px,10px)rotate(5deg)}.stapel.offen .blatt:nth-child(5){transform:translate(150px,30px)rotate(10deg)}@media (max-width:600px){.stapel.offen .blatt:first-child{transform:translate(-70px,30px)rotate(-8deg)}.stapel.offen .blatt:nth-child(2){transform:translate(-35px,10px)rotate(-4deg)}.stapel.offen .blatt:nth-child(4){transform:translate(35px,10px)rotate(4deg)}.stapel.offen .blatt:nth-child(5){transform:translate(70px,30px)rotate(8deg)}}.sicher{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:clamp(56px,8vw,80px);display:grid}.sicher b{letter-spacing:-.02em;border-top:1.5px solid var(--tinte);padding-top:16px;font-size:18px;font-weight:600;display:block}.sicher p{color:var(--grau);margin-top:8px;font-size:15px;line-height:1.55}@media (max-width:860px){.sicher{grid-template-columns:minmax(0,1fr)}}.bild-kb{margin-top:clamp(56px,8vw,80px);position:relative}.bild-kb img{border-radius:14px 14px 0 0;width:100%}.status-kb{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:8%;right:4%}.status-kb span{opacity:0;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:opacity .5s,transform .5s;display:inline-flex;transform:translateY(8px);box-shadow:0 12px 30px -14px #00000059}.status-kb span:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2f7a4f2e}.status-kb span.da{opacity:1;transform:none}