.cata_page {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
}

.btt_filter {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
    font-size: 17px;
	cursor: pointer;
}

.cata_page_content {
	width: 100%;
	height: calc(100% - 44px);
	overflow-y: auto;
}

.matchip {
	display: inline-block;
	width: 156px;
	margin: 15px 0px 0px 15px;
}

.matchip_thumb {
	position: relative;
	width: 100%;
	height: 117px;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
	overflow: hidden;
	height: 117px;
}

.matchip_thumb>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cata_page_filter, .cata_page_main {
	position: absolute;
	width: 100%;
	height: 100%;
}

.filter_header {
	width: 100%;
	height: 44px;
}

.filter_title {
	height: 44px;
	line-height: 44px;
	font-size: 17px;
	font-weight: bold;
	margin-left: 20px;
	color: #5d5d5d;
    text-transform: uppercase;
}

.filter_close {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 13px;
	right: 13px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

.filter_content {
	height: calc(100% - 44px);
	overflow-y: auto;
}
.dt_phone .filter_content {
    height: calc(100% - 85px);
}

.filter_count{
/* 	width: 350px; */
    height: 41px;
    display: none;
    text-align: center;
    line-height: 41px;
    cursor: pointer;
}

.dt_phone .filter_count{
	display: block;
}


 .btt-filter-arrow{
	position: absolute;
    height: 14px;
    width: 17px;
    top: 15px;
    left: 15px;
	background-repeat: no-repeat;
}

.btt-filter-filter{
	width: 12px;
    height: 13px;
    display: inline-block;
    margin-right: 3px;
	background-repeat: no-repeat;
}

/*--- explorer template ---*/
.ao-hidden {
	display: none;
}

.wall_colors_search {
	width: 318px;
	height: 100%;
}

.wall_colors_search_header {
	height: 0px;
	padding-top: 0px;
	border-right: 1px solid #5d5d5d;
	overflow: hidden;
}

#wall_colors_search_header_255 {
	height: 150px;
	overflow: hidden;
	background-color: #d8d8d8;
}

.use_switch {
	position: relative;
	display: inline-block;
	height: 42px;
	margin-top: 10px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	text-align: center;
	line-height: 41px;
	vertical-align: top;
	border-top: 1px solid #666;
	border-left: 0px;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
}

.use_switch_c2 {
	width: calc(50% - 7px);
	border-left: 1px solid #aaa;
}

.use_switch_c3 {
	width: calc(33.3% - 7px);
	border-left: 1px solid #aaa;
}

.use_switch_first_c2 {
	width: calc(50% - 6px);
}

.use_switch_first_c3 {
	width: calc(33.3% - 6px);
}

.use_switch_back_active {
	background-color: #fff;
}

.use_switch_back {
	background-color: #ccc;
}

.wall_colors_content {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin-left: 0px;
	border-right: 1px solid #5d5d5d;
}

.wall_colors_content_hold {
	position: absolute;
	top: 0px;
	left: 318px;
	height: 100%;
}

.wall_colors_content_header {
	height: 50px;
	/* border-bottom: 1px solid #5d5d5d; */
}

.viewoption {
	height: auto;
	width: auto;
	float: right;
	margin-right: 20px;
	margin-top: 8px;
}

.wall_colors_template_content {
	color: #5d5d5d;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	line-height: 0px;
}

div#wall_colors_content_hold_7777 {
	margin-left: 0;
	background-color: #fff;
	width: 100%;
	left: 0;
}

div#wall_colors_7777 {
	position: absolute;
	top: 0;
	left: 0;
}

.view_mode_2 #pattern_holder {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.view_mode_2 .search_patterns {
	display: flex;
	border: none;
}

.view_mode_2 #brightness_holder {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.view_mode_2 .search_brightness {
	display: flex;
	border: none;
}

#colors_border {
	width: 259px;
	height: 153px;
	border: 1px solid;
	margin-bottom: 20px;
	line-height: 0px;
	border-color: #5d5d5d;
}

