/* ============================================================
   Feinschliff – Zentrale (alarm-lotse.de)
   ============================================================ */

/* --- 1. Abschnittsrhythmus --- */
.section{padding:88px 0}
.section-head{gap:40px;margin-bottom:36px}
.section-head h2{margin-top:12px}
.section-head p{margin-top:14px;font-size:15px;line-height:1.8}
.section-head .side-copy{max-width:230px;line-height:1.8}

/* --- 2. Ueberschriften: klare Stufen --- */
h2{font-size:clamp(29px,2.8vw,41px);line-height:1.18}

/* --- 3. Einstieg oben --- */
.hero-grid{gap:76px;padding:74px 0 62px}
.hero-copy h1{margin:26px 0 24px}
.hero-copy .lead{font-size:17px;line-height:1.85}
.hero-links{gap:22px;margin-top:30px}
.hero-proof{gap:8px 16px;margin-top:26px}
.orientation-bar{padding:30px 0}
.orientation-stat+.orientation-stat{padding-left:38px}
.orientation-stat span{line-height:1.6}
.orientation-stat strong{margin-bottom:3px}

/* --- 4. Themenfinder --- */
.finder-top{padding:30px 30px 20px}
.finder h2{font-size:26px}
.finder-top>p{margin-top:9px;font-size:13.5px;line-height:1.7}
.chips{gap:8px;margin-top:16px}
.chip{padding:7px 12px;font-size:11px}
.finder-results{padding:0 22px 10px}
.suggestion{gap:14px;padding:14px 12px}
.suggestion strong{font-size:13px;line-height:1.5}
.suggestion small{margin-top:4px;font-size:10.5px;line-height:1.55}
.finder-bottom{padding:18px 30px}
.finder-bottom p{margin-top:9px;font-size:10.5px;line-height:1.7}
.finder-footer-links{gap:18px;margin-top:14px}
.emergency-message{margin:6px 10px 14px;padding:15px 16px;line-height:1.7}

/* --- 5. Hilfearten --- */
.hub-helpways{padding:52px 0 58px}
.hub-helpways h2{margin:0 0 26px;font-size:28px}
.hub-helpways .routing-card h3{font-size:21px}
.hub-helpways .routing-card p{font-size:13px;line-height:1.8}

/* --- 6. Themenkatalog: ruhigeres Raster, luftigere Karten --- */
.catalog-tools{gap:18px;margin-bottom:22px}
.catalog-search input{min-height:48px;font-size:13.5px}
.catalog-meta{gap:16px}
.filters{gap:10px;margin-bottom:30px}
.filter{padding:10px 17px;font-size:12.5px}
.resume-strip{gap:18px;margin:0 0 26px;padding:17px 20px}
.resume-strip small{line-height:1.6}
.catalog-grid{gap:22px}
.card-content{padding:22px 24px 22px}
.product-brand{margin:0 0 15px}
.product-card h3{font-size:22px;line-height:1.25}
.product-card>p,.card-description{margin-top:13px;margin-bottom:20px;font-size:12.5px;line-height:1.8;min-height:66px}
.card-top{margin-bottom:20px}
.card-route-links{gap:8px;margin-top:auto;padding-top:16px}
.route-link{padding:11px 0;font-size:11.5px;min-height:40px}
.card-bottom{gap:12px;margin-top:18px;padding-top:16px}
.card-bottom .open-card{font-size:12.5px}
.card-domain{margin-top:11px;font-size:9.5px}
.catalog-bottom{gap:32px;margin-top:32px;padding:28px 30px}
.catalog-bottom h3{font-size:20px;line-height:1.35}
.catalog-bottom p{margin-top:9px;font-size:12.5px;line-height:1.8}
.route-preview{margin-top:24px;padding:26px}
.route-preview h3{font-size:20px}
.preview-steps{gap:14px;margin-top:18px}
.preview-steps li{line-height:1.75}
.preview-steps li span{margin-top:4px;line-height:1.7}
.route-preview .notice{margin-top:20px;padding-top:16px;line-height:1.85}
.route-preview .button{margin-top:22px}

