html, body {
    overflow-x: hidden;
  }
.p-Header-Index{
    font-size: 30px;
    font-weight: bold;
    text-shadow: 5px 3px 15px;
    text-align: center;
    color: antiquewhite;
    background-color: forestgreen;
    margin: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    max-width: 600px;
    border-radius: 10px  
}

.p-Header-Index-Link{
    text-decoration: none;
}

.headerLandesverband{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.p-Header-Index:hover{
    transition-duration: 1000ms;
    font-size: 40px;
    border-radius: 30px;
    padding: 5px;
    
}

.Landesverband{
    max-width: 80px;
}
.Landesverband:hover{
    scale: 2.3;
}
header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.banner-Index{
    max-width: 95%;
    height: auto;
    margin: 0 10px 10px 20px;}

header>a>img:active{
    transform: rotateX(360deg);
    transition-duration: 200ms;
}
body{
    background-image: url(./Platz.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
  }

.Jugend{
    font-size: 40pt;
    font-weight: 900;
    position: relative;
    left: 10%;
    bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    color: white;
}
.spieler-con-con{
    background-image: linear-gradient(forestgreen, rgb(212, 223, 212));
    border-radius: 20px;
}
.spieler-container{
    max-width: 2000px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.spieler1{
    max-width: 120px;
    height: auto;
}
.S1, .S2, .S3, .S4, .S5, .S6, .S7, .S8, .S9, .S10, .S11, .S12{
    width: 150px;  /*wenn man das wegmacht rutschen 
                    die Bilder zusammen und sind mehr mittig*/
    
}
.S1N, .S2N, .S3N, .S4N, .S5N, .S6N, .S7N, .S8N, .S9N, .S10N, .S11N,  .S12N{
    text-align: center;
    font-size: 20px;
    margin: 0;
}
.cont-Man-Foto{
    display: flex;
    justify-content: center; /* Zentriert den Inhalt horizontal */
    align-items: center; /* Zentriert den Inhalt vertikal */
    margin: 10px 0;
}
.Mannschaftsfoto{
    max-width: 100%;
    height: auto;
    margin-bottom: 120px;
}

body .a1
    {width: 95px;height: auto;
    position: fixed;top:94%;
    padding:5px 0 5px 0;
    left:50%;
    transform: translateX(-50%);}

.b1
    {width: 110px;
    background-image: linear-gradient(45deg,rgb(230, 238, 230),forestgreen,rgb(194, 206, 194),forestgreen);
     border-radius: 5px;
    opacity: 0.9;
    font-weight: 900;
    cursor: pointer;}