body {

}
img {
	max-width: 100%;
}
#wrapper {

}

#rotate:hover {
-moz-transform: rotate(-1200deg);
-ms-transform: rotate(-1200deg);
-o-transform: rotate(-1200deg);
-webkit-transform: rotate(-1200deg);

transform: rotate(-1200deg);



}
#rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform 30s ease-in-out;
  -o-transition: -o-transform 30s ease-in-out;
  -ms-transition: -ms-transform 30s ease-in-out;
  -moz-transition: -moz-transform 30s ease-in-out;
   transition: transform 30s ease-in-out;
   width: 100%;
  max-width: 500px;
  height: auto;
  z-index: 3;
}

.box {color: #000000; padding: 5px 0 0 0; width: 100%; position: absolute; font-size: 25px; font-weight: normal; font-family: Alpina; text-transform: uppercase; background: #ffffff !important; }
.topbox, .topbox-center, .topbox-right {width: 33%; position: relative; float: left; }
.topbox {text-align: left; padding-left: 25px;}
.topbox-center {text-align: center;}
.topbox-right {text-align: right !important;}


#flexbox {display: flex; color: #000000;  flex-direction: row;  justify-content: center; flex-flow: row wrap;}
 .box-left, .box-center, .box-right {width: 33.33%; color: #000000;}
 
 

 @media screen and (max-width: 800px){
 .box-left, .box-center, .box-right {width: 100%; color: #000000;}
 .topbox, .topbox-right {width: 50%;}
 .topbox {text-align: left; padding-left: 10px !important}
 .topbox-right { text-align: right; padding-right: 10px;}
 .annalogo, .topbox-center{display: none;}
 #opener {display: none;}
 #mobile {display: inline !important;}
 header p {font-size: 12px; }
 #two{display: none;}
#three{display: inline;}
 }
 @media screen and (max-width: 375px){
	#header {height: 100px !important;}
 header p {font-size: 12px;}
 #two{display: none;}
#three{display: inline;}
#head {
	text-align: center; 
	height: auto; 
	background-position: 0px 0px, center;
	}
.ui-dialog {top: 0 !important;}
 }
 
@media screen and (min-width: 768px){
#two{display: none;}
#three{display: inline;}
 #head {background-size: cover;}
 }
 
 @media screen and (min-width: 1200px){
 .box-left {text-align: left !important; padding-left: 10px;}
 .box-right {text-align: right !important; padding-right: 10px;}
#two{display: inline;}
#three{display: none;}
 #head {background-size: cover;}
 }
 
.box-right {
     margin-right: 0;
}

 
.spotlight p{font-size: 15px !important; text-transform: uppercase;}
.box-head {font-weight: bold; font-size: 20px !important; letter-spacing:2px !important; line-height: 1.1;}
.box-text {font-weight: bold; font-size: 14px !important;line-height: 1.1;}
#opener {cursor: pointer;}
#mobile {display: none;}
.ui-dialog {posotion: relative;
width: 100% !important;
background: #000000;
padding: 20px;
font-family: Arial, Helvetica, sans;
}
h2.content {margin: 0 important;}
#vitaanzeigen {
	
	padding: 0.4em;
}
#vita {
  padding: 50px;
  display: none;
  position: absolute;
  z-index: 10;
background: rgb(204,204,204, 0.6);
  bottom: 0;
  width: auto;
  height: 100px;
margin-left:auto;
margin-right:auto;	
border-radius: 15px;
  cursor: move;
}
#vitaheader{
 padding: 10px;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}
/*
#head{
position: relative;
margin-left:auto;
margin-right:auto;
text-align:center;
height: 500px;
}
*/
#head {
	text-align: center; 
	
	height: auto; 
	background-position:center top;
	background-size: 100% auto;
	}

#imprint, #imprint strong {padding: 20px; color: #000000 !important;}
#imprint button {background: #999999 !important;}
.mobile {text-decoration: none;}