.main-section-f1 {
    background-color: #f0f0f0;
    width: 100%;
}

.main-section-f2 {
    background-color: #ffffff;
    width: 100%;
}

.main-section-f3 {
    background-color: #009999;
    width: 100%;
}


.mcontainer {
   max-width: 1500px;
    width: 90%;
    margin: 0 auto;
}

.mcontainer3 {
   max-width: 1500px;
    width: 90%;
    margin: 0 auto;
}

.mcolumn-container {
    display: flex;
    flex-wrap: wrap;
}

.mcolumn {
    flex: 1;
    padding: 50px;
}

.mcolumn3 {
    flex: 1;
}

.kasten-f1 {
    border: thin solid;
    background: white;
    border-color: #009999;
    min-width: 285px;
    max-width: 400px;
}

.kasten-f2 {
    border: thin solid;
    background: #009999;
    border-color: white;
    min-width: 285px;
    max-width: 400px;
}

.kasten-text {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 250px;
}


@media screen and (max-width: 1430px) {
    .mcontainer {
        width: 90%;
    }

    .responsive-table th,
    .responsive-table td {
        text-align: left; /* Hinzugefügt, um Texte linksbündig zu setzen */
    }

    .mcolumn {
        padding: 50px;
    }

    .mcolumn p {
        text-align: left; /* Hinzugefügt, um Texte in den Spalten linksbündig zu setzen */
    }
}

@media screen and (max-width: 1225px) {
    .mcolumn-container {
        flex-direction: column;
    }

    .mcontainer3 {
        width: 100%;
    }

    .mcolumn {
        padding: 20px;
        text-align: center; /* Hinzugefügt, um Texte in den Spalten mittig zu setzen */
        margin: 0 auto;
    }

    .mcolumn h1 {
        text-align: center; /* Hinzugefügt, um Überschriften mittig zu setzen */
    }

    .mcolumn p {
        text-align: center; /* Hinzugefügt, um Texte in den Spalten mittig zu setzen */
    }
}

.responsive-image {
    max-width: 100%;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    border: 1px solid #333;
    padding: 8px;
}

.responsive-table th {
    background-color: #009999;
    text-align: left; /* Hinzugefügt, um Überschriften linksbündig zu setzen */
}