.searchcolors {
	margin-left: 20px;
}

.searchpatternsbox, .searchbrightnessbox, .searchinstallmethod, .searchrotation, #more_methods_variants, #more_methods_materials,
	.singlechoice {
	margin-bottom: 19px;
	margin-top: 0px;
	margin-left: 20px;
	/*margin: 12px auto 19px auto;*/
}

.searchbrightnessbox {
	width: 330px;
	font-size: 0em;
}

.searchinstallmethod {
	margin-bottom: 15px;
	line-height: 0px;
}

#more_methods_materials {
	margin-bottom: 13px;
	line-height: 0px;
}

#more_methods_materials, #more_methods_variants {
	margin-left: 10px;
	/*display: inline-block;*/
	white-space: nowrap;
}

#installmethod_expand {
	display: none;
	height: 184px;
	width: 40px;
	background-color: #fff;
	position: absolute;
	bottom: -1px;
	border-top: 1px solid #5d5d5d;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #5d5d5d;
	cursor: pointer;
	color: #5d5d5d;
	overflow: hidden;
	border-top: 1px solid #000;
}

#installmethod_expand.act {
	/* 	width: 100%; */
	/* 	width: auto; */
	cursor: auto;
}

#installmethod_front {
	height: 100%;
	/* 	width: 34px; */
	/* 	padding: 72px 3px 0 3px; */
	/* 	float: right; */
	position: absolute;
	right: 0px;
	background-color: #fff;
}

#installmethod_front.act {
	border-left: 1px solid #000;
	height: 184px;
	cursor: pointer;
}

#more_methods_title {
	font-size: 17px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	margin: 15px 0 15px 10px;
	padding-right: 51px;
	width: auto;
	line-height: 15px;
	white-space: nowrap;
}

.method_front_img {
	width: 34px;
	margin: 72px 3px 0 3px;
	height: 34px;
	width: 34px;
	background: url(img/Buttonset_KATALOG_34x34.png) no-repeat 0px -273px;
	cursor: pointer;
}

#installmethod_expand:hover .method_front_img {
	background-position: -34px -273px;
}

#installmethod_front.act .method_front_img {
	background-position: 0px -239px;
}

#installmethod_front.act:hover .method_front_img {
	background-position: -34px -239px;
}

#installmethod_back {
	width: 0px;
	height: 184px;
	overflow: hidden;
	float: left;
}

.btt_method {
	width: 46px;
	height: 37px;
	border: 1px solid #000;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 10px;
	display: inline-block;
	line-height: 0px;
}

.btt_method:hover, .btt_method.act {
	border-color: #ce8f34;
}

.method_material {
	/* 	padding: 1px; */
	/* 	background: transparent url(img/Buttonset_KATALOG_34x34.png)0 0; */
	
}

.method_art {
	background: transparent url(img/Verlegearten_Buttonset_47x37.png) 0 0;
}

.method_art_0 {
	background-position: 0px 0px;
}

.method_art_1 {
	background-position: 0px -37px;
}

.method_art_2 {
	background-position: 0px -74px;
}

.method_art_3 {
	background-position: 0px -111px;
}

.method_art_4 {
	background-position: 0px -148px;
}

.method_art_5 {
	background-position: 0px -185px;
}

.method_art_6 {
	background-position: 0px -222px;
}

.method_art_7 {
	background-position: 0px -259px;
}

.method_art_8 {
	background-position: 0px -296px;
}

.method_art_9 {
	background-position: 0px -333px;
}

.method_art_10 {
	background-position: 0px -370px;
}

.method_art_11 {
	background-position: 0px -407px;
}

.method_art_12 {
	background-position: 0px -444px;
}

.method_art_13 {
	background-position: 0px -481px;
}

.method_art_14 {
	background-position: 0px -518px;
}

.method_art_15 {
	background-position: 0px -555px;
}

.method_art_16 {
	background-position: 0px -592px;
}

