body{

font-family:Arial, sans-serif;
margin:0;
background:#f5f5f5;
text-align:center;

}

header{

background:#000000;
color:white;
padding:20px;

}

.logo{

width:120px;

}

.team{

width:90%;
max-width:900px;
border-radius:10px;

}

section{

padding:40px 20px;

}

.sponsoren{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:20px;
align-items:center;

}

.sponsoren img{

width:100%;
max-width:250px;
margin:auto;

}

form{

max-width:500px;
margin:auto;
display:flex;
flex-direction:column;
gap:15px;

}

input,textarea{

padding:10px;
font-size:16px;

}

button{

padding:12px;
background:#004080;
color:white;
border:none;
cursor:pointer;

}

button:hover{

background:#0066cc;

}

footer{

background:#333;
color:white;
padding:20px;

}

iframe{

border:none;

}

ul{

list-style:none;
padding:0;

}

li{

margin:10px;

}


.kalender-button{

display:inline-block;
padding:15px 25px;
background:#28a745;
color:white;
text-decoration:none;
font-size:18px;
border-radius:8px;
margin-top:20px;

}

.kalender-button:hover{

background:#218838;

}



.link-buttons {
    display: flex;
	justify-content: center; /* Zentriert die Buttons */
    gap: 25px;
    flex-wrap: wrap;
}

.button {
    display: inline-block;
    padding: 12px 20px;
    background: #0066cc;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background 0.3s;
}

.button:hover {
    background: #004c99;
}


.sponsoren a img {
    transition: transform 0.2s ease;
}

.sponsoren a:hover img {
    transform: scale(1.05);
}