.pk-guide{--pk-orange:#00aeff;--pk-ink:#202d34;--pk-muted:#65727e;color:var(--pk-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.7;max-width:1120px;margin:auto}
.pk-guide *{box-sizing:border-box}.pk-guide img{display:block;width:100%;height:auto;border-radius:14px}.pk-guide h2{font:800 clamp(24px,3vw,32px)/1.25 Inter,system-ui,sans-serif;letter-spacing:-.6px;color:var(--pk-ink);margin:0 0 18px}.pk-guide h3{font:750 21px/1.4 Inter,system-ui,sans-serif;margin:0 0 10px}.pk-guide p{margin:0 0 18px}.pk-guide a{color:#0078b0;text-decoration:underline;text-underline-offset:3px}.pk-guide section{margin-top:28px;background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:30px}.pk-guide .pk-lead{font-size:20px;margin:26px 0}.pk-guide .pk-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pk-guide .pk-choice{border:1px solid #e6e9ed;border-radius:12px;padding:24px;background:#fff}.pk-guide .pk-tag{font-size:12px;font-weight:800;letter-spacing:1.2px;color:#64747e}.pk-guide .pk-button{display:inline-block;padding:12px 20px;border-radius:7px;background:var(--pk-orange);color:#fff;text-decoration:none;font-weight:750;font-size:15px}.pk-guide .pk-note{padding:18px 20px;background:#f1f5f7;border-left:4px solid var(--pk-orange);border-radius:0 8px 8px 0;margin:20px 0}.pk-guide ol{padding-left:26px}.pk-guide li{margin:9px 0}.pk-guide figure{margin:26px 0 0}.pk-guide figcaption,.pk-guide .pk-sources{font-size:13px;color:var(--pk-muted);margin-top:8px}.pk-guide details{border-top:1px solid #e6e9ed;padding:16px 0}.pk-guide summary{font-weight:700;cursor:pointer}.pk-guide details p{margin:12px 0 0}.pk-guide a:focus-visible,.pk-guide summary:focus-visible{outline:3px solid #007eb5;outline-offset:4px}@media(max-width:640px){.pk-guide .pk-grid{grid-template-columns:1fr}.pk-guide section{padding:20px}.pk-guide .pk-lead{font-size:18px}}

/* Steam-Buttons: klare Kontraste, auch bei globalen CMS-Linkfarben. */
.pk-guide a.pk-button,
.pk-guide a.pk-button:link,
.pk-guide a.pk-button:visited{background:#0078b0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;opacity:1!important}
.pk-guide a.pk-button:hover,
.pk-guide a.pk-button:active{background:#006495!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.pk-guide a.pk-button *{color:inherit!important;-webkit-text-fill-color:inherit!important}

.pk-guide .pk-arrow{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;flex-shrink:0;margin-left:.2em;fill:none;stroke:currentColor}

.pk-guide .pk-hero{background:linear-gradient(120deg,#071c35,#064778);border-radius:14px;padding:44px 38px;color:#fff;position:relative;overflow:hidden}.pk-guide .pk-hero h2{color:#fff;font-size:clamp(30px,5vw,52px);max-width:750px;margin:18px 0}.pk-guide .pk-hero p{color:#c5d1d7;margin:0}.pk-guide .pk-hero .pk-tag{color:#c2cdd2}.pk-guide .pk-hero:after{content:"";display:block;width:90px;height:6px;background:#00aeff;margin-top:25px;border-radius:3px}.pk-guide .pk-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;list-style:none}.pk-guide .pk-flow li{border:1px solid #e6e9ed;border-radius:12px;padding:18px;margin:0;background:#f7f9fa}.pk-guide .pk-flow b{display:block;color:#0078b0;font-size:26px}.pk-guide .pk-flow strong{display:block;font-size:16px}.pk-guide .pk-flow span{font-size:14px;color:#65727e}.pk-guide summary{overflow-wrap:anywhere}@media(max-width:640px){.pk-guide .pk-hero{padding:28px 22px}.pk-guide .pk-flow{grid-template-columns:1fr 1fr}}
.pk-guide .pk-note{border-left-color:#0078b0}.pk-guide iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.pk-guide .youtube-player{width:100%;aspect-ratio:16/9}.pk-guide .pk-arrow{margin-left:.25em;vertical-align:-.15em}
.pk-guide .pk-banner,.pk-guide .pk-infografik{display:block;width:100%;height:auto;border-radius:14px}

.pk-guide .pk-arrow{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-left:5px;background:currentColor;-webkit-mask:url("/content/frontend/clean/images/activation-guides/arrow.svg") center/contain no-repeat;mask:url("/content/frontend/clean/images/activation-guides/arrow.svg") center/contain no-repeat}


/* Compatibility with the existing Planetkey info-page template. */
#pk-page .pkp-body .pk-guide{font-size:17px;line-height:1.7;color:#202d34;min-width:0}
#pk-page .pkp-body .pk-guide h2{font:800 clamp(24px,3vw,32px)/1.25 Inter,system-ui,sans-serif;margin:0 0 18px;letter-spacing:-.6px}
#pk-page .pkp-body .pk-guide h3{font:750 21px/1.4 Inter,system-ui,sans-serif;margin:0 0 10px}
#pk-page .pkp-body .pk-guide p{font-size:17px;line-height:1.7;margin:0 0 18px;color:#202d34}
#pk-page .pkp-body .pk-guide .pk-lead{font-size:20px;line-height:1.6;margin:24px 0}
#pk-page .pkp-body .pk-guide .pk-tag{font-size:12px;font-weight:800;line-height:1.5;letter-spacing:1.2px;color:#0078b0;margin:0 0 12px}
#pk-page .pkp-body .pk-guide a{color:#0078b0;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
#pk-page .pkp-body .pk-guide a.pk-button{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:#0078b0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;line-height:1.5;padding:12px 20px;margin:0 0 24px;border-radius:7px;font-size:15px;font-weight:750}
#pk-page .pkp-body .pk-guide .pk-button .pk-arrow{color:#fff;flex-shrink:0}
#pk-page .pkp-body .pk-guide .pk-choice{padding:24px;min-width:0}
#pk-page .pkp-body .pk-guide .pk-choice h2{font-size:25px;margin:0 0 14px}
#pk-page .pkp-body .pk-guide .pk-note{background:#edf5fb;border-left:4px solid #0078b0;padding:18px 20px;margin:20px 0}
#pk-page .pkp-body .pk-guide section{padding:28px;margin:28px 0 0;min-width:0}
#pk-page .pkp-body .pk-guide ol,#pk-page .pkp-body .pk-guide ul{padding-left:26px;margin:0 0 20px}
#pk-page .pkp-body .pk-guide li{line-height:1.7;margin:9px 0}
#pk-page .pkp-body .pk-guide img{display:block;width:100%;height:auto;border-radius:14px}
#pk-page .pkp-body .pk-guide .pk-sources{font-size:13px;color:#65727e;margin:22px 0 0}
#pk-page .pkp-body .pk-guide details p{margin:12px 0 0}
#pk-page .pkp-body .pk-guide .youtube-player{aspect-ratio:auto}
@media(max-width:800px){#pk-page .pkp-body .pk-guide .pk-grid{grid-template-columns:1fr}}
@media(max-width:640px){#pk-page .pkp-body .pk-guide section,#pk-page .pkp-body .pk-guide .pk-choice{padding:20px}#pk-page .pkp-body .pk-guide .pk-lead{font-size:18px}#pk-page .pkp-body .pk-guide h2{font-size:24px}}