.method_art_17 {
	background-position: 0px -629px;
}

.method_art_18 {
	background-position: 0px -666px;
}

.method_art_19 {
	background-position: 0px -703px;
}

.method_art_20 {
	background-position: 0px -740px;
}

.method_art_21 {
	background-position: 0px -777px;
}

.method_art_22 {
	background-position: 0px -814px;
}

.searchrotation {
	margin-bottom: 10px;
	line-height: 0px;
}

.searchrotation>.btt_obj_vr {
	margin: 0 10px 0 0;
}

.filter_line, .singlechoice {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	line-height: 16px;
	cursor: pointer;
	padding-bottom: 3px;
	padding-top: 7px;
	padding-left: 10px;
	transition: opacity 0.2s;
}
.filter_line{
	color: #5d5d5d;
}
    

.filter_box, .singlechoice_box {
	height: 20px;
	width: 20px;
	min-width: 20px;
	border: #5d5d5d 1px solid;
}

.filter_text, .singlechoice_text, .projFolder_userPicInput_res {
	margin-left: 8px;
	line-height: 22px;
	font-size: 15px;
}

.singlechoice_text, .projFolder_userPicInput_res {
	color: #5d5d5d;
}

.singlechoice:hover .singlechoice_text, .singlechoice.act .singlechoice_text, #ps_r2_agb a,
	#ps_r2_agb #ps_daschu {
	color: #ce8f34;
}

#ps_r2_agb:hover {
	color: #5d5d5d;
}

.filter_haken {
    height: 11px;
    width: 12px;
    display: none;
    margin-top: 4px;
    margin-left: 4px;
}

.filter_line.act .filter_haken, .singlechoice.act .filter_haken {
	display: block;
}

.aoacc_back {
	width: calc(100% - 14px);
	max-width: 336px;
	overflow-y: hidden;
	padding-left: 12px;
	/* 	border: 1px solid #5d5d5d; */
}

.aocon_content {
	width: auto;
	height: calc(100% - 15px);
	overflow-y: hidden;
}

.aocon_content>.textline {
	font-size: 17px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 15px;
	line-height: 15px;
}

.aoacc, .aocontainer {
	margin-left: 20px;
    border: 1px solid #5d5d5d;
    border-top: none;
    max-width: 350px;
    /* margin: 0px auto 0px auto; */
    width: 330px;
}

.aocontainer {
	position: absolute;
	bottom: 0px;
	width: 317px;
	background-color: #fff;
}

.aofloor_mapping {
	height: 185px;
}

.aoarea {
	position: relative;
	top: 0px;
	width: auto;
	overflow-y: auto;
	height: calc(100% - 185px);
}

.aoacc_front {
	color: #000;
	height: 36px;
	line-height: 36px;
	width: 100%;
	max-width: 350px;
	cursor: pointer;
	position: relative;
	display: flex;
	font-size: 17px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}

.aoacc.first>.aoacc_front {
	border-top: 1px solid #5d5d5d;
}

.aocon_top {
	height: 14px;
	width: auto;
	position: relative;
	display: flex;
	border-top: 1px solid #5d5d5d;
}

.aoacc_front_text {
	margin-left: 20px;
}

/* .active .aoacc_front_text {
	color: #000;
}
 */
.inactive .aoacc_front_text {
	color: #ccc;
}

.inactive .aoacc_front {
	cursor: default;
}

.aoacc_front_icon {
	height: 9px;
	width: 15px;
	position: absolute;
	right: 15px;
	top: 16px;
}

.inactive .aoacc_front:hover .aoacc_front_text {
	color: #ccc;
}

/* .aoacc_front:hover .aoacc_front_text {
	color: #ce8f34;
} */

.aoacc_front:hover .aoacc_front_icon {
	background-position: -15px 0px;
}

.aoacc_front.closed .aoacc_front_icon {
	background-position: 0px -9px;
}

.aoacc_front.closed:hover .aoacc_front_icon {
	background-position: -15px -9px;
}

