/* ============================================================
   Feinschliff – Themenseiten (Strom-Alarm, Inkasso-Alarm, ...)
   ============================================================ */

/* --- 1. Abschnittsrhythmus: mehr Luft zwischen den Bloecken --- */
.section{padding-block:84px}
.section-head{gap:40px;margin-bottom:38px}
.section-head h2{margin-top:12px}
.section-head p{margin-top:14px;font-size:15px;line-height:1.8}
.phasebar{padding:36px 0 46px}
.phases{gap:14px;margin-top:20px}
.phase{padding:20px}
.phase b{font-size:14.5px}
.phase small{margin-top:6px;line-height:1.5}
.phase-note{margin-top:22px;font-size:12.5px;line-height:1.75}

/* --- 2. Ueberschriften: klare, ruhige Stufen --- */
h2{font-size:clamp(28px,2.7vw,40px);line-height:1.18}
h3{font-size:21px;line-height:1.3}
h4{font-size:17px}

/* --- 3. Einstiegsrechner --- */
.calc-head{padding:28px 28px 16px}
.calc-body{padding:26px 28px 28px}
.photo-layout .calc-head{padding:30px 28px 16px}
.photo-layout .calc-body{padding:26px 28px 28px}
.mode-grid{gap:10px;margin:12px 0 24px}
.mode-label{min-height:60px;padding:14px 12px;font-size:12.5px}
.advanced{margin-top:6px;padding-top:18px;margin-bottom:20px}
.advanced[open] summary{margin-bottom:18px}
.local-chip{margin-top:18px;line-height:1.6}
.micro{margin-top:14px;line-height:1.6}
.urgency-inline{margin-bottom:20px;padding:14px 16px;line-height:1.7}

/* --- 4. Ergebnisblock: Abstand zum Trennstrich darueber --- */
.result{margin-block:56px 76px;padding:40px;border-radius:22px;scroll-margin-top:120px}
.result-top{gap:20px}
.result h2{font-size:clamp(27px,2.5vw,34px);margin-top:16px}
.result-intro{margin-top:14px;font-size:15px;line-height:1.8}
.route-meta:not(:empty){margin-top:22px;gap:9px}
.route-meta span{padding:6px 13px;font-size:11.5px}

/* 4a. Gruppe "Was jetzt zu tun ist" */
.tasklist{margin-top:34px;gap:16px}
.tasklist li{padding:26px 24px;border-radius:14px}
.tasklist .when{font-size:10.5px}
.tasklist h3{font-size:18px;margin:14px 0 11px}
.tasklist p{font-size:13.5px;line-height:1.8}

