body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #311599;
    font-family: 'GT America Medium', sans-serif;
    color: #FFFFFF;
}

body {
    width: calc(100% - 128px); /* Reduziert die Breite für Web-Ansicht */
    margin: 64px; /* Seitenrand für Web */
}

@media (max-width: 600px) {
    body {
        width: calc(100% - 64px); /* Reduziert die Breite für Mobil-Ansicht */
        margin: 32px; /* Seitenrand für Mobile */
    }
}

.container {
    text-align: center;
}

.text-animation {
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;

}

h1 {
    font-size: 38px; /* Vergrößerte Schriftgröße */
}

#contact-button {
    background-color: #311599;
    color: #FFFFFF;
    border: 1px solid white;
    border-radius: 50px;
    padding: 16px 64px;
    font-size: 14px;
    font-family: 'GT America Medium', sans-serif;
    transition: background-color 0.3s, transform 0.3s;
}

#contact-button:hover {
    background-color: #FFFFFF;
    color: #311599;
    transform: scale(1.05);
}

@media (max-width: 600px) {
    .text-animation {
        position: absolute;
        top: 0; /* Text-Animation am oberen Teil des Bildschirms */
        width: 100%;
    }

    .button-container {
        position: absolute;
        bottom: 0; /* Button im unteren Drittel des Bildschirms */
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #contact-button {
        margin-bottom: 32px; /* Abstand vom unteren Rand */
    }
}