.contact-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:32px;margin-top:38px;align-items:start}.contact-details{background:var(--navy);color:#fff;border-radius:22px;padding:38px;overflow-wrap:anywhere}.contact-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#00638e;margin-bottom:12px}.contact-details .contact-eyebrow{color:#87d9fa}.contact-compose h2,.contact-details h2{font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.25;margin:0 0 20px}.contact-details>p{color:#d7e5ee}.contact-channels{margin:32px 0}.contact-channels>div{padding:20px 0;border-top:1px solid #365062}.contact-channels dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9ec7de;margin-bottom:6px}.contact-channels dd{margin:0;font-size:1.05rem}.contact-channels a{color:#fff;text-decoration:none;border-bottom:1px solid #63869b}.contact-channels a:hover{color:#87d9fa}.contact-note{border-radius:12px;padding:20px;background:#163547}.contact-note h3{font-size:1.05rem;margin:0 0 10px}.contact-note p{font-size:.9rem;line-height:1.65;color:#d7e5ee}.contact-note p+p{margin-top:10px}.contact-compose{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 16px 44px -32px #224458}.contact-intro{font-size:.9rem;color:var(--mut);margin-bottom:26px}.contact-compose #contact-mail{gap:22px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}.contact-compose #contact-mail input:not([type=checkbox]),.contact-compose #contact-mail textarea{background:#f7fafc;border:1px solid #b9cbd7;border-radius:10px;padding:14px 16px;min-height:50px;transition:border-color .2s,box-shadow .2s}.contact-compose #contact-mail textarea{resize:vertical;line-height:1.6}.contact-compose #contact-mail input:focus,.contact-compose #contact-mail textarea:focus{outline:2px solid #0077ad;outline-offset:2px;background:#fff}.contact-field small{font-size:.84rem;color:var(--mut)}.contact-compose #contact-mail .contact-check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:.9rem;font-weight:400;line-height:1.6}.contact-compose #contact-mail input[type=checkbox]{width:20px;height:20px;margin:3px 0 0;accent-color:#0077ad}.contact-check a{color:#00638e}.contact-submit{border-top:1px solid var(--line);padding-top:24px}.contact-submit .btn{font-size:1rem;border-radius:12px;background:#0077ad;border-color:#0077ad;width:100%;min-height:56px}.contact-submit p{font-size:.83rem;color:var(--mut);margin-top:12px}.contact-status{background:#edf7fc;border-left:3px solid #0077ad;padding:16px;font-size:.9rem;line-height:1.6}body[data-page="datenschutz.html"] .legal,body[data-page="impressum.html"] .legal{max-width:90ch;margin-left:auto;margin-right:auto}.legal-source{font-size:.9rem;color:var(--mut);margin-top:24px}@media(max-width:860px){.contact-layout{grid-template-columns:1fr}.contact-details{padding:28px}.contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.contact-note{margin-top:16px}}@media(max-width:520px){.contact-compose{padding:24px 20px}.contact-channels,.contact-fields{grid-template-columns:1fr}.contact-layout{gap:20px}.contact-details{padding:26px}}