.grid-container{
  display:grid;
  grid-template-columns: auto;
  grid-gap:1em;
  height: 20vh;

}


.grid-element{
  text-align:center;
  padding:1em;
}


.grid-element.eins {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align:  left;

   
    
}

.grid-element.pinwand1 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    border-style:solid;
    text-align:center;
    margin-top:2em;
    
}

.grid-element.pinwand2 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    border-style:dashed;
    
}

.grid-element.pinwand3 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
    border-style:dashed;
    
}

.grid-element.zwei {
  grid-column-start: 2;
  grid-column-end: 3;
     grid-row-start: 1;
    grid-row-end: 1;
    text-align: left;
    
    }

.grid-element.zweikomma {
  grid-column-start: 1;
  grid-column-end: 3;
     grid-row-start: 2;
    grid-row-end: 3;
    text-align: left;
    
    }

.grid-subcontainer{
  display:grid;
  grid-template-columns: 100%;
      grid-template-rows: 50% 50%;
    grid-gap:1em;
    margin:auto;
      
}

/*.grid-element.zweiA {
  grid-column-start: 1;
  grid-column-end: 1;
     grid-row-start: 1;
    grid-row-end:1;
 margin:auto;
    list-style-type: none;
    
  
    }*/



.grid-element.dreiB {
  grid-column-start: 1;
  grid-column-end: 3;
   grid-row-start: 4;
    grid-row-end: 5;
  text-align: left;
    margin-top:auto;
    
}

.grid-element.fuenf {
  grid-column-start: 3;
  grid-column-end: 4;
   grid-row-start: 3;
    grid-row-end: 4;
  text-align: left;
   padding:0em;
}

  .grid-element.fuenf ul {
  list-style-type: none;
}

/*.grid-element.dreiB ul {
  list-style-type: "♪";*/

    
}

/*.grid-element.dreiB li {
  margin-bottom:2em;}*/

    
.grid-element.dreiA {
  grid-column-start: 1;
  grid-column-end: 3;
   grid-row-start: 4;
    grid-row-end: 5;
  text-align: left;
    margin-top:auto;
}
    
.grid-element.vier {
  grid-column-start: 1;
  grid-column-end: 2;
   grid-row-start: 5;
    grid-row-end: 6;
  text-align: left;
   padding:0em;
}

.grid-element.vier ul {
  list-style-type: none;
  
}



.grid-element.zwei ul {
   list-style-type: none; 
}

.grid-element.formular {
  grid-column-start: 1;
  grid-column-end: 3;
   grid-row-start: 6;
    grid-row-end: 7;
    /*margin-left:50%;
    margin-right: 50%;
*/}



.grid-element.footer  {
  grid-column-start: 1;
  grid-column-end: 3;
   grid-row-start: 7;
    grid-row-end: 8;
z-index:1;    
    grid-gap: calc(0.5em + 0.5vw);
    
}

.grid-element.footer a:hover {
  background-color:grey; 
}

.grid-element.mitglied {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}

.grid-element.termine {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
     text-align: left;
   padding:0em;
}

.grid-element.termine ul {
     list-style-type: none;
  
}

.grid-element.termine li {
     margin-bottom: 1em;
  
}

.grid-element.idee {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
     text-align: left;
   padding:0em;
}

.grid-element.idee ul {
     list-style-type: none;
  
}


.grid-element.maps {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
}


.grid-element.dirigentinbild {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
    
}

.grid-element.diri1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1; 
    
}

.grid-element.diri2 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    text-align: left;
    padding:0em;    
}

.grid-element.diri2 ul {
     list-style-type: none;
  
}

.grid-element.diri3 ul {
     list-style-type: none;
  
}

.grid-element.diri3 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1; 
    
}

.grid-element.danke1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    
    }


.grid-element.danke2 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; 
    }


.grid-element.statementsbild {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;

    
}



/*.grid-subcontainerzwei {
  display:grid;
  grid-template-columns: 100%;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap:1em;  
}*/