/* Überschrift zentriert */
.center {
    text-align: center;
    margin: 40px 0 20px;
}

/* Grid für die Team-Sektion */
.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Genau 2 Spalten */
    gap: 40px;
    padding: 0 5%;
    max-width: 1200px;
    margin: 0 auto 60px;
}


/* Bildgröße */
.hansBild, .sandraBild {
    width: 100%;
    max-width: 300px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Textbox */
.shadow {
    background-color: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

/* Textabsatz */
.lineSpace p {
    margin: 10px 0;
}

/* Responsive Anpassung */
@media (min-width: 768px) {
    .hans, .sandra {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hansText, .sandraText {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hans, .hansText,
    .sandra, .sandraText {
        flex: 1;
        max-width: 100%;
    }

    /* Optional: Bilder rechts oder links */
    .hans, .sandra {
        flex-direction: row;
        gap: 40px;
    }
}