
: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(28px,3.8vw,48px);line-height:1.08;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(64px,9vw,120px) 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}}

.pkn-footer{background:#333333;color:#fff;padding:clamp(48px,6vw,72px) 0 36px}
.pkn-footer .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(24px,5vw,64px)}
.pkn-footer .top{display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:start}
.pkn-footer .brand img{width:min(190px,42vw);height:auto;display:block}
.pkn-footer .links{display:flex;flex-direction:column;gap:12px}
.pkn-footer .links a{color:#fff;font-size:15px;opacity:.92}
.pkn-footer .links a:hover{opacity:1;text-decoration:underline}
.pkn-footer .social a{display:inline-flex}
.pkn-footer .social img{width:32px;height:32px}
.pkn-footer .bottom{margin-top:clamp(40px,6vw,72px);font-size:13px;color:#b8b8b8}
@media(max-width:760px){.pkn-footer .top{grid-template-columns:1fr;gap:28px}}
