/* Copyright (c) 2026 Daniel Bauer - ELAAX. Alle Rechte vorbehalten. */
.cms-contact-page .contact-hero h1 { max-width: 14ch; }
.contact-direct { background: #fff; border: 1px solid var(--about-line); border-radius: 12px; padding: clamp(1.5rem, 4vw, 2.5rem); box-shadow: 0 20px 60px #12334309; min-width: 0; }
.contact-direct .about-eyebrow { margin: 0 0 2rem; }
.contact-direct__item + .contact-direct__item { margin-top: 1.8rem; padding-top: 1.8rem; border-top: 1px solid var(--about-line); }
.cms-contact-page .contact-direct__item h2 { font-size: .85rem; letter-spacing: 0; margin: 0 0 .65rem; color: var(--about-muted); }
.contact-direct__item > a { font-size: clamp(1.05rem, 2vw, 1.5rem); font-weight: 700; color: var(--about-ink); overflow-wrap: anywhere; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.contact-direct__item > a:hover { color: var(--accent); }
.contact-direct__item p { color: var(--about-muted); font-size: .85rem; margin: .8rem 0 0; }
.contact-address { background: #f2f6f7; }
.contact-address .cms-richtext { max-width: 1160px; }
.contact-address .cms-richtext p { max-width: 65ch; color: var(--about-muted); }
.cms-contact-page .cms-faq { max-width: 850px; margin-top: 2rem; }
@media (max-width: 680px) { .contact-direct { margin-top: 1.5rem; } }