/* ==========================================
    modul-typ-id: 100
    Modultyp: Individualmodule
========================================== */


/* ==========================================
    gemeinsame Klassen
========================================== */

.mvi-individualmodul-start-01,
.mvi-individualmodul-visualisierung-0201,
.mvi-individualmodul-bau-0202,
.mvi-individualmodul-haltung,
.mvi-individualmodul-ueber,
.mvi-individualmodul-kontakt {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);

    width: 100%;
    max-width: 100%;

    margin: 0;

    gap: var(--mvi-basiseinheit-2);
    padding: 0 var(--mvi-basiseinheit-2);

    box-sizing: border-box;
}

.mvi-individualmodul-start-01-spalte-links,
.mvi-individualmodul-visualisierung-0201-spalte-links,
.mvi-individualmodul-bau-0202-spalte-links,
.mvi-individualmodul-haltung-spalte-links,
.mvi-individualmodul-ueber-spalte-links,
.mvi-individualmodul-kontakt-spalte-links {
    box-sizing: border-box;

    padding: 0 var(--mvi-basiseinheit-2);
}

.mvi-individualmodul-start-01-spalte-rechts,
.mvi-individualmodul-visualisierung-0201-spalte-rechts,
.mvi-individualmodul-bau-0202-spalte-rechts,
.mvi-individualmodul-haltung-spalte-rechts,
.mvi-individualmodul-ueber-spalte-rechts,
.mvi-individualmodul-kontakt-spalte-rechts {

    box-sizing: border-box;

    padding: 0 var(--mvi-basiseinheit-2);
}

.mvi-individualmodul-start-01-spalte-links h1,
.mvi-individualmodul-visualisierung-0201-spalte-links h2,
.mvi-individualmodul-bau-0202-spalte-links h2,
.mvi-individualmodul-haltung-spalte-links h2,
.mvi-individualmodul-ueber-spalte-links h2,
.mvi-individualmodul-kontakt-spalte-links h2,
.mvi-individualmodul-visualisierung-0201-spalte-links h3,
.mvi-individualmodul-bau-0202-spalte-links h3 {
    margin-top: 0;

    text-align: left;
}

.mvi-individualmodul-start-01-spalte-rechts> :first-child,
.mvi-individualmodul-visualisierung-0201-spalte-rechts> :first-child,
.mvi-individualmodul-bau-0202-spalte-rechts> :first-child,
.mvi-individualmodul-haltung-spalte-rechts> :first-child,
.mvi-individualmodul-ueber-spalte-rechts> :first-child,
.mvi-individualmodul-kontakt-spalte-rechts> :first-child {
    margin-top: 0;
}

.mvi-individualmodul-start-01-spalte-links,
.mvi-individualmodul-visualisierung-0201-spalte-links,
.mvi-individualmodul-bau-0202-spalte-links,
.mvi-individualmodul-haltung-spalte-links,
.mvi-individualmodul-ueber-spalte-links,
.mvi-individualmodul-kontakt-spalte-links {
    text-align: left;
    border-right: dashed var(--mvi-neutral-liniengrau) var(--mvi-linie-normal);
}

.mvi-individualmodul-start-01-spalte-rechts,
.mvi-individualmodul-visualisierung-0201-spalte-rechts,
.mvi-individualmodul-bau-0202-spalte-rechts,
.mvi-individualmodul-haltung-spalte-rechts,
.mvi-individualmodul-ueber-spalte-rechts,
.mvi-individualmodul-kontakt-spalte-rechts {
    text-align: justify;

}

/* ==========================================
    modul-typ-id: 101
    Modultyp: individualmodul-start-01
========================================== */


/* ==========================================
    modul-typ-id: 104
    Modultyp: individualmodul-arbeiten
========================================== */

.mvi-arbeiten-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 16px;
    row-gap: 64px;
}

.mvi-arbeit {
    display: block;
    min-width: 0;
}

.mvi-arbeit:nth-child(1) {
    grid-column: 1 / span 7;
    grid-row: 1;
}

.mvi-arbeit:nth-child(2) {
    grid-column: 6 / span 7;
    grid-row: 2;
}

.mvi-arbeit:nth-child(3) {
    grid-column: 1 / span 6;
    grid-row: 3;
}

.mvi-arbeit:nth-child(4) {
    grid-column: 7 / span 6;
    grid-row: 4;
}

.mvi-arbeit-bild {
    position: relative;
}

.mvi-arbeit-bild img {
    display: block;
    width: 100%;
    height: auto;
}

/*
.mvi-arbeit-nummer {}

.mvi-arbeit-titel {}

*/


/* ==========================================
    modul-typ-id: 101
    Modultyp: individualmodul-start-01
========================================== */


.mvi-individualmodul-ueber-bild {
    display: flex;
}

.mvi-individualmodul-ueber-bild img {
    width: 20%;
    height: auto;
}




/* Mobile */

@media (max-width: 768px) {

    /* ==========================================
        gemeinsame Klassen
    ========================================== */
    .mvi-individualmodul-start-01,
    .mvi-individualmodul-visualisierung-0201,
    .mvi-individualmodul-bau-0202,
    .mvi-individualmodul-haltung,
    .mvi-individualmodul-ueber,
    .mvi-individualmodul-kontakt {

        max-width: 100%;
        grid-template-columns: 1fr;
        padding: 0 var(--mvi-basiseinheit-2);
    }

    .mvi-individualmodul-start-01-spalte-links,
    .mvi-individualmodul-visualisierung-0201-spalte-links,
    .mvi-individualmodul-bau-0202-spalte-links,
    .mvi-individualmodul-haltung-spalte-links,
    .mvi-individualmodul-ueber-spalte-links,
    .mvi-individualmodul-kontakt-spalte-links,
    .mvi-individualmodul-start-01-spalte-rechts,
    .mvi-individualmodul-visualisierung-0201-spalte-rechts,
    .mvi-individualmodul-bau-0202-spalte-rechts,
    .mvi-individualmodul-haltung-spalte-rechts,
    .mvi-individualmodul-ueber-spalte-rechts,
    .mvi-individualmodul-kontakt-spalte-rechts {
        border-right: none;
        padding: 0;

    }

    /* ==========================================
        modul-typ-id: 104
        Modultyp: individualmodul-arbeiten
    ========================================== */

    .mvi-arbeiten-grid {
        padding: 0 var(--mvi-basiseinheit-2);
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .mvi-arbeit:nth-child(n) {
        grid-column: 1;
        grid-row: auto;
    }


}