.Middler2 {
    display: flex;
    flex-direction: column;
    width: 100vw;
    padding-top: 100px;
    min-height: 100vh;
    max-height: 10000000px;
    justify-content: center;
    align-items: center;
    z-index: 0;
    }


.newscontainer{
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    
    background-color: rgb(39, 39, 39);
    width: 70vw;
    max-height: 1000000px;
    border-radius: 20px;
    z-index: 1;
}
    .picturepart {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        display: flex;
        
    }
        .picturefrompicturepart {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            width: 70vw;
            height: 60vh;
            object-fit: cover;
        }

    .textpart {
        display: flex;
        align-items: center;
        flex-direction: column;
        color: var(--textcolor);
        max-width: 100vw;
        
        
    }
        .headline {
            
            
            font-size: 2vh;
            text-decoration: underline;
            font-weight: bold;
        }

        .bodytext {
            max-width: 65vw;
            text-align: center;
            font-size: 25px;
        }

        .Author {
            text-align: center;
            font-size: 30px;
            text-decoration: underline;
        }



@media (max-width: 1920px) {
    .newscontainer{
        margin-top: 50px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        width: 70vw;
        background-color: rgb(39, 39, 39);
        
        max-height: 100000px;
        border-radius: 20px;
        z-index: 1;
    }
    .picturefrompicturepart {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        width: 70vw;
        height: 500px;
        object-fit: cover;
    }
    .headline {
            
            
        font-size: 30px;
        text-decoration: underline;
        font-weight: bold;
    }

    .bodytext {
        align-self: center;
        max-width: 65vw;
        text-align: center;
        font-size: 20px;
    }

    .Author {
        text-align: center;
        font-size: 25px;
        text-decoration: underline;
    }
}

@media (max-width: 600px) {
    .newscontainer{
        margin-top: 50px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        width: 300px;
        background-color: rgb(39, 39, 39);
        
        
        border-radius: 20px;
        z-index: 1;
    }
    .picturefrompicturepart {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        width: 300px;
        height: 200px;
        object-fit: cover;
    }
    .headline {
            
        text-align: center;
        font-size: 5vw;
        text-decoration: underline;
        font-weight: bold;
    }

    .bodytext {
        max-width: 800px;
        text-align: center;
        font-size: 15px;
    }

    .Author {
        text-align: center;
        font-size: 25px;
        text-decoration: underline;
    }
}