html, body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: black;
}

#inter {
    position: absolute;
    left: 50%;
    top: 20%;
    text-align: center;
    vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}

#meta {
    position: absolute;
    left: 50%;
    top: 30%;
    text-align: center;
    vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}

#kontext {
    position: absolute;
    left: 50%;
    top: 40%;
    //text-align: center;
    //vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}

#intertext {
    position: absolute;
    left: 50%;
    top: 50%;
    //text-align: center;
    //vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}

#ort {
    position: absolute;
    left: 50%;
    top: 60%;
    //text-align: center;
    //vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}

#selbst {
    position: absolute;
    left: 50%;
    top: 70%;
    //text-align: center;
    //vertical-align: middle;
    transform: translate(-50%, -50%);
    color: #CCCC9A;
    font-size: 200%;
    font-style: italic;
}