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

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

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

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

#michsiehst {
    position: absolute;
    left: 87%;
    top: 45%;
    //text-align: center;
    //vertical-align: middle;
    transform: translate(-87%, -45%);
    color: #6b7cbc;
    font-size: 200%;
    font-style: italic;
}


/* Media Query für kleine Bildschirme */
@media (max-width: 600px) {
    #sagmal {
        top: 8%;
        font-size: 150%;
    }

    #persoenlich {
        top: 85%;
        font-size: 150%;
    }

    #wiedu {
        left: 10%;
        top: 50%;
        font-size: 150%;
        transform: translate(-10%, -50%);
    }

    #michsiehst {
        left: 90%;
        top: 50%;
        font-size: 150%;
        transform: translate(-90%, -50%);
    }
}