/* --- Karriere-Modul: Intro-Card mit Bild-Umfluss ---------------------- */
.ghm-karriere {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0 40px;
}

/* --- Intro-Card: Bild oben links, Text umfließt ---------------------- */
.ghm-karriere__intro-card {
    background: #fff;
    border: 2px solid #829995;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 36px;
    overflow: hidden;             /* Float clearen */
}

.ghm-karriere__intro-media {
    float: left;
    width: 33%;
    max-width: 360px;
    margin: 4px 24px 12px 0;       /* rechts + unten = Umfließ-Abstand */
    border-radius: 8px;
    display: block;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.ghm-karriere__heading {
    margin: 0 0 14px 0;
    font-size: 26px;
    line-height: 1.25;
    color: #2d3a37;
    clear: none !important;       /* Theme-Default `clear: both` neutralisieren */
}

.ghm-karriere__intro {
    color: #4a5754;
    line-height: 1.6;
    font-size: 16px;
    clear: none !important;
}
.ghm-karriere__intro p { margin: 0 0 0.8em 0; clear: none !important; }
.ghm-karriere__intro p:last-child { margin-bottom: 0; }
.ghm-karriere__intro a { color: #829995; }

/* --- Mobile ----------------------------------------------------------- */
@media (max-width: 768px) {
    .ghm-karriere__intro-card { padding: 18px; }
    .ghm-karriere__intro-media {
        float: none;                /* nicht mehr umfließen */
        width: 100%;
        max-width: none;
        margin: 0 0 16px 0;
        aspect-ratio: 16 / 9;
    }
}
@media (max-width: 640px) {
    .ghm-karriere__heading { font-size: 22px; }
}