/* Gemeinsames Stylesheet der Leistungs-Unterseiten — Look der Startseite (Navy/Bitter/Fira), bewusst schlank gehalten. */
@font-face{ font-family:'Fira Sans'; font-style:normal; font-weight:300; font-display:swap; src:url('fonts/fira-sans-300.woff2') format('woff2'); }
@font-face{ font-family:'Fira Sans'; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/fira-sans-400.woff2') format('woff2'); }
@font-face{ font-family:'Fira Sans'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/fira-sans-500.woff2') format('woff2'); }
@font-face{ font-family:'Fira Sans'; font-style:normal; font-weight:600; font-display:swap; src:url('fonts/fira-sans-600.woff2') format('woff2'); }
@font-face{ font-family:'Bitter'; font-style:normal; font-weight:300 800; font-display:swap; src:url('fonts/Bitter-Variable.woff2') format('woff2-variations'); }

:root{
  --navy:#071A2F; --navy-2:#1F4266; --ink:#1F2933; --ink-soft:#4a5560; --ink-faint:#8a94a0;
  --green:#17804A; --green-dark:#125F38; --paper:#ffffff; --ground:#f6f8fa; --line:#e3e8ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 'Fira Sans',system-ui,sans-serif}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
a{color:var(--navy-2)}
h1,h2,h3{font-family:Bitter,Georgia,serif;color:var(--navy);line-height:1.2;text-wrap:balance}
h1{font-size:clamp(30px,5vw,44px);font-weight:700;margin:0 0 14px}
h2{font-size:clamp(22px,3.4vw,30px);font-weight:600;margin:0 0 12px}
h3{font-size:19px;font-weight:600;margin:0 0 8px}
p{margin:10px 0;max-width:70ch}
ul{padding-left:22px}
li{margin:6px 0;max-width:66ch}

.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.wordmark{text-decoration:none;color:var(--navy);display:flex;flex-direction:column;line-height:1.2}
.wordmark b{font-family:Bitter,serif;font-size:19px}
.wordmark span{font-size:11.5px;color:var(--ink-faint)}
.header-actions{display:flex;align-items:center;gap:14px}
.phone-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--navy);font-weight:500;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 20px;font:600 16px 'Fira Sans',sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn--primary{background:var(--green);color:#fff}
.btn--primary:hover{background:var(--green-dark)}
.btn--ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn--lg{padding:15px 26px;font-size:17px}
@media(max-width:700px){ .phone-link .num,.header-cta{display:none} }

.crumbs{font-size:13.5px;color:var(--ink-faint);padding:14px 0 0}
.crumbs a{color:var(--ink-faint);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

.hero{background:linear-gradient(180deg,var(--ground),var(--paper));padding:34px 0 44px;border-bottom:1px solid var(--line)}
.eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:10px}
.hero-sub{font-size:19px;color:var(--ink-soft);max-width:62ch}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px}
.hero-hint{font-size:14px;color:var(--ink-faint);margin-top:10px}
.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:14.5px;color:var(--ink-soft)}
.trust-row .ck{color:var(--green);font-weight:700;margin-right:5px}

section.block{padding:44px 0}
section.block.alt{background:var(--ground);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.card h3{margin-top:0}
.card p{font-size:15.5px;color:var(--ink-soft)}
.checklist{list-style:none;padding:0}
.checklist li{padding-left:26px;position:relative}
.checklist li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}

.faq details{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0;background:var(--paper)}
.faq summary{font-weight:600;color:var(--navy);cursor:pointer}
.faq p{font-size:15.5px;color:var(--ink-soft)}

.cta-final{background:var(--navy);color:#fff;padding:48px 0;text-align:left}
.cta-final h2{color:#fff}
.cta-final p{color:#c6d2de}
.linkrow{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:14.5px}

.site-footer{border-top:1px solid var(--line);padding:34px 0 26px;font-size:14.5px;color:var(--ink-soft)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
.site-footer h3{font-size:15px}
.site-footer a{color:var(--ink-soft)}
.footer-bottom{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;font-size:13px;color:var(--ink-faint)}
address{font-style:normal}