/* MD-Designworks · Orts-Landingpages (Regionen) – nutzt base.css + diese Helfer */
.lead{max-width:72ch;margin-top:6px}
.lead p{color:var(--ink-2);font-size:1.08rem;line-height:1.6;margin-bottom:1em}
.lead p:last-child{margin-bottom:0}

/* Region-Schnellnavigation (zu den anderen Orten) */
.regnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.regnav a{border:2px solid var(--ink);padding:9px 15px;font-size:13px;text-transform:uppercase;
  letter-spacing:.05em;font-weight:600;min-height:44px;display:inline-flex;align-items:center;transition:background .25s,color .25s}
.regnav a:hover{background:var(--ink);color:var(--bg)}
.regnav a.cur{background:var(--btn-blue);border-color:var(--btn-blue);color:#fff}
@media(max-width:560px){
  .regnav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .regnav a{justify-content:center;text-align:center}
}

/* Karten: typische Branchen vor Ort */
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;
  border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.lgrid .lc{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 22px;
  min-height:180px;display:flex;flex-direction:column;gap:8px;transition:background .35s}
.lgrid .lc .ln{font-family:"Anton",sans-serif;font-size:2rem;color:var(--blue);line-height:.8}
.lgrid .lc h3{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.25rem;letter-spacing:.01em}
.lgrid .lc p{color:var(--ink-2);font-size:.94rem}
.lgrid .lc:hover{background:var(--ink)}
.lgrid .lc:hover h3,.lgrid .lc:hover p{color:var(--bg)}
.lgrid .lc:hover .ln{color:var(--blue-2)}
@media(max-width:900px){.lgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lgrid{grid-template-columns:1fr}}

/* FAQ – lokale Aufklapp-Fragen (details/summary, funktioniert ohne JS) */
.faq{border-top:2px solid var(--ink)}
.faq details{border-bottom:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 4px;font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(1.1rem,2.6vw,1.6rem);
  letter-spacing:.01em;line-height:1.05;transition:color .25s;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:1.8rem;
  color:var(--blue);flex:none;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--blue)}
.faq .fa{padding:0 4px 24px;max-width:70ch}
.faq .fa p{color:var(--ink-2);font-size:1.02rem;line-height:1.6}