body {
   overflow-x: hidden !important; 
    background-image: url("../bilder/main_bg.gif");
    background-repeat:repeat-x;

}

#wrap-topbild {
position:relative;
width:100%;
max-height:900px !important;
background-color:#E2DEF0;
 overflow: hidden; 

border-top:10px solid #8F80BB;
}


#topbild {
    height: auto !important;
    position: relative;
    width: 100% !important;
    max-height:900px !important;
    max-width:3006px !important;
 }



#wrap-content {
    width:100%;
    height:auto;
}


#center {
  padding:50px 0px 30px 0px !important;
}


#inhalt, .inhalt {
    background-color:transparent !important;
    padding:0px !important; 
}

.shopbox {
display:block;
outline:none !important;
text-decoration:none !important;
background-color:#C4D200 !important;
color:#fff !important;
 min-height:100% !important;  height:auto; overflow:visible;
text-align: center;
	font-size: 40px;
	font-weight: bold;
	line-height: 150%;
	padding-bottom: 70px;
	padding-top: 70px;


-moz-border-radius: 0px 40px 40px 40px;
-webkit-border-radius: 0px 40px 40px 40px;
-khtml-border-radius: 0px 40px 40px 40px;
border-radius: 0px 40px 40px 40px;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}


.hbox {
display:block;
outline:none !important;
text-decoration:none !important;
background-color: #8F80BB;
color:#fff !important;
/*min-height:180px; */


-moz-border-radius: 0px 20px 20px 20px;
-webkit-border-radius: 0px 20px 20px 20px;
-khtml-border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}


#col3  { /*cursor:pointer;*/}
#col3:hover {
/*background-color: #66549C;*/
}


.hbox a { color:#FFFFFF;  }
.hbox  {  min-height:100% !important;  height:auto; overflow:visible; }
a.sbox { width:100%; min-height:100% !important; display:block; text-decoration:none !important; }


#col1 a.sbox > div,
#col2 a.sbox > div,
#col3 a.sbox > div,
#col4  > div  {
padding:15px !important;
font-size:13px !important;
}

#col5 > div,
#col6 > div {
padding:15px;
font-size:13px !important;
}


#col2 { background-color: #C4D200;  }
#col3 { background-color: #01C2C1; }

#col4 { position:relative; }
.call-iframe img { /*width:193px; height:143px; max-width:193px; max-height:144px;*/ max-width: 350px; height: auto; width: 100%;}
#webcam { position:absolute; bottom:25px; left:25px; font-size:16px ; font-weight:600; letter-spacing:0.7px; }





#center a,
#center a:link, 
#center a:visited  { color: #FFFFFF !important; text-decoration:underline;    }
#center a.mail  { color: #FFFFFF !important; text-decoration:underline;    }



div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
   /*  margin-bottom: 0px !important;  */
}



/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}


/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
}





/* Eröffnung 30.11.2017 */

#eroeffnung {
	padding:0px 30px 0px 30px; 
}

#eroeffnung #col2 {
	background-color:#EAEFA6 !important;
}

#hboxen {
	position:absolute;
	bottom:0px;
	right:0px;
	width:980px; 
	z-index:200;
	margin-bottom:30px; 

left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

a.hbox {
	padding:25px 25px 25px 25px; 
}

.hbox span {
	font-size:16px !important;
	font-weight:700 !important; 
}

.b1, .b2 {
	float:right;
	margin-left:25px; 
	display:block; 
}

.b1 {
	background-color:#01C2C1 !important;
}

.b2 {
	background-color:#C4D200 !important;
}


#wrap-description div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:350px; 
	z-index:50;
	padding-left:15px;
	padding-right:30px; 
	background-color:#EAEFA6; 
}


#mieter img {
	cursor:pointer; 
}

#mieter div {
	padding-bottom:17px; 
}

#mieter .col-sm-4 {
	min-height:71px; 
}

#eroeffnung #col2 h3 {
	font-size:initial !important; 
}

#mieter .mieter-content {
	display:none;
}

#wrap-description .mieter-content {
	display:block !important;
}


