: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}}

.pkn-intro .box.w-schmal{max-width:860px}
.pkn-intro .box.w-breit{max-width:1180px}
.pkn-intro .box.al-zentriert{margin:0 auto;text-align:center}
.pkn-intro .box.al-links{margin:0;text-align:left}
.pkn-intro .eb-top{margin-bottom:18px}
.pkn-intro.eb-unten .eb-top{display:none}
.pkn-intro.eb-oben .eb-bot{display:none}
.pkn-intro .eb-bot{margin-bottom:0;margin-top:22px}
.pkn-intro .cap-line{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pkn-mut2);margin-top:10px}
.pkn-intro .cols{display:block}
.pkn-intro .box.two .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.pkn-intro .h2+.col-r{margin-top:22px}
.pkn-intro .box.two .h2+.col-r,.pkn-intro .box.two .col-r{margin-top:0}
.pkn-intro .lead{max-width:640px}
.pkn-intro .al-zentriert .lead{margin-left:auto;margin-right:auto}
.pkn-intro .rich em,.pkn-intro .rich i{color:var(--pkn-mut);font-style:italic}
.pkn-intro .rich em *,.pkn-intro .rich i *{color:inherit}
.pkn-intro .cta{margin-top:44px}
.pkn-intro.bg-dunkel .sec{background:var(--pkn-dark)}
.pkn-intro.bg-dunkel .h2{color:#fff}
.pkn-intro.bg-dunkel .lead p,.pkn-intro.bg-dunkel .rich p{color:#cfcabf}

/* Umbrüche pro Breakpoint (Variante B): Desktop = Standard, optional eigene Tablet-/Handy-Fassung */
.bpv-t,.bpv-m{display:none}
@media(min-width:701px) and (max-width:1024px){
 .has-t .bpv-d{display:none}
 .has-t .bpv-t{display:inline}
}
@media(max-width:700px){
 .has-m .bpv-d{display:none}
 .has-m .bpv-m{display:inline}
}
/* Variante B auch für Fließtext (Block-Varianten) */
.bpvb-t,.bpvb-m{display:none}
@media(min-width:701px) and (max-width:1024px){
 .has-t .bpvb-d{display:none}
 .has-t .bpvb-t{display:block}
}
@media(max-width:700px){
 .has-m .bpvb-d{display:none}
 .has-m .bpvb-m{display:block}
}