/* screen-contact – Widget-Klassen siehe base/; Screen-Komposition nur hier */
/* VERBOTEN: Keine zentralen base- Klassen in dieser Datei überschreiben (Regel @skill-css-rules). */
/* Verwendete Widget-Klassen (nur Referenz): */
/* - .base-layout-content-container → layout.css */
/* - .base-card-compact → widgets-cards.css */
/* - .base-form-container, .base-form-field-group-compact, .base-form-row-two-columns, .base-form-footer, .base-form-submit-container-flush, .base-form-security-block → widgets-forms.css */
/* - .base-message-info → messages.css (#contact-info-text, #contact-privacy-note) */
/* - .base-button-primary, .base-button-icon, .base-button-icon-svg, .base-button-label → widgets-buttons.css */
/* - .base-tile-grid-columns-3, .base-tile-compact, .base-tile-icon, .base-tile-icon-svg, .base-tile-content-stack → widgets-tiles.css */
/* - .base-headline-h1, .base-headline-h3, .base-intro-text, .base-content-text, .base-link-standard → widgets-headlines.css, widgets-content.css, widgets-links.css */

/* .screen-contact-page | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Zentrierte Contact-Spalte breiter fuer drei Feature-Kacheln */
.screen-contact-page {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.75rem;
    max-width: 52rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* .screen-contact-header | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Kopfblock Headline + Intro ohne Doppel-Abstaende */
.screen-contact-header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
}

/* .screen-contact-headline | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Contact-H1 ohne Extra-Margin im Header-Stack */
.screen-contact-headline {
    font-size: clamp(1.75rem, 3vw + 0.75rem, var(--font-size-3xl));
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    letter-spacing: -0.03em;
    margin: 0;
    max-width: 100%;
    color: var(--color-headline);
}

/* .screen-contact-feature-title | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Kompakte Kachel-Headline ohne Ellipsis-Zwang-Margin */
.screen-contact-feature-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    margin: 0;
    color: var(--color-headline);
    width: 100%;
    max-width: 100%;
}

/* .screen-contact-feature-text | Änderungsprotokoll: 2026-10-03 | parent-agent | @skill-css-rules, @skill-change-provenance | Kachel-Fliesstext kompakt */
.screen-contact-feature-text {
    margin: 0;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
    color: var(--color-text);
}