.p-diensten .drum{height:100vh;padding:0 var(--pad);--f:clamp(46px,7.4vw,128px);grid-template-columns:auto 1fr;align-items:center;gap:5vw;display:grid;overflow:hidden}.p-diensten .drum h2{font-size:var(--f)}.p-diensten .drum h2 small{font:500 13px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:22px;display:block}.p-diensten .drum-view{perspective:1600px;perspective-origin:0;align-items:center;height:100vh;padding-right:4vw;display:flex;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.p-diensten .drum-wheel{width:100%;height:calc(var(--f)*1.05);transform-style:preserve-3d;position:relative}.p-diensten .drum-wheel span{font:700 var(--f)/1.05 var(--f-tight);letter-spacing:-.05em;color:#3a3a3f;backface-visibility:hidden;white-space:nowrap;transition:color .3s;position:absolute;inset:0}.p-diensten .drum-wheel span.on{color:var(--acc)}.p-diensten .drum-count{right:var(--pad);font:600 15px var(--f-body);color:var(--mute);position:absolute;bottom:44px}@media (max-width:860px){.p-diensten .drum{--f:clamp(40px,12vw,64px);grid-template-columns:1fr;align-content:center;gap:0;height:100svh}.p-diensten .drum-view{height:60svh}}.p-diensten .cards{padding:4vh var(--pad) 10vh}.p-diensten .card{transform-origin:top;will-change:transform;background:#151517;border:1px solid #26262a;border-radius:24px;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);min-height:72vh;margin-bottom:5vh;padding:clamp(28px,4vw,56px);display:grid;position:sticky;top:100px;overflow:hidden}.p-diensten .card:nth-child(2){background:#1a1a1d;top:120px}.p-diensten .card:nth-child(3){background:#1f1f22;top:140px}.p-diensten .card:nth-child(4){background:var(--acc);color:var(--acc-ink);border-color:var(--acc);top:160px}.p-diensten .card .num{font:600 15px var(--f-body);color:var(--mute);margin-bottom:18px}.p-diensten .card h2{margin-bottom:24px;font-size:clamp(48px,6.4vw,110px)}.p-diensten .card .desc{color:#bdbab3;max-width:460px;margin-bottom:28px;font-size:19px}.p-diensten .card ul{border-top:1px solid #ffffff1f;list-style:none}.p-diensten .card li{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:14px 0;display:flex}.p-diensten .card li:after{content:"✓";color:var(--acc)}.p-diensten .card:nth-child(4) .num,.p-diensten .card:nth-child(4) .desc{color:#3b3727}.p-diensten .card:nth-child(4) ul,.p-diensten .card:nth-child(4) li{border-color:#0000002e}.p-diensten .card:nth-child(4) li:after{color:var(--acc-ink)}.p-diensten .card-vis{aspect-ratio:1440/900;background:#0e0e10;border-radius:16px;align-self:center;position:relative;overflow:hidden}.p-diensten .card-vis img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.p-diensten .card-vis .ex{color:#f3f1ec;background:#0c0c0dd9;border-radius:999px;padding:8px 12px;font-size:13px;position:absolute;bottom:18px;left:18px}.p-diensten .always{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.p-diensten .always div{border-bottom:1px solid var(--line);padding:40px 32px 48px 0}.p-diensten .always b{font:600 clamp(24px,2.2vw,32px)/1.1 var(--f-tight);letter-spacing:-.03em;margin:16px 0 10px;display:block}.p-diensten .always span{font:600 14px var(--f-body);color:var(--mute)}.p-diensten .always p{color:var(--mute);max-width:320px}@media (max-width:860px){.p-diensten .card,.p-diensten .card:nth-child(n){grid-template-columns:1fr;min-height:auto;margin-bottom:24px;position:relative;top:auto}.p-diensten .always{grid-template-columns:1fr}}