/* Gemeinsames Aussehen der Leistungsseiten (passt zur Startseite) */
:root{--navy:#0b1a2e;--navy2:#12263f;--gold:#c9a24b;--white:#f4f6f9;--grey:#9fb0c4}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);color:var(--white);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#0b1a2ecc;backdrop-filter:blur(8px)}
nav a.logo{color:var(--white);text-decoration:none;font-weight:700;letter-spacing:.1em;font-size:.95rem}
.cta{color:var(--navy);background:var(--gold);padding:9px 18px;border-radius:4px;text-decoration:none;font-weight:600;font-size:.85rem;transition:transform .2s,box-shadow .2s}
.cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #c9a24b55}
main{width:min(860px,100% - 10vw);margin:0 auto;padding:7vh 0 4vh}
.crumb{font-size:.82rem;color:var(--grey);margin-bottom:22px}
.crumb a{color:var(--grey)}.crumb a:hover{color:var(--gold)}
.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:.78rem;text-transform:uppercase}
h1{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.1;margin:8px 0 18px}
h1 span{color:var(--gold)}
.lead{font-size:1.12rem;color:var(--grey);max-width:60ch}
h2{font-size:clamp(1.3rem,3vw,1.8rem);margin:44px 0 12px}
p{margin-bottom:12px}
ul.check{list-style:none;display:grid;gap:10px;margin:14px 0}
ul.check li{padding-left:30px;position:relative}
ul.check li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:9px;border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg)}
.steps{counter-reset:s;display:grid;gap:14px;margin:16px 0}
.steps li{list-style:none;background:var(--navy2);border:1px solid #ffffff14;border-radius:10px;padding:16px 18px 16px 62px;position:relative}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:18px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:700;display:grid;place-items:center}
.box{margin:46px 0 10px;padding:30px;border-radius:12px;background:var(--navy2);border:1px solid #c9a24b55;text-align:center}
.box p{color:var(--grey)}
.box a{display:inline-block;margin:6px;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:600}
.k1{background:var(--gold);color:var(--navy)}
.k2{border:1px solid var(--gold);color:var(--gold)}
.more{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px}
.more a{display:block;padding:14px 16px;border-radius:8px;background:var(--navy2);border:1px solid #ffffff14;color:var(--white);text-decoration:none;transition:border-color .2s,transform .2s}
.more a:hover{border-color:var(--gold);transform:translateY(-2px)}
footer{padding:28px 5vw;color:var(--grey);font-size:.82rem;text-align:center;line-height:1.8}
footer a{color:var(--grey)}footer a:hover{color:var(--gold)}
.rise{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.rise:nth-child(2){animation-delay:.08s}.rise:nth-child(3){animation-delay:.16s}.rise:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}