
:root{--pkn-bg:#f2f2f2;--pkn-card:#e6e6e6;--pkn-dark:#1a1a1a;--pkn-box:#454545;--pkn-ink:#333333;--pkn-mut:#555555;--pkn-mut2:#8a8a8a;--pkn-line:#dcdcdc}
html,body{background:#f2f2f2}
.pkn *{box-sizing:border-box}
.pkn{color:var(--pkn-ink);font-family:"Antarctica",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.pkn .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.pkn .eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pkn-mut2);font-weight:600;margin:0}
.pkn h2,.pkn .h2{font-size:clamp(26px,3.1vw,40px);line-height:1.12;font-weight:600;letter-spacing:-.015em;margin:0;color:var(--pkn-ink);white-space:pre-line}
.pkn p{margin:0;color:var(--pkn-mut);font-size:clamp(16px,1.25vw,18px);line-height:1.62}
.pkn .rich>p+p{margin-top:1em}
.pkn a{color:inherit;text-decoration:none}
.pkn .btn{display:inline-flex;align-items:center;gap:14px;background:var(--pkn-dark);color:#fff;padding:14px 20px 14px 24px;border-radius:7px;font-size:15px;font-weight:500;line-height:1;transition:background .2s,transform .2s;border:none;cursor:pointer}
.pkn .btn:hover{background:#000;transform:translateY(-1px)}
.pkn .btn .arw{display:inline-flex;width:22px;height:15px;background:url('/files/user-upload/assets/icons/Pfeil_wei%C3%9F_klein.svg') center/contain no-repeat;font-size:0;flex:0 0 auto}
.pkn .sec{padding:clamp(52px,7vw,92px) 0}
.pkn .bg-beige .sec,.pkn.bg-beige .sec{background:var(--pkn-bg)}
.pkn.bg-beige{background:var(--pkn-bg)}
.pkn.bg-transparent{background:transparent}
.pkn .nt .sec,.pkn.nt .sec{padding-top:0}
.pkn .nb .sec,.pkn.nb .sec{padding-bottom:0}
@media(max-width:820px){.pkn .stack-sm{grid-template-columns:1fr!important}}

.pknhero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}
.pknhero__media{position:absolute;inset:0;z-index:0}
.pknhero__loop,.pknhero__full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pknhero__full{opacity:0;visibility:hidden;z-index:1;pointer-events:none;transition:opacity .5s ease}
.pknhero__grad{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,14,12,.78)0%,rgba(15,14,12,.28)34%,rgba(15,14,12,.12)62%,rgba(15,14,12,.45)100%);transition:opacity .5s ease}
.pknhero__logo{position:relative;z-index:3;width:min(560px,72vw);transition:opacity .45s ease}
.pknhero__logo img{width:100%;height:auto;display:block}
.pknhero__cta{position:absolute;z-index:3;left:clamp(24px,5vw,64px);right:auto;bottom:clamp(32px,6vh,70px);display:inline-flex;align-items:center;gap:14px;color:#fff;background:none;border:0;cursor:pointer;padding:0;font:inherit;transition:opacity .4s ease}
.pknhero__play{width:40px;height:40px;flex:0 0 auto;background:url('/files/user-upload/assets/icons/play-button.svg') center/contain no-repeat;transition:transform .2s}
.pknhero__cta:hover .pknhero__play{transform:scale(1.08)}
.pknhero__cta .t{font-family:"Alchemist","Antarctica",sans-serif;font-size:clamp(17px,1.7vw,22px);font-weight:500}
.pknhero.is-playing .pknhero__logo{opacity:0;pointer-events:none}
.pknhero.is-playing .pknhero__cta{opacity:0;pointer-events:none}
.pknhero.is-playing .pknhero__grad{opacity:0}
.pknhero.is-playing .pknhero__loop{opacity:0}
.pknhero.is-playing .pknhero__full{opacity:1;visibility:visible;z-index:2;pointer-events:auto}
.pknhero__loading{position:absolute;inset:0;z-index:4;display:none;align-items:center;justify-content:center;background:rgba(15,14,12,.5)}
.pknhero.is-loading .pknhero__loading{display:flex}
.pknhero__spin{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:pknspin .8s linear infinite}
@keyframes pknspin{to{transform:rotate(360deg)}}