/*Puppenstube*/
body {
    margin: 0;
    padding: 0;

}

#wrapper {
	width: 860px;
	margin: 0 auto;
	background-color: #B68469;
	margin-top: 15px; 
}

#orginal{
	width: 900px;
	/*height: 748px;*/
    float: center;
}
p{
	font-family: Arial,
	sans-serif;
	color: white;
}

#handy{
	display: none;
}

/*@media screen and (max-width: 590px){*/
@media all and (max-width: 500px) {
#handy {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
	display: block;
  }
  
#orginal{
	display: none;
}

#header{
	margin-top: 5px;
	text-align: center;
}
#header img{
	max-width: 100%;
}	


.menubar{
	z-index: 10;
	width: 100%;
	left: 0;
    height: 3.3em;
	background-color: #4C2613;
	/*border-top : 4px solid #FFFFFF;*/       
	box-shadow: inset 0 1em 1em rgba(255,255,255,0.3); 
}
.bild{
	width: 100%;
    
}
.menubar table{
	width: 99%;
	font-size: 1.2em;
}
.menubar td{
	padding: 0.2em 0.5em 0.5em 0.5em;
} 
/*--Button--  
.select-wrapper{
	width: 99%;*/ 
	
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
   appearance: none;
   border: none;
   width: 100%;
   height: 35px;
   padding-left: 5px;
   background-color: #E4D3CB;
   color: black;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
   border-radius: 3px;
   outline: none;
   cursor: pointer;
}
select::-ms-expand {
   display: none;
}
/*--.select-wrapper::before {
  font-family: fontello;
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #ffffff;
  pointer-events: none;
}
ENDE--*/

#content {
	width: 100%;
    float:right;
	font-family: Arial;
	color: black;	
	background-image: auto;
}
#content img{
	max-width: 95%;
}
.box{
	width: 99%;
	height: auto;
	float: center;
	background-color: #B68469;
	background-size: contain;
	margin: 10px;
		
}
.clear{
	clear: both;
}
#footer{
	width: 100%;
	background: #B68469;
	border-top : 3px solid #B68469;
	color: #FFFFFF;
	font-weight: 500;
}
	
}