.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;
}
body{
    margin: 0;
    background-size: 100%;
}
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 10px;}

header>a>img:active{
    transform: rotateZ(360deg);
    transition-duration: 200ms;
}
/* header>a>img.active{ */
    /* transform: rotateZ(360deg);
    transition-duration: 200ms; */
/* } */

/* header{
    
} */

body{
    background-image: url(./Platz2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
  }

#img-Klopp{
    
    width: 170px;
    transition-duration: 1.1s; 
    
    border-radius: 60% 60% 60% 60%;
    
}
#img-Pep{
    max-width: 160px;
    transition-duration: 5000ms;
    border-radius: 60% 60% 60% 60%;
}
#img-Hansi{
    max-width: 170px;
    transition-duration: 6000ms;
    transition-timing-function: cubic-bezier(0.2, 0.165, 0.82, 0.075);
    border-radius: 50%;
}

#img-Hansi:hover{
    transform: rotate(2160deg);
    transition-duration: 6000ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 0.2);
    
}
#img-Pep:hover{
    transform: rotateY(900deg);
    transition-duration: 5000ms;
}

#img-Klopp:hover{
    transform: scale(1.5);
    transition: transform 500ms ;
}

#h2-Jürgen{
    text-transform: uppercase;
    
}
#h2-Pep{
    text-transform: uppercase;
}
#h2-Hans{
    text-transform: uppercase;
}
.div-Klopp{
    transform: rotateX(180deg)rotateZ(180deg);
    transition-duration: 2000ms;
    /* border: solid 2px black; */
    max-width: 250px;
    max-height: 700px;
    text-align: center;
    
}


.div-Klopp.active{
    transform: rotateX(720deg)rotateZ(360deg);
    transition-duration: 2000ms;
    background-color:forestgreen;
    border-radius: 20px;
    opacity: 0.9;
}



.div-Pep{
    max-width: 250px;
    max-height: 700px;
    
    text-align: center;
    transform: rotateY(180deg);
    transition-duration: 2000ms;
}



.div-Pep.active{
    transform: rotateY(720deg);
    transition-duration: 2000ms;
    background-color:forestgreen;
    border-radius: 20px;
    opacity: 0.9;
}

.div-Hans
    {max-width: 250px;
    max-height: 760px;
    text-align: center;
    transform: rotateZ(180deg);
    transition-duration: 2000ms;}

.div-Hans.active
    {transform: rotateZ(0deg);
    transition-duration: 2000ms;
    background-color:forestgreen;
    border-radius: 20px;
    opacity: 0.9;}


.div-Klopp,.div-Pep,.div-Hans{
    
    flex: 1;
    margin: 0px auto;
    margin-bottom: 20px;
    background-color: forestgreen;
    opacity: 0.4;
    cursor: pointer;
    border-radius: 10px;
    
}






.container{
    display: flex;
    flex-wrap: wrap;
    max-width: 1800px;
    max-height: 2955px;
    margin-left: 10px;
    font-size: 22px;
    font-weight: bold;
    
    
}

/* .p1{
    font-size: 28px;
} */

.span-Jürgen, .span-Pep, .span-Hans{
    font-size: 22px;
}
    

.div_unsere-Trainer{
    width:85%;
    max-height: auto;
    background-color:forestgreen;
    border-radius: 20px;
    opacity: 0.8;
    margin-bottom: 400px;
    padding: 10px 20px 10px 20px;
    flex-wrap: wrap;
    
}
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;}