/* ===========================================================
   Leistungs-Unterseiten (services/*.html) – Layout B
   Wird nach page.css geladen.
   =========================================================== */
main{max-width:1100px;padding:64px 28px 88px;}
.eyebrow{margin-bottom:14px;}
.langsw{display:flex;gap:2px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:3px;}
.langsw a{color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.06em;padding:.3rem .65rem;border-radius:999px;text-decoration:none;}
.langsw a:hover{color:var(--blue);}
.langsw a[aria-current="true"]{background:var(--blue);color:#fff;}
.nav-right{display:flex;align-items:center;gap:14px;}
.back-link{margin-left:auto;}

.svc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:0 0 56px;}
.svc-actions .btn-primary{margin-right:0;}
.mail-alt{font-size:.92rem;color:var(--muted);margin:0;}
.svc-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:start;}
.svc-grid section{margin-bottom:2.5rem;}
.svc-grid h2{font-size:1.6rem;padding-top:0;}

.checklist{list-style:none;margin:0;padding:0;}
.checklist li{position:relative;padding:.85rem 0 .85rem 2rem;border-bottom:1px solid var(--border);margin:0;line-height:1.6;}
.checklist li:first-child{border-top:1px solid var(--border);}
.checklist li::before{content:"";position:absolute;left:0;top:1.2rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--blue-light);border:2px solid var(--blue);}

.steps{list-style:none;counter-reset:s;margin:0;padding:0;}
.steps li{counter-increment:s;position:relative;padding:0 0 1.5rem 3.4rem;margin:0;}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.05rem;font-weight:700;}
.steps li:not(:last-child)::after{content:"";position:absolute;left:1.2rem;top:2.6rem;bottom:.2rem;width:2px;background:var(--border2);}
.steps strong{display:block;font-family:var(--serif);font-size:1.1rem;font-weight:700;margin-bottom:.15rem;}
.steps span{color:var(--muted);font-size:.96rem;}

aside{position:sticky;top:96px;}
.panel{background:#fff;border:1px solid var(--border);border-top:4px solid var(--blue);padding:1.6rem 1.6rem 1.4rem;border-radius:var(--r2);margin-bottom:1.25rem;}
.panel h3{font-family:var(--serif);font-size:1.15rem;font-weight:700;margin:0 0 .75rem;}
.panel ul{list-style:none;margin:0;padding:0;}
.panel li{margin:0;padding:.65rem 0;border-top:1px solid var(--border);font-size:.95rem;}
.panel li:first-child{border-top:0;}
.panel a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
.panel p{font-size:.92rem;color:var(--muted);margin:0 0 1rem;}
.panel .btn-ghost{margin:0;font-size:.88rem;min-height:44px;padding:0 1.2rem;}

.note,.limits{background:var(--blue-light);border:1px solid var(--border2);border-radius:var(--r2);padding:1.1rem 1.4rem;font-size:.95rem;line-height:1.65;}
.note{margin:1.25rem 0 0;}
.note strong{color:var(--blue);}
.limits p{margin:0 0 .5rem;}
.limits p:last-child{margin:0;color:var(--muted);}

footer.site{background:none;color:var(--muted);text-align:left;border-top:1px solid var(--border);margin-top:3rem;padding:1.75rem 0 0;font-size:.88rem;display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:space-between;}
footer.site a{color:var(--muted);margin:0;text-decoration:underline;text-underline-offset:3px;}
footer.site a:hover{color:var(--blue);}

@media(max-width:900px){
  .svc-grid{grid-template-columns:1fr;gap:1rem;}
  aside{position:static;}
  .back-link{display:none;}
  .nav-right{margin-left:auto;gap:8px;}
}
@media(max-width:480px){
  nav{padding:0 16px;}
  .nav-cta{padding:0 12px;font-size:.8rem;}
  .langsw a{padding:.3rem .45rem;}
  main{padding:44px 18px 56px;}
}

@media(max-width:600px){
  .nav-tagline{display:none;}
  nav{gap:10px;}
  .nav-right{gap:8px;}
  .nav-cta{font-size:.8rem;padding:0 12px;min-height:40px;}
}