#Hinweis {

    display: inline-block;
    width: fit-content;
    background-color: rgb(236, 233, 233);
    margin-bottom: 30px;
    margin-top: -20px;
    border-radius: 5px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
    
}

#close {
    position: relative;
    bottom: 19px;
    left: 12px;
    font-size: 20px;
    padding: 0px 6px 0px 6px;
    border-radius: 300px;
    background:darkgrey;
    cursor: pointer;
}

#close:hover {
    background:#ccc;
    color:#fff;
}

#Vid:hover {

    background-color: darkgrey;
    text-decoration: none;
}

#Hinweis:hover {
    
    background-color: darkgrey;
}

#Hinweissmall {
    display: none;
    width: fit-content;
    background-color: rgb(236, 233, 233);
    margin-bottom: 30px;
    margin-top: -20px;
    border-radius: 5px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
}

@media all and (max-width: 700px) {


    #Hinweis {

        padding-right: 20px;
    }
        #close {

            left: 32px;
        }
}

@media all and (max-width: 535px) {


    #Hinweis
{
        display: none
    }
    #Vid {
        display: none;
    }

    #Hinweissmall {

        display: inline-block;
    }

    #close {

        left: 10px;
    }

    #Hinweissmall {
        font-size: 12px;
        margin-bottom: 5px;
    }

    #close {

        left: 10px;
     
       
    }
}

@media all and (max-width: 320px) {


    #Hinweissmall {
        font-size: 10px;
      
    }

}
@media all and (max-width: 270px) {


    #Hinweissmall {
        display: none;
    }

}