.contentContainer {
    padding: 2rem;
     max-width: 90vw;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    border-radius: 2rem;
    box-shadow: 0 4px 32px rgba(0,0,0,0.07);
    backdrop-filter: blur(6px); /* "Glass"-Effekt */
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
/*.contentContainer.transparent {
    padding: 2rem;
    max-width: 90vw;
    margin: 0 auto;
    background: rgba(255,255,255,0);
    border-radius: 2rem;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.content {
    background-color: transparent;
    border-radius: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
    .content.transparent {
        background-color: transparent;
        border-radius: 2rem;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin: 0 auto;
        width: 100%;
        border: none;
        
    }

    .content h2, h3, p {
        color: white;
    }
    .content.constant h2, h3, p {
        color: #808080;
    }

@media (min-width: 800px) {

    .content {
        background-color: white;
        border: none;
        box-shadow: 0 0 10px rgba(0, 0, 0,0.1);
        padding: 3rem 2rem;
    }

        .content h2, h3, p {
            color: #808080;
             
        }
}*/