/* Layout: helle Fassung der Startseite. Weißes Raster, schwarze Schrift, Eisblau #6FC1E4 nur als Markierfarbe für das, was man zuerst sehen soll. Ein Thema: Sichtbarkeit wird zu Anfragen. */ @font-face{font-family:"PK Inter";src:url(/assets/inter-latin.3100e775e8.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"PK Mono";src:url(/assets/ibm-plex-mono-500.01d2854474.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}#pk-hell{color-scheme:light; --bg:#ffffff;--c1:#ffffff;--c2:#fafafa;--deep:#f6f7f8; --fg:#0a0a0a;--fg2:#1a1a1a;--fg3:#3d3d3d;--mute:#5f5f5f;--mute2:#8a8a8a;--on:#ffffff; --line:rgba(0,0,0,.08);--line2:rgba(0,0,0,.16); --acc:#6FC1E4;--acc-soft:rgba(111,193,228,.18);--acc-line:rgba(111,193,228,.85);--acc-ink:#1d6787; --neon:0 0 18px rgba(0,0,0,.2),0 6px 14px rgba(0,0,0,.14); --sans:"PK Inter",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"PK Mono","IBM Plex Mono",ui-monospace,Consolas,monospace}#pk-hell *{box-sizing:border-box;margin:0;padding:0}#pk-hell{display:block;background-color:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding-bottom:clamp(40px,6vw,72px);font-size:16px;line-height:1.55;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:56px 56px}#pk-hell .wrap{max-width:1180px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}#pk-hell a{color:inherit}#pk-hell button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}#pk-hell img{max-width:100%;height:auto;display:block}#pk-hell :focus-visible{outline:2px solid var(--acc-ink);outline-offset:3px}#pk-hell h1,#pk-hell h2,#pk-hell h3{font-weight:600;letter-spacing:-.035em;text-wrap:balance}#pk-hell .mono{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.13em}#pk-hell .btn{display:inline-flex;align-items:center;gap:10px;background:var(--fg);color:var(--on);border-radius:999px;padding:13px 20px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:var(--neon);white-space:nowrap;min-height:46px}#pk-hell .btn:hover{background:#000;color:#fff}#pk-hell .btn2{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:12px 18px;font-weight:500;font-size:15px;text-decoration:none;background:var(--c1);min-height:46px;white-space:nowrap}#pk-hell .btn2:hover{border-color:var(--fg)} /* Bausteine */ #pk-hell section{padding-block:clamp(48px,7vw,88px)}#pk-hell .eye{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}#pk-hell .eye::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}#pk-hell h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin-top:14px;max-width:22ch}#pk-hell .lead{color:var(--fg3);font-size:17px;max-width:62ch;margin-top:14px}#pk-hell .sechead{margin-bottom:30px}#pk-hell .card{position:relative;min-width:0;border-radius:26px;padding:24px;background:linear-gradient(180deg,var(--c1),var(--c2));border:1px solid var(--line);box-shadow:0 22px 50px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04)}#pk-hell .card.hi{border:1.5px solid var(--acc-line);box-shadow:0 0 36px rgba(111,193,228,.22),0 22px 50px rgba(0,0,0,.06)}#pk-hell .ch{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:14px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}#pk-hell .ch b{color:var(--fg);font-weight:500;display:flex;align-items:center;gap:8px}#pk-hell .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);display:inline-block;flex:none}#pk-hell .cap{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:5px 10px;white-space:nowrap;background:var(--acc);color:var(--fg);box-shadow:0 0 14px rgba(111,193,228,.5)}#pk-hell .pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--line2);border-radius:999px;padding:5px 10px;color:var(--fg3);background:var(--c1);white-space:nowrap}#pk-hell .pills{display:flex;gap:6px;flex-wrap:wrap}#pk-hell .note{color:var(--mute);font-size:13.5px;margin-top:12px;max-width:74ch}#pk-hell .callout{padding:16px 18px;border-radius:16px;background:var(--acc-soft);border-left:3px solid var(--acc);color:var(--fg2);font-size:15px}#pk-hell .callout b{color:var(--fg)} /* Hero */ #pk-hell .hero2{padding-block:clamp(34px,5vw,64px) clamp(30px,4vw,48px)}#pk-hell .hero2 .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(26px,4vw,56px);align-items:center}@media(max-width:960px){#pk-hell .hero2 .wrap{grid-template-columns:minmax(0,1fr)}}#pk-hell .hero2 .kick{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mute);line-height:1.5;margin-bottom:18px;text-wrap:wrap}#pk-hell h1 .l{display:block;font-size:clamp(32px,4.5vw,58px);line-height:1.02;letter-spacing:-.05em}@media(max-width:960px){#pk-hell h1 .l{font-size:clamp(34px,9.4vw,64px)}}#pk-hell .hero2 .lead{font-size:18px;max-width:50ch;margin-top:22px}#pk-hell .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}#pk-hell .proof{display:inline-flex;align-items:center;gap:16px;margin-top:26px;text-decoration:none;max-width:100%}#pk-hell .proof .avs{display:flex;flex:none}#pk-hell .proof .avs img{width:46px;height:46px;border-radius:50%;border:2.5px solid #fff;object-fit:cover;background:#ddd;box-shadow:0 3px 12px rgba(0,0,0,.18);transition:transform .2s}#pk-hell .proof .avs img+img{margin-left:-13px}#pk-hell .proof:hover .avs img{transform:translateY(-2px)}#pk-hell .proof .prt{display:flex;flex-direction:column;gap:3px}#pk-hell .proof .stars{display:flex;gap:3px;color:#d9a520}#pk-hell .proof .stars svg{width:17px;height:17px;fill:currentColor}#pk-hell .proof .gl{font-size:13px;color:var(--fg3)}#pk-hell .proof .gl b{font-weight:600;color:var(--fg)} /* Fünf Fragen */ #pk-hell .q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 2px;border-top:1px solid var(--line)}#pk-hell .q:first-child{border-top:none}#pk-hell .q b{font-size:16px;font-weight:500}#pk-hell .q small{display:block;color:var(--mute);font-size:13.5px;margin-top:2px}#pk-hell .yn{display:flex;gap:6px}#pk-hell .yn button{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--line2);border-radius:999px;padding:9px 13px;color:var(--fg3);background:#fff;min-height:40px}#pk-hell .yn button:hover{border-color:var(--fg)}#pk-hell .yn button[aria-pressed="true"]{background:var(--fg);color:#fff;border-color:var(--fg);box-shadow:var(--neon)}#pk-hell .qres{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line2);margin-top:6px;padding-top:18px}#pk-hell .qres p{font-size:16px;max-width:50ch;font-weight:500}@media(max-width:640px){#pk-hell .q{grid-template-columns:minmax(0,1fr)}}#pk-hell .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}@media(max-width:1000px){#pk-hell .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#pk-hell .steps{grid-template-columns:minmax(0,1fr)}}#pk-hell .step{border:1px solid var(--line2);border-radius:22px;padding:18px;background:var(--c1);min-width:0;display:grid;gap:8px;align-content:start}#pk-hell .step .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--mute)}#pk-hell .step h3{font-size:20px;letter-spacing:-.025em;line-height:1.15}#pk-hell .step p{font-size:14.5px;color:var(--fg3)}#pk-hell .step .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink);line-height:1.6} /* Leistungen */ #pk-hell .svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:1000px){#pk-hell .svc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#pk-hell .svc{grid-template-columns:minmax(0,1fr)}}#pk-hell .sv{border:1px solid var(--line2);border-radius:22px;padding:20px;background:var(--c1);display:grid;gap:10px;align-content:start;min-width:0;box-shadow:0 10px 30px rgba(0,0,0,.04)}#pk-hell .sv.hi{border:1.5px solid var(--acc);background:linear-gradient(180deg,var(--acc-soft),var(--c1) 70%)}#pk-hell .sv .n{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;background:#fff}#pk-hell .sv.hi .n{background:var(--fg);color:#fff;border-color:var(--fg);box-shadow:var(--neon)}#pk-hell .sv h3{font-size:20px;letter-spacing:-.025em;line-height:1.18}#pk-hell .sv p{color:var(--fg3);font-size:14.5px}#pk-hell .sv ul{list-style:none;display:flex;flex-wrap:wrap;gap:5px}#pk-hell .sv li{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--mute);background:#fff}#pk-hell .sv a{font-size:14px;font-weight:600} /* Analyse */ #pk-hell .offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(22px,3vw,40px);align-items:start}@media(max-width:980px){#pk-hell .offer{grid-template-columns:minmax(0,1fr)}}#pk-hell .offer h2{font-size:clamp(26px,3.4vw,40px)}#pk-hell .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:18px}@media(max-width:560px){#pk-hell .two{grid-template-columns:minmax(0,1fr)}}#pk-hell .box{border:1px solid var(--line2);border-radius:18px;padding:16px;background:#fff;min-width:0}#pk-hell .box h3{font-size:16px;letter-spacing:-.015em}#pk-hell .box ul{list-style:none;margin-top:8px;display:grid;gap:5px}#pk-hell .box li{position:relative;padding-left:18px;font-size:14px;color:var(--fg3)}#pk-hell .box li::before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--acc)}#pk-hell .way{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;counter-reset:w}@media(max-width:560px){#pk-hell .way{grid-template-columns:minmax(0,1fr)}}#pk-hell .way div{counter-increment:w;border-top:2px solid var(--fg);padding-top:10px;font-size:14px;color:var(--fg3)}#pk-hell .way div::before{content:"0" counter(w);display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--mute)}#pk-hell .way b{display:block;color:var(--fg);font-weight:600}#pk-hell .rep{border-radius:22px;border:1.5px solid var(--fg);background:#fff;padding:18px;display:grid;gap:12px;box-shadow:0 30px 60px rgba(0,0,0,.12);min-width:0}#pk-hell .verd{background:var(--fg);color:#fff;border-radius:16px;padding:16px 18px}#pk-hell .verd b{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:10px}#pk-hell .rt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:560px){#pk-hell .rt{grid-template-columns:repeat(2,minmax(0,1fr))}}#pk-hell .rt div{border:1px solid var(--line2);border-radius:14px;padding:11px;min-width:0}#pk-hell .rt div.al{background:var(--acc-soft);border-color:var(--acc)}#pk-hell .rt span{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);line-height:1.4}#pk-hell .rt b{display:block;font-size:21px;font-weight:600;letter-spacing:-.03em;margin-top:6px;line-height:1.1}#pk-hell .rt div.al b{font-size:15px;letter-spacing:-.01em}#pk-hell .hl{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 2px;border-top:1px solid var(--line);font-size:14px;color:var(--fg2)}#pk-hell .hl i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-size:11px;border:1px solid var(--line2);background:#fff}#pk-hell .hl.top i{background:var(--fg);color:#fff;border-color:var(--fg)}#pk-hell .hl small{display:block;color:var(--mute);font-size:12.5px} /* Fallstudien */ #pk-hell .cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3vw,40px);padding:clamp(22px,3vw,36px);align-items:start}@media(max-width:980px){#pk-hell .cs{grid-template-columns:minmax(0,1fr)}}#pk-hell .cs+.cs{margin-top:18px}#pk-hell .cs h3{font-size:clamp(26px,3.2vw,38px);line-height:1.06;margin-top:16px}#pk-hell .dl{margin-top:20px;border-top:1px solid var(--line)}#pk-hell .dl div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}#pk-hell .dl dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:4px}#pk-hell .dl dd{color:var(--fg2);font-size:15px}@media(max-width:560px){#pk-hell .dl div{grid-template-columns:minmax(0,1fr);gap:3px}}#pk-hell .st3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}#pk-hell .st3 b{display:inline-block;font-size:clamp(24px,2.8vw,32px);font-weight:600;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums;background:linear-gradient(transparent 60%,var(--acc) 60%,var(--acc) 92%,transparent 92%);padding:0 .1em}#pk-hell .st3 span{display:block;color:var(--mute);font-size:13.5px;margin-top:7px;line-height:1.4}@media(max-width:480px){#pk-hell .st3{grid-template-columns:minmax(0,1fr)}}#pk-hell .cs blockquote{font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.4;margin-top:24px}#pk-hell .cs cite{display:block;font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:10px}#pk-hell .cs .btn{margin-top:22px}#pk-hell .shot{min-width:0}#pk-hell .win{border-radius:18px;border:1px solid var(--line2);overflow:hidden;background:#fff;box-shadow:0 20px 44px rgba(0,0,0,.1)}#pk-hell .win .bar{display:flex;gap:6px;padding:11px 14px;background:var(--deep);border-bottom:1px solid var(--line)}#pk-hell .win .bar i{width:8px;height:8px;border-radius:50%;background:#cfcfcf}#pk-hell .float{position:relative;margin:16px 0 0;width:100%;border-radius:20px;border:1.5px solid var(--acc-line);background:#fff;padding:18px;box-shadow:0 0 36px rgba(111,193,228,.28),0 26px 54px rgba(0,0,0,.14)}#pk-hell .float.plain{margin:0}#pk-hell .win img{width:100%;height:auto}#pk-hell .float .fh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}#pk-hell .float .fh>span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:7px}#pk-hell .float .fh b{font-size:27px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}#pk-hell .float svg{display:block;width:100%;height:auto;margin-top:8px}#pk-hell .float .ax{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--mute);margin-top:8px}#pk-hell .float p{color:var(--mute);font-size:13px;margin-top:10px}#pk-hell .ladder{grid-column:1/-1;border-top:1px solid var(--line2);padding-top:20px}#pk-hell .ladder h4{font-size:18px;font-weight:600;letter-spacing:-.02em}#pk-hell .lhead{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) 78px;gap:16px;margin-top:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--mute)}#pk-hell .lhead .sc{display:flex;justify-content:space-between}#pk-hell .lhead .sc b{color:var(--acc-ink);font-weight:500}#pk-hell .rk{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) 78px;gap:16px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}#pk-hell .rk .kw{font-size:15px;font-weight:500;color:var(--fg2)}#pk-hell .trk{position:relative;height:28px;border-radius:999px;background:rgba(0,0,0,.05);border:1px solid var(--line)}#pk-hell .trk .p1{position:absolute;right:0;top:0;bottom:0;width:25%;border-radius:0 999px 999px 0;background:var(--acc-soft);border-left:1px dashed var(--acc-line)}#pk-hell .trk .ln{position:absolute;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,rgba(0,0,0,.12),var(--fg))}#pk-hell .trk .ln::after{content:"";position:absolute;right:9px;top:-4px;width:8px;height:8px;border-top:2px solid var(--fg);border-right:2px solid var(--fg);transform:rotate(45deg)}#pk-hell .trk .m{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}#pk-hell .trk .m.old{border:2px solid #a8a8a8;background:#fff}#pk-hell .trk .m.now{background:var(--fg);box-shadow:0 0 0 5px rgba(0,0,0,.08),0 0 14px rgba(0,0,0,.4)}#pk-hell .rk .pos{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;text-align:center;background:var(--fg);color:#fff;border-radius:999px;padding:5px 0;box-shadow:var(--neon)}@media(max-width:700px){#pk-hell .lhead,#pk-hell .rk{grid-template-columns:minmax(0,1fr) 72px}#pk-hell .lhead>span:first-child{display:none}#pk-hell .rk .kw{grid-column:1/-1}}#pk-hell .tbl{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:4px}#pk-hell .tbl th{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--mute);text-align:left;padding:0 8px 9px}#pk-hell .tbl td{padding:10px 8px;border-top:1px solid var(--line);color:var(--fg2)}#pk-hell .tbl td b{font-weight:600}#pk-hell .tbl .p{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--fg);color:#fff;border-radius:999px;padding:4px 10px;white-space:nowrap}#pk-hell .tbl .p.a{background:var(--acc);color:var(--fg)}#pk-hell .tbl .x{color:var(--mute2)} /* Denkweise */ #pk-hell .think{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:start}@media(max-width:900px){#pk-hell .think{grid-template-columns:minmax(0,1fr)}#pk-hell .think figure{max-width:300px}}#pk-hell .think figure img{border-radius:22px;border:1px solid var(--line2)}#pk-hell .think figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--mute);margin-top:10px;line-height:1.6}#pk-hell .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:1000px){#pk-hell .cols{grid-template-columns:minmax(0,1fr)}}#pk-hell .col{border:1px solid var(--line2);border-radius:22px;padding:18px;background:#fff;min-width:0}#pk-hell .col>span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink)}#pk-hell .col h3{font-size:22px;letter-spacing:-.03em;margin:4px 0 10px}#pk-hell .col dl{display:grid;gap:12px}#pk-hell .col dt{font-weight:600;font-size:15px}#pk-hell .col dd{font-size:14px;color:var(--fg3)}#pk-hell .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}#pk-hell .links a{font-size:14.5px;text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:9px 14px;background:#fff}#pk-hell .links a:hover{border-color:var(--fg)} /* Abschluss */ #pk-hell .final{background:var(--fg);color:#fff;border-radius:28px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;box-shadow:0 0 50px rgba(0,0,0,.2)}@media(max-width:860px){#pk-hell .final{grid-template-columns:minmax(0,1fr)}}#pk-hell .final h2{color:#fff;margin-top:12px;max-width:18ch}#pk-hell .final p{color:#d4d4d4;margin-top:14px;max-width:52ch}#pk-hell .final .eye{color:#bdbdbd}#pk-hell .final .btn{background:var(--acc);color:var(--fg);box-shadow:0 0 26px rgba(111,193,228,.55)}#pk-hell .final .btn:hover{background:#8ccfec}#pk-hell .final dl{display:grid;gap:12px}#pk-hell .final dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#a8a8a8}#pk-hell .final dd{font-size:17px;font-weight:500}#pk-hell .final dd a{color:#fff}#pk-hell .anim .cl{stroke-dasharray:1;stroke-dashoffset:1}#pk-hell .anim .ca,#pk-hell .anim .cd{opacity:0}#pk-hell .anim.in .cl{stroke-dashoffset:0;transition:stroke-dashoffset 1.9s cubic-bezier(.4,0,.2,1)}#pk-hell .anim.in .ca{opacity:1;transition:opacity .9s 1.1s}#pk-hell .anim.in .cd{opacity:1;transition:opacity .3s 1.8s}#pk-hell .anim .rk .ln{clip-path:inset(-8px 100% -8px 0)}#pk-hell .anim .rk .m.now,#pk-hell .anim .rk .pos{opacity:0}#pk-hell .anim.in .rk .ln{clip-path:inset(-8px 0 -8px 0);transition:clip-path 1s cubic-bezier(.4,0,.2,1) var(--d,0s)}#pk-hell .anim.in .rk .m.now{opacity:1;transition:opacity .2s calc(var(--d,0s) + .95s)}#pk-hell .anim.in .rk .pos{opacity:1;transition:opacity .35s calc(var(--d,0s) + 1.05s)}#pk-hell .trk .m.now::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--acc);opacity:0}#pk-hell .anim.in .rk .m.now::after{animation:ping .9s ease-out calc(var(--d,0s) + 1s) 1}@keyframes ping{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.6)}}@media(prefers-reduced-motion:reduce){#pk-hell *{animation:none!important;transition:none!important}} html body.pk-home header#pk-hero-02.pk-about-compact-header { background: #111; backdrop-filter: none; } .pk-home-skip { position: fixed; z-index: 110; top: 12px; left: 12px; transform: translateY(calc(-100% - 16px)); padding: 10px 16px; border-radius: 6px; background: #111; color: #fff; } .pk-home-skip:focus { transform: none; } #pk-hell .yn[hidden] { display: none; } #pk-hell .think figure { margin: 0; } #pk-hell #check { padding-top: clamp(32px, 5vw, 64px); } #pk-hell .check-grid { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(16px, 3vw, 28px); align-items: start; } #pk-hell .traffic-example { margin: 0; border: 1px solid var(--line2); border-radius: 22px; padding: clamp(18px, 3vw, 30px); background: var(--c1); } #pk-hell .traffic-example h3, #pk-hell .check-questions h3 { font-size: clamp(20px, 2.5vw, 26px); line-height: 1.18; } #pk-hell .traffic-example figcaption p { margin-top: 8px; color: var(--mute); font-size: 14px; } #pk-hell .traffic-levers { margin-top: 12px; color: var(--fg3); font-size: 13px; } #pk-hell .order-example { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line2); } #pk-hell .order-example h4 { font-size: 18px; line-height: 1.25; } #pk-hell .order-example p { margin-top: 8px; color: var(--fg3); font-size: 14px; } #pk-hell .order-values { margin-top: 12px; } #pk-hell .order-values > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding-block: 9px; border-bottom: 1px solid var(--line); } #pk-hell .order-values dt { color: var(--fg3); font-size: 14px; } #pk-hell .order-values dd { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; } #pk-hell .traffic-metric { display: grid; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line2); } #pk-hell .traffic-metric dt { font-weight: 600; } #pk-hell .traffic-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; color: var(--fg3); font-size: 13px; } #pk-hell .traffic-row strong { color: var(--fg); font-size: 17px; font-variant-numeric: tabular-nums; } #pk-hell .traffic-track { height: 8px; margin-top: 4px; overflow: hidden; border-radius: 999px; background: var(--deep); } #pk-hell .traffic-track span { display: block; height: 100%; width: var(--bar-width); border-radius: inherit; background: #828282; } #pk-hell .traffic-metric dd:last-child .traffic-track span { background: var(--acc); } #pk-hell .traffic-result { margin-top: 20px; padding: 12px 14px; border-radius: 12px; background: var(--acc-soft); color: var(--fg2); font-size: 14px; } #pk-hell .check-questions { padding: clamp(16px, 2.5vw, 24px); } #pk-hell .check-instruction { margin: 8px 0 6px; color: var(--mute); font-size: 14px; } #pk-hell .check-questions .yn { flex-wrap: wrap; } #pk-hell .quiz-result { width: 100%; padding: 14px 16px; border-radius: 12px; background: var(--deep); } #pk-hell .quiz-result[data-state="gap"] { background: var(--acc-soft); } #pk-hell .quiz-result h4 { font-size: 18px; line-height: 1.25; } #pk-hell .qres .quiz-result p { margin-top: 8px; max-width: none; color: var(--fg2); font-size: 14px; font-weight: 400; } #pk-hell .quiz-result ul { margin-top: 8px; padding-inline-start: 1.2em; color: var(--fg3); font-size: 14px; } #pk-hell .quiz-result li + li { margin-top: 4px; } #pk-hell #system h2 { max-width: 30ch; margin-top: 0; } @media (max-width: 980px) { #pk-hell .check-grid { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { #pk-hell .hero-inbox.is-pending .hero-mail, } @media (max-width: 760px) { #pk-hell #denkweise .sechead, #pk-hell #denkweise figcaption { text-align: center; } #pk-hell #denkweise .sechead h2, #pk-hell #denkweise .sechead .lead, #pk-hell #denkweise .think figure { margin-inline: auto; } #pk-hell #denkweise .think figure { width: min(100%, 300px); } } @media (max-width: 420px) { #pk-hell .float .fh { flex-wrap: wrap; gap: 4px 10px; } #pk-hell .float .fh > span { padding-top: 0; } #pk-hell .float .fh b { font-size: 23px; } #pk-hell .shot .box { padding-inline: 10px; } #pk-hell .tbl { table-layout: fixed; font-size: 12px; } #pk-hell .tbl th, #pk-hell .tbl td { padding-inline: 4px; overflow-wrap: anywhere; } #pk-hell .tbl th:first-child { width: 46%; } #pk-hell .tbl .p { padding-inline: 5px; font-size: 9px; } } /* Kundenstimmen, Quelle: Webdesign-Hell-2026-11-12/quelle/teile.html */ #pk-hell .wd-stimmen{padding-block:50px clamp(52px,7vw,88px)} @media(max-width:600px){#pk-hell .wd-stimmen{padding-top:30px}} #pk-hell .wd-stimmen-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 32px;flex-wrap:wrap;margin-bottom:clamp(20px,2.6vw,30px)} @media(min-width:601px){#pk-hell .wd-stimmen-head{flex-direction:column;align-items:center;text-align:center;gap:20px}#pk-hell .wd-stimmen-head h2{margin-inline:auto}} #pk-hell .wd-stimmen-score{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 14px;border:1px solid var(--line2);border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)} #pk-hell .wd-stimmen-score b{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums} #pk-hell .wd-stimmen-score small{display:block;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);line-height:1.4;margin-top:3px} #pk-hell .wd-stimmen-stars{display:flex;gap:2px;color:#d9a520;flex:none} #pk-hell .wd-stimmen-stars svg{width:15px;height:15px;fill:currentColor} #pk-hell .wd-stimmen-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(14px,2vw,22px);align-items:stretch} #pk-hell .wd-stimmen-grid:has(details[open]){align-items:start} @media(max-width:960px){#pk-hell .wd-stimmen-grid{grid-template-columns:minmax(0,1fr)}} #pk-hell .wd-stimmen-who{display:flex;align-items:center;gap:12px;min-width:0} #pk-hell .wd-stimmen-who img,#pk-hell .wd-stimmen-ini{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;border:2.5px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.16);background:#ddd} #pk-hell .wd-stimmen-ini{display:grid;place-items:center;background:var(--fg);color:#fff;font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.06em} #pk-hell .wd-stimmen-who>span:not(.wd-stimmen-stars){display:grid;min-width:0;line-height:1.3} #pk-hell .wd-stimmen-who b{font-size:15.5px;font-weight:600;letter-spacing:-.015em} #pk-hell .wd-stimmen-who>span:not(.wd-stimmen-stars)>span{font-size:13.5px;color:var(--mute)} #pk-hell .wd-stimmen-who .wd-stimmen-stars{margin-left:auto;align-self:flex-start;margin-top:4px} #pk-hell .wd-stimmen-main{position:relative;display:flex;flex-direction:column;gap:18px;min-width:0;border-radius:26px;padding:clamp(22px,3vw,34px);background:#fff;border:1px solid var(--line2);box-shadow:0 22px 50px rgba(0,0,0,.07)} #pk-hell .wd-stimmen-lbl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)} #pk-hell .wd-stimmen-big p{font-size:clamp(19px,2.3vw,28px);line-height:1.3;letter-spacing:-.025em;font-weight:500;color:var(--fg);text-wrap:pretty} #pk-hell .wd-stimmen-big strong{font-weight:inherit} #pk-hell .wd-stimmen-more summary{display:inline-flex;align-items:center;gap:10px;list-style:none;cursor:pointer;border:1px solid var(--line2);border-radius:999px;padding:9px 16px;min-height:42px;font-size:14px;font-weight:500;background:#fff} #pk-hell .wd-stimmen-more summary::-webkit-details-marker{display:none} #pk-hell .wd-stimmen-more summary:hover{border-color:var(--fg)} #pk-hell .wd-stimmen-more summary i{font-style:normal;font-family:var(--mono);font-size:15px;line-height:1;transition:transform .2s} #pk-hell .wd-stimmen-more[open] summary i{transform:rotate(45deg)} #pk-hell .wd-stimmen-more .zu,#pk-hell .wd-stimmen-more[open] .auf{display:none} #pk-hell .wd-stimmen-more[open] .zu{display:inline} #pk-hell .wd-stimmen-more blockquote{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:15.5px;color:var(--fg3)} #pk-hell .wd-stimmen-more strong,#pk-hell .wd-stimmen-card strong{font-weight:600;color:var(--fg)} #pk-hell .wd-stimmen-main .wd-stimmen-who{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)} #pk-hell .wd-stimmen-rail{display:flex;flex-direction:column;min-width:0} #pk-hell .wd-stimmen-track{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 22px;margin:-2px -2px -22px;border-radius:22px} #pk-hell .wd-stimmen-rail.js .wd-stimmen-track{scrollbar-width:none} #pk-hell .wd-stimmen-rail.js .wd-stimmen-track::-webkit-scrollbar{display:none} #pk-hell .wd-stimmen-rail.js:not(.am-ende) .wd-stimmen-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)} #pk-hell .wd-stimmen-track:focus-visible{outline-offset:-2px} #pk-hell .wd-stimmen-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;min-width:0;border-radius:22px;padding:clamp(18px,2.2vw,24px);background:#fff;border:1px solid var(--line2);box-shadow:0 14px 34px rgba(0,0,0,.06)} #pk-hell .wd-stimmen-card blockquote p{font-size:15.5px;line-height:1.6;color:var(--fg3)} #pk-hell .wd-stimmen-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px} #pk-hell .wd-stimmen-nav[hidden]{display:none} #pk-hell .wd-stimmen-dots{display:flex} #pk-hell .wd-stimmen-dots button{position:relative;width:40px;height:40px;border-radius:50%;padding:0;border:2.5px solid #fff;background:#ddd;box-shadow:0 3px 10px rgba(0,0,0,.14);overflow:hidden;display:grid;place-items:center;transition:transform .2s} #pk-hell .wd-stimmen-dots button+button{margin-left:-8px} #pk-hell .wd-stimmen-dots button img{width:100%;height:100%;object-fit:cover} #pk-hell .wd-stimmen-dots button span{width:100%;height:100%;display:grid;place-items:center;background:var(--fg);color:#fff;font-family:var(--mono);font-size:11px} #pk-hell .wd-stimmen-dots button[aria-current="true"]{z-index:1;box-shadow:0 0 0 2.5px var(--acc);transform:translateY(-2px)} #pk-hell .wd-stimmen-dots button:focus-visible{z-index:2} #pk-hell .wd-stimmen-btns{display:flex;align-items:center;gap:8px} #pk-hell .wd-stimmen-btns button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#fff;display:grid;place-items:center;font-size:17px} #pk-hell .wd-stimmen-btns button:hover{border-color:var(--fg)} #pk-hell .wd-stimmen-count{min-width:44px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums} #pk-hell .wd-stimmen-src{margin-top:clamp(18px,2.4vw,26px)} @media(max-width:960px) and (min-width:601px){#pk-hell .wd-stimmen-track{grid-auto-columns:58%}} @media(max-width:480px){#pk-hell .wd-stimmen-score{border-radius:20px}#pk-hell .wd-stimmen-lbl{font-size:9.5px;gap:8px}#pk-hell .wd-stimmen-who .wd-stimmen-stars svg{width:13px;height:13px}#pk-hell .wd-stimmen-dots button{width:36px;height:36px}} @media(prefers-reduced-motion:no-preference){#pk-hell .wd-stimmen-track{scroll-behavior:smooth}} @media(prefers-reduced-motion:reduce){#pk-hell .wd-stimmen-dots button,#pk-hell .wd-stimmen-more summary i{transition:none}} /* CTA:START · Blauer CTA-Stil (Wunsch Philipp, 13.11.2026, Vorlage „Kostenlosen Skalierungscall buchen“): Verlaufs-Pille mit Glow und kleine Vertrauenszeile .wd-cta-note darunter. Eine Quelle: Codex final-release.py übernimmt diesen Block für die Startseite (#pk-hell → #pk-hell). Header-Button, Instagram-Link und Über mich stehen zentral in ../Startseite-Hell-2026-11-12/header_marke.py. */ #pk-hell .btn,#pk-hell .final .btn{background:linear-gradient(180deg,#2864d7 0%,#1f4fbc 100%);color:#fff;border:0;padding:15px 28px;min-height:52px;font-size:16px;font-weight:650;letter-spacing:-.005em;text-shadow:0 1px 1px rgba(10,40,110,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 30px -10px rgba(48,112,234,.8),0 2px 6px rgba(48,112,234,.22);transition:transform .2s,box-shadow .2s,filter .2s} #pk-hell .btn:hover,#pk-hell .final .btn:hover{background:linear-gradient(180deg,#2864d7 0%,#1f4fbc 100%);color:#fff;filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 16px 36px -10px rgba(48,112,234,.9),0 2px 8px rgba(48,112,234,.3)} #pk-hell .btn:focus-visible{outline:3px solid rgba(93,156,255,.55);outline-offset:3px} #pk-hell .wd-cta-note{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--fg3);letter-spacing:.005em} #pk-hell .wd-cta-note span{opacity:.55;padding:0 3px} #pk-hell .final .wd-cta-note{color:rgba(255,255,255,.62)} @media(max-width:600px){#pk-hell .hero2 .acts .btn{width:100%;justify-content:center}#pk-hell .hero2 .acts+.wd-cta-note{text-align:center}} @media(prefers-reduced-motion:reduce){#pk-hell .btn{transition:none}#pk-hell .btn:hover{transform:none}} #pk-hell .qres>.wd-cta-note{margin-top:-4px;flex-basis:100%} #pk-hell .vh{padding:10px;display:grid;gap:12px;margin:0} #pk-hell .vh-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#111 center/cover no-repeat;isolation:isolate} #pk-hell .vh-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} #pk-hell .vh-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 26%,transparent 62%,rgba(0,0,0,.32));z-index:1} /* Overlays */ #pk-hell .vh-o{position:absolute;z-index:2;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none;font-size:12.5px;line-height:1.35;color:var(--fg)} #pk-hell .vh-o.on{opacity:1;transform:none} #pk-hell .vh-panel{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.22)} #pk-hell .vh-search{left:14px;top:14px;width:min(64%,300px);display:flex;align-items:center;gap:8px;border-radius:999px;padding:8px 13px;border:1.5px solid var(--fg);background:#fff;box-shadow:var(--neon),0 10px 26px rgba(0,0,0,.2)} #pk-hell .vh-search svg{flex:none} #pk-hell .vh-search .t{font-family:var(--mono);font-size:12px;white-space:nowrap;overflow:hidden} #pk-hell .vh-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--fg);animation:vh-blink 1s steps(1) infinite} @keyframes vh-blink{50%{opacity:0}} #pk-hell .vh-result{left:14px;bottom:14px;width:min(62%,290px);padding:11px 12px;display:grid;gap:8px} #pk-hell .vh-result .row{display:flex;align-items:center;gap:9px} #pk-hell .vh-result .cap{font-size:9px;padding:4px 8px} #pk-hell .vh-result b{font-weight:650;font-size:13px} #pk-hell .vh-result small{display:block;color:var(--mute);font-size:11.5px} #pk-hell .vh-stars{color:#c99a2e;letter-spacing:1px;font-size:11px} #pk-hell .vh-cta{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:7px 10px;background:var(--fg);color:var(--on,#fff);font-weight:600;font-size:12px;transition:background .3s,color .3s,transform .2s} #pk-hell .vh-result.tap .vh-cta{transform:scale(.95)} #pk-hell .vh-result.sent .vh-cta{background:var(--acc);color:var(--fg);box-shadow:0 0 16px rgba(111,193,228,.6)} #pk-hell .vh-mail{right:14px;top:14px;width:min(58%,260px);padding:10px 12px;display:flex;gap:10px;align-items:center;transform:translateX(16px)} #pk-hell .vh-mail.on{transform:none} #pk-hell .vh-mail .ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acc);box-shadow:0 0 14px rgba(111,193,228,.55)} #pk-hell .vh-mail b{font-weight:650} #pk-hell .vh-mail small{display:block;color:var(--mute);font-size:11.5px} #pk-hell .vh-mail .now{margin-left:auto;align-self:flex-start;font-family:var(--mono);font-size:9.5px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase} #pk-hell .vh-chip{left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-weight:600} #pk-hell .vh-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)} #pk-hell .vh-chip.win{background:var(--acc);border-color:transparent;box-shadow:0 0 22px rgba(111,193,228,.6),0 10px 26px rgba(0,0,0,.2)} /* Controls */ #pk-hell .vh-ctrl{position:absolute;z-index:3;right:12px;bottom:12px;display:flex;gap:8px} #pk-hell .vh-btn{appearance:none;border:0;display:inline-flex;align-items:center;gap:6px;height:34px;min-width:34px;justify-content:center;padding:0 10px;border-radius:999px;background:rgba(17,17,17,.62);color:#fff;font:600 11.5px/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s} #pk-hell .vh-btn:hover{background:rgba(17,17,17,.85)} #pk-hell .vh-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px} #pk-hell .vh-btn svg{width:15px;height:15px} #pk-hell .vh-big{position:absolute;z-index:3;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:none} #pk-hell .vh.is-still .vh-big{display:inline-flex} #pk-hell .vh.is-still .vh-ctrl{display:none} /* Steps + caption below the video */ #pk-hell .vh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 4px;list-style:none;margin:0} #pk-hell .vh-steps li{display:grid;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute);transition:color .3s} #pk-hell .vh-steps li.is-now,#pk-hell .vh-steps li.is-done{color:var(--fg)} #pk-hell .vh-bar{order:-1;height:3px;border-radius:3px;background:var(--line2,rgba(0,0,0,.1));overflow:hidden} #pk-hell .vh-bar i{display:block;height:100%;width:0;background:var(--fg);border-radius:inherit} #pk-hell .vh-steps li.is-now .vh-bar i{background:var(--acc);box-shadow:0 0 8px var(--acc)} #pk-hell .vh-caption{margin:0;padding:0 4px;min-height:2.9em;font-size:14.5px;line-height:1.45;color:var(--fg2,var(--fg));transition:opacity .25s} #pk-hell .vh-caption.swap{opacity:0} #pk-hell .vh-meta{display:flex;justify-content:space-between;gap:10px;padding:0 4px 2px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)} #pk-hell .vh .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* H1 im Takt des Videos */ /* Mobile: Overlays aus dem Bild nehmen, Text steht unter dem Video */ @media(max-width:760px){ #pk-hell .vh{padding:8px;gap:10px} #pk-hell .vh-stage{border-radius:16px} #pk-hell .vh-o{display:none} #pk-hell .vh-caption{font-size:14px} #pk-hell .vh-steps li{font-size:9px;letter-spacing:.06em} } @media(prefers-reduced-motion:reduce){ #pk-hell .vh-caret{animation:none} } #pk-hell .vh-poster, #pk-hell .vh-poster img { position: absolute; inset: 0; width: 100%; height: 100%; } #pk-hell .vh-poster img { object-fit: cover; } #pk-hell .vh:not(.has-played) video { visibility: hidden; } #pk-hell .vh-btn { min-width: 44px; min-height: 44px; } #pk-hell .vh-stage .vh-big { width: 64px; height: 64px; } #pk-hell .vh-caret { flex: 0 0 2px; } #pk-hell .vh-caption { min-height: 4.35em; } #pk-hell .vh-bar i { transform: scaleX(0); transform-origin: left; width: 100%; } @media (max-width: 760px) { #pk-hell .vh-caption { min-height: 5.8em; } } @media (prefers-reduced-motion: reduce) { #pk-hell .vh-o, #pk-hell .vh-caption { transition: none; } }