.contact-block { padding: 80px 0; background: var(--color-grey-light-1); }
.contact-block__card {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: 60px;
    display: grid;
    grid-template-columns: 328px 1fr;
    gap: 60px;
    align-items: stretch;
}
.contact-block__photo {
    border-radius: var(--radius-md);
    background: var(--color-grey-light-2) center top / cover; /* Client 24.07 (alle 1): Kopf nicht abschneiden */
    min-height: 340px;
}
.contact-block__title { font-size: 32px; line-height: 42px; color: var(--color-black); margin: 0 0 8px; }
.contact-block__role { font-size: 16px; line-height: 24px; color: var(--color-grey-dark); margin: 0 0 20px; font-weight: 500; }
.contact-block__body p { font-size: 18px; line-height: 28px; color: var(--color-black-soft); margin: 0 0 16px; }
.contact-block__line { font-size: 18px; line-height: 28px; }
.contact-block__line span { color: var(--color-black); }
.contact-block__line a { color: var(--color-blue); text-decoration: underline; }
.contact-block__actions { display: flex; gap: 20px; margin-top: 24px; flex-wrap: wrap; }

@media (max-width: 767px) {
    .contact-block { padding: 48px 0; }
    .contact-block__card {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px;
    }
    .contact-block__photo {
        min-height: 0;
        aspect-ratio: 1 / 1;
    }
    .contact-block__actions { flex-direction: column; }
    .contact-block__actions .btn { width: 100%; }
}