/* Seite „Ausprobieren“ (Prompt 148/150). Zustandszeichen .ls und .leistung-stand kommen aus site.css. */
.ap-kopf{padding:clamp(48px,8vw,96px) 0 28px;background:radial-gradient(40% 60% at 85% 0%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),var(--bg)}
.ap-kopf h1{margin:10px 0 16px;font-size:clamp(38px,5.6vw,68px)}
.ap-kopf h1 em,.ap-schluss h2 em{font-style:normal;color:var(--lila)}
.ap-legende{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:15px;color:var(--muted)}
.ap-legende li{position:relative;padding-left:28px}
.ap-legende b{color:var(--fg)}
.ap-gruppe{padding:40px 0 12px}
.ap-gruppe h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:6px}
.ap-gruppe .lead{margin-bottom:22px}
.ap-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.ap-kachel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px 20px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;border-top:5px solid var(--ok)}
.ap-kachel.ap-demo{border-top-color:var(--blau)}
.ap-kachel-kopf{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ap-kachel h3{font-size:23px}
.ap-kachel p{color:var(--muted);font-size:15.5px}
.ap-kachel .btn{margin-top:auto;align-self:flex-start}
.ap-stand{position:relative;padding:2px 10px 2px 28px;font-size:13px}
.ap-stand .ls{left:6px;top:3px;width:16px;height:16px}
.ap-stand-laeuft{color:var(--ok)}
.ap-stand-demo{color:var(--blau)}
.ap-stand .ls-laeuft::after{left:4.5px;top:2px}
.ap-stand .ls-demo::after{left:4px;top:1.5px}
.ap-bald{padding-top:56px}
.ap-bald h2:not(:first-child){margin-top:40px}
.ap-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px 24px}
.ap-liste li{position:relative;padding-left:28px;font-size:16px;line-height:1.45}
.ap-liste-lang li{color:var(--muted)}
.ap-schluss{padding:64px 0 80px}
.ap-schluss h2{font-size:clamp(30px,4vw,46px);margin-bottom:10px}
.ap-schluss .hero-ctas{margin-top:22px}
@media (max-width:560px){.ap-liste{grid-template-columns:1fr}}