
* {
	margin: 0;
	padding: 0;
}

#wohnen-pic-container {
	padding:15px; /*height: 15px;*/
	z-index: 10;
}
#top-space {
	padding:15px; /*height: 15px;*/
	box-sizing: border-box;
}

ul#wohnen {
	padding:0;
	margin:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	/* background-color:#FFFFFF; */
}
ul#wohnen li{
	padding: 3px;
	/* background-color:#ebebeb; */ 
	border:1px solid #CCC;
	float:left;
	margin:0 10px 10px 0;	
}
ul#wohnen li:hover{
	border:1px solid #333;
}
ul#wohnen li span{
	display:block;
	text-align:center;
	font-size:15px;
}
ul#wohnen li a img{
		border:none;
}

#wohnenpopup { 
  background:url("")
  no-repeat
  top
  center;
  background-size: cover;
  background-position: center center; 
  visibility: hidden;  
  position: absolute; 
  top: 5%; 
  bottom: 5% ;
  left: 5%;
  right: 5%; 
  height: 100% ; /*100vh; */
  width:  80%;    
  border: 2px solid black; 
  z-index: 10;
  font-size:14px; 
  line-height:20px;
  padding: 20px;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
 
  }
 
#wohnenpopup.hidden{
 visibility: hidden; 
 /* display: none !important; */ 
}   
#wohnenpopup.visible{
  visibility: visible; 
 /*  display: block !important; */ 
}   
 
 #wohnenpopup.show{
  visibility: visible; 
  /* display: block !important; */  
}   

#wohnenpopup.close{
 visibility: hidden; 
 /* display: none !important;  */
}

#wohnenpopup:after{
   clear:both;
   display:block;
   content:'';
}


.wohnenButton
{
    
  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position:relative; /*absolute;*/ 
  /* height: 50px; 
  width:  140px;  */
  text-align: center;
  font-size: 22;
  margin:0 0px 0px 0; 
  /* margin-right:10px; */
  box-shadow: 10px 10px 15px silver;
  border: 2px solid black;  /* Rahmen */ 
  border-radius: 10px;  /* Adds curve to border corners */
  cursor:pointer;  
  display: block; 
 
}

.wohnenButton:hover 

{

  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 2px solid black;
  border-radius: 3px;
  opacity: 0.7;  
    
}
