/*aus der main.css*/
.content_large {
    box-sizing: border-box;
    max-width: 1576px;
    margin: 0 auto;
}
	
/* header */
.header_sub{
	text-align: center;
	overflow: hidden;
}

.header_product_gallery_1{
	padding-top: 100px;
}

.header_product_gallery_2{
	display: inline-block;
	padding: 40px 0 80px 0;
	max-width: 1022px;
}	

/* filter */
.filter{
	border-radius: 8px;
	margin: 0 12px 10px 10px;
}

.filter_button_toggle_wrapper{
	color: black;
	height: 42px;
	text-align: right;
	padding-bottom: 20px;
}	

.filter_button_toggle{
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 4px 13px 4px 18px;
	border: 1px solid var(--gray2);
	border-radius: 20px;
	margin: 6px 0 4px 0;
}	

#Filter_Block{
	color: var(--black1);
	text-align: center;
	padding-bottom: 8px;
}

.filter_trigger_in, .filter_trigger_out{
	
	/*
	border-bottom: 3px white solid;
    border-right: 3px white solid;
    float: right;
    height: 10px;
    left: 12px;	
	position: relative;
    width: 10px;
    z-index: 49;
	-moz-transition: -moz-transform 0.35s linear, top 0.35s linear;
    -o-transition: -o-transform 0.35s linear, top 0.35s linear;
    -webkit-transition: webkit-transform 0.35s linear, top 0.35s linear;
    transition: transform 0.35s linear, top 0.35s linear;*/
}

.filter_trigger_in{ 
	background-color: var(--white1);
	/*
	top: 10px;
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);*/
}

.filter_trigger_in .filter_button_toggle{
	border: 1px solid var(--gray2);
}

.filter_trigger_in .filter_button_toggle_wrapper > div{
	box-sizing: bolder-box;
	border-bottom: none;
}	

.filter_trigger_out{
	background-color: var(--gray3);
	/*
	top: 15px;
	-moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);*/
}

.filter_trigger_out .filter_button_toggle{
	border: 1px solid var(--gray3);
}

.filter_trigger_out .filter_button_toggle_wrapper > div{
	box-sizing: bolder-box;
	border-bottom:  2px solid var(--gray2);
}	

.filter_item_in, .filter_item_out{
	overflow: hidden;
	-moz-transition: max-height 1s ease-out;
    -o-transition: max-height 1s ease-out;
    -webkit-transition: max-height 1s ease-out;
    transition: max-height 1s ease-out;
}

.filter_item_in{
	max-height: 0px;	
}

.filter_item_out{
	max-height: 200px;
}

.filter_block_col{
	display: inline-block;
	padding: 20px 30px;
	vertical-align: top;
	text-align: left;
}

@media (max-width: 1920px){
	.header_product_gallery_1{
		padding-top: 70px;
	}
	
	.header_product_gallery_2{
		padding: 20px 0 70px 0;
	}	
}
	
@media (max-width: 1000px){
	#Filter_Block{
		padding: 0 10%;
		width: 80%;
	}
	
	.filter{
		margin: 0 2% 10px 2%;
	}
	
	.filter_button_toggle_wrapper{
		text-align: center;
	}
	
	.filter_block_col{
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
		width: 50%;
	}
	
	.filter_item_out{
		max-height: 300px;
	}
}

@media (max-width: 900px){
	#Filter_Block{
		padding: 0;
		width: 100%;
	}
	
	
}

@media (max-width: 767px){
	.filter{
		margin: 0 1% 10px 1%;
	}
	
	.header_product_gallery_1{
		padding-top: 40px;
	}
	
	.header_product_gallery_2{
		padding: 15px 0 40px 0;
	}
}	
	
@media (max-width: 728px){
	.filter_block_col{
		padding-left: 15%;
		padding-right: 15%;
		width: 100%;
	}
	
	.filter_item_out{
		max-height: 600px;
	}
}

@media (max-width: 600px){
	.content_large{
		text-align: center;
	}
	
	.filter{
		/*max-width: 496px;*/
		max-width: 350px;
		margin: 	0 auto 10px auto;
	}

	.filter_block_col {
		padding-top: 15px;
		padding-bottom: 15px;
        padding-left: 5%;
        padding-right: 5%;
        width: 100%;
	}
}	

@media (max-width: 450px){
	.header_product_gallery_1{
		padding-top: 30px;
	}
	
	.header_product_gallery_2{
		padding: 10px 0 30px 0;
	}
}	
	
@media (max-width: 400px){
	.filter_block_col{
		padding-left: 5%;
		padding-right: 5%;
	}	
}

@media (max-width: 370px){
    .filter {
        margin: 0 1% 10px 1%;
    }	
}	
	
/* input radio and checkbox */
input[type=radio], input[type=checkbox]{
    display:	none;
	outline:	none;
}

input[type=radio] + label:before,  input[type=checkbox] + label:before{
	border-style:		solid;
	border-width:		1px;
	content: 			"";
	cursor:				pointer;
	display: 			inline-block;  
	height: 			18px;  
	margin-right: 		10px;
	margin-top:			-2px;
	vertical-align:		middle;
	width: 				18px;
}

