/* Seite "Kontakt": Page-Hero + Kontaktmethoden + Formular (Basis in styles.css) */

.page-hero{padding:76px 0 56px; text-align:center;}
h1{font-size:clamp(30px,4.5vw,44px); line-height:1.2; font-weight:400; max-width:640px; margin:0 auto; color:var(--ink);}
.page-hero p.lede{max-width:520px; margin:20px auto 0; font-size:17.5px; line-height:1.65; color:var(--ink-soft);}

.contact-methods{border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline);}
.contact-methods .wrap{display:grid; grid-template-columns:1fr 1px 1fr;}
@media (max-width:700px){ .contact-methods .wrap{grid-template-columns:1fr;} .contact-methods .vline{display:none;} .contact-methods .method{border-bottom:1px solid var(--hairline);} }
.method{padding:48px 40px; text-align:center;}
.method svg{margin:0 auto 16px; opacity:0.8;}
.method .label{font-size:11.5px; color:var(--brass); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:10px;}
.method .value{font-size:19px;}
.method .value:hover{color:var(--burgundy);}