.inactive .aoacc_front .aoacc_front_icon, .inactive .aoacc_front:hover .aoacc_front_icon {
	background-position: 0px -9px;
}

/*--- explorer mode css ---*/
.search_reset{
	margin-left: 20px;
    margin-top: 26px;
    height: 17px;
    width: 320px;
    cursor: pointer;
    margin-right: 0px;
}

.reset_icon {
    height: 17px;
    width: 23px;
    margin-top: 0px;
    margin-right: 0px;
    display: inline-block;
}
.reset_text{
	display: inline-block;
    height: 17px;
    line-height: 17px;
    vertical-align: top;
    margin-left: 11px;
}

.textline {
	color: #5d5d5d;
	margin-left: 20px;
	width: 320px;
}

.searchtext {
	display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 350px;
    margin-top: 36px;
    margin-bottom: 17px;
    margin-left: 20px;
    /* margin: 36px auto 17px auto;*/
    width: 330px;
}

.searchtext_icon {
	height: 45px;
	width: 45px;
	cursor: pointer;
	background: transparent url(../img/Buttonset_Furniture_Lupe_25x25px.png);
	border: 1px solid #5d5d5d;
}

.searchtext_icon:hover {
	background-position: -45px 0px;
}

.searchtext_input {
	height: calc(100% - 2px);
	width: calc(100% - 8px);
	border: 1px solid;
	padding-left: 8px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 0px;
	margin: 0px;
	/* 	border-radius: 10px; */
}

.searchtext_form {
	height: 36px;
	width: 350px;
}

.brightness0 {
	background-color: rgb(96, 56, 19);
}

.brightness1 {
	background-color: rgb(117, 76, 36);
}

.brightness2 {
	background-color: rgb(140, 98, 57);
}

.brightness3 {
	background-color: rgb(166, 124, 82);
}

.brightness4 {
	background-color: rgb(198, 156, 109);
}

.search_coll, .search_appl, .search_prod, .search_cat, .search_artnr, .search_colors, .search_patterns, .search_brightness {
	display: inline-block;
	margin: 5px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 19px;
}

/* .off_grey.btt_brightness, .off_hide.btt_brightness {
	background-image: url(../img/btn_23x18_Kreuz.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: default;
} */

.off_grey.btt_brightness:hover, .off_hide.btt_brightness:hover {
	width: 20%;
	height: 30px;
	border: 0px;
}

.off.btt_brightness {
	background-image: url(../img/btn_23x18_Kreuz.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: default;
}

.off.btt_brightness:hover {
	width: 20%;
	height: 30px;
	border: 0px;
}

.btt_brightness {
	display: inline-block;
	width: 20%;
	height: 30px;
	margin: 0;
	cursor: pointer;
	transition: opacity 0.2s;
}

.btt_brightness.act, .btt_brightness:hover {
	width: calc(20% - 4px);
	height: 26px;
	border: 2px solid #333;
}

.no_search_result_text {
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.dummy_margin {
	height: 10px;
}

.ico_logo_text {
	width: 156px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}


.off_grey.filter_line {
	opacity: 0.5;
}

.off_grey.filter_line:hover .filter_text {
	color: #5d5d5d;
}


.off_hide.filter_line {
	display: none;
}

.off_grey.btt_brightness, .off_hide.btt_brightness {
	background-image: url(../img/btn_23x18_Kreuz.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: default;
}

.off_grey.btt_brightness:hover, .off_hide.btt_brightness:hover {
	width: 20%;
	height: 30px;
	border: 0px;
}

.btt_color.off_grey, .btt_color.off_hide {
	cursor: default;
	background-image: url(../img/btn_23x18_Kreuz.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.btt_pattern.off_grey, .btt_pattern.off_hide {
	opacity: 0.2;
	cursor: default;
}




/*--- --- ---*/
@media ( min-width : 1920) {
}

@media ( max-width : 1366) {
}