body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

header{
    margin: 24px;
}

.mitte{
    display: flex;
    justify-content: center; 
    align-items: center;
}

#bildhtml{
    max-width: 562px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
#bildhtml img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#eislaufbild{
    width: 100%;
    height: 200px;
}

#eislaufbild img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 400px){
    #eislaufbild{
        height: 300px;
    }
}

@media screen and (min-width: 800px){
    #eislaufbild{
        height: 500px;
    }
}



nav {
    position: sticky;
    top: 0;
    backdrop-filter: blur(4px);
}
footer ul, nav ul, section ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    padding-bottom: 24px;
}

footer ul li a, nav ul li a,section ul li a{
    padding: 5px;
    margin: 5px;
    color: black;
    font-weight: 600;
}

footer ul li a:hover, nav ul li a:hover{
    color: rgb(15, 115, 133);
}

#instagramlink a:hover{
    color: white;
    padding-bottom: 8px;
    background: linear-gradient(to bottom, #990099 0%, #ffcc00 100%);
}
#instagramlink a,#facebooklink a,#tiktoklink a{
    border-radius: 10px;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

#facebooklink a:hover{
    color: white;
    padding-bottom: 8px;
    background: #3b5998;
}

#tiktoklink a:hover{
    color: white;
    padding-bottom: 8px;
    background: linear-gradient(to bottom,  #69C9D0 0%,  #EE1D52 100%);
}

.blocktext {
    max-width: 1200px; 
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

section h1{
    font-size: xx-large;
    font-weight: 800;
}

.footerstyle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;

}
.footerstyle ul {
    list-style-type:none;
    padding-left: 0;
}
.footerstyle p {
margin: 3px;

}