#wrap-description #div1,
/*#wrap-description #div2,*/
#wrap-description #div3,
#wrap-description #div4,
#wrap-description #div5,
/*#wrap-description #div6,
#wrap-description #div7, 
#wrap-description #div8, */
#wrap-description #div9,
/*#wrap-description #div10, */
#wrap-description #div11,
#wrap-description #div12,
#wrap-description #div13,
/*#wrap-description #div14,*/
#wrap-description #div15,
/*#wrap-description #div16,
#wrap-description #div17, 
#wrap-description #div18,*/
#wrap-description #div19,
#wrap-description #div20,
#wrap-description #div21,
#wrap-description #div22,
#wrap-description #div23,
#wrap-description #div24 {
	display:none !important;
}


#timetable span {
	display:inline-block;
	float:left; 
}


.day { width:120px; clear:left }
.time { 	}

.responsive-iframe {
	position: relative;
	padding-bottom: 32.65%;
	height: 0;
}


.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-border-radius: 2px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-khtml-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}








/*
col1 > div,
#col2 > div,
#col3 > div,
#col4 > div,
#col5 > div,
#col6 > div,
#col7 > div,
#col8 > div,
#col9 > div,
#col10 > div,
#col11 > div {
 /* padding:30px; */
/*background-color: #6F6B6A !important;
padding:30px;
color:#fff !important;
  -webkit-box-shadow:inset 0 0 5px 2px #333;
    -moz-box-shadow:inset 0 0 5px 2px #333;
    box-shadow:inset 0 0 5px 2px #333; 
}
*/


/*
#col1, #col4, #col7 {
 padding-left:0px !important; 

} 
*/

.row {
    margin-left: -15px !important
    
}









@media screen and (max-width: 1000px) { 

	.call-iframe img {
	  height: 110px;
	  max-height: 110px;
	  max-width: auto;
	  width: auto;
	}
	
	.bitem { height:183px !important; }
}






@media screen and (max-width: 980px) { 


 #center {
    padding-left:15px !important;
    padding-right:15px !important;
  }

}




/* Responsive Boxes for Homepage  */
@media screen and (max-width: 767px) { 

	
	#wrap-topbild {
	 overflow: visible; 
	}


	.col-sm-3 {
		margin-bottom:25px;
	} 

	.row {
	margin-bottom: 0px;
	}


	#eroeffnung {
	padding: 0px 0px 0px 0px;
	}

	#wrap-description {
		display:none !important; 
	}
	
	/*
	#mieter .mieter-content {
    display: block !important; 
	}
	*/
    #mieter #mcontent2,
	#mieter #mcontent6,
	#mieter #mcontent7,
	#mieter #mcontent8,
	#mieter #mcontent10,
	#mieter #mcontent14,
	#mieter #mcontent16,
	#mieter #mcontent17,
	#mieter #mcontent18
	{
	display:block !important; 	
	}
	
	
	#timetable {
		height:auto;
		overflow:hidden; 
	}
	
	#timetable:after {
		clear:both; 
	}
	
	#eroeffnung #col2  {
	margin-top:30px; 
	margin-left:0px;
	}
	
	#mieter img {
		max-width:280px !important;
		height:auto; 
	}
	.mieter-content {
		padding-top:8px; 
	}
	.mieter-content h1 {
		margin-bottom:10px; 
	}
	
	#hboxen {
		width:100%;
		padding-right:20px !important; 
		bottom:0px !important; 
		margin-bottom:-30px;
		
	}
	
	a.hbox {
	padding: 5px 8px 5px 8px;
		-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	-khtml-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	}


	.hbox span {
	font-size: 14px !important;
	font-weight: 700 !important;
	}
	
	
	.responsive-iframe {
		padding-bottom: 60%;
	}
	
}




@media screen and (max-width: 500px) { 

	.call-iframe img {
	  height: 80px;
	  max-height: 80px;
	  max-width: auto;
	  width: auto;
	}
	
	.bitem { height:140px !important; }
	
	.responsive-iframe {
		padding-bottom: 70%;
	}

}