/* wy_uebermich_section — Bio-Layout mit zwei Bild-Text-Paaren */

.wy-uebermich-section {
    padding: 3rem 5%;
    max-width: 1200px;
    margin: 0 auto;
}

.wy-uebermich-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 4rem;
}

.wy-uebermich-row:last-child {
    margin-bottom: 0;
}

/* Bild links: img | text */
.wy-uebermich-row--img-left {
    grid-template-areas: "img text";
}

/* Bild rechts: text | img */
.wy-uebermich-row--img-right {
    grid-template-areas: "text img";
}

.wy-uebermich-row--img-left .wy-uebermich-img  { grid-area: img; }
.wy-uebermich-row--img-left .wy-uebermich-text { grid-area: text; }
.wy-uebermich-row--img-right .wy-uebermich-text { grid-area: text; }
.wy-uebermich-row--img-right .wy-uebermich-img  { grid-area: img; }

.wy-uebermich-img img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.wy-uebermich-text .wy-overline {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wy-color-teal, #3d7a6e);
    margin-bottom: 0.5rem;
}

.wy-uebermich-text h2 {
    margin-top: 0;
    margin-bottom: 1.2rem;
    font-size: 2rem;
    color: var(--wy-color-forest, #06140C);
}

.wy-uebermich-body p {
    margin-bottom: 1.2em;
    line-height: 1.8;
    color: var(--wy-color-slate, #454F5E);
}

/* Signatur — gleicher Stil wie wy_intro_section */
.wy-uebermich-section .wy-intro-signature {
    font-size: 22px;
    font-style: italic;
    color: var(--wy-color-dark-teal);
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .wy-uebermich-row {
        grid-template-columns: 1fr;
        grid-template-areas: "img" "text" !important;
    }
}