html, body {
    margin: 0;
    padding: 0;
    background-color: black;
  }


.inhalt-container {
    position: absolute; 
    background-color: #cccccc;
    border-radius: 1.5em;
    margin: 1vh 1vw 1vh 1vw;   
    width: 98vw; 
    height: 98vh;

   
}


#canvasContainer {
    position: absolute; 
    border-radius: 1.5em;
    left: 1vh;
    top: 1vh;
    width: 97vw; 
    height: 96vh;
}

.kontakt {
    position: fixed; 
    right: 5vh;
    bottom: 1vw; 
}

.kontakt > a {
font-family: "parabolica", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 25px;
margin: 2px;
color: black;
text-decoration: none;
}



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


    body{
        overflow: hidden;
	
    }

    .inhalt-container {
        position: fixed; 
        background-color: white;
        border-radius: 1.5em;
        margin: 2vh 2vw 2vh 2vw;   
        width: 96vw; 
        height: 90%;
    }
    
    
    #canvasContainer {
        position: absolute; 
        top: 1vh;
        width: 97%; 
        height: 97.5%;
        z-index: 0;
    
    }

    .kontakt {
        position: fixed; 
        right: 5vh;
        bottom: 3vw; 
        z-index: 1000;
    }

    .kontakt > a {
        font-family: "parabolica", sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 25px;
        margin: 2px;
        color: white;
        text-decoration: none;
        z-index: 1000;
        }
        
}