/* 4b. Hinweis mit Quellenzeile: Quellen als eigene Zeile absetzen */
.result .notice{margin-top:28px;padding:20px 22px;font-size:13.5px;line-height:1.75;border-radius:12px}
.result .notice .refs{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;padding-top:13px;border-top:1px solid #0000001a}
.result .notice .refs .source-link{margin:0;font-size:12px;line-height:1.6}

/* 4c. Gruppe "Weitere Hilfswege" */
.routing-result{margin:34px 0 0;padding:26px;border-radius:14px}
.routing-result h3{font-size:20px;margin-bottom:12px}
.routing-result>p{font-size:13px;line-height:1.75}
.routing-result-links{gap:10px;margin-top:18px}
.routing-result-links a{display:inline-flex;align-items:center;min-height:44px;padding:11px 15px;font-size:12.5px}
.routing-legal-note{margin-top:14px;font-size:11.5px;line-height:1.75}

/* 4d. Eigener Block: Unterlagen und Kontakte */
.docs-grid{gap:26px;margin-top:38px;padding-top:36px;border-top:1px solid var(--line,var(--border,#e2ddd9))}
.result-card{padding:28px;border-radius:14px}
.result-card h3{font-size:19px;margin-bottom:18px}
.doc-check{gap:12px;padding:11px 0;font-size:13.5px;line-height:1.6}
.doc-progress{margin-top:18px}
.progress-caption:not(:empty){margin-top:10px;font-size:11.5px}
.contact-link{padding:15px 0}
.contact-link strong{font-size:13.5px}
.contact-link small{margin-top:7px;font-size:11.5px;line-height:1.7}

/* 4e. Eigener Block: Textbaustein */
.result-note{margin-top:24px;padding:16px 18px;font-size:12.5px;line-height:1.8}
.letter-section{margin-top:40px;padding-top:36px}
.letter-section h3{font-size:20px;margin-bottom:12px}
.letter-section>p{margin-bottom:20px;font-size:13.5px;line-height:1.8}
.letter-section textarea{min-height:220px}
.text-tools{gap:10px;margin-top:14px}

/* 4f. Abschluss des Ergebnisblocks */
.result .actions{gap:12px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line,var(--border,#e2ddd9))}
.result-links{gap:18px;margin-top:20px}
.result-reminder:not(:empty){margin-top:18px;line-height:1.75}

/* --- 5. Ablauf, Wissen, Werkzeuge, Fragen, Quellen --- */
.steps{gap:22px}
.step{padding:30px}
.step p{margin-top:14px;line-height:1.8}
.examples{gap:14px;margin-top:26px}
.example{padding:20px}
.example small{margin-top:7px;line-height:1.5}
.article-grid{gap:22px}
.article-card{padding:30px 28px}
.article-card h3{font-size:20px;line-height:1.3}
.article-card p{margin-top:14px;font-size:13.5px;line-height:1.8}
.article-card .source-link{padding-top:22px}
.article-full{margin-top:26px;padding:34px 36px;border-radius:18px}
.article-full summary{font-size:19px;gap:24px}
.article-full .article-text{margin-top:26px;font-size:15px;line-height:1.85}
.article-text p{margin-top:18px}
.tools-grid{gap:26px}
.tool-card{padding:32px}
.tools-grid .tool-card h3{font-size:22px}
.tool-card p{margin:14px 0 22px;line-height:1.8}
.searchbar{margin-bottom:20px}
.faq-cats{gap:10px;margin-bottom:28px}
.faq-cats button{padding:9px 15px;font-size:12.5px}
.faq-item{padding:24px 0}
.faq-item summary{gap:30px;font-size:16.5px}
.faq-item p{margin-top:16px;line-height:1.85}
.sources-list{gap:18px 44px;margin-top:18px}
.sources-list li{padding:16px 0}
.sources-list p{margin-top:7px;line-height:1.7}
.band{gap:60px;padding:46px}
.band p{margin-top:18px;line-height:1.8}
.band-list{gap:14px}
.band-list>div{padding:18px}

/* --- 6. Fusszeile --- */
.footer{padding:44px 0 95px}
.footer-inner{gap:48px}
.footer p{line-height:1.8}
.footer .footer-links{gap:18px;margin-top:18px}

/* --- 7. Schmale Fenster --- */
@media(max-width:1050px){
  .result{padding:32px 26px}
  .band{gap:32px;padding:36px}
  .article-full{padding:28px 26px}
}
@media(max-width:760px){
  .section{padding-block:52px}
  .section-head{margin-bottom:26px}
  .section-head p{font-size:14px}
  .phasebar{padding:26px 0 32px}
  .phases{gap:10px;margin-top:16px}
  .phase{padding:16px}
  .result{margin-block:34px 46px;padding:26px 20px;border-radius:18px}
  .result h2{margin-top:12px}
  .tasklist{margin-top:26px;gap:12px}
  .tasklist li{padding:22px 20px}
  .result .notice{margin-top:22px;padding:17px 18px}
  .routing-result{margin-top:26px;padding:22px}
  .docs-grid{gap:16px;margin-top:30px;padding-top:28px}
  .result-card{padding:22px}
  .letter-section{margin-top:32px;padding-top:28px}
  .result .actions{margin-top:28px;padding-top:24px}
  .steps{gap:14px}
  .step{padding:24px}
  .article-grid{gap:14px}
  .article-card{padding:22px 20px}
  .article-full{margin-top:18px;padding:24px 20px}
  .article-full summary{font-size:17px}
  .tools-grid{gap:16px}
  .tool-card{padding:26px}
  .faq-item{padding:20px 0}
  .band{padding:32px 26px;gap:28px}
  .footer{padding:36px 0 95px}
}

/* --- 8. Druckansicht unveraendert lassen --- */
@media print{
  .docs-grid,.result .actions{border-top:0!important;padding-top:0!important}
  .result .notice .refs{display:block!important;border-top:0!important;padding-top:0!important}
}