@media screen and (max-width: 950px) {
    main {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 5% 5% 5% 5%;
    }
    main div img {
        width: 100%;
    }
    .firstPricesDiv {
        display: flex;
        flex-direction: column;
        margin-top: 5%;
    }
    .firstPricesDiv div {
        width: 100%;
    }
    .firstPricesDiv p {
        text-align: justify;
    }
    table {
        margin: 0 auto;
        width: 100%;
        border-collapse: collapse;
    }

    /* more breathing room on mobile */
    th,
    td {
        padding: 12px 10px;
        line-height: 1.45;
        vertical-align: top;
        white-space: normal; /* allow multi-line */
        word-break: break-word;
    }
    /* Mobile: give the "Preise" column a bit more room */
    th:last-child,
    td:last-child {
        width: 90px;
        min-width: 90px;
        text-align: right;
        white-space: nowrap; /* keep prices on one line */
        font-size: 1.05em; /* slightly larger, not too much */
        font-variant-numeric: tabular-nums;
    }
    /* tr:nth-child(even) {
        background-color: #ffcb9a;
    }
    tr:nth-child(odd) {
        background-color: #c7ff9a;
    } */
    .tableDiv {
        margin: 5% 0 5% 0;
    }
}

@media screen and (min-width: 951px) {
    main {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 1% 10% 5% 10%;
    }
    .firstDiv {
        display: flex;
        flex-direction: row;
    }
    main div img {
        width: 100%;
    }
    .firstPricesDiv div:first-child {
        margin-right: 1%;
    }
    .firstPricesDiv {
        display: flex;
        flex-direction: row;
        margin-top: 4%;
        width: 100%;
    }
    .firstPricesDiv div {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .firstPricesDiv {
        margin-left: 0%;
    }
    table {
        margin: 0 auto;
        width: 65%;
        max-width: 900px; /* professional, not too wide */
        border-collapse: collapse;
    }
    th,
    td {
        padding: 12px 10px;
        line-height: 1.45;
        vertical-align: top;
        white-space: normal; /* allow multi-line */
        word-break: break-word;
    }
    /* tr:nth-child(even) {
        background-color: #ffcb9a;
    }
    tr:nth-child(odd) {
        background-color: #c7ff9a;
    } */
    .tableDiv {
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

th {
    background-color: #3c6e71;
    color: white;
}

table {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    background: #ffffff;
}

tr:nth-child(even) {
    background-color: #d9d9d9;
}
tr:nth-child(odd) {
    background-color: white;
}
h4 {
    margin-top: 1%;
    margin-bottom: 1%;
}
.preise-page h3 {
    font-size: 26px;
    font-weight: 600;
}