
.contain:after {
    clear: both;
}

.contain:before, .contain:after {
    display: table;
    content: " ";
}

.contain {
    max-width: 1900px;
}
.zoom {
    cursor: zoom-in;
}

.contain {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*, *:before, *:after {
    box-sizing: border-box;
}

.group:after {
    clear: both;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.squares{
	color:white;
	position:relative;
	padding:0 20px;
	text-align:center
}


#content {
  overflow: hidden;
}
.squares-min{
	color:#000;
	position:relative;
	padding:0 20px;
	text-align:center;
	margin-bottom:150px;
	margin-left:5%;
	z-index:1;
}

.squares-min>ul{
	float:left;
	
}

.squares-min>ul.outside-half{
	margin-top:0px;
}

.squares-min>ul.outside-full{
	margin-top:115px
}


.squares-min>ul.overflow-left{
	position:absolute;
	left:-92px
}
.squares-min>ul.overflow2-left{	
	margin-left:-98px
}

.squares-min>ul.overflow-right{
	position:absolute;
	right:-30px
}

.squares-min>ul>li{
   float:left;	
	height:150px;
	width:150px;
	margin:30px;
}



.squares-min>ul>li.header p{
	padding:0 40px
}


#pin-min li{
	overflow:hidden;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;    
	background-image:url(../wall/back.jpg);	
	position:relative;
	text-align:left;
	
}

#pin-min li a img{	   
	-webkit-transition:left 0.5s cubic-bezier(0, 0, 0.4, 1);
	-moz-transition:left 0.5s cubic-bezier(0, 0, 0.4, 1);
	-o-transition:left 0.5s cubic-bezier(0, 0, 0.4, 1);
	transition:left 0.5s cubic-bezier(0, 0, 0.4, 1);
	left:0;
	position:absolute;
	
	z-index:1;
	left:-150px;
	height:150px;
	width:150px;
}

#pin-min li div{
	padding:0;
	z-index:1;
	text-align:center;
}

#pin-min li:hover a img{
	left:0px
}


#pin-min li.photo{
	background-image: url(../wall/ph-ground.png);
	}
#pin-min li.funk{
	background-image: url(../wall/funk-ground.png);
	}
#pin-min li.daten{
	background-image: url(../wall/daten-ground.png);
	}
#pin-min li.licht{
	background-image: url(../wall/licht-ground.png);
	}
#pin-min li.bio{
	background-image: url(../wall/bio-ground.png);
	}
#pin-min li.bau{
	background-image: url(../wall/bau-ground.png);
	}
#pin-min li.sat{
	background-image: url(../wall/sat-ground.png);
	}
#pin-min li.ant{
	background-image: url(../wall/ant.png);
	}						
.withe{
	color:#ccc!important;
	text-decoration:none;}

.row-centered {
    text-align:center;
}

.mob-tab > ul {
     text-align: center;
     margin: 0;
     padding: 0;
}
 
.mob-tab > li {
     display: inline;
     list-style: none;
     margin-right: 10px;
     padding: 5px 10px;
     background: #fff;
}


@media(min-width:1200px){}

.hidden{display:none;visibility:hidden}
.visible-phone{display:none!important}
.visible-tablet{display:none!important}
.hidden-desktop{display:none!important}
.visible-desktop{display:inherit!important}

@media(min-width:768px) and (max-width:979px){
.hidden-desktop{display:inherit!important}
.visible-desktop{display:none!important}
.visible-tablet{display:inherit!important}
.hidden-tablet{display:none!important}
#slidingDiv_1, #slidingDiv_2, #slidingDiv_3, #slidingDiv_4,#slidingDiv_5, #slidingDiv_6, #slidingDiv_7, #slidingDiv_8, {
    margin-top: 30px;
   
}}
@media(max-width:767px){
.hidden-desktop{display:inherit!important}
.visible-desktop{display:none!important}
.visible-phone{display:inherit!important}
.hidden-phone{display:none!important}
#slidingDiv_1, #slidingDiv_2, #slidingDiv_3, #slidingDiv_4,#slidingDiv_5, #slidingDiv_6, #slidingDiv_7, #slidingDiv_8, {
 margin-top: 20px;   
}}






