.Logo{
	display: flex;
	justify-content: right;
	height: auto;
}

.transpheight {
	height: 5em;
	}
	
    h1 { 
       font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;;
       font-size: 1.9em;
       text-align: center;
       padding-top: 0.5em;
       padding-bottom: 0.5em;
       background-color: #dad6db;
       color: #000000;
    }
     h2 { 
       font-family: Helvetica Neue, Helvetica, sans-serif;
       font-weight: 500;
       font-size: 1.4em;
       text-align: left;
       padding-top: 0.5em;
       padding-bottom: 0.5em;
       
    }
    
     h3 { 
       font-family: Helvetica, sans-serif;
       font-weight: 500;
       font-size: 1.2em;
       text-align: center;
       padding-top: 0.5em;
       padding-bottom: 0.5em;
       
    }
    
    .abb_beschr { 
       font-family: Helvetica, sans-serif;
       font-size: 0.9em;
       font-weight: 300;
       text-align: left;
       margin-top: 10px;

     }
    
     body { 
       font-family: Helvetica, sans-serif;
       font-size: 1.4em;
       font-weight: 300;
       text-align: left;
       margin-bottom: 50px;
     }
    
 .bodytext { 
     margin-top: 2em;
     margin-bottom: 2em;
    }
    
   .impressum { 
       font-family: Helvetica, sans-serif;
       font-size: 1.0em;
       font-weight: 300;
       text-align: center;
    }
    
   .fussnote { 
		 border-top:1px;
		 border-color: #000000;
		 border-top-style: solid;    
       margin-top: 2em;
       padding-top: 1em;
       margin-bottom: 2em;
       font-family: verdana, sans-serif;
       font-size: 0.9em;
       font-weight: 300;
       text-align: left;
    }

  
.row {
	margin: .05em;
	flex-wrap: wrap;
}


.row-reverse {
	flex-direction: row-reverse;
}

.flex-container {
  display: flex;
  margin-top: 1em;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
}

.flex-container_XXXL {
  display: flex;
  margin-top: 1em;
  height: auto;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
}

.Einleitung {
 margin-left: 7em;
 margin-right: 7em;
 }

.archivbox {
 border-top-style: solid;
 border-top-width: thin;
 border-top-color: #99a6b2;
 margin-left: 1em;
 }
 
 .archivbox_ohne {
 margin-left: 1em; 
 }

  .balken{
	height: 2em;
	background: #9e94a1
	}
	
	.date{
  display: flex;
  align-items: center;
  justify-content: center;
	}
	
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.active, .accordion:hover {
  background-color: #d9d9d9; 
}

.panel {
  display: none;
  background-color: white;
  overflow: auto;
}

.accordion2 {
  background-color: #d9d9d9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion2:hover {
  background-color: #ccc; 
}


.panel2 {
  display: none;
  background-color: white;
  overflow: auto;
}

.accordion3 {
  background-color: #d9d9d9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion4 {
  background-color: #d9d9d9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion5 {
  background-color: #d9d9d9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion6 {
  background-color: #d9d9d9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-style: solid;
  border-color: white;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}


.active, .accordion2:hover {
  background-color: #ccc; 
}


.panel3 {
  display: none;
  background-color: white;
  overflow: auto;
}
 
	.iframe_container_M {height: 300%;}
	.iframe_container_XL {height: 450%;}
   .iframe_container_XXL {height: 480%;}	
   .iframe_container_MEGA {height: 1000%;}	
   .iframe_container_GIGA {height: 2500%;}	


@media only screen and (min-width: 750px) {
	.iframe_container {height: 50%;}
	.iframe_container_M {height: 200%;}
	.iframe_container_L {flex-wrap: wrap; width: 105%; height: 100%;}
	.iframe_container_XL {height: 140%;}
	.iframe_container_XXL {height: 480%;}
	.iframe_container_MEGA {height: 1000%;}	
	.iframe_container_GIGA {height: 1000%;}	

}


@media only screen and (min-width: 820px) {
.framespace {height: 10%;}
.flex-container {flex-wrap: nowrap}
.iframe_container {height: 40%;}
.iframe_container_L {height: 65%;}
.iframe_container_M {flex-wrap: nowrap; width: 100%; height: 80%;}
.iframe_container_XL {height: 180%;}
.iframe_container_XXL {height: 480%;}
.iframe_container_MEGA {height: 1000%;}
 .iframe_container_GIGA {height: 1000%;}	
}