/*div#main-wrapper {	max-width:none;}
*/


section { margin:3% auto; max-width:1200px; clear:both;}
.h3 { margin:0}
section .img { border-radius:50%}

.wider{ max-width:970px; width:100%; margin:0 auto; text-align:justify; float:none}

.flexbox-item:first-child { min-height:64vw;}


.masonry { /* Masonry container */
    column-count: 3;
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 1em;
	-moz-column-gap: 1em;
    -webkit-column-gap: 1em;
	 /*display: -webkit-flex; 
    display: flex;
	flex-wrap: wrap;
   -webkit-flex-direction: column;
    flex-direction: column;*/
}


.item { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
	/*flex-basis: 200px;
	height:200px;*/
}

.item:nth-child(4) { -webkit-flex: 2; flex: 2;}
.item:nth-child(6) { }

.item img { max-width:100%;}

#content #wrapper-menu { width:100%; position:relative; margin:3rem 0 0}
#content #wrapper-menu LI {width:23%; margin:0 1% 3rem;padding-bottom:20%; height:0; position:relative; float:left; list-style:none; overflow:hidden; background:#000; }
#content #wrapper-menu LI div { position:absolute; width:100%; height:0; padding-bottom:90%; display:block; text-align:center; float:left; left:0;}
#content #wrapper-menu LI img { position:absolute; top:0; z-index:1; height:100%; max-width:none; left:0;-webkit-transform: translateX(-20%);-ms-transform: translateX(-20%);transform: translateX(-20%);-webkit-filter: grayscale(100%);filter: grayscale(100%);
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
opacity: .4;}

#content #wrapper-menu LI:hover img { -webkit-transform: scale3d(1.15, 1.15, 1.3) rotate(5deg) !important; transform: scale3d(1.15, 1.15, 1.3) rotate(5deg) !important;-webkit-filter: grayscale(0%);filter: grayscale(0%); opacity:.8;}
#content #wrapper-menu LI a { box-sizing:border-box; display:block ; width:100%; position:absolute; z-index:3; color:#fff;font-size:1.5em; line-height:1.1em; padding:2rem 2rem; bottom:30%;}

#content #wrapper-menu LI:before { display:none}
/*

#sidebar-left h4 {display:none;}
div#sidebar-left {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	position: relative;
	padding: 0 0 0 0;
	z-index: 2;}
#sidebar-left div UL { width:100%;}
#sidebar-left div LI { width:23%; margin:0 1% 3rem;padding-bottom:20%; height:0; border-bottom:none; font-size:1em; text-transform:uppercase;-webkit-filter: grayscale(100%);
	filter: grayscale(100%);-webkit-transition: 0.5s ease all;	-o-transition: 0.5s ease all;	transition: 0.5s ease all; display:inline-block; position:relative; float:left}
	#sidebar-left div LI:hover { -webkit-filter: grayscale(0);filter: grayscale(0);}

#sidebar-left div LI::before { content:'';background:rgba(0,0,0,.5);height:100%;width:100%; transition:all 1s; position:absolute; left:0; top:0; }
#sidebar-left div LI:hover::before {background:rgba(0,0,0,.2);}

#sidebar-left div LI A, 
#sidebar-left div LI.nav-active A { width:100%;  text-align:center; color:#fff; padding:0 2rem 0; font-weight:500; font-size:1.5em; line-height:1.1em; position:absolute; top:50%; left:0; box-sizing:border-box; display:block ;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#sidebar-left div LI A:hover, 
#sidebar-left div LI.nav-active A:hover { background:none}
#sidebar-left div LI.nav-active A.current		{ background-color: #222;  }

#sidebar-left div li.bau-handwerk  { background:url(../files/categories/bau_handwerk.jpg) no-repeat center; background-size:cover }
#sidebar-left div li.gastro  { background:url(../files/categories/gastro.jpg) no-repeat center; background-size:cover }
#sidebar-left div li.berater  { background:url(../files/categories/berater.jpg) no-repeat center; background-size:cover }
#sidebar-left div li.beauty  { background:url(../files/categories/beauty.jpg) no-repeat center; background-size:cover }

#sidebar-left div li.gesundheit  { background:url(../files/categories/gesundheit.jpg) no-repeat center; background-size:cover }
#sidebar-left div li.art  { background:url(../files/categories/art.jpg) no-repeat center; background-size:cover }
#sidebar-left div li.land  { background:url(../files/categories/land.jpg) no-repeat center; background-size:cover }

*/


