@media only screen and (max-width: 1080px) {

html, body {
    margin: 0;
    padding-left: 0px;
    background-color: rgb(1, 39, 39);
    color: white;
    background-image: url("../Vorschaubilder/Hintergrund/Feedbackhintergrund.jpg");
    background-size:cover;
    font-size: 4vw;
}

.uberschrift {
    text-align: center;
}

.Stern1, .Stern2, .Stern3, .Stern4, .Stern5 {
    position: absolute;
    right: 29vw;
    opacity: 0;
}

.Sternbewertung {
    float: right;
}

.box {
    width: 90vw;
    background-color: black;
    padding: 3vw;
    text-align: left;
    border: 0.1vw solid rgba(255, 255, 255, 0.753);
}

.jutebeutel {
    height: 5vw;
    width: 5vw;
    padding-left: 0.15vw;
    padding-right: 0.15vw;
}

.Sternausge {
    float: right;
    user-select: none;
}

.SternNORM {
    float: right;
    user-select: none;
}

.kommentarbox {
    width: 90vw;
    background-color: black;
    padding: 3vw;
    text-align: left;
    border: 0.1vw solid rgba(255, 255, 255, 0.753);
}

.anzeigebereich {
    width: 90vw;
}

hr {
    height: 0vw;
    border-top: 0.15vw solid rgba(255, 255, 255, 0.301);
}

.Kommentartext {
    color: rgb(243, 243, 243);
}

.Anzeigename {
    background-color: black;
    color: white;
    border: none;
    width: 50vw;
    font-size: 5vw;
}

.Feedbacktext {
    resize: none;
    background-color: black;
    color: white;
    border: none;
    width: 90vw;
    height: 50vw;
    font-size: 5vw;
}

.infotextMISS{
    color: green;
    font-size: 3vw;
}

.offentlichbox {
    position: block;
    height: 5vw;
    width: 5vw;
    background-color: black;
    color: aliceblue;
}

.KOMabschicken {
    width: 100%;
    border: none;
    background-color: aliceblue;
    color: black;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1.7vw;
    padding-bottom: 1.7vw;
    margin-top: 2vw;
    left: 2vw;
    right: 2vw;
    font-size: 5vw;
    border: 0.1vw solid black;
    border-top: none;
    border-radius: 1vw;
    box-shadow: 0.1vw 0.1vw 5vw 0vw inset rgb(250, 210, 247);
}

.jutebeutel {
    background-size: 5vw 5vw;
    background-repeat: no-repeat;
    height: 5vw;
    width: 5vw;
    padding-left: 0.15vw;
    padding-right: 0.15vw;
}

.Sternausge {
    background-size: 5vw 5vw;
    background-repeat: no-repeat;
    height: 5vw;
    width: 5vw;
    padding-left: 0.15vw;
    padding-right: 0.15vw;
    user-select: none;
}

}


@media only screen and (min-width: 1080px) { 

    html, body {
        margin: 0;
        padding-left: 0px;
        background-color: rgb(1, 39, 39);
        color: white;
        background-image: url("../Vorschaubilder/Hintergrund/Feedbackhintergrund.jpg");
        background-size:cover;
        background-attachment: fixed;
        font-size: 1.05vw;
    }

    input {
        font-size: 1.05vw;
    }

    h1 {
        font-size: 5vw;
        color: aliceblue;
    }
    
    .uberschrift {
        text-align: center;
    }
    
    .Stern1, .Stern2, .Stern3, .Stern4, .Stern5 {
        position: absolute;
        right: 29vw;
        opacity: 0;
    }
    
    .box {
        width: 50vw;
        background-color: black;
        padding: 0.8vw;
        text-align: left;
        border: 0.1vw solid rgba(255, 255, 255, 0.753);
    }

    .Sternbewertung {
        float: right;
    }
    
    .left {
        margin-left: 17%;
    }
    
    .kommentarbox {
        width: 50vw;
        background-color: black;
        padding: 0.8vw;
        text-align: left;
        border: 0.1vw solid rgba(255, 255, 255, 0.753);
    }
    
    .anzeigebereich {
        width: 50vw;
    }
    
    hr {
        height: 0vw;
        border-top: 0.15vw solid rgba(255, 255, 255, 0.301);
    }
    
    .Kommentartext {
        color: rgb(243, 243, 243);
    }
    
    .Anzeigename {
        background-color: black;
        color: white;
        border: none;
        width: 40vw;
    }
    
    .Feedbacktext {
        resize: none;
        background-color: black;
        color: white;
        border: none;
        width: 50vw;
        height: 10vw;
    }
    
    .infotextMISS{
        color: green;
        font-size: 0.7vw;
    }
    
    .KOMabschicken {
        float: right;
        border: none;
        background-color: aliceblue;
        color: black;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 0.1vw;
        padding-bottom: 0.1vw;
    }
    
    .SternNORM {
        float: right;
        user-select: none;
    }

    .jutebeutel {
        background-size: 1vw 1vw;
        background-repeat: no-repeat;
        height: 1vw;
        width: 1vw;
        padding-left: 0.15vw;
        padding-right: 0.15vw;
    }

    .Sternausge {
        background-size: 1vw 1vw;
        background-repeat: no-repeat;
        height: 1vw;
        width: 1vw;
        padding-left: 0.15vw;
        padding-right: 0.15vw;
        user-select: none;
    }
    }