body {
    background-color: black;
    color: lightgray;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
}

#header {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 3%;
    text-align: center;
    width: 50vw;
    height: 35vh;
}

#linkList {         /* Block der SM-Links, Position etc */
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.linkButton{
    margin: 0px 40px 0px 40px;
}

.linkInfo {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.4pt;
	display: none;
    padding-top: 40px;
    color: lightgray;
}

#linkMail a:hover, #linkInfoMail b {
	color: rgb(55, 204, 67);
}

#linkMail:hover ~ #linkInfoMail {
	display:block;
}

#linkInstagram a:hover, #linkInfoInstagram b {
	color: rgb(209, 107, 24);
}

#linkInstagram:hover ~ #linkInfoInstagram {
	display:block;
}

#linkTel a:hover, #linkInfoTel b {
	color: rgb(165, 177, 55);
}

#linkTel:hover ~ #linkInfoTel {
	display:block;
}

#linkFacebook a:hover, #linkInfoFacebook b {
	color: rgb(36, 84, 216);
}

#linkFacebook:hover ~ #linkInfoFacebook {
	display:block;
}


@media only screen and (max-width: 765px) {
    #header {
        width: 100vw;
    }

    #linkList {
        display: flex;
        flex-direction: column;
        top: 30vh;
        height: 65vh;
    }

    .linkButton {
        margin: 0.5rem auto;
    }
    
    #linkMail:hover ~ #linkInfoMail {
        display:none;
    }
    
    #linkInstagram:hover ~ #linkInfoInstagram {
        display:none;
    }
    
    #linkTel:hover ~ #linkInfoTel {
        display:none;
    }

    
    #linkFacebook:hover ~ #linkInfoFacebook {
        display:none;
    }
}