@charset "utf-8";

/* Version: gsmain1-161206 */

body,html {
  width:100%;
  height:100%;
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background-color:#000000;
  /* overflow: auto; */
  }

#aussen {
  display: grid;
	grid-template-rows:1fr;
	grid-template-columns:1fr;
  justify-content: center;
  align-items: center;
	width:100%;
	height:100%;
	background-color:#000000;
}

#mitte {
  display: grid;
	grid-template-rows:1fr;
	grid-template-columns:1fr;
  justify-content: center;
  align-items: center;
	width:96%;
	height:94%;
	margin-left: auto;
  margin-right: auto;
	background-color:#ff0000;
	z-index:3;
}

#innen {
  display: grid;
	grid-template-rows:1fr;
	grid-template-columns:1fr;
  justify-content: center;
  align-items: center;
	width:96%;
	height:94%;
	margin-left: auto;
  margin-right: auto;
	background-color:gold;
	z-index:6;
}


#flaeche {
  display: grid;
	grid-template-rows:1fr;
	grid-template-columns:1fr;
  justify-content: center;
  align-items: center;
	width:96%;
	height:94%;
	margin: auto;
  margin: auto;
	background-color:#ffffff;
	z-index:9;
}

#flaeche1 
{
  display: grid;
  grid-template-rows:1fr;
  grid-template-columns:1fr;
  justify-content: center;
		
  align-items: center;
	  
	width:96%;
  height:96%;
		
  margin: auto;
  background-color:#ffffff;
  z-index:9;
}

#flaeche2
{
  display: grid;
  grid-template-rows:auto;
  grid-template-columns:1fr;
  justify-content: center;
	align-items: center;
	width:96%;
  height:94%;
	margin: auto;
  background-color:#ffffff;
  z-index:9;
}

#inhalt
{
  display: grid;
	grid-template-rows:1fr 1fr 1fr auto;
	grid-template-columns:1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
	width:100%;
	height:100%;
	background-color:#ffffff;
	z-index:12;
}


#inhalt1
{
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:1fr 1fr auto;
	margin:auto;
	width:100%;
  height:94%;
  background-color:#ffffff;
  z-index:12; 
}


#inhalt2
{
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:auto 1% auto auto;
	margin:auto;
	width:98%;
  height:98%;
  background-color:red;
  z-index:12; 
}


	#ues
	{ 
		grid-column-start: 1; 
		grid-column-end:5; 
		grid-row-start: 1; 
		grid-row-end: 2;
		justify-content: center;
		align-items: center;
		text-align:center;
		margin:auto;
		width:98%;
		font-size:125%;
		overflow:auto; 
		white-space:nowrap;
		z-index:100;
		
  }
	
	#ues2
	{ 
		grid-column-start: 1; 
		grid-column-end:5; 
		grid-row-start: 1; 
		grid-row-end: 2;
		justify-content: center;
		align-items: center;
		text-align:center;
		margin:auto;
		width:98%;
		font-size:125%;
		overflow:auto; 
		white-space:nowrap;
		z-index:100;
		background-color:lime;
  }

#ph
{
	grid-column-start: 1; 
	grid-column-end:5; 
	grid-row-start:2; 
	grid-row-end:3;
		
}	
	
h1 { 
  
	grid-column-start: 1; 
  grid-column-end: 5; 
  grid-row-start: 1; 
  grid-row-end: 2;
	
	justify-content: center;
  align-items: center;
	text-align:center;
	margin: auto;
	width: 90%;
	font-size:155%;
  overflow: auto; 
	white-space:nowrap;
	z-index:101;
  }
 
form
{
  grid-column-start: 1; 
  grid-column-end: 5; 
  grid-row-start: 2; 
  grid-row-end: 3;
	width: 90%;
  height: 12%;
	margin:auto;
	text-align:center;
  color:#000000;
  z-index:99;
} 

#hinweis
{
  grid-column-start: 1; 
  grid-column-end: 5; 
  grid-row-start: 3; 
  grid-row-end: 4;
	background:#ffffff;
  text-align:center;
  z-index:12;
}

#t1
{
  grid-column-start:1; 
	grid-column-end:5; 
	grid-row-start:2; 
	grid-row-end:3;
	width: 90%;
	max-width:80em;
	margin:0 auto 0 auto;
	text-align:center;
	color:#000000;
	z-index:99;
		
}

#t2
{
  grid-column-start:1; 
	grid-column-end:5; 
	grid-row-start:3; 
	grid-row-end:4;
	width: 100%;
	height:100%;
	margin:auto;
	text-align:center;
	color:#000000;
	z-index:99;
	background-color:grey;	
}


