/*nav-foot.css css seite der FC Seite*/
body{
    margin: 0;
    background-color: rgb(21, 21, 49);
    font-family: Arial, Helvetica, sans-serif;
    color:aliceblue
  }
h1{
    font-size:2rem;
    text-align: center;
    
}
h2{
    font-size: 1rem;
    text-align: center;
}
p{      
  width: auto; 
  color: white;
  font-size: 1.1rem;
  padding: 20px;
  text-align: center;
  margin: 20px;
}
.left{      
  width: auto; 
  color: rgb(245, 243, 225);
  font-size: 1.1rem;
  padding: 2vw;
  text-align: left;
  margin: 2vw;
}
h4{margin-top: 0;
  padding-top: 20px;
  font-size: x-large;
  text-align: center;
  height: 50px;
  background-color: #3b4f74;
}
/*===========================================================================*/
nav{
    width: auto;
    margin-top: 1vw;
    height: 30px;
    padding: 1vw;
    text-align: right;
    background-color: rgb(44, 44, 82);
    color: rgb(237, 238, 243);
    border:solid rgb(55, 55, 61);  /*wird nicht vererbt*/
    font-size: 0.9rem;
}
.kontakt{
  width: 60%;
  height: 300px;
  padding: 20px;
  text-align: left;
  margin-top: 100px;
  margin-left: auto;margin-right: auto;
line-height: 3;
}
.videos{
  width: 60%;
  height: 100px;
  padding: 20px;
  text-align: center;
  margin-top: 10px;
  margin-left: auto;margin-right: auto;
line-height: 3;
}
.linke{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white; 
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}
.bildx{
  width: 7vw;
  position: absolute;
  top:2vw;
  left:5px;
 
}
.linkeh{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: white; 
  background-color: rgb(101, 101, 146);
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
 
}
.active{
  background-color: #A62C21 !important;

}
.linke2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white; 
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
}
.linke3{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white; 
    padding-left: 40px;
    padding-right: 40px;
    text-decoration: none;
}
/*==========================================================*/
.bild{
    width: 100%;
    height: 400px;

}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 90%;
    margin: 5%;
}
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  tr th{
    background-color: #3862a1;
    font-size: 1.3rem;
    text-align: center;
  }
  tr:nth-child(even) {
    background-color: #263153;
  }
  tr:nth-child(odd) {
    background-color: #313846;
  }
  
  
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  @media (max-width:600px){
    td{
      font-size: 0.7rem;
    }
    nav{ font-size: 0.5rem;}
    h1{font-size: 1.2rem;}
  }
  @media (max-width:400px){
    td{
      font-size: 0.5rem;
    }
    nav{ font-size: 0.5rem;}
    h1{font-size: 1rem;}
  }
/*==========================================================*/

.grid-container {
    width: 70vw;
    display: grid;
    grid-template-columns: 1fr 1fr ;
    gap: 1vw;
    background-color: #5d656b;
    padding: 1vw;
    margin-left: auto;margin-right: auto;
    margin-top: 50px;
    
   
}
.grid-item{
    background-color: rgba(24, 44, 85, 0.8);
    text-align: left;
    padding: 2vw 0;
    font-size: 1rem;
 }

.bildergalerie{
  display: inline-table;
  margin-left: 9%;
}
.bildergalerie2{
  display: grid;
  width: 80%;
  margin-left: 9%;
  justify-items: center;
}
.bild{
    margin: 10px;
    width:40%;
    height: auto;

}
.bild:hover{
  transform:scale(1.5);
  
}
.bild-breit{
display: block;
  width:80%;

  margin-left: auto;
  margin-right: auto;
}
#impressum{
  font-size: 0.7rem;
  color: white;
}
 #container >p{
  font-size:10px;
 }
 div p{
  font-size:12px;
 }
 .p1{
  font-size:18px;
 }
 .p2{
  font-size:24px;
 }
 footer{ 
  position: absolute;
  background-color: rgb(36, 36, 87);  
  width:100%;
  height: 2rem;
  text-align: center;
  bottom:0;
}
.aktuelles{
  position: absolute;
  top: 500px;left: 100px;
  width: 170px;
  height: 140px;
  background-color: rgb(167, 59, 152);
  color: #f3e8e8;
  margin-left: auto;margin-right: auto;
  margin-top: 40px;
  transform: rotateZ(20deg);
  padding: 40px;
  font-size: 1rem;
}
.gross{
  font-size: 1.5rem;
  color: #ecaeda;
}
.film{
  width: 80%;
  color: #ecaeda;
  border-color: #eaedf0;
  border-style: solid;
  border-width: 5px;
  margin-left: auto;margin-right: auto;
  margin-top: 100px;
}