.txt-box { padding:5%; }
.section { margin:3% auto; position:relative; clear:both}

ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 33px;}
ul.check li::before {
	content: "\f00c";
	font: normal normal normal 16px/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#96c11f;}

div.button { width:100%; text-align:center; margin:3% auto 0;}
div.button a {
	width:90%;
	margin:0 auto;
	max-width:320px;
	padding: 0;
	height: 50px;
	background: #eeb64e;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 25px;
	text-transform: uppercase;
	border: none;
	transition: all ease 0.3s;
	cursor: pointer;
	display:block}
	div.button a:hover { background:#222}

.center  .center  { text-align:left;}



.productOverview { margin:0 auto 4rem;}
#content .productOverview ul{
	position:relative; width:100%; height:100%; 
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content:center;
	-webkit-justify-content: center;
	-moz-justify-content:center;
	align-items: stretch;
	margin: 0 0 0 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
	#content  .productOverview ul li { list-style: none; padding:1px 1px 2rem 1px; margin:2rem 1%; text-align:center;
	/*flex-basis: calc(33.3333% - 2rem);-webkit-flex-basis:calc(33.3333% - 2rem);-moz-flex-basis:calc(33.3333% - 2rem);*/
	position:relative; border:1px solid #eee; background:#fff;width:31.333%; float:left; }
	#content  .productOverview ul li img { background:#fafafa; margin:0 0 2rem;}
	#content .productOverview ul li::before { display:none}
	
.m-products { max-width:970px; margin:0 auto!important;}

.m-products::before{
	display: block;
	content: ' ';
	width:100px;
	height: 2px;
	background: #96c11f;
	margin: 0 auto 2rem;
	transition: 1s;}
a.button2,
a.button  { display:inline-block; width:25%; min-width:330px; font-size:1.5em;
	margin: 3rem auto 0;
	background:#96c11f;
	color: #fff;
	border: none;
	line-height: 40px;
	padding: 10px 30px;
	line-height: 40px;
	text-transform: uppercase;
	transition: all ease 0.3s;}
	a.button2:hover, a.button:hover {color: #707273;background: #f4f4f4 ;}
	

@media screen and (max-width: 1300px) {
	#sidebar-left div LI A, #sidebar-left div LI.nav-active A { height:55px;}
	#content #wrapper-menu LI {width:31.333%; margin:0 1% 2rem; }
	#content #wrapper-menu LI div {padding-bottom:65%;}
		#content #wrapper-menu LI img {-webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform:translate(0,0%); height:auto; min-height:100%; width:100%;}
}
@media screen and (max-width: 950px) {
	div#sidebar-left { display:	none;}
	#content #wrapper-menu LI {width:48%; margin:0 1% 2%; padding-bottom:30%}
	#content #wrapper-menu LI div {padding-bottom:65%;}

	#content  .productOverview ul li { margin:1rem 1%;}
}
@media screen and (max-width: 900px) {
	#content  .productOverview ul li { margin:2rem 2%; width:46% }
}
@media screen and (max-width: 700px) {
	#content  .productOverview ul li { margin:1rem 2%;width:46% }
}
@media screen and (max-width: 568px) {
	#content #wrapper-menu LI {width:100%; margin:0 0 2%; padding-bottom:50%}
	#content #wrapper-menu LI div {padding-bottom: 50%;}
}
@media screen and (max-width: 500px) {
	#content  .productOverview ul li { margin:1.5rem 0; flex-basis: calc(100%);-webkit-flex-basis:calc(100%);-moz-flex-basis:calc(100%); }
}
@media screen and (max-width: 450px) {
#content h2{ font-size:1.3em;}
#content h2 span{ font-size:0.7em;}

#section-part .flleft.pure-u-1-2 { width:100%; margin:3% auto 0; }
}
@media screen and (max-width: 380px) {
	#content #wrapper-menu LI a { font-size:1.3em; line-height:1.1em;  bottom:20%;}
}
@media screen and (max-width: 359px) {
	a.button, a.button2  { min-width:0; width:100%; font-size:1.4em;padding: 10px 15px;}
	a.button2  {margin: .5rem auto 0;}
	}