.button {
 width: 75%; /* Breite des Buttons */
 height: 3em; /* Höhe des Buttons */
 border: 1px solid #aaa;  /* Rahmen */
 border-radius: 9px; /* Abgerundete Ecken */
 font:100% Verdana, Arial, Helvetica, sans-serif;
 font-weight:900;
 background: #ffffff; /* Hintergundfarbe für ältere Browser */
 background-image: linear-gradient(#ffffff, #bdbdbd); /* Farbverlauf */
 display: block; /* Darstellung als Block-Element */
 text-align: center; /* Horizontale Text-Ausrichtung */
 text-decoration: none; /* Links nicht unterstrichen */
 color: #0b0b61; /* Textfarbe */
 
 padding:1em 0 0 0;
 
 margin:1em auto 1em auto;
}

#ueber
{
  grid-column-start:1; 
  grid-column-end:2; 
  grid-row-start:4; 
  grid-row-end:5;
	background:#ffffff;
  text-align: center;
  z-index:12;
}

#einstell
{
  grid-column-start:2; 
  grid-column-end:3; 
  grid-row-start:4; 
  grid-row-end:5;
	background:#ffffff;
  text-align: center;
  z-index:12;
}

#ds
{
  grid-column-start:3; 
  grid-column-end: 4; 
  grid-row-start:4; 
  grid-row-end:5;
	background:#ffffff;
  text-align: center;
  z-index:12;
}

#imp
{
  grid-column-start:4; 
  grid-column-end:5; 
  grid-row-start:4; 
  grid-row-end:5;
	background:#ffffff;
  text-align: center;
  z-index:12;
}

.t1
{
  grid-column-start:1; 
  grid-column-end:2; 
  grid-row-start:2; 
  grid-row-end:3;
	width: 90%;
	max-width:80em;
  height: 12%;
	margin:auto;
	text-align:center;
  color:#000000;
  z-index:99;
	background-color:lightblue;
}

#rot
{
	border: 10px solid red;
	margin:10px 10px 10px 10px;
	
}
			
#gold
{
  border: 10px solid gold;
	margin:0;
	
	padding: 1em 1em 1em 1em;
	
	background-color:#ffffff;
}


@media only screen and (max-width:38em) 
{

	#einstell
	{
		grid-column-start:2; 
		grid-column-end:3; 
		grid-row-start:4; 
		grid-row-end:5;
		font-size:85%;
		background:#ffffff;
		text-align: center;
		z-index:12;
		
	}

}



@media only screen and (max-width:31em) 
{
	#aussen 
	{
    display: grid;
	  grid-template-rows:1fr;
	  grid-template-columns:1fr;
    justify-content: center;
    align-items: center;
	  width:100%;
	  height:110%;
	  background-color:#000000;
  }

  #mitte 
	{
    display: grid;
	  grid-template-rows:1fr;
	  grid-template-columns:1fr;
    justify-content: center;
    align-items: center;
	  width:96%;
	  height:94%;
	  margin-left: auto;
    margin-right: auto;
	  background-color:#ff0000;
	  z-index:3;
  }

  #innen 
	{
    display: grid;
	  grid-template-rows:1fr;
	  grid-template-columns:1fr;
    justify-content: center;
    align-items: center;
	  width:96%;
	  height:94%;
	  margin:0 auto 0 auto;
    background-color:gold;
	  z-index:6;
  }


  #flaeche 
	{
    display: grid;
	  grid-template-rows:1fr;
	  grid-template-columns:1fr;
    justify-content: center;
    align-items: center;
	  width:96%;
	  height:94%;
	  margin: auto;
    background-color:#ffffff;
	  z-index:9;
  }


  #flaeche1 
	{
    display: grid;
	  grid-template-rows:1fr;
	  grid-template-columns:1fr;
    justify-content: center;
		
    align-items: center;
	  
		width:96%;
	  height:96%;
		
	  margin: auto;
	  background-color:#ffffff;
	  z-index:9;
  }
	
	
  #inhalt
   {
    display: grid;
	  grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	  grid-template-columns:1fr;
    justify-content: center;
    align-items: center;
	  width:96%;
	  height:84%;
	  background-color:#ffffff;
	  z-index:12; 
  }

	#inhalt1
   {
    display: grid;
	  grid-template-columns:1fr;
		grid-template-rows:5% 11% 18% 18% 18% 18%;
		/*
		gap:0;
		
	  justify-content: center;
    
		align-items: center;
	  */
		margin:auto;
		width:100%;
	  height:94%;
	  background-color:#ffffff;
	  z-index:12; 
  }
	
	h1
	{ 
		/*
		grid-column-start: 1; 
		grid-column-end:2; 
		grid-row-start:1; 
		grid-row-end:2;
		
		justify-content: center;
		align-items: center;
		*/
		text-align:center;
		margin:auto;
		width: 90%;
		font-size:120%;
		overflow: auto; 
		white-space:nowrap;
		z-index:100;
		
  }
	
	#ues
	{ 
		grid-column-start: 1; 
		grid-column-end:2; 
		grid-row-start: 1; 
		grid-row-end: 2;
		justify-content: center;
		align-items: center;
		text-align:center;
		margin:auto;
		width:98%;
		font-size:115%;
		overflow:auto; 
		white-space:nowrap;
		z-index:100;
		
  }
 
	#t1
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:2; 
		grid-row-end:3;
		width: 90%;
		max-width:80em;
		margin:0 auto 0 auto;
		text-align:center;
		color:#000000;
		z-index:99;
		
	}
 
	form
	{
		grid-column-start: 1; 
		grid-column-end:2; 
		grid-row-start: 2; 
		grid-row-end: 3;
		width: 90%;
		height: 82%;
		margin:auto;
		text-align:center;
		color:#000000;
		z-index:99;
	} 

	#hinweis
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:3; 
		grid-row-end:4;
		background:#ffffff;
		text-align:center;
		font-size:75%;
		z-index:12;
		
	}

	.button 
	{
		width:75%;
		height:2.6em; 
		border:1px solid #aaa;
		border-radius:9px;
		font:100% Verdana, Arial, Helvetica, sans-serif;
		font-weight:900;
		background: #ffffff;
		background-image: linear-gradient(#ffffff, #bdbdbd); 
		display:block; 
		text-align:center;
		text-decoration:none;
		color:#0b0b61;
		
	}

	#ueber
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:4; 
		grid-row-end:5;
		background:#ffffff;
		text-align: center;
		z-index:12;
		
	}

	#einstell
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:5; 
		grid-row-end:6;
		background:#ffffff;
		text-align: center;
		z-index:12;
		
	}

	#ds
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:6; 
		grid-row-end:7;
		background:#ffffff;
		text-align: center;
		z-index:12;
		
	}

	#imp
	{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:7; 
		grid-row-end:8;
		background:#ffffff;
		text-align: center;
		z-index:12;
		
	}

}