/* Block «contact band» — loaded only when the block is on the page. A centred
   call to action with direct contact routes (tel/mailto) and the primary button.
   All through classes — no inline style (CSP). */

.block-contact-cta { padding: var(--size-8) var(--size-6); text-align: center;
    border-block: 1px solid var(--border); }
.block-contact-cta h2 { margin: 0 0 var(--size-3); font-size: clamp(1.6rem, 3.5vw, 2.2rem); }
.contact-cta-inner { max-width: 44rem; margin-inline: auto; }
.contact-cta-text { margin: 0 0 var(--size-4); color: var(--muted); line-height: 1.6; }

/* Kontaktwege: Telefon + E-Mail nebeneinander, mobil untereinander. */
.contact-cta-lines { list-style: none; margin: 0 0 var(--size-5); padding: 0;
    display: flex; flex-wrap: wrap; justify-content: center; gap: var(--size-3) var(--size-6); }
.contact-cta-lines li { display: inline-flex; align-items: center; gap: .5rem; }
.contact-cta-icon { flex: none; color: var(--accent); }
.contact-cta-lines a { color: var(--ink); font-weight: var(--font-weight-6); text-decoration: none; }
.contact-cta-lines a:hover, .contact-cta-lines a:focus-visible { text-decoration: underline; }

.contact-cta-action { margin: 0; }