/* --- 7. Direkte Hilfe, Ablauf, Beispiel --- */
.direct-services .service-card{padding:28px!important;gap:18px}
.service-card h3{font-size:24px;line-height:1.25}
.service-card p{font-size:13.5px;line-height:1.8}
.steps-grid{gap:26px;margin-top:38px}
.step{padding:30px}
.step h3{font-size:23px}
.step p{margin-top:14px;font-size:13.5px;line-height:1.85}
.steps-note{margin-top:26px;font-size:12px;line-height:1.75}
.example-section{padding-top:82px}
.example-copy{padding:44px 46px}
.example-copy h2{margin:18px 0;font-size:32px}
.example-copy p{font-size:14px;line-height:1.85}
.example-copy .button{margin-top:26px}

/* --- 8. Idee, Fragen, Abschluss --- */
.idea-grid{gap:68px}
.idea-text p{font-size:15px;line-height:1.9}
.idea-text p+p{margin-top:20px}
.idea-quote{margin-top:30px;padding-top:22px;line-height:1.55}
.faq-grid{gap:68px}
.faq-grid .aside-text{margin-top:18px;line-height:1.9}
.faq-list summary{padding:22px 0;font-size:15.5px;gap:30px}
.faq-list details p{padding-bottom:22px;font-size:13.5px;line-height:1.9}
.final-cta{gap:30px;padding:40px 44px}
.final-cta p{margin-top:10px;font-size:13.5px;line-height:1.75}
.smallprint p{line-height:1.9}
.smallprint h3{margin-top:26px}
.urgent-box{margin-bottom:16px;padding:20px}
.urgent-box p{margin-top:8px}

/* --- 9. Fusszeile --- */
.footer{margin-top:80px;padding:52px 0 36px}
.footer-top{gap:48px}
.footer p{margin-top:14px;line-height:1.85}
.footer-links{gap:18px;margin-top:20px}
.footer-bottom{margin-top:34px;padding-top:22px}

/* --- 10. Schmale Fenster --- */
@media(max-width:1050px){
  .section{padding:64px 0}
  .hero-grid{gap:40px;padding:52px 0 46px}
  .example-copy{padding:34px}
  .idea-grid,.faq-grid{gap:48px}
  .catalog-bottom{padding:26px}
}
@media(max-width:760px){
  .section{padding:52px 0}
  .section-head{margin-bottom:24px}
  .section-head p{font-size:14px}
  .hero-grid{gap:30px;padding:34px 0 32px}
  .orientation-bar{padding:22px 0}
  .finder-top{padding:24px 22px 18px}
  .finder-results{padding:0 14px 8px}
  .finder-bottom{padding:16px 22px}
  .hub-helpways{padding:38px 0 42px}
  .hub-helpways h2{margin-bottom:20px;font-size:25px}
  .filters{gap:8px;margin-bottom:22px}
  .filter{padding:9px 13px;font-size:11.5px}
  .catalog-grid{gap:16px}
  .card-content{padding:18px 18px 20px}
  .product-card h3{font-size:20px}
  .product-card>p,.card-description{min-height:0;margin-bottom:16px}
  .card-bottom{margin-top:14px;padding-top:14px}
  .catalog-bottom{margin-top:24px;padding:24px}
  .steps-grid{gap:16px;margin-top:26px}
  .step{padding:24px}
  .step h3{font-size:22px}
  .example-section{padding-top:52px}
  .example-copy{padding:30px 26px}
  .example-copy h2{font-size:27px;margin:14px 0}
  .idea-grid,.faq-grid{gap:28px}
  .faq-list summary{padding:19px 0;font-size:15px}
  .final-cta{padding:30px 26px}
  .footer{margin-top:52px;padding:40px 0 30px}
  .footer-bottom{margin-top:26px;padding-top:18px}
}