@charset "utf-8";
/* CSS Document für Ankündigungsseite*/

body{font-family: "Gill Sans", Arial, sans-serif;
background-color: #cdcbcb;}

#header{width: 100%;
height: auto;
margin: auto;
background-color: #ffff;
overflow: auto;}


#wrapper{max-width: 60em;
height: 60em;
margin: auto;border-radius: 20px;
background-image: url(../img/kiesel_back.png);
background-size: cover;
overflow: auto;}



#logo{width: 30%;margin-top:  1em; margin-left: 1.5em;
float: left;
}
#logo img{width: 200px; height: auto;}

p{margin-left: 0.5em;margin-top: 1em; color: #234fa9;font-size: 150%;text-align: center;}

h1{background-color:
rgba(255,255,255,0.8); 	
color:#234fa9;
font-size: 140%;
text-align:center;
border: 2px solid #234fa9;
margin-top: 3em;margin-bottom: 1em;
padding: 20px;

}

h2{color:#f04f43; 
  float: left;
  width: 60%;
margin-bottom: 1em;
margin-left: 0.5em;
margin-top:1em; text-align:left;
    
}
#pr{color:#f04f43;
    float: left;
  width: 65%;
    margin-left: 0.2em;margin-bottom: 12em;
   text-align:left;
}



h3{color:floralwhite;float:right; margin-right: 4%;background-color: darkgray;border-bottom-right-radius: 5px;border: 0.5px solid #b30000;}
    
 @media screen and (orientation: landscape) {
    #wrapper{ background-image: url(../img/kiesel_back.png); }
   }
   @media screen and (orientation: portrait) {
    #wrapper {max-width: 40em;height: auto; background-image: url(../img/kiesel_back_hv.png);}
	
	#logo{width: 40%;height: auto;
	margin-left:  40em;
	margin-right: 40%;margin-bottom: 10%;
	float: right;
	
	h1{background-color:
	rgba(255,255,255,0.6); 	
	color:#7A7575;
	font-size: 300%;
	text-align:center;
	border: 0.5px solid #b30000;
	margin-top: 7.5em;
	padding: 20px;
    
    #pr{color:#f04f43;
    float: left;
  width: 60%;
    margin-left: 0em;margin-bottom: 12em;
   text-align:left;
}    
        
        

}
/*@media only screen and (min-
width:176px) and (max-width:600px) {
#wrapper {width:95%;}
 h1 {font-size:120%;}
 .logo img {max-width:100%;
height:auto;}}

   }*/