/* Screen: Was verdient ein Kfz-Mechatroniker? */
/* VERBOTEN: Keine zentralen base- Klassen in dieser Datei überschreiben (Regel 011-ui-css-overrides.mdc). */

/* Änderungsprotokoll: 2026-08-08 | subagent-create-screen | @skill-css-rules, @skill-change-provenance | Greenfield Screen-CSS Hero und CTA */
/* Änderungsprotokoll: 2026-08-08 | parent-agent | @skill-css-rules, @skill-change-provenance | Hero KI-Hinweis Caption */

.screen-was-verdient-kfz-mechatroniker-hero {
    margin-bottom: 1.75rem;
    max-width: 100%;
}

.screen-was-verdient-kfz-mechatroniker-hero-figure {
    margin: 1.25rem 0 0;
    padding: 0;
    max-width: 100%;
}

.screen-was-verdient-kfz-mechatroniker-hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.screen-was-verdient-kfz-mechatroniker-hero-ai-caption {
    margin: 0.35rem 0 0;
    padding: 0;
    font-size: 0.6875rem;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-text-muted);
    text-align: left;
}

/* Änderungsprotokoll: 2026-08-08 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Tabellen als hochwertige Kartenzeilen */
.screen-was-verdient-kfz-mechatroniker-table {
    border: 1px solid var(--color-primary-wash-border);
    background-color: var(--color-surface);
    padding: 0.65rem 0.65rem 0.15rem;
    box-sizing: border-box;
    overflow-x: hidden;
}

.screen-was-verdient-kfz-mechatroniker-table-row {
    margin: 0 0 0.65rem 0;
    padding: 0.7rem 0.8rem 0.75rem;
    border: 1px solid var(--color-primary-wash-border);
    border-left: 3px solid var(--color-primary);
    background-color: var(--color-surface);
    box-sizing: border-box;
}

.screen-was-verdient-kfz-mechatroniker-table-cell {
    margin: 0 0 0.55rem 0;
    padding: 0.15rem 0 0.35rem;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
}

.screen-was-verdient-kfz-mechatroniker-table-cell::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-primary-soft);
    line-height: 1.3;
}

.screen-was-verdient-kfz-mechatroniker-table-cell-lead {
    margin-bottom: 0.7rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--color-primary-wash-border);
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--color-headline);
    line-height: 1.35;
}

.screen-was-verdient-kfz-mechatroniker-table-cell-lead::before {
    content: none;
    display: none;
}

.screen-was-verdient-kfz-mechatroniker-table-cell-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-text);
    letter-spacing: 0.01em;
    line-height: 1.4;
}

@media (min-width: 577px) {
    /* Änderungsprotokoll: 2026-08-08 | parent-agent | @skill-css-rules, @skill-change-provenance | Desktop: Screen-Karten-Overrides zurücknehmen */
    .screen-was-verdient-kfz-mechatroniker-table {
        padding: 0;
        border: 1px solid var(--color-primary);
    }

    .screen-was-verdient-kfz-mechatroniker-table-row {
        margin: 0 0 1px 0;
        padding: 0;
        border: none;
        border-left: none;
        background-color: var(--color-border);
    }

    .screen-was-verdient-kfz-mechatroniker-table-cell {
        margin: 0;
        padding: 0.75rem 1rem;
        border: 1px solid var(--color-primary-wash-border);
        background-color: var(--color-surface);
    }

    /* Änderungsprotokoll: 2026-08-08 | parent-agent | @skill-css-rules, @skill-change-provenance | Desktop Zell-Hintergrund alt */
    .screen-was-verdient-kfz-mechatroniker-table-cell-alt {
        background-color: var(--color-primary-wash);
    }

    .screen-was-verdient-kfz-mechatroniker-table-cell::before {
        content: none;
        display: none;
    }

    .screen-was-verdient-kfz-mechatroniker-table-cell-lead {
        margin-bottom: 0;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--color-primary-wash-border);
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        line-height: inherit;
    }

    .screen-was-verdient-kfz-mechatroniker-table-cell-lead::before {
        content: none;
        display: none;
    }

    .screen-was-verdient-kfz-mechatroniker-table-cell-value {
        font-size: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
    }
}

.screen-was-verdient-kfz-mechatroniker-table-note {
    margin-top: 0.75rem;
}

.screen-was-verdient-kfz-mechatroniker-job-points {
    margin: 0.75rem 0 1rem;
    padding-left: 1.25rem;
}

.screen-was-verdient-kfz-mechatroniker-job-points li {
    margin-bottom: 0.35rem;
}

.screen-was-verdient-kfz-mechatroniker-cta-section {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.screen-was-verdient-kfz-mechatroniker-jobs-cta {
    display: inline-block;
    text-decoration: none;
}