body, html {
margin: 0;
padding: 0;
height: 100%;
}

.background-image {
background-image: url('hintergrund.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.logo {
z-index: 10;
width: 80%;
height: auto;
margin-bottom: 50px;
}

.button {
border: 3px solid white;
background-color: transparent;
color: white;
padding: 10px 20px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 32px;
font-weight: 700;
font-family: Poppins, Helvetica Arial, sans-serif;
border-radius: 50px;
cursor: pointer;
outline: none;
transition: background-color 0.4s, color 0.4s;
text-decoration: none;
}

.button:hover {
background-color: white;
color: #6a49f2;
}

.text {
color: white;
text-align: center;
font-size: 60px;
font-weight: 700;
font-family: Poppins, Helvetica Arial, sans-serif;
}