#AudioWindow.sichtbar{
  position:fixed;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  top:0;
  left:0;
  width: 100vw;
  height:100vh;
  border:1px solid black;
  background-color: rgba(255,255,255,0.5);
}

#AudioWindow.unsichtbar {
  display:none;
}

#AudioBox {
  
}

#AudioWindow button {
  font-size:18px;
  margin-top:10px;
}

.Gruppe button {
  border:1px solid black;
  border-radius:2px;
}

.btngrey {background-color:#E8E7E8;}

.btnred {background-color:red;}


.center {text-align:center;}

.absatz5{
  margin-bottom:5px;
}

.absatz10{
  margin-bottom:10px;
}

.absatz20{
 margin-bottom:20px;
}

.links25{
padding-left:25px;  
}

.listAbst5 li{
  margin-top:5px;
}


input[id^="Collapse"] {
  display:none;
}

input[id^="Collapse"]+.Coll:hover{
  text-decoration:underline;
  background-color:#BCCAC9;
  cursor:pointer;
}

.Coll{
  display:inline-block;
  border: 1px solid grey;
  width:99%;
  background-color:white;
  padding-left:1%;
}

.item-pagehoer img, .item-pagedoc img {
  width:18px;
  height:18px; 
}

.Gruppe {
  margin-top:20px;
  margin-bottom:20px;
}

.Probe {
  margin-top:10px;
}

.Probe>div:nth-child(6n+1),.Probe>div:nth-child(6n+2),.Probe>div:nth-child(6n+3),
.doc_content>div:nth-child(4n+1), .doc_content>div:nth-child(4n+2){
  background-color:#ECF9F7;
}

.Probe>div:nth-child(6n+4),.Probe>div:nth-child(6n+5),.Probe>div:nth-child(6n+6),
.doc_content>div:nth-child(4n+3),.doc_content>div:nth-child(4n+4){
  background-color:#B6DDD8;
}

.Probe>div:nth-child(3n+2), .Probe>div:nth-child(3n+3),
.doc_content>div:nth-child(2n+2){
  text-align:center;
}


.item-pagehoer, .item-pagedoc{
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
}


input[id^="Collapse"]:checked + .Coll + .Stimmen{
  display: grid;
  row-gap: 10px;
  column-gap:1%;
  grid-template-columns: 60% 19% 19%;
}

.doc_content {
  display: grid;
  row-gap: 10px;
  column-gap:1%;
  grid-template-columns: 60% 39%;
}

.abstimmung {margin-top:10px; display:grid;row-gap:10px;column-gap: 1%; grid-template-columns:27% 27% 13% 13% 13%;}

.abstimmung > div:nth-child(10n+1),.abstimmung > div:nth-child(10n+2),.abstimmung > div:nth-child(10n+3),.abstimmung > div:nth-child(10n+4),.abstimmung > div:nth-child(10n+5){background-color: #B6DDD8;}

.Stimmen{
  display: none;
}

.content-text {
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  padding:10px;}

.content-text h3 {margin-bottom:10px;}

[class^="content-grid"] {margin-bottom:20px;}

.Hintergrundfarbe {}

.ZeilHoch {}

.ZeilHoch p { padding-bottom:5px;}

.content-grid-image img  {width:90%;margin-left:5%;}
.content-grid-image {
  align-self:center;
  justify-self:center;
}

.BiGal>div>figure {width:80%;margin-left:10%;}
.BiGal>div {max-width:600px;}

.BiGal img {width:100%; height:auto;}

.BiGal figcaption {text-align:center;}

.BiGal {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
  

@media only screen and (min-width: 900px){ 

.content-grid-image-extra img {width:90%;margin-left:5%;}
  
.content-grid05zu95{
  display:grid;
  grid-template-columns:5% 95%;
  width:100%;
}

.content-grid10zu90{
  display:grid;
  grid-template-columns:10% 90%;
  width:100%;
}

.content-grid15zu85{
  display:grid;
  grid-template-columns:15% 85%;
  width:100%;
}


.content-grid20zu80{
  display:grid;
  grid-template-columns:20% 80%;
  width:100%;
}

.content-grid25zu75{
  display:grid;
  grid-template-columns:25% 75%;
  width:100%; 	Sunderhof
}

.content-grid30zu70{
  display:grid;
  grid-template-columns:30% 70%;
  width:100%;
}

.content-grid35zu65{
  display:grid;
  grid-template-columns:35% 65%;
  width:100%;
}

.content-grid40zu60{
  display:grid;
  grid-template-columns:40% 60%; 	
  width:100%;
}

.content-grid45u55{
  display:grid;
  grid-template-columns:45% 55%;
  width:100%;
}

.content-grid50zu50{
  display:grid;
  grid-template-columns:50% 50%;
  width:100%;
}

.content-grid55zu45{
  display:grid;
  grid-template-columns:55% 45%;
  width:100%;
}

.content-grid60zu40{
  display:grid;
  grid-template-columns:60% 40%;
  width:100%;
}

.content-grid65zu35{
  display:grid;
  grid-template-columns:65% 35%;
  width:100%;
}

.content-grid70zu30{
  display:grid;
  grid-template-columns:70% 30%;
  width:100%;
}

.content-grid75zu25{
  display:grid;
  grid-template-columns:75% 25%;
  width:100%;
}

.content-grid80zu20{
  display:grid;
  grid-template-columns:80% 20%;
  width:100%;
}

.content-grid85zu15{
  display:grid;
  grid-template-columns:85% 15%;
  width:100%;
}

.content-grid90zu10{
  display:grid;
  grid-template-columns:90% 100%;
  width:100%;
}

.content-grid95zu05{
  display:grid;
  grid-template-columns:95% 5%;
  width:100%;
}

.content-grid-text {
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  padding:10px;
  align-self:center;
  justify-self:center;
}


.tabelle {
  display:table;
  width:100%;
}

.tabZelle {
  display:table-cell;
  vertical-align:middle;
}

.Breite50p{  
  width:50%;
}
 
.Breite30p{  
  width:30%;
}
  
.Breite40p{
  width:40%;  
  }
  
.Breite60p{
  width:60%; 
}

.Breite20p{
  width:20%; 
  }

.Links{
  float:left;
}

.Mitte{
  width:50%;
  margin-right:auto;
  margin-left:auto;
}

.Rand{
  padding:5px 20px;
}  
  
  
.Abstand45{
  margin-left:45%;
}  
  

} 

@media (max-width: 900px){

.tabelle, .tabZelle {
  display:block;
  width:100%;
}

  [class^="content-grid"]
  {display:grid;
    grid-template-rows:auto auto;
   margin-bottom:20px;
   width:100%;}
  
/*[class^="Breite"]{
  width:90%;    
}*/
 
  
.content-grid-image {grid-area: 1 / 1 / span 1 / span 1;} 
  
.content-grid-image-extra img {width:50%;margin-left:25%;}
  


.content-grid-text {grid-area: 2 / 1 / span 1 / span 1;font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  padding:10px;
  box-sizing:border-box;
  }  


.Mitte{
  width:100%;
}
  
.Rand{
  padding:5px 0px;  
}  
  
}