.Button {
    border: 7px solid rgb(255, 0, 115);
    background-color: rgb(255, 251, 0);
}

html, body {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(221, 0, 255);
    color: rgb(0, 229, 255);
}

.KopfZeile {
    color: rgb(7, 255, 61);
}

.pic {
    border: 5px solid rgb(255, 126, 111);
}

body {
    background-image: url('https://assets.change.org/photos/4/mu/uo/RzmUuoCPiEaSaHe-800x450-noPad.jpg?1721402416');
    box-shadow: 0 4px 8px rgba(148, 21, 21, 0.1);
}

.head1 {
    font-size: 2.5em;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: rgb(249, 14, 14);
}

.label1 {
    background-color: rgb(243, 239, 0);
}

.label2 {
    background-color: rgb(0, 243, 73);
}

.label3 {
    background-color: rgb(243, 0, 122);
}   

nav ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 45px;
    background-color: #396384;
    transition: width 15.0s ease;
}

nav ul li a:hover:after {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}