input[type=radio] + label:before{
	border-radius: 11px; 
}

input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before{
	content: 			"\2714"; /* Heavy check */
	font-size:			14px;
	font-weight:		initial;
	line-height: 		17px;
	text-align:			center;
}

input[type=checkbox]:checked + label, input[type=checkbox] + label, input[type=radio]:checked + label, input[type=radio] + label{
	cursor:			pointer;
	line-height: 	30px;
}

.input_Check_Radio_Multirow{
	margin-left: -25px;
}

.tmpl_product_btn_checkbox > input[type=radio] + label:before,  .tmpl_product_btn_checkbox > input[type=checkbox] + label:before{
	border-width:	2px !important;
}

.border_color_gray_2, input[type=radio] + label:before, input[type=checkbox] + label:before, input[type="text"], input[type="password"] {
	border-color: var(--black1);
}
	
/* image block */
.inspiration_block{
	padding: 20px;
}

.inspiration_block_filter{
	box-sizing: border-box;
	display: inline-block;
	padding: 10px;
	vertical-align: top;
	
}	

.inspiration_block_col1{
	width: 33.3%;
	max-width: 512px;
}

.inspiration_block_col2{
	width: 66.6%;
	max-width: 1024px;
}

.inspiration_block_item_wrapper{
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	
}

.inspiration_block_item_wrapper:hover > .image_block_image_text_1,
.inspiration_block_item_wrapper:hover > .image_block_image_text_2,
.inspiration_block_item_wrapper:hover > .image_block_image_icons{
	color: var(--white1);
	opacity: 1;
	-moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.inspiration_block_item_wrapper:hover > .image_block_image_text_1 a,
.inspiration_block_item_wrapper:hover > .image_block_image_icons a,
.inspiration_block_item_wrapper:hover > .image_block_image_icons img{
	visibility: visible;
}	

.inspiration_block_item_wrapper:hover  .inspiration_block_image{
	opacity: 0.2;
	-moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.inspiration_block_image, .inspiration_block_item{
	background-color: var(--gray3);
	min-height: 250px;
	width: 		inherit;
	opacity: 		1;
	vertical-align: top;
	
	-moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.image_block_image_text_1{
	color: 		var(--white1);
	left: 		20px;
	position: 	absolute;
	right: 		20px;
	top:		20px;
	text-align:	left;
	opacity: 	0;
	-moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.image_block_image_text_1 > div{
	width: 80%;
}

.image_block_image_text_1 > div:last-child{
	margin-top: 15px;
}

.image_block_image_text_1 .link_content{
	color: var(--white1);
}

.image_block_image_text_2{
	text-align: right;
	color: 		var(--black1);
	left: 		20px;
	position: 	absolute;
	right: 		20px;
	bottom:		20px;/*
	opacity: 	0;
	-moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;*/
	-moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.image_block_image_icons{
	text-align: right;
	color: 		var(--white1);
	left: 		20px;
	position: 	absolute;
	right: 		20px;
	top:		20px;
	opacity: 	0;
	-moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.image_block_image_icons img{
	width: 30px;
	height: 30px;
}

.image_block_image_text_1 a, .image_block_image_icons a, .image_block_image_icons img{
	-moz-transition: visibility 0s linear 0.1s;
    -o-transition: visibility 0s linear 0.1s;
    -webkit-transition: visibility 0s linear 0.1s;
	transition: visibility 0s linear 0.1s;
	position: relative;
	visibility: hidden;
}

@media (max-width: 1920px){
	.inspiration_block_item_wrapper:hover  .inspiration_block_image{
		opacity: 0.1;
	}	
	
	.inspiration_block_col1{
		width: 25%;
	}

	.inspiration_block_col2{
		width: 50%;
	}
}	

@media (max-width: 1500px){
	.inspiration_block_filter {
		padding: 5px;
	}  
}	
	
@media (max-width: 1300px){
	.inspiration_block_filter {
		padding: 10px;
	} 
	
	.inspiration_block_col1{
		width: 33.3%;
	}

	.inspiration_block_col2{
		width: 66.6%;
	}
	
	.inspiration_block_image{
		min-height: 280px;
	}	
}

@media (max-width: 1000px){
	.inspiration_block_filter{
		padding: 2%;
	}
	
	.inspiration_block {
		padding-left: 6%;
		padding-right:6%;
	}
	
	.inspiration_block_col1{
		width: 50%;
	}
	
	.inspiration_block_col2{
		display: none!important;
	}
}

@media (max-width: 767px){
	.inspiration_block_filter{
		padding: 1%;
	}
	
	.inspiration_block {
		padding-left: 3.5%;
		padding-right: 3.5%;
	}
}
	
@media (max-width: 600px){
	.inspiration_block_filter{
		padding: 1.5%;
	}
	
	.inspiration_block_filter > div{
		margin:auto;
		max-width: 350px;
	}
	
	.inspiration_block_col1{
		width: 100%;
	}
	
	.inspiration_block {
		padding-left: 2%;
		padding-right: 2%;
	}
}