html,
body,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

#layout {
	position: relative;
}

.layout_with_background {
	background: #fff;
}

#loader-wrapper {
	z-index: 10005;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* ---------- color ---------- */
.masterCategorieChoise.act,
.masterCategorieChoise:hover {
	color: #003057;
}

#up_down_slider .ui-slider-handle,
#left_right_slider .ui-slider-handle {
	border: 1px solid #003057;
	background-color: #003057;
}

#loader2,
#loader4 {
	border-top-color: #003057;
}

#menu .btt:hover,
#menu .btt.act,
#btt_compare:hover,
#btt_compare.act,
#compare_close_btt,
.search_artnr_go:hover,
.search_reset:hover,
.art_yes_no.act,
.art_yes_no:hover,
.thumb_type_selectors.act,
.thumb_type_selectors:hover,
.size_selectors.act,
.size_selectors:hover,
#btt_form_send_contact_send:hover,
.btt_info:hover,
.btt_info.act,
.btt_obj_va:hover,
.btt_obj_va.act,
#load_unique_go,
#compare_end_cancel:hover,
#compare_end_end:hover,
#comp_bar,
#comp_left.act,
#comp_right.act {
	background-color: #003057;
}

#comp_left,
#comp_right {
	position: absolute;
	top: 11.95rem;
	background-color: #707070;
	width: 12.44rem;
	height: 4.25rem;
	text-align: center;
	padding: 0px;
	line-height: 15px;
	cursor: pointer;
	color: #fff;
}

.categorieChoise:hover,
.categorieChoise.act,
.text_orange {
	color: #003057;
}

.tex_chip_wrap_wc.last {
	border-color: #003057;
}

.room_chip {
	margin: 0px 0px 2.82rem 2.82rem;
	cursor: pointer;
	border: 1px solid #000;
	height: 12.99rem;
	width: 17.44rem;
	/*15.44rem;*/
	float: left;
}

.room_chip:hover,
.room_chip.act {
	border: 1px solid #003057;
}

#comp_bar.act {
	background-color: rgba(99, 166, 64, 0.5);
}

/* ---------- btt ---------- */
.nippie,
#marker_menu {
	display: none;
}

#preclick {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0px;
	background-color: #131313;
	z-index: 999;
	opacity: 0.7;
}

#start_screen {
	position: absolute;
	width: 984px;
	height: 600px;
	top: calc(50% - 300px);
	left: 0px;
	margin-left: calc(50% - 492px);
	font-size: 80%;
	text-align: center;
	background-color: transparent;
	z-index: 1000;
}

#start_screen.iph {
	width: 375px;
	height: 480px;
	top: calc(50% - 240px);
	left: 0px;
	margin-left: calc(50% - 187px);
	font-size: 80%;
}

.room_choice {
	position: absolute;
	width: 482px;
	height: 600px;
	background-color: transparent;
	text-align: left;
	cursor: pointer;
}

/*deactivated until function works END*/
.room_choice_text {
	position: absolute;
	top: 14px;
	left: 15px;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 19px;
	font-weight: 100;
}

.room_choice.iph {
	position: absolute;
	width: 375px;
	height: 230px;
}

.room_choice_name {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 46px;
	background-color: #fff;
	opacity: 0.7;
}

.room_choice_corner {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 46px;
	left: 62px;
	border: 32px solid transparent;
	border-top: 32px solid #fff;
	opacity: 0.7;
}

#gewerb {
	top: 0;
	left: 0px;
	background: url(img/gewerblich.jpg) center center;
	background-size: cover;
}

#gewerb.iph {}

#privat {
	top: 0;
	left: 502px;
	background: url(img/privat.jpg) center center;
	background-size: cover;
}

#privat.iph {
	top: 250px;
	left: 0px;
}

#header_menu {
	position: absolute;
	width: 100%;
	height: 7.82rem;
	top: 0rem;
	left: 0rem;
	background-color: #fff;
	z-index: 997;
}

#header_menu.iph {
	position: absolute;
	width: 375px;
	height: 70px;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: calc(50% - 188px);
}

#customer_logo {
	width: 11.67rem;
	height: 2.57rem;
	margin-top: 2.63rem;
	margin-left: 3.75rem;
	cursor: pointer;
}

#customer_logo>.logo_svg {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url(svg_wrapper.php?file=/svg/logo.svg&w=164&h=36);
	background-repeat: no-repeat;
}

#customer_logo.iph>.logo_svg {
	background-image: url(svg_wrapper.php?file=/svg/logo.svg&w=105&h=36);
}

#customer_logo.iph {
	width: calc(32% - 0.75rem);
	height: 2.57rem;
	margin-top: 2.3rem;
	margin-left: 0.75rem;
}

.side_btt {
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 46px;
	height: 46px;
	background: #70A81D;
	background-repeat: no-repeat;
	cursor: pointer;
}

.side_btt:hover,
.side_btt.act {
	background-color: #2B2E34;
}

#btt_rot {
	background-image: url(svg_wrapper.php?file=/svg/rotate.svg&style=2);
	background-position: 10px 16px;
}

#btt_del_carp {
	display: none;
	left: 96px;
	width: 3.4rem;
	height: 3.4rem;
	background-image: url("svg_wrapper.php?file=/svg/icon_delete-rug.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
	background-color: #E9ECEF;
	background-position: 50%;
}

.header_menu_element {
	display: inline-block;
	position: relative;
	height: 4rem;
	margin-top: 2.19rem;
	text-align: center;
	cursor: pointer;
	overflow: visible;
}

.header_menu_element.deact {
	cursor: auto;
	pointer-events: none;
	opacity: 0.2;
}

.iphon_menu_element {
	position: relative;
	height: 40px;
	top: 10px;
	text-align: left;
	cursor: pointer;
}

.header_menu_element.iph {
	position: absolute;
	height: 40px;
	top: 0.75rem;
	text-align: center;
	cursor: pointer;
	margin-top: 0rem;
}

.menu_element_text {
	position: absolute;
	left: 50%;
	bottom: -8px;
	color: #000;
	font: normal normal bold 20px/23px Arial;
	letter-spacing: 0px;
	line-height: 23px;
	/*14px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 15.63rem;
	text-align: center;
	transform: translate(-50%, 0%);
	color: #003057;
}

#header_menu_floor>.menu_element_text {
	bottom: -5px;
}

.menu_element_text.act {
	color: #003057;
}

.iph .menu_element_text {
	bottom: -1rem;
	font: normal normal bold 16px/20px Arial;
	max-width: 3.63rem;
	transform: none;
}

#header_menu_floor.iph>.menu_element_text {
	bottom: -1rem;
}

.iphon_menu_element_text {
	position: absolute;
	top: 16px;
	left: 50px;
	color: #fff;
	font: normal normal bold 20px/23px Arial;
	letter-spacing: 0px;
	line-height: 14px;
}

#header_menu_center {
	position: absolute;
	top: 0rem;
	left: 50%;
	width: auto;
	width: max-content;
	height: 100%;
	transform: translate(-50%, 0rem);
}

#header_menu_rooms {
	width: 15.63rem;
	background-color: transparent;
}

#header_menu_rooms.iph {
	width: 16%;
	margin-left: -3rem;
	left: 0rem;
}

#room_icon {
	margin: auto;
	/* 	margin-left: 24px; */
	width: 2.5rem;
	height: 2.44rem;
	background-image: url(svg_wrapper.php?file=/svg/btn_room.svg&w=35&h=34&style=1);
	background-repeat: no-repeat;
}

#room_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_room.svg&w=35&h=34&style=1);
}

#header_menu_own {
	width: 15.63rem;
	background-color: #fff;
}

#header_menu_own.iph {
	width: 16%;
	margin-left: 1rem;
}

#own_icon {
	margin: auto;
	/* 	margin-left: 20px; */
	width: 2.75rem;
	height: 2.14rem;
	background-image: url(svg_wrapper.php?file=/svg/icon_camera_neu.svg&w=38&h=31);
	background-repeat: no-repeat;
}

#own_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/icon_camera_neu.svg&w=38&h=31);
}

#header_menu_floor {
	width: 15.63rem;
	background-color: #fff;
}

#header_menu_floor.iph {
	width: 16%;
	margin-left: 5rem;
}

#floor_icon {
	margin: auto;
	/* 	margin-left: 20px; */
	margin-top: -3px;
	width: 2.94rem;
	height: 4rem;
	background-image: url(svg_wrapper.php?file=/svg/icon_floor.svg&w=44&h=51);
	background-repeat: no-repeat;
	transform: rotate(90deg);
	padding-left: 1.5rem;
}

#floor_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/icon_floor.svg&w=31&h=48&style=3);
	transform: rotate(90deg);
}

#header_menu_burger.iph {
	width: 16%;
	margin-left: 10rem;
}

#burger_icon {
	margin: auto;
	/* 	margin-left: 20px; */
	width: 2.75rem;
	height: 2.14rem;
	background-image: url(svg_wrapper.php?file=/svg/icon_menu.svg&w=38&h=31);
	background-repeat: no-repeat;
}

#iphon_menu_icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 23px;
	height: 23px;
	background-image: url(svg_wrapper.php?file=/svg/btn_burger.svg&w=23&h=17&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
}

#iphon_menu_close {
	position: absolute;
	top: 23px;
	right: 23px;
	width: 23px;
	height: 23px;
	background-image: url(svg_wrapper.php?file=/svg/btn_compare_close.svg&w=14&h=14&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
}

#iphon_right_menu {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 130px;
	height: 100%;
	background-color: #555;
	z-index: 998;
}

#header_menu_favourites {
	left: 298px;
	/*308px;*/
	width: 82px;
	background-color: #fff;
}

.favlist_use {
	background-color: #fff;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
	padding-top: 26px;
}

.favlist_use_text {
	display: inline-block;
	height: 19px;
	line-height: 19px;
	vertical-align: top;
	margin-left: 0px;
	color: #555;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
}

.favlistchip_name,
.objchip_name {
	width: auto;
	padding-top: 0.75rem;
	padding-left: 0rem;
	color: #003057;
	font: normal normal normal 15px/17px Arial;
	letter-spacing: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ip_impres,
#ip_datenschutz {
	font-size: 10px;
	text-transform: uppercase;
}

#fav_icon {
	margin: auto;
	/* 	margin-left: 15px; */
	margin-top: -5px;
	width: 23px;
	height: 23px;
	background-image: url(svg_wrapper.php?file=/svg/btn_favorites.svg&w=23&h=23&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#fav_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_favorites.svg&w=23&h=23&style=3);
}

#fav_icon.iph {
	position: absolute;
	margin-top: 10px;
	margin-left: 13px;
	background-image: url(svg_wrapper.php?file=/svg/btn_favorites.svg&w=23&h=23&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_compare {
	left: 374px;
	/*394px;*/
	width: 82px;
	background-color: #fff;
}

#compare_icon {
	margin: auto;
	/* 	margin-left: 12px; */
	width: 28px;
	height: 18px;
	background-image: url(svg_wrapper.php?file=/svg/btn_compare.svg&w=28&h=18&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#compare_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_compare.svg&w=28&h=18&style=3);
}

#compare_icon.iph {
	position: absolute;
	margin-top: 14px;
	margin-left: 10px;
	background-image: url(svg_wrapper.php?file=/svg/btn_compare.svg&w=28&h=18&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_save {
	left: 460px;
	/*480px;*/
	width: 82px;
	background-color: #fff;
}

#save_icon {
	margin: auto;
	margin-top: -6px;
	/* 	margin-left: 14px; */
	width: 24px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_save.svg&w=24&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#save_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_save.svg&w=24&h=24&style=3);
}

#save_icon.iph {
	position: absolute;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(svg_wrapper.php?file=/svg/btn_save.svg&w=24&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_zoom {
	left: 565px;
	/*585px;*/
	width: 36px;
	background-color: #fff;
}

#zoom_icon {
	margin: auto;
	margin-top: -6px;
	/* 	margin-left: 4px; */
	width: 24px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_zoom.svg&w=24&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#zoom_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_zoom.svg&w=24&h=24&style=3);
}

#zoom_icon.iph {
	position: absolute;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(svg_wrapper.php?file=/svg/btn_zoom.svg&w=24&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_print {
	left: 546px;
	/*566px;*/
	width: 82px;
	background-color: #fff;
}

#print_icon {
	margin: -6px auto 0px auto;
	width: 24px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_carpet.svg&w=18&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#print_icon.iph {
	position: absolute;
	margin-top: 12px;
	margin-left: 14px;
	background-image: url(svg_wrapper.php?file=/svg/btn_carpet.svg&w=18&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_print>.menu_element_text {
	text-transform: uppercase;
}

#header_menu_menge {
	left: 632px;
	/*652px;*/
	width: 82px;
	background-color: #fff;
}

#menge_icon {
	margin: -6px auto 0px auto;
	width: 24px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_menge.svg&w=18&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#menge_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_menge.svg&w=18&h=24&style=3);
}

#menge_icon.iph {
	position: absolute;
	margin-top: 10px;
	margin-left: 16px;
	background-image: url(svg_wrapper.php?file=/svg/btn_menge.svg&w=18&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_cad {
	left: 718px;
	/*738px;*/
	width: 82px;
	background-color: #fff;
}

#cad_icon {
	margin-top: -6px;
	margin-left: 32px;
	width: 24px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_cad.svg&w=18&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#cad_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_cad.svg&w=18&h=24&style=3);
}

#cad_icon.iph {
	position: absolute;
	margin-top: 10px;
	margin-left: 16px;
	background-image: url(svg_wrapper.php?file=/svg/btn_cad.svg&w=18&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#header_menu_contact {
	left: 800px;
	/*824px;*/
	width: 82px;
	background-color: #fff;
}

#contact_icon {
	margin: auto;
	margin-top: -5px;
	/* 	margin-left: 11px; */
	width: 23px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_contact.svg&w=23&h=24&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#contact_icon.act {
	background-image: url(svg_wrapper.php?file=/svg/btn_contact.svg&w=23&h=24&style=3);
}

#contact_icon.iph {
	position: absolute;
	margin-top: 10px;
	margin-left: 14px;
	width: 23px;
	height: 24px;
	background-image: url(svg_wrapper.php?file=/svg/btn_contact.svg&w=23&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 0px;
}

#rightbar {
	display: none;
}

#header_menu_right_block {
	position: absolute;
	top: 4.375rem;
	right: 0rem;
	width: 10.18rem;
	height: 1.875rem;
	background-color: #fff;
	text-align: left;
}

#iphon_menu_right_block {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 80px;
	height: 78px;
	background-color: transparent;
	text-align: left;
	color: #fff;
}

#impres,
#datenschutz {
	position: absolute;
	left: 0px;
	width: 82px;
	height: 18px;
	background-color: #fff;
	text-align: left;
	color: #131313;
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	cursor: pointer;
	line-height: 15px;
	word-break: break-word;
}

#impres:hover,
#datenschutz:hover {
	color: #70A81D;
}

#impres.iph,
#datenschutz.iph {
	color: #fff;
	background-color: transparent;
}

#impres {
	top: 3px;
}

#datenschutz {
	top: 36px;
}

.share_ico {
	width: 1rem;
	height: 2.2rem;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.96rem;
	vertical-align: top;
}

#facebook {
	background-color: #fff;
	background-image: url(svg_wrapper.php?file=/svg/icon_facebook.svg&w=13&h=30&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#facebook:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_facebook.svg&w=13&h=30&style=3);
}

#facebook.iph {
	background-color: transparent;
	background-image: url(svg_wrapper.php?file=/svg/icon_facebook.svg&w=13&h=30&style=2);
}

#instagram {
	width: 2.2rem;
	background-color: #fff;
	background-image: url(svg_wrapper.php?file=/svg/icon_instagram.svg&w=30&h=30&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#instagram:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_instagram.svg&w=30&h=30&style=3);
}

#instagram.iph {
	background-color: transparent;
	background-image: url(svg_wrapper.php?file=/svg/icon_instagram.svg&w=30&h=30&style=2);
}

#pinterest {
	width: 1.5rem;
	background-color: #fff;
	background-image: url(svg_wrapper.php?file=/svg/icon_pinterest.svg&w=21&h=29&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#pinterest:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_pinterest.svg&w=21&h=29&style=3);
}

#pinterest.iph {
	background-color: transparent;
	background-image: url(svg_wrapper.php?file=/svg/icon_pinterest.svg&w=21&h=29&style=2);
}

#twitter {
	background-color: #fff;
	background-image: url(svg_wrapper.php?file=/svg/btn_twitter.svg&w=18&h=18&style=1);
	background-repeat: no-repeat;
	background-position: 0px;
}

#twitter:hover {
	background-image: url(svg_wrapper.php?file=/svg/btn_twitter.svg&w=18&h=18&style=3);
}

#twitter.iph {
	background-color: transparent;
	background-image: url(svg_wrapper.php?file=/svg/btn_twitter.svg&w=18&h=18&style=2);
}

.ui-dialog {
	z-index: 1001;
}

#dia_burger {
	width: 10rem;
	height: 25rem;
	background-color: #003057;
}

#burger_close {
	position: relative;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
}

#burger_close>.burger_icon {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	background-image: url(svg_wrapper.php?file=/svg/btn_close.svg&w=28&h=28&style=2);
	background-repeat: no-repeat;
	cursor: pointer;
}

.burger_line {
	width: calc(100% - 1rem);
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 1rem;
}

.burger_line.last {
	border-bottom: none;
}

#burger_compare.deact {
	opacity: 0.8;
	cursor: auto;
	pointer-events: none;
}

#sidebar_menu {
	position: absolute;
	top: 50%;
	left: 0rem;
	/*transform: translate(0rem, calc(-100% + 25.50rem/2));*/
	transform: translate(0rem, calc(-100% + 33.32rem/2));
	width: 3.75rem;
	height: 25.50rem;
}

.sb_btn {
	position: relative;
	width: 100%;
	height: 3.75rem;
	margin-bottom: 0.5rem;
	background-color: #E9ECEF;
	cursor: pointer;
}

.sb_btn_ico {
	position: absolute;
	width: 100%;
	height: 100%;
}

#sb_btn_fav>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/icon_favoriten.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
	/*background-image: url("svg_wrapper.php?file=/svg/icon_favoriten.svg&w=53&h=53&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");*/
}

#sb_btn_comp>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/btn_compare.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

#sb_btn_comp.deact {
	opacity: 0.6;
	cursor: auto;
	pointer-events: none;
}

#sb_btn_dwn>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/btn_download.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

#sb_btn_save>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/icon_save.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

#sb_btn_rot>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/btn_rotate.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

/*#sb_btn_save>.sb_btn_ico {
	background-image: url("svg_wrapper.php?file=/svg/btn_save.svg&w=53&h=53&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}*/

#sb_btn_dealer>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/icon_socialMedia.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

#sb_btn_carpet-del {
	display: none;
}

#sb_btn_carpet-del>.sb_btn_ico {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	background-image: url("svg_wrapper.php?file=/svg/icon_delete-rug.svg&w=38&h=38&fgf1=&fgs1=&fgf2=&fgs2=&bgf=&bgs=");
}

#tretford_materialien {
	position: absolute;
	width: auto;
	height: 46px;
	bottom: 0px;
	left: 0px;
	margin-bottom: 20px;
	/*
	margin-left: calc(50% - 285px);
	*/
	margin-left: calc(50% - 245px);
	background-color: transparent;
	z-index: 997;
	text-align: left;
}

.mat_button {
	position: relative;
	display: inline-block;
	/* 	width: 100px; */
	height: 32px;
	top: 0px;
	left: 0px;
	margin-right: 30px;
	padding-top: 14px;
	background-color: #70A81D;
	color: #fff;
	text-align: center;
	/* 	float: left; */
	cursor: pointer;
}

.mat_button:hover {
	background-color: #2B2E34;
}

.mat_button.deact {
	background-color: gray;
	pointer-events: none;
}

.mat_button_arrow {
	position: relative;
	width: auto;
	height: 13px;
	top: 4px;
	margin-left: 10px;
	padding: 0px 10px 0px 16px;
	background-image: url(svg_wrapper.php?file=/svg/btn_arrow_button_white.svg&w=8&h=13);
	background-repeat: no-repeat;
	background-position: 0px;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	padding: 0px 10px 0px 16px;
}

/* #bahnen { */
/*
		width: 143px;
		*/
/* 	width: 103px; */
/* } */

/* #dielen { */
/* 	width: 96px; */
/* } */

/* #teppich { */
/* 	width: 110px; */
/* } */
/* #fliesen { */
/* 	width: 100px; */
/* } */
#tretford_materialien.iph {
	position: absolute;
	width: 377px;
	height: 46px;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	margin-left: calc(50% - 189px);
	background-color: transparent;
	z-index: 997;
	text-align: left;
	border-top: 3px solid #fff;
}

.mat_button.iph {
	position: relative;
	width: 100px;
	height: 30px;
	top: 0px;
	left: 0px;
	margin-right: 0px;
	padding-top: 16px;
	/* 	background-color: #70A81D; */
	border-right: 2px solid #fff;
	color: #fff;
	text-align: center;
	float: left;
	cursor: pointer;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
}

#bahnen.iph {
	width: 123px;
}

#dielen.iph {
	width: 79px;
}

#teppich.iph {
	width: 91px;
}

#fliesen.iph {
	width: 76px;
}

#iphon_right_menu_place {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 95%;
	height: auto;
	background-color: transparent;
	text-align: left;
	clear: both;
}

.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #70A81D;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	padding-top: 13px;
	padding-left: 20px;
	margin: 0;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 19px;
	font-weight: 900;
	color: #555555;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog .ui-dialog-title {
	background-color: #fff;
}

.close_btt,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position: absolute;
	top: 0rem;
	right: 0rem;
	width: 4.25rem;
	height: 4.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/btn_close.svg&w=32&h=32&style=2);
	background-repeat: no-repeat;
	background-position: 1rem;
	cursor: pointer;
}

.close_btt:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	background-image: url(svg_wrapper.php?file=/svg/btn_close_green.svg&w=32&h=32&style=2);
	background-repeat: no-repeat;
	background-position: 1rem;
	cursor: pointer;
}

#rooms_content_picBox,
.room_menu_0 #rooms_content_picBox,
.room_menu_1 #rooms_content_picBox {
	top: 0px;
	left: 0px;
	border: 0 none;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#picBox_title {
	min-height: 3rem;
	height: auto;
	padding: 1rem 2.82rem;
	line-height: 3rem;
}

#picBox_picHolder,
.room_menu_0 #picBox_picHolder,
.room_menu_1 #picBox_picHolder {
	overflow-y: auto;
	width: 100%;
	height: calc(100% - 11.5rem);
	padding: 20px 0px 0px 0px;
	border: 0px none;
}

.ui-dialog .ui-corner-all .ui-widget .ui-widget-content .ui-front .no-dialog-padding .dialog-border {
	max-width: 984px;
}

.ui-widget-content {
	color: #555555;
}

#dia_rooms {
	width: 984px;
}

.room_category_place {
	position: relative;
	width: 16.19rem;
	height: 3rem;
	margin: 0rem;
	float: left;
}

.main_cat_name {
	position: absolute;
	width: 100px;
	height: 20px;
	top: 5px;
	left: 0px;
	font-family: 'Open Sans';
	font-size: 14px;
	line-height: 19px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
}

.room_cat {
	position: absolute;
	width: 15.94rem;
	height: 3rem;
	top: 0px;
	left: 0px;
	background-color: #fff;
}

.room_field {
	width: 100%;
	height: 27px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #003057;
	left: 0px;
	font: normal normal normal 20px/23px Arial;
	letter-spacing: 0px;
	color: #003057;
}

#comp_bar,
#comp_bar.act {
	background-color: #fff;
}

.button_close {
	display: none;
	position: absolute;
	top: 9.8rem;
	right: 2.1rem;
	width: 4.25rem;
	height: 4.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/btn_close.svg&w=32&h=32&style=2);
	background-repeat: no-repeat;
	background-position: 13px;
	cursor: pointer;
}

#button_zoom_end {
	z-index: 10002;
}

#button_compare_ori {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 46px;
	width: fit-content;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #003057;
	cursor: pointer;

}

#button_compare_ori.pos_l {
	right: unset;
	bottom: 76px;
	left: 40px;
}

#button_compare_ori.deact {
	display: none;
}

#button_compare_end:hover,
#button_zoom_end:hover,
#button_compare_ori:hover {
	background-color: #003057;
}

#cl_active,
#cl_text,
#cl_char,
#cr_active,
#cr_text,
#cr_char {
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
}

#cl_text,
#cl_char,
#cr_text,
#cr_char {
	font-weight: 900;
}

#cl_char,
#cr_char {
	font-size: 30px;
}

#cl_active,
#cr_active {
	top: 0.69rem;
	left: 0rem;
	width: 100%;
	font: normal normal normal 14px/9px Arial;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}

#cl_text,
#cr_text {
	left: 0rem;
	bottom: 0.88rem;
	width: 100%;
	font: normal normal bold 18px/9px Arial;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}

#comp_mover,
#comp_mover:hover,
#comp_mover.act,
#comp_mover_show {
	display: inline-block;
	top: 30rem;
	left: 45.96rem;
	width: 1.5rem;
	/*63px;*/
	height: 21px;
	background-color: transparent;
	background-image: none;
	/*left: -30px;*/
	/*position: relative;*/
	vertical-align: middle;
	border: 2rem solid #fff;
	border-radius: 3rem;
	background-color: #fff;
}

#comp_mover_show {
	position: relative;
	top: 0rem;
	left: -2.64rem;
}

.comp_mover_ico {
	position: absolute;
	right: 1.6rem;
	width: 0.9rem;
	height: 1.5rem;
}

.comp_mover_left {
	background-image: url(svg_wrapper.php?file=/svg/btn_arrow_compare_left.svg&w=13&h=21&style=1);
}

.comp_mover_right {
	right: unset;
	left: 1.6rem;
	background-image: url(svg_wrapper.php?file=/svg/btn_arrow_compare_right.svg&w=13&h=21&style=1);
}

/*
#comp_mover, #comp_mover:hover, #comp_mover.act {
	background: url(svg_wrapper.php?file=/svg/btn_arrow_compare_left.svg&w=13&h=21&style=1) 0 0 no-repeat,
  url(svg_wrapper.php?file=/svg/btn_arrow_compare_right.svg&w=13&h=21&style=1) 100% 0 no-repeat;
	background-color: #fff;
}
*/


/* Favorites*/
#favs_content {
	top: 0px;
	left: 0px;
	border: 0 none;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #fff;
	width: calc(100% - 8rem);
	height: calc(100% - 5.75rem);
	top: 20px;
	padding: 1.75rem 4rem 4rem 4rem;
	border: 0px none;
	background-color: #fff;
	overflow-y: auto;
}

#favs_content_picBox {
	width: calc(100% - 40px);
	height: calc(100% - 100px);
	top: 20px;
	padding: 0px 20px;
	border: 0px none;
	background-color: #ffcc00;
	overflow-y: auto;
}

.favlistchip,
.favlist_img {
	width: 7.44rem;
	height: 7.44rem;
}

.favlistchip {
	margin-bottom: 2.64rem;
	margin-right: 1.32rem;
}

.tretford_fav_info {
	position: absolute;
	bottom: 11px;
	right: 3rem;
	width: 33px;
	height: 33px;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/icon_info.svg&w=19&h=19&style=);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	cursor: pointer;
}

.tretford_fav_info:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_info.svg&w=19&h=19&style=);
}

.tretford_fav_del {
	position: absolute;
	bottom: 11px;
	right: 0.4rem;
	width: 33px;
	height: 33px;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/btn_close_green.svg&w=19&h=19&style=2);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	cursor: pointer;
}

.tretford_fav_del:hover {
	background-image: url(svg_wrapper.php?file=/svg/btn_close_green.svg&w=19&h=19&style=2);
	background-repeat: no-repeat;
}

.favlist_use_ico {
	display: none;
}

#logo_ratio {
	display: none;
}

#ratio_main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -25%);
	margin: 0px;
}

#ratio_warning_text {
	font-size: 18px;
}

#ratio_warning_header {
	font-size: 22px;
}

#ratio_tap_bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
}

#ratio_tap_img {
	display: block;
	margin: 40px auto auto auto;
	width: 114px;
	height: 115px;
	background: 0px 0px no-repeat;
	background-image: url(img/bitte-drehen-quer.jpg);
}

#ratio_tap_img.mobile {
	background-image: url(img/bitte-drehen-hochformat.jpg);
}

.iphon_menu_element.deact {
	opacity: 0.4;
	pointer-events: none;
}

/* 200917 ----------------- + ZOOM ------------------------- */
#z_slide {
	display: none;
	position: absolute;
	bottom: 47px;
	left: calc(50% - 150px);
	width: 282px;
	height: 14px;
	background-color: #fff;
	position: absolute;
	background-color: #fff;
}

#z_slide .ui-slider-handle {
	margin-top: 3px;
	/*background-color: #FFEB00;*/
	border: 1px solid #70A81D;
	background-color: #70A81D;
}

#zoom_display {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	background: #d5d5d5;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	/* 	background-position: 0px 0px; */
	/* 	overflow: hidden; */
}

#zoom_display img {
	position: relative;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform-origin: center center;
}

#zoom_img_wrapper {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	/* 	margin-top: -90px; */
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	/* 	transform-origin: center center; */
	background-position: 0px 0px;
	overflow: hidden;
}

/*
#btt_view_zoom {
	position: absolute;
	bottom: 408px;
	height: 40px;
	width: 40px;
	background: url(img/btn_41x41.png);
	background-position: -0px -41px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor:pointer;
}
#btt_view_zoom:hover {
	background-position: -41px -41px;
}

#display_func_close {
	position: absolute;
	bottom: 408px;
	height: 40px;
	width: 40px;
	right:0px;
	background: url(img/btn_41x41.png);
	background-position: -0px -123px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor:pointer;
		display:none;
		z-index: 105;
}
#display_func_close:hover {
	background-position: -41px -123px;
}
*/
#project_upload {
	position: absolute;
	width: 15.94rem;
	height: 1.88rem;
	top: 1.5rem;
	right: 5.69rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #003057;
	cursor: pointer;
}

.project_upload_ico {
	display: inline-block;
	width: 1.19rem;
	height: 0.94rem;
	margin: 0.53rem 0.86rem 0rem 0.86rem;
	background: url(svg_wrapper.php?file=/svg/icon_camera_neu.svg&w=16&h=14&style=);
	vertical-align: top;
}

.project_upload_txt {
	display: inline-block;
	width: calc(100% - 3.62rem);
	height: 100%;
	vertical-align: top;
	font: normal normal normal 20px/23px Arial;
	letter-spacing: 0px;
	color: #003057;
	line-height: 1.88rem;
}

/* 201119 +++++++++++++++++++++++++++++++++++++++++++ */
#dia_search,
.wall_colors,
#wall_colors_7 {
	width: 100%;
}

#dia_search,
.wall_colors,
#wall_colors_7,
.wall_colors_fav_hold {
	border: 0px none;
}

.wall_colors.explorer {
	overflow: hidden;
	width: calc(100% - 4rem);
	height: calc(100% - 3.75rem);
	margin: 0rem 0rem 3.75rem 4rem;
}

.wall_colors_content {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: none;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin-left: 0px;
}

/* .wall_colors_content_hold, #wall_colors_content_hold_7 { */
/* 	position: absolute; */
/* 	top: 0px; */
/* 	left: 0px; */
/* 	height: 100%; */
/* 	width: 100%; */
/* } */
.wall_colors_content_hold {
	display: inline-block;
	position: relative;
	top: 0rem;
	left: 0rem;
	width: calc(100% - 35.39rem);
	height: calc(100% - 11.4rem);
}

#wall_colors_content_hold_70002 {
	height: calc(100% - 15.9rem);
}

#wall_colors_content_hold_70006,
#wall_colors_content_hold_70008 {
	top: -150px;
}

/*#wall_colors_content_hold_70007, */
.wall_colors_content_header {
	display: none;
	width: 100%;
	height: auto;
	min-height: 22px;
	/* 	border-bottom: 1px solid #70A81D; */
}

.more_threedobjects_title {
	visibility: hidden;
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0px;
	margin: 0rem;
	color: #003057;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.more_threedobjects_variants {
	position: relative;
	margin: 0px;
	white-space: nowrap;
	margin-left: 0.19rem;
	width: calc(100% - 0.19rem);
	overflow-x: auto;
}

.threedobject_model_wrap {
	display: inline-block;
}

.threedobject_model {
	width: 5.58rem;
	height: 5.58rem;
	margin: 0rem 1.32rem 0rem 0rem;
	border: 1px solid transparent;
	background-position: 0.1rem 0rem;
	box-sizing: border-box;
}

.threedobject_model_txt {
	width: 121px;
	height: 19px;
	line-height: 19px;
	margin-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #003057;
	font-size: 10px;
	text-transform: uppercase;
	overflow: hidden;
}

.threedobject_model:hover,
.threedobject_model.act {
	border-color: #003057;
	background-position: 0.1rem 0.1rem;
}

.btt_threedobject {
	display: inline-block;
	line-height: 0rem;
	cursor: pointer;
	border: 3px solid transparent;
}

.threedobject_Cloud {
	background: transparent url(svg_wrapper.php?file=/svg/Cloud.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Rechthoek {
	background: transparent url(svg_wrapper.php?file=/svg/Rechthoek.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Vierkant {
	background: transparent url(svg_wrapper.php?file=/svg/Vierkant.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Cube {
	background: transparent url(svg_wrapper.php?file=/svg/Cube.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Hexagon {
	background: transparent url(svg_wrapper.php?file=/svg/Hexagon.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Rond {
	background: transparent url(svg_wrapper.php?file=/svg/Rond.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Organisch {
	background: transparent url(svg_wrapper.php?file=/svg/Organisch.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Ellips {
	background: transparent url(svg_wrapper.php?file=/svg/Ellips.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Edge {
	background: transparent url(svg_wrapper.php?file=/svg/Edge.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Oval {
	background: transparent url(svg_wrapper.php?file=/svg/Oval.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Stone {
	background: transparent url(svg_wrapper.php?file=/svg/Stone.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_Pebble {
	background: transparent url(svg_wrapper.php?file=/svg/Pebble.svg&w=70&h=70&fgf1=%23003057) no-repeat;
}

.threedobject_model,
.threedobject_model {
	background-position: 0.1rem 0.1rem;
}

.more_methods_title {
	visibility: hidden;
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0px;
	margin: 0rem;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.more_methods_materials {
	white-space: normal;
	padding-bottom: 40px;
	margin: 0px;
}

.more_methods_variants {
	position: relative;
	margin: 0px;
	white-space: nowrap;
	margin-left: 0.19rem;
	width: calc(100% - 0.19rem);
}

.more_methods_nav {
	position: absolute;
	top: 0px;
	width: 12px;
	height: 100%;
	cursor: pointer;
}

.more_methods_right {
	right: 22px;
	background: transparent url(svg_wrapper.php?file=/svg/btn_arrow_pattern_right.svg&w=12&h=23&fgf1=%2370A81D) no-repeat 0px calc(50% - 12px);
}

.more_methods_left {
	left: 22px;
	background: transparent url(svg_wrapper.php?file=/svg/btn_arrow_pattern_left.svg&w=12&h=23&fgf1=%2370A81D) no-repeat 0px calc(50% - 12px);
}

.dummy_margin {
	height: 0px;
}

.method_art_wrap {
	display: inline-block;
}

.method_art {
	width: 7.5rem;
	height: 3.75rem;
	margin: 0rem 1.32rem 0rem 0rem;
	border: 0px solid transparent;
	box-sizing: border-box;
}

.method_art_txt {
	width: 121px;
	height: 19px;
	line-height: 19px;
	margin-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #555555;
	font-size: 10px;
	text-transform: uppercase;
	overflow: hidden;
}

.method_art:hover,
.method_art.act {
	border: 3px solid #003057;
	background-position: -3px -3px;
}

.method_material {
	width: auto;
	height: auto;
	margin: 23px 0px 0px 20px;
	padding: 0px;
	border: 1px solid #555555;
	color: #555555;
	padding: 0px
}

.info_material {
	margin: 4px 0px 14px 20px;
}

.method_material:hover,
.method_material.act {
	background: #70A81D;
	color: #fff;
}

.method_material_70007,
.method_material_70006,
.method_material_70008,
.method_material_70009 {
	width: calc(50% - 22px);
}

.method_material_70007.material_first,
.method_material_70006.material_first,
.method_material_70008.material_first,
.method_material_70009.material_first {
	margin-right: calc(50% - 22px);
}

.info_material,
.info_material.material_first {
	width: auto;
	margin-right: 0px;
}

.method_material_txt {
	display: inline-block;
	width: 73px;
	height: 33px;
	line-height: 33px;
	margin-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.method_material_70007>.method_material_txt,
.method_material_70006>.method_material_txt,
.method_material_70008>.method_material_txt,
.method_material_70009>.method_material_txt {
	width: calc(100% - 43px);
}

.info_material>.method_material_txt {
	width: 73px;
}

.method_material_70007.info_material>.method_material_txt,
.method_material_70008.info_material>.method_material_txt,
.method_material_70006.info_material>.method_material_txt,
.method_material_70009.info_material>.method_material_txt {
	width: 210px;
}

.method_material_img {
	display: inline-block;
	width: 33px;
	height: 33px;
	vertical-align: top;
}

.chip_dummy {
	display: none;
}

.tex_chip_wrap_wc {
	display: inline-block;
	margin: 0rem 1.32rem 1.32rem 0rem;
	position: relative;
	vertical-align: top;
	border: solid 2px #fff;
}

.viewoption,
.search_count {
	display: none;
}

/* .wall_colors_template_content { */
/* 	max-width: 630px; */
/* padding-top: 20px; */
/* } */
#aux_colors {
	display: inline-block;
	position: absolute;
	top: 45px;
	left: 0px;
	max-width: 630px;
	width: 630px;
	height: 30px;
	/* padding-top: 20px; */
	background-color: #ffcc00;
}

.chips_more div {
	display: inline-block;
	color: #fff;
	background-color: #70A81D;
	padding: 5px 10px;
	cursor: pointer;
	height: 10px;
	line-height: 10px;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 300;
}

.chips_more div:hover {
	background-color: #2B2E34;
}

.wall_colors_template_show {
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	width: 34.07rem;
	height: calc(100% - 70px);
	top: 0px;
	left: 0px;
}

#wall_colors_template_show_70002 {
	height: calc(100% - 262px);
}

#wall_colors_template_show_70001,
#wall_colors_template_show_70002,
#wall_colors_template_show_70003,
#wall_colors_template_show_70005,
#wall_colors_template_show_70007,
#wall_colors_template_show_70006,
#wall_colors_template_show_70008,
#wall_colors_template_show_70009 {
	height: calc(100% - 11.4rem);
	/*height: calc(100% - 189px);*/
}

#wall_colors_template_show_70002 {
	height: calc(100% - 16.4rem);
}

.wall_show_preview_name {
	width: 25.32rem;
	height: 1.57rem;
	margin: auto auto 0.82rem auto;
	text-align: center;
	font: normal normal bold 20px/24px Arial;
	letter-spacing: 0px;
	line-height: 1.57rem;
	color: #003057;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.infolist_title {
	width: 100%;
	height: 1.57rem;
	margin-bottom: 2rem;
	text-align: center;
	font: normal normal bold 22px/26px Arial;
	letter-spacing: 0px;
	line-height: 1.57rem;
	color: #003057;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.infolist_desc {
	width: calc(100% - 4.07rem);
	height: calc(100% - 1.57rem);
	margin: 0rem 0rem 0rem 4.07rem;
}

.infolist_desc>p {
	margin: 0rem 0rem 0.4rem 0rem;
	text-align: left;
	font: normal normal normal 15px/17px Arial;
	letter-spacing: 0px;
	color: #003057;
}

.infolist_desc div {
	display: inline-block;
	width: 5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

.wall_show_preview_name.price_teppich {
	opacity: 0;
	visibility: hidden;
}

.wall_show_place {
	position: relative;
	background-color: #555555;
	width: 25.32rem;
	height: calc(100% - 6.46rem);
	/*24.82rem;*/
	overflow: hidden;
	margin: auto;
}

.wall_show_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
}

.wall_show_img.max_w {
	width: 100%;
	height: auto;
}

.wall_show_img.rot_carpet {
	transform: translate(-50%, -50%) rotate(90deg);
}

#wall_show_img_70003.rot_tex {
	height: 280%;
	transform: translate(-50%, -50%) rotate(45deg);
}

/*.texture_chip_wc_70003 img {
	width: 150%;
	height: 150%;
	transform: rotate(45deg);
}*/

.wall_show_preview_btt {
	width: 25.32rem;
	height: 2.94rem;
	margin: 1.13rem auto auto auto;
	text-align: center;
	font: normal normal normal 22px/26px Arial;
	letter-spacing: 0px;
	line-height: 2.94rem;
	color: #fff;
	background-color: #003057;
	cursor: pointer;
}

/*.wall_show_preview_btt:hover {
	background-color: #2B2E34;
}*/

.wall_show_preview_text {
	position: absolute;
	display: none;
	/*inline-block;*/
	width: 315px;
	height: 15px;
	bottom: 5px;
	left: 0px;
	background-color: transparent;
	padding: 8px 10px;
	line-height: 14px;
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}

.wall_show_info {
	position: absolute;
	bottom: 0.69rem;
	right: 0.69rem;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/icon_info.svg&w=19&h=19&style=);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	cursor: pointer;
}

.wall_show_info:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_info.svg&w=19&h=19&style=);
}

.wall_show_cart {
	position: absolute;
	bottom: 0.69rem;
	right: 6.59rem;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/einkaufswagen.svg&w=19&h=19&style=);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	cursor: pointer;
}

.wall_show_cart:hover {
	background-image: url(svg_wrapper.php?file=/svg/einkaufswagen.svg&w=19&h=19&style=);
}

.wall_show_print {
	position: absolute;
	bottom: 0.69rem;
	right: 9.51rem;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/btn_printer.svg&w=24&h=24&style=2);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	cursor: pointer;
}

.wall_show_print:hover {
	background-image: url(svg_wrapper.php?file=/svg/btn_printer.svg&w=24&h=24&style=2);
}

.wall_show_calc {
	position: absolute;
	top: 11px;
	right: 15.39rem;
	width: 33px;
	height: 33px;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/btn_menge.svg&w=20&h=20&style=1);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	cursor: pointer;
}

.wall_show_calc:hover {
	/* 	url(svg_wrapper.php?file=/svg/btn_menge.svg&w=18&h=24&style=1) */
	background-image: url(svg_wrapper.php?file=/svg/btn_menge.svg&w=20&h=20&style=3);
}

.wall_show_fav_add {
	position: absolute;
	bottom: 0.69rem;
	right: 3.65rem;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #003057;
	background-image: url(svg_wrapper.php?file=/svg/icon_favoriten.svg&w=20&h=20&bgf=&fgf1=%23FFFFFF&fgs1=);
	background-repeat: no-repeat;
	background-position: 4.5px 6px;
	cursor: pointer;
}

.wall_show_fav_add:hover {
	background-image: url(svg_wrapper.php?file=/svg/icon_favoriten_white.svg&w=20&h=20&bgf=&fgf1=%23FFFFFF);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

.wall_show_fav_add.act {
	background-image: url(svg_wrapper.php?file=/svg/icon_favoriten_white.svg&w=20&h=20&bgf=%23FFFFFF&fgf1=%23FFFFFF);
	background-repeat: no-repeat;
	/*btn_add_favorite*/
	background-position: 5px 6px;
}

.wall_colors_search {
	width: 100%;
	height: 70px;
	border-bottom: none;
}

#wall_colors_search_hold_70001,
#wall_colors_search_hold_70002,
#wall_colors_search_hold_70003,
#wall_colors_search_hold_70005,
#wall_colors_search_hold_70007,
#wall_colors_search_hold_70006,
#wall_colors_search_hold_70008,
#wall_colors_search_hold_70009 {
	height: 11.45rem;
}

#wall_colors_search_hold_70002 {
	height: 15.95rem;
}

#wall_colors_search_hold_70006,
#wall_colors_search_hold_70008 {
	border: none;
	height: 150px;
}

/*#wall_colors_search_hold_70007, */
.aoarea {
	height: auto;
}

#aoarea_70001_0,
#aoarea_70002_0,
#aoarea_70003_0,
#aoarea_70005_0,
#aoarea_70007_0,
#aoarea_70006_0,
#aoarea_70008_0,
#aoarea_70009_0 {
	width: calc(100% - 35.5rem);
}

.aoarea_70001,
.aoarea_70002,
.aoarea_70003,
.aoarea_70005,
.aoarea_70007,
.aoarea_70006,
.aoarea_70008,
.aoarea_70009 {
	display: inline-block;
	width: 35.5rem;
	/*34.07rem*/
	vertical-align: top;
	overflow-y: visible;
}

#aoarea_70006_0,
#aoarea_70008_0 {
	display: none;
}

/*#aoarea_70007_0, */
#aoarea_70007_3,
#aoarea_70006_3,
#aoarea_70008_3,
#aoarea_70009_3 {
	position: absolute;
	right: 0px;
}

.more_methods_nav_70007,
.more_methods_nav_70009 {
	display: none;
}

.infolist_70002 {
	padding-top: 0.6rem;
}

.sizelist {
	padding-left: 33px;
}

#sizelist_70002_4 {
	padding-left: 0rem;
}

.sizelist_price {
	display: inline-block;
	width: 13.7rem;
	height: 1.88rem;
}

.sizelist_price_lbl {
	display: inline-block;
	width: 5.44rem;
	height: 1.88rem;
	line-height: 1.88rem;
	margin-left: 1rem;
	font: normal normal bold 20px/24px Arial;
	letter-spacing: 0px;
	color: #003057;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.sizelist_price_val {
	display: inline-block;
	width: 6.63rem;
	height: 1.88rem;
}

.sizelist_price_val::placeholder {
	text-align: right;
}

.sizelist_select,
.sizelist_input,
.infolist_select {
	width: 15.94rem;
	height: 1.88rem;
	margin: 0rem 0rem 4.5rem 4.07rem;
}

.infolist_select {
	display: inline-block;
}

.border_img {
	display: inline-block;
	width: 8.16rem;
	/*5.58rem;*/
	height: 8.16rem;
	/*5.58rem;*/
	margin: 0rem 0rem 0rem 1.32rem;
	border: 3px solid #003057;
	background: #003057 url("img/Key_Blindband.jpg") no-repeat;
	background-size: cover;
	box-sizing: border-box;
	vertical-align: top;
	cursor: pointer;
}

.border_chosen_Key_Blindband {
	background-image: url("img/Key_Blindband.jpg");
}

.border_chosen_Key_Linnenband {
	background-image: url("img/Key_Linnenband.jpg");
}

.border_chosen_Key_Kettelung {
	background-image: url("img/Key_Kettelung.jpg");
}

.sizelist_custom,
.sizelist_preset {
	display: none;
}

.sizelist_custom.act,
.sizelist_preset.act {
	display: block;
}

.sizelist_select_w,
.sizelist_input_w,
.infolist_select_w {
	width: 4.38rem;
	height: 1.88rem;
}

.sizelist_select_h,
.sizelist_input_h,
.infolist_select_h {
	width: 4.38rem;
	height: 1.88rem;
}

.sizelist_custom.round>.sizelist_input_h,
.sizelist_custom.round>.sizelist_x {
	display: none;
}

.sizelist_custom.round>.sizelist_input_w {
	width: 8.76rem;
}

.sizelist_title {
	display: inline-block;
	height: 1.38rem;
	line-height: 1.38rem;
	text-align: left;
	font: normal normal normal 18px/15px Arial;
	letter-spacing: 0px;
	color: #003057;
	margin: 18px 0px 11px 0px;
	text-transform: uppercase;
}

.sizelist_title_unit {
	display: inline-block;
	height: 1.38rem;
	line-height: 1.38rem;
	text-align: left;
	font: normal normal normal 13px/15px Arial;
	letter-spacing: 0px;
	color: #003057;
	margin: 18px 0px 11px 0px;
}

.sizelist_desc {
	display: none;
	width: calc(100% - 26px);
	margin-top: 11px;
	font-size: 10px;
}

.sizelist_select_w,
.sizelist_input_w {
	display: inline-block;
}

.sizelist_x {
	display: inline-block;
	margin: 0rem 0.5rem;
}

.ao-filter {
	height: 1.88rem;
	line-height: 1.88rem;
	padding: 0.6rem 0px 1.2rem 0px;
}

.ao-filter.btm_border {
	border-bottom: none;
}

.filter_lbl {
	display: inline-block;
	height: 100%;
	margin: 0rem 4rem 0rem 0rem;
	font: normal normal bold 22px/26px Arial;
	letter-spacing: 0px;
	color: #003057;
	vertical-align: middle;
}

.filter_select {
	display: inline-block;
	width: 15.94rem;
	height: 1.88rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #003057;
	vertical-align: inherit;
	padding: 0rem;
	margin: 0rem;
}

/* 201125 Teppiche ++++++++++++++++++++++++++++++++++++++++++++++ */
#dia_carpet {
	background-color: #fff;
	overflow-y: auto;
}

#carpet_choice_place {
	position: absolute;
	width: 780px;
	height: 516px;
	top: calc(50% - 380px);
	left: 0px;
	margin-left: 102px;
	font-size: 80%;
	text-align: center;
	background-color: #fff;
}

#carpet_choice_place.iph {
	width: 345px;
	height: auto;
	top: 0px;
	left: 0px;
	margin-top: 20px;
	margin-left: 5px;
	font-size: 80%;
}

.carpet_art {
	position: relative;
	width: 370px;
	height: 236px;
	top: 0;
	left: 0px;
	margin: 10px;
	font-size: 80%;
	text-align: center;
	background-color: #fff;
	float: left;
}

.carpet_art_name {
	position: absolute;
	width: 358px;
	height: 20px;
	bottom: 0;
	left: 0px;
	background-color: #fff;
	border: 1px solid #555;
	line-height: 14px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 300;
	color: #555;
	text-align: left;
	padding-left: 10px;
	padding-top: 6px;
	text-transform: uppercase;
}

.carpet_art_name.iph {
	width: 333px;
}

.carpet_art_name:hover,
.carpet_art_name.iph:hover {
	color: #70A81D;
}

.carpet_art.iph {
	width: 345px;
	height: 222px;
	top: 0px;
	left: 0px;
	font-size: 80%;
}

#carpet_5 {
	background-image: url(teppichauswahl/interart.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#carpet_5.de {
	background-image: url(teppichauswahl/interart_de.jpg) !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#carpet_6 {
	background-image: url(teppichauswahl/laeufer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#carpet_7 {
	background-image: url(teppichauswahl/leinen-borduere.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#carpet_8 {
	background-image: url(teppichauswahl/gekettelt.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#carpet_9 {
	background-image: url(teppichauswahl/wollfilz-borduere.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

.cur_chip_name {
	display: inline-block;
	width: 100%;
	height: 20px;
	top: 20px;
	left: 30px;
	background-color: #fff;
	line-height: 16px;
	font-family: 'Open Sans';
	font-size: 60%;
	font-weight: 300;
	color: #555;
	text-align: left;
	padding-left: 0px;
	padding-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* --- OWN IMAGE UPLOAD --- */
#dia_own_image {
	width: 984px;
	height: 609px;
	background-color: #fff;
}

#dia_own_image_titlebar,
#dia_rooms_titlebar,
#dia_catalog_titlebar,
#dia_search_titlebar,
#dia_favs_titlebar,
#dia_send_titlebar,
#dia_border_titlebar {
	width: 100%;
	height: 5rem;
	text-align: center;
	border: none;
	overflow: visible;
}

.ui-dialog #dia_own_image_titlebar .ui-dialog-title,
.ui-dialog #dia_rooms_titlebar .ui-dialog-title,
.ui-dialog #dia_catalog_titlebar .ui-dialog-title,
.ui-dialog #dia_search_titlebar .ui-dialog-title,
.ui-dialog #dia_favs_titlebar .ui-dialog-title,
.ui-dialog #dia_send_titlebar .ui-dialog-title,
.ui-dialog #dia_border_titlebar .ui-dialog-title {
	font: normal normal bold 26px/30px Georgia;
	letter-spacing: 0px;
	color: #003057;
	width: 100%;
	height: 100%;
	line-height: 6.4rem;
	margin: 0rem;
	padding: 0rem;
	overflow: visible;
}

#own_content {
	width: 100%;
	height: 28.15rem;
}

#dia_own_image.iph #own_content {
	height: 11rem;
}

#own_ico {
	width: 4.19rem;
	height: 3.44rem;
	margin: auto;
	padding-top: 1.81rem;
	background: transparent url(svg_wrapper.php?file=/svg/icon_camera_neu.svg&w=57&h=45&style=) 0rem 1.81rem no-repeat;
}

.iph #own_ico {
	position: absolute;
	top: -5.4rem;
}

#own_txt {
	width: 100%;
	margin: 1.81rem 0rem 2.81rem 0rem;
	text-align: center;
	font: normal normal bold 22px/26px Arial;
	letter-spacing: 0px;
	color: #003057;
}

.iph #own_txt {
	padding-top: 1.81rem;
	margin: 0rem 0rem 2.81rem 0rem;
	font: normal normal bold 18px/22px Arial;
}

#own_btt {
	width: 10.63rem;
	height: 4.19rem;
	margin: auto;
	background-color: #003057;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font: normal normal normal 22px/26px Georgia;
	letter-spacing: 0px;
	color: #E9ECEF;
	line-height: 4.19rem;
}

.iph #own_btt {
	height: 3.19rem;
	margin: 2rem auto;
	font: normal normal normal 18px/22px Georgia;
	line-height: 3.19rem;
}

#last_used_content {
	width: 100%;
	height: 21.25rem;
}

#last_used_title {
	width: calc(100% - 1.6rem);
	height: 4rem;
	margin-left: 1.6rem;
	text-transform: uppercase;
	font: normal normal bold 18px/22px Arial;
	letter-spacing: 0px;
	color: #003057;
	line-height: 4rem;
}

.iph #last_used_title {
	border-top: 1px solid #000;
	font: normal normal bold 14px/18px Arial;
	line-height: 4rem;
}

#last_used_scenes {
	width: 100%;
	height: calc(100% - 4rem);
	overflow-y: auto;
}

.btt_mypic {
	display: inline-block;
	position: relative;
	height: 15.63rem;
	width: 15.63rem;
	background-color: lightgray;
	margin: 0px 0px 1.6rem 1.6rem;
	vertical-align: top;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	cursor: pointer;
}

.btt_mypic img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.btt_mypic_del {
	width: 16px;
	height: 20px;
	position: absolute;
	top: 9px;
	right: 9px;
	cursor: pointer;
	background-image: url("svg_wrapper.php?file=/svg/btn_trash.svg&w=16&h=20&fgf1=%23fff&fgs1=%23000&fgf2=&fgs2=&bgf=&bgs=");
}

/* --- OWN IMAGE UPLOAD END --- */

/* --- CATALOG --- */
#dia_catalog {
	background-color: #FFF;
	overflow-y: auto;
}

#top_catalog_content {
	display: block;
	width: 100%;
	height: calc(50% - 1.25rem);
	padding-top: 1.25rem;
}

#bottom_catalog_content {
	display: block;
	width: 100%;
	height: 50%;
}

.catalog_mat_wrap {
	display: block;
	margin: auto;
	width: max-content;
}

#catalog_mat_Teppich {
	margin-left: 5rem;
}

.catalog_mat {
	display: inline-block;
	width: 28.44rem;
	height: 19.34rem;
	cursor: pointer;
}

.catalog_mat_img {
	width: 28.44rem;
	height: 16.77rem;
	background-color: #5d5d5d;
	background-image: url("img/Kamerbreed_tapijt.jpg");
	background-size: cover;
}

#catalog_mat_Teppich>.catalog_mat_img {
	background-image: url("img/Vloerkleed_op_Maat.jpg");
}

#catalog_mat_PVC>.catalog_mat_img {
	background-image: url("img/PVC.jpg");
}

.catalog_mat_txt {
	width: 28.44rem;
	height: 2.57rem;
	text-align: center;
	font: normal normal bold 22px/26px Arial;
	line-height: 2.57rem;
	letter-spacing: 0rem;
	color: #003057;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#dia_info_mat,
#dia_info_size {
	width: 75.25rem;
	height: 47.63rem;
	background-color: rgba(255, 255, 255, 0.8);
}

#dia_info_mat_titlebar,
#dia_info_size_titlebar,
#dia_burger_titlebar,
#dia_info_carpet_titlebar {
	display: none;
}

#dia_info_carpet {
	background-color: rgba(255, 255, 255, 0.6);
}

#info_carpet_main {
	position: relative;
	width: 100%;
	height: 100%;
}

#info_carpet_img {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -0%);
	width: auto;
	height: 100%;
	/*background: url("img/vloerkledenplanner_2160.jpg") no-repeat;*/
}

#info_carpet_noticed {
	position: absolute;
	bottom: 10%;
	left: 10%;
	cursor: pointer;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.4);
}

#info_carpet_noticed_check {
	display: inline-block;
	position: relative;
	width: 1.19rem;
	height: 1.19rem;
	border: 1px solid #003057;
	vertical-align: middle;
}

#info_carpet_noticed_hook {
	display: none;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 1.18rem;
	height: 1.18rem;
	background: url("svg_wrapper.php?file=/svg/btn_close.svg&w=17&h=17&fgf1=%23fff&fgs1=%23003057&fgf2=&fgs2=&bgf=&bgs=") no-repeat;
}

#info_carpet_noticed.act #info_carpet_noticed_hook {
	display: block;
}

#info_carpet_noticed_txt {
	display: inline-block;
	height: 1.19rem;
	margin-left: 0.57rem;
	font: normal normal normal 14px/16px Arial;
	letter-spacing: 0px;
	color: #003057;
}

#info_mat_main,
#info_size_main {
	position: relative;
	top: 14.63rem;
	/*left: 32.72rem;*/
	width: 19.36rem;
	/*24.62rem;*/
	height: 14rem;
	/*18.38rem;*/
	padding: 2.19rem 2.63rem;
	margin: auto;
	background-color: #fff;
	border: 1px solid #003057;
}

#info_mat_title,
#info_size_title {
	font: normal normal bold 18px/14px Arial;
	letter-spacing: 0px;
	color: #003057;
	margin-bottom: 2.5rem;
}

#info_mat_text,
#info_size_text {
	font: normal normal normal 12px/14px Arial;
	letter-spacing: 0px;
	color: #003057;
}

#info_mat_noticed {
	position: absolute;
	bottom: 1.63rem;
	right: 2.32rem;
	cursor: pointer;
}

#info_mat_noticed_check {
	display: inline-block;
	position: relative;
	width: 1.19rem;
	height: 1.19rem;
	border: 1px solid #003057;
	vertical-align: middle;
}

#info_mat_noticed_hook {
	display: none;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 1.18rem;
	height: 1.18rem;
	background: url("svg_wrapper.php?file=/svg/btn_close.svg&w=17&h=17&fgf1=%23fff&fgs1=%23003057&fgf2=&fgs2=&bgf=&bgs=") no-repeat;
}

#info_mat_noticed.act #info_mat_noticed_hook {
	display: block;
}

#info_mat_noticed_txt {
	display: inline-block;
	height: 1.19rem;
	margin-left: 0.57rem;
	font: normal normal normal 10px/12px Arial;
	letter-spacing: 0px;
	color: #003057;
}

/* --- CATALOG END --- */

/* --- DOWNLOAD START --- */
.cad_download_btt {
	width: 100%;
	max-width: 200px;
	height: 46px;
	line-height: 46px;
	margin: auto;
	background-color: #70A81D;
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	height: 46px
}

.cad_download_txt {
	width: calc(100% - 40px);
	padding: 26px 20px;
	color: #555555;
	font-size: 14px;
	padding: 26px 20px;
}

#cad_content_room,
#cad_content_rapport {
	display: inline-block;
	width: calc(50% - 1px);
	/* 	float: left; */
	border-left: 1px solid #70A81D;
	height: 100%;
}

#dia_cad {
	background-color: white;
}

.cad_download_btt:hover {
	background-color: #2B2E34;
}

/* --- DOWNLOAD END --- */

/* --- PROJEKT SAVE --- */
.proj_save_text {
	display: inline-block;
	height: 41px;
	line-height: 41px;
	vertical-align: top;
	margin-left: 20px;
	margin: auto;
	background-color: #003057;
	color: #fff;
	text-align: center;
	cursor: pointer;
	width: 60%;
}

#dia_send {
	background-color: white;
}

.proj_save_text:hover {
	background-color: #2B2E34;
}

#proj_copy_link_div:hover #proj_copy_link_pic {
	background-position: 0px -1312px;
}

.proj_save_line:hover .proj_save_text {
	color: white;
}

#proj_save_link_div:hover #proj_save_link_div_pic {
	background-position: 0px -1271px;
}

/* --- PROJEKT END --- */
/* --- LAYING TYPES --- */
div.method_222 {
	background: url("verlegeplaene/222.jpg") 0px 0px no-repeat;
}

div.method_223 {
	background: url("verlegeplaene/223.jpg") 0px 0px no-repeat;
}

div.method_224 {
	background: url("verlegeplaene/224.jpg") 0px 0px no-repeat;
}

div.method_225 {
	background: url("verlegeplaene/225.jpg") 0px 0px no-repeat;
}

div.method_226 {
	background: url("verlegeplaene/226.jpg") 0px 0px no-repeat;
}

div.method_227 {
	background: url("verlegeplaene/227.jpg") 0px 0px no-repeat;
}

div.method_228 {
	background: url("verlegeplaene/228.jpg") 0px 0px no-repeat;
}

div.method_229 {
	background: url("verlegeplaene/229.jpg") 0px 0px no-repeat;
}

div.method_230 {
	background: url("verlegeplaene/230.jpg") 0px 0px no-repeat;
}

div.method_231 {
	background: url("verlegeplaene/231.jpg") 0px 0px no-repeat;
}

div.method_232 {
	background: url("verlegeplaene/232.jpg") 0px 0px no-repeat;
}

div.method_233 {
	background: url("verlegeplaene/233.jpg") 0px 0px no-repeat;
}

div.method_234 {
	background: url("verlegeplaene/234.jpg") 0px 0px no-repeat;
}

div.method_235 {
	background: url("verlegeplaene/235.jpg") 0px 0px no-repeat;
}

div.method_236 {
	background: url("verlegeplaene/236.jpg") 0px 0px no-repeat;
}

div.method_237 {
	background: url("verlegeplaene/237.jpg") 0px 0px no-repeat;
}

div.method_239 {
	background: url("verlegeplaene/239.jpg") 0px 0px no-repeat;
}

div.method_242 {
	background: url("verlegeplaene/242.jpg") 0px 0px no-repeat;
}

div.method_243 {
	background: url("verlegeplaene/243.jpg") 0px 0px no-repeat;
}

div.method_244 {
	background: url("verlegeplaene/244.jpg") 0px 0px no-repeat;
}

div.method_245 {
	background: url("verlegeplaene/245.jpg") 0px 0px no-repeat;
}

div.method_246 {
	background: url("verlegeplaene/246.jpg") 0px 0px no-repeat;
}

div.method_247 {
	background: url("verlegeplaene/247.jpg") 0px 0px no-repeat;
}

div.method_248 {
	background: url("verlegeplaene/248.jpg") 0px 0px no-repeat;
}

div.method_249 {
	background: url("verlegeplaene/249.jpg") 0px 0px no-repeat;
}

div.method_250 {
	background: url("verlegeplaene/250.jpg") 0px 0px no-repeat;
}

div.method_252 {
	background: url("verlegeplaene/252.jpg") 0px 0px no-repeat;
}

div.method_253 {
	background: url("verlegeplaene/253.jpg") 0px 0px no-repeat;
}

div.method_255 {
	background: url("verlegeplaene/255.jpg") 0px 0px no-repeat;
}

div.method_256 {
	background: url("verlegeplaene/256.jpg") 0px 0px no-repeat;
}

div.method_257 {
	background: url("verlegeplaene/257.jpg") 0px 0px no-repeat;
}

div.method_258 {
	background: url("verlegeplaene/258.jpg") 0px 0px no-repeat;
}

div.method_259 {
	background: url("verlegeplaene/259.jpg") 0px 0px no-repeat;
}

div.method_260 {
	background: url("verlegeplaene/260.jpg") 0px 0px no-repeat;
}

/* --- LAYING TYPES END --- */

/* --- INFO DIALOG --- */
.info_bottom {
	display: none;
	position: absolute;
	bottom: 0px;
	width: calc(100% - 54px);
	min-height: 240px;
	padding: 15px 27px;
	background-color: rgba(255, 255, 255, 0.8);
}

.info_bottom_r {
	display: none;
}

.info_bottom_l {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.info_bottom_l,
.info_bottom_r,
.info_bottom_l_hold {
	display: inline-block;
}

.more .info_bottom_l {
	overflow-y: auto;
	overflow-x: hidden;
}

.info_bottom_l_hold {
	width: 100%;
	height: calc(100% - 50px);
	vertical-align: top;
}

.info_color_holder {
	min-height: 70px;
}

.info_logo {
	vertical-align: middle;
	text-align: center;
	height: 90px;
	width: 230px;
	margin-bottom: 24px;
}

.info_btt_print {
	margin-bottom: 7px;
}

.info_btt_print .ico {
	background-position: 0px -102px;
}

.info_btt_print:hover .ico {
	background-position: -34px -102px;
}

.info_btt_fav .ico {
	background-position: 0px -204px;
}

.info_btt_fav:hover .ico,
.info_btt_fav.act .ico {
	background-position: -34px -204px;
}

.info_less {
	display: none;
}

.more_line {
	position: absolute;
	right: 27px;
	bottom: 11px;
	height: 29px;
}

.more_line.hidden {
	display: none;
}

.more_line div {
	height: 29px;
	float: right;
	line-height: 29px;
	color: #70A81D;
	cursor: pointer;
}

.more_line div:hover {
	color: #5d5d5d;
}

.more .info_more {
	display: none !important;
}

.more .info_bottom_l {
	overflow-y: auto;
	overflow-x: hidden;
}

.more .info_less {
	display: block;
}

.info_line_top {
	display: none;
}

.info_line {
	margin: 0px;
}

.more .info_top_btts {
	display: none;
}

.info_top_btts {
	position: absolute;
	width: 117px;
	top: 25px;
	right: 25px;
}

#info_img.carpet_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
}

#info_img.carpet_img.border {
	top: 0px;
	left: 0px;
	transform: none;
}

#info_img.carpet_img.rotate {
	transform: translate(-50%, -50%) rotate(90deg);
}

/* --- INFO DIALOG END --- */
#ratio_main,
#logo_ratio {
	display: none;
}

/* --- Catalog --- */
#dia_border_img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

#dia_border_close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
}

/* --- Catalog END --- */

/* --- MEDIA QUERIES --- */
@media (min-width : 414px) and (max-width: 1280px) {
	.sizelist_select {
		position: absolute;
		right: 0rem;
		width: 12.94rem;
		margin: 0.8rem 0.8rem 0.4rem 4.07rem;
	}

	#wall_colors_search_hold_70002 {
		height: 18.95rem;
	}

	.wall_show_place {
		height: calc(100% - 8.9rem);
	}

	.sizelist_preset {
		position: relative;
	}

	.sizelist_price {
		position: relative;
		width: 100%;
	}

	.sizelist_price_lbl {
		height: 1.38rem;
		line-height: 1.38rem;
		text-align: left;
		font: normal normal normal 18px/15px Arial;
		letter-spacing: 0px;
		color: #003057;
		margin: 0.8rem 0px 11px 0px;
		text-transform: uppercase;
	}

	.sizelist_price_val {
		position: absolute;
		right: 0rem;
		width: 12.36rem;
		height: 1.48rem;
		margin: 0.4rem 0.8rem 0.4rem 4.07rem;
	}

	#own_content {
		height: 24.15rem;
	}

	/*.btt_mypic {
		width: 10.63rem;
		height: 10.63rem;
	}*/
}

@media (max-width: 1024px) {

	/* TABLET */
	/*
	991px
	#dia_catalog {

	}*/
	.btt_mypic {
		width: 13.63rem;
		height: 13.63rem;
	}

	#top_catalog_content {
		height: auto;
	}

	.catalog_mat_wrap {
		display: block;
		margin: auto;
	}

	#catalog_mat_Teppich {
		margin: auto;
	}

	.catalog_mat {
		display: block;
		height: auto;
		cursor: pointer;
	}

	.catalog_mat_img {
		width: 100%;
		height: 16.77rem;
	}

	.catalog_mat_txt {
		width: 100%;
	}

	.infolist_70002 {
		padding-top: 2.5rem;
	}

	.infolist_desc_70002 {
		position: relative;
		top: -0.8rem;
	}

	/*#info_carpet_img {
		background: url("img/vloerkledenplanner_1440.jpg") no-repeat;
	}*/
}

@media (max-width : 414px) {
	.sizelist_price_lbl {
		width: 3rem;
		margin: 18px 0px 11px 0.4rem;
		font: normal normal normal 18px/15px Arial;
		font-size: 14px;
	}

	.catalog_mat {
		display: inline-block;
		width: 100%;
	}

	.catalog_mat_wrap {
		width: calc(100% - 2rem);
	}

	.wall_colors_template_show,
	.wall_colors_content_hold {
		display: block;
		background-color: transparent;
	}

	.wall_colors_content_hold {
		width: 100%;
	}

	.wall_colors_template_show,
	#wall_colors_template_show_70001,
	#wall_colors_template_show_70002,
	#wall_colors_template_show_70003,
	#wall_colors_template_show_70005,
	#wall_colors_template_show_70002,
	#wall_colors_template_show_70007,
	#wall_colors_template_show_70006,
	#wall_colors_template_show_70008,
	#wall_colors_template_show_70009 {
		width: 345px;
		padding-left: 0px;
		margin: 22px auto 0px auto;
		height: 231px;
	}

	.wall_show_place {
		height: calc(100% - 59px);
	}

	.wall_show_preview_name {
		display: none;
	}

	.wall_show_preview_btt {
		height: 39px;
		line-height: 39px;
	}

	.wall_colors.explorer {
		overflow-y: auto;
	}

	#picBox_picHolder,
	.room_menu_0 #picBox_picHolder,
	.room_menu_1 #picBox_picHolder {
		width: 339px;
		margin: auto;
	}

	.room_chip {
		margin: 0px 0px 30px 0px;
	}

	.ui-dialog .ui-dialog-titlebar,
	#picBox_title,
	.wall_colors_search,
	.ao-filter.btm_border {
		border-color: #fff;
	}

	.more_methods_variants {
		padding-left: 15px;
	}

	.method_art,
	.method_art_txt {
		margin: 0px 20px 0px 0px;
	}

	.more_methods_materials {
		width: 345px;
		margin: auto;
	}

	.method_material {
		width: 102px;
		margin: 20px 11px 0px 0px;
	}

	.info_material {
		width: 94px;
	}

	.method_material_70007,
	.method_material_70006,
	.method_material_70008,
	.info_material.material_first,
	.method_material_70009 {
		width: 259px;
	}

	.method_material_txt {
		width: 59px;
	}

	.info_material>.method_material_txt {
		width: 51px;
	}

	.info_line {
		margin: 20px 0px 0px 0px;
	}

	.filter_select {
		width: 225px;
	}

	.wall_colors_template_content {
		width: 100%;
		margin: 1rem auto 0rem auto;
	}

	.tex_chip_wrap_wc {
		margin: 0px 11px 11px 0px;
	}

	.cur_chip_name,
	.chip1 .texture_chip_wc {
		width: 90px;
	}

	.room_category_place {
		position: absolute;
		right: unset;
		left: 1rem;
		width: 10.19rem;
		margin-right: 0rem;
	}

	.room_cat {
		width: 10.19rem;
	}

	#cad_content_room {
		display: block;
		height: 156px;
		width: 100%;
	}

	#cad_content_rapport {
		display: block;
		width: 100%;
	}

	.cad_download_btt {
		margin-left: 20px;
	}

	#cad_content_room,
	#cad_content_rapport {
		border: none;
		border-top: 1px solid #70A81D;
	}

	#last_used_scenes {
		width: 356px;
		margin: auto;
	}

	#last_used_content {
		height: calc(100% - 11rem);
	}

	.btt_mypic {
		display: block;
		width: 18rem;
		height: 11.4rem;
		margin: 1rem auto;
	}

	#project_upload {
		right: 1rem;
		width: 10.94rem;
	}

	.project_upload_txt {
		font: normal normal normal 12px/14px Arial;
		line-height: 1.88rem;
	}

	.ico_rooms {
		display: inline-block;
		width: 2.5rem;
		height: 2.44rem;
		background-image: url(svg_wrapper.php?file=/svg/btn_room.svg&w=35&h=34&style=1);
		background-repeat: no-repeat;
		vertical-align: text-bottom;
	}

	.ui-dialog #dia_own_image_titlebar .ui-dialog-title,
	.ui-dialog #dia_rooms_titlebar .ui-dialog-title,
	.ui-dialog #dia_catalog_titlebar .ui-dialog-title,
	.ui-dialog #dia_search_titlebar .ui-dialog-title,
	.ui-dialog #dia_favs_titlebar .ui-dialog-title,
	.ui-dialog #dia_send_titlebar .ui-dialog-title {
		width: calc(100% - 1rem);
		margin-left: 1rem;
		font: normal normal bold 22px/28px Georgia;
		line-height: 6.4rem;
		text-align: left;
	}

	.ui-dialog #dia_own_image_titlebar .ui-dialog-title {
		width: calc(100% - 5rem);
		margin-left: 5rem;
	}

	.ui-widget #mc_interior_private {
		font-size: 12px;
	}

	#wall_colors_search_hold_70001,
	#wall_colors_search_hold_70002,
	#wall_colors_search_hold_70003,
	#wall_colors_search_hold_70005,
	#wall_colors_search_hold_70007,
	#wall_colors_search_hold_70006,
	#wall_colors_search_hold_70008,
	#wall_colors_search_hold_70009 {
		height: auto;
	}

	#wall_colors_content_hold_70007,
	#wall_colors_content_hold_70006,
	#wall_colors_content_hold_70008,
	#wall_colors_content_hold_70009 {
		top: 0px;
	}

	#aoarea_70001_0,
	#aoarea_70002_0,
	#aoarea_70003_0,
	#aoarea_70005_0,
	#aoarea_70007_0,
	#aoarea_70006_0,
	#aoarea_70008_0,
	#aoarea_70009_0 {
		width: 100%;
		/*35.5rem;34.07rem*/
	}

	#aoarea_70007_3,
	#aoarea_70006_3,
	#aoarea_70008_3,
	#aoarea_70009_3 {
		position: relative;
	}

	#wall_colors_template_show_70003 {
		margin-top: 0rem;
	}

	#more_methods_title_70003_3 {
		display: none;
	}

	.sizelist {
		padding: 0px;
		margin: auto;
		width: 100%;
		/*calc(100% - 30px);*/
	}

	.sizelist_title {
		font-size: 14px;
	}

	.sizelist_select,
	.sizelist_input,
	.infolist_select {
		width: 8rem;
		height: 2rem;
		margin: 0rem 0rem 1.5rem 0.6rem;
	}

	.infolist_select {
		width: 12rem;
		margin: 0rem 0rem 1.5rem 0rem;
	}

	.sizelist_price {
		width: auto;
	}

	.sizelist_price_val {
		width: 4rem;
		/*5.63rem;*/
		height: 1.6rem;
		margin-left: 1rem;
	}

	/**/
	.sizelist_select {
		position: absolute;
		right: 0rem;
		width: 12.94rem;
		margin: 0.8rem 0.8rem 0.4rem 4.07rem;
	}

	.sizelist_preset {
		position: relative;
	}

	.sizelist_price {
		position: relative;
		width: 100%;
	}

	.sizelist_price_lbl {
		width: 6rem;
		height: 1.38rem;
		line-height: 1.38rem;
		text-align: left;
		font: normal normal normal 14px Arial;
		letter-spacing: 0px;
		color: #003057;
		margin: 0.8rem 0px 11px 0px;
		text-transform: uppercase;
	}

	.sizelist_price_val {
		position: absolute;
		right: 0rem;
		width: 12.36rem;
		height: 1.48rem;
		margin: 0.4rem 0.8rem 0.4rem 4.07rem;
	}

	/**/
	.sizelist_select_h,
	.sizelist_input_h,
	.infolist_select_h,
	.sizelist_select_w,
	.sizelist_input_w,
	.infolist_select_w {
		width: 2.5rem;
		height: 1.6rem;
	}

	#info_top {
		width: 100%;
		max-height: 232px;
	}

	#btt_rot {
		left: 20px;
		bottom: 66px;
	}

	#button_compare_ori.pos_r {
		left: unset;
		right: 20px;
		bottom: 126px;
	}

	#button_compare_ori.pos_l {
		right: unset;
		left: 20px;
		bottom: 126px;
	}

	#btt_del_carp {
		bottom: 66px;
		left: inherit;
		right: 20px;
	}

	.infolist_title {
		/*#aoarea_70001_3, #infolist_70003_5*/
		display: none;
	}

	.infolist_desc {
		margin: 0rem;
	}

	.infolist_desc_70002 {
		display: block;
		position: absolute;
		top: 6rem;
		left: 0rem;
		margin: 0rem;
		width: 12rem;
	}

	.infolist_desc_70002>p {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
	}

	.ao-filter .filter_lbl {
		display: none;
	}

	.wall_colors.explorer {
		margin: auto;
	}

	.wall_show_preview_btt {
		font-size: 14px;
	}

	#info_mat_main,
	#info_size_main {
		width: 12rem;
		/*left: 50%;
		transform: translate(-50%, 0%);*/
	}

	#info_mat_title {
		font: normal normal bold 14px/12px Arial;
	}

	#info_mat_text {
		font: normal normal normal 10px/12px Arial
	}

	#favs_content {
		padding: 2.75rem 4rem 4rem 4rem;
	}

	#wall_show_img_70003 {
		height: 402%;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.menu_element_text {
		display: none;
	}

	#info_carpet_img {
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(-0%, -50%);
		width: 100%;
		height: auto;
		/*background: url("img/vloerkledenplanner_720.jpg") no-repeat;*/
	}

	#info_carpet_noticed {
		position: absolute;
		bottom: 4%;
		left: 4%;
	}
}

/*CALCULATOR*/
#dia_calc_room_calc,
#dia_calc_room_calc_bahnen {
	background-color: white;
}

#dia_calc,
#dia_calc_bahnen {
	overflow-y: auto;
}

.room_calc_div:nth-of-type(7) {
	display: flex;
}

.dia_calc_room_calc_topic {
	margin-left: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#calc_roomlengh,
#calc_roomwidth,
#calc_roomsize,
#calc_room_doors,
#calc_room_doors_width,
#calc_packagesize,
#calc_roomwaste,
#calc_roomlengh_bahnen,
#calc_roomwidth_bahnen,
#calc_roomsize_bahnen,
#calc_room_doors_bahnen,
#calc_room_doors_width_bahnen,
#calc_packagesize_bahnen,
#calc_roomwaste_bahnen {
	width: 28%;
	height: 30px;
}

#dia_calc_middle_topic,
#dia_calc_middle_topic_bahnen {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#calc_baseboards,
#calc_underlay,
#calc_profile,
#calc_baseboards_bahnen,
#calc_underlay_bahnen,
#calc_profile_bahnen {
	width: unset;
}

#calc_sum_price {
	right: 20px;
	position: absolute;
}

#calc_sum_price_bahnen,
.gesamt_price_bahnen,
#calc_sum_price {
	color: #70A81D;
}

#calc_sum_price_bahnen {
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

#calc_content_room_middle,
#calc_content_room_middle_bahnen {
	margin-left: 15px;
}

.bahnen_calc_dia_right_box_right.bahnen {
	display: inline-block;
	margin-right: 10px;
}

#calc_content_room_middle_bottom {
	margin-left: 15px;
}

#calc_bahnen_summe {
	display: inline-block;
	float: right;
	margin-right: 10px;
}

.calc_dia_right_box_left.msg_bahnen {
	clear: both;
}

#baseboards_fliesen {
	float: left;
}

#calc_baseboards {
	margin-right: 20px;
}

.dia_calc_label_for_input {
	display: inline-block;
	width: 130px;
	float: left;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #5d5d5d;
}

.method_material_txt {
	width: 125px;
}

#dia_calc_right_box {
	margin-left: 15px;
}

.method_material_calc {
	width: 55%;
	margin: 0px 0px 0px 0px;
	height: 20%;
}

#method_material_img_bahnen_calc {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

#method_material_bahnen_calc {
	width: 100%;
	margin: 0px 10px 5px 0px;
	height: 20%;
}

#dia_calc_middle_topic {
	margin-left: 15px;
}

#dia_calc_middle_box {
	margin-left: 15px;
}

.bahnen_calc_dia_right_box_left.gesamt_price_bahnen {
	float: left;
}

.bahnen_calc_dia_right_box_left {
	display: inline-block;
}

.calc_dia_middle_box_left {
	float: left;
}

#calc_content_room_left_bahnen .room_calc_div:nth-of-type(7) {
	display: none;
}

#calc_dia_print,
#calc_dia_print_bahnen {
	width: 100%;
	max-width: 325px;
	height: 46px;
	line-height: 46px;
	background-color: #70A81D;
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	height: 46px;
	margin-left: 3%;
	margin-top: 10%;
	position: absolute;
}

#dia_calc_right_topic,
#dia_calc_right_topic_bahnen {
	margin-left: 15px;
}

.package_texture,
.squere_meter_texture {
	margin: 5px 0px 20px 10px;
}

#squere_meter_texture_bahnen {
	display: none;
}

#package_size_tretford,
#package_size_tretford_bahnen {
	margin-left: 16%;
}

.room_calc_div {
	display: inline-block;
	height: 25px;
	margin-bottom: 22px;
	margin-left: 20px;
}

.info_for_calc_texture {
	display: flex;
}

.calc_material {
	display: flex;
}

#calc_content_room_right,
#calc_content_room_right_bahnen {
	margin-top: 5%;
	float: left;
}

#calc_room_doors,
#calc_room_doors_bahnen {
	width: 30%;
}

#calc_baseboards_bahnen {
	float: right;
	margin-right: 15px;
}

#calc_dia_print_bahnen {
	/* 	display: none; */

}

#package_texture_bahnen {
	display: none;
}

.dia_calc_right_box_inner {
	margin-left: 0px;
	margin-top: 10px;
}

@media (min-width : 415px) {

	/*Desktop*/
	.price_teppich {
		float: right;
		width: 155px;
		color: #70a81d;
		margin-top: -27px;
	}

	.dia_calc_room_calc {
		position: absolute;
		width: 300px;
		height: 100%;
		margin-top: 0px;
		margin-right: 5px;
		left: 0px;
		background-color: #fff;
	}

	.room_calc_div {
		width: 400px;
	}

	#method_material_bahnen_calc:hover {
		background: unset;
		color: black;
		border-color: unset;
	}

	.package_texture_end_price {
		float: left;
		margin: 15px 0px 15px 15px;
		font-weight: bold;
		font-size: 16px;
	}

	#calc_roomwaste,
	#calc_roomwaste_bahnen {
		width: 10% !important;
		margin-left: 18%;
		height: 30px;
	}

	.dia_calc_room_calc_topic {
		margin-left: 20px;
		margin-top: 20px;
	}

	#calc_content_room_left,
	#calc_content_room_left_bahnen {
		position: absolute;
		width: 315px;
		height: 100%;
		margin-top: 0px;
		margin-right: 5px;
		left: 0px;
		background-color: #fff;
		float: unset;
	}

	#calc_content_room_right,
	#calc_content_room_right_bahnen {
		margin-top: unset;
	}

	#calc_room_doors,
	#calc_room_doors_bahnen {
		width: 28%;
		height: 30px;
	}

	#calc_content_room_middle_bahnen {
		position: absolute;
		width: 430px;
		height: 80%;
		margin-top: 0px;
		margin-right: 35px;
		left: 300px;
		background-color: #DDDDDD;
	}

	#dia_calc_right_box {
		margin-top: 65px;
	}

	#calc_content_room_middle {
		position: absolute;
		width: 430px;
		height: 85%;
		margin-top: 0px;
		margin-right: 35px;
		left: 300px;
		background-color: #DDDDDD;
	}

	#calc_sum_price {
		right: unset;
		position: unset;
	}

	#calc_content_room_middle_bottom {
		position: absolute;
		width: 70.3%;
		height: 15%;
		margin-right: 10px;
		left: 315px;
		background-color: #DDDDDD;
		bottom: 0;
		margin-left: unset;
	}

	#fliesen_information {
		margin: 35px 0px 15px 0px;
		font-size: 11px;
	}

	#price_information {
		margin: 35px 0px 15px 0px;
		font-size: 11px;
	}

	#calc_content_room_right_bahnen {
		position: absolute;
		width: 290px;
		height: 80%;
		margin-top: 0px;
		margin-right: 35px;
		left: 709px;
		background-color: #DDDDDD;
	}

	#calc_content_room_middle_bottom_bahnen {
		position: absolute;
		width: 68.4%;
		height: 20%;
		bottom: 0px;
		margin-right: 35px;
		left: 315px;
		background-color: #DDDDDD;
	}

	#calc_dia_print,
	#calc_dia_print_bahnen {
		width: 90% !important;
		margin-left: unset !important;
		margin-top: unset !important;
		float: left;
		position: absolute;
	}

	#calc_dia_print_bahnen {
		bottom: -70px;
	}

	#calc_dia_print {
		bottom: -50px;
	}

	#fliesen_information_bahnen {
		margin: 15px 0px 0px 45px;
		color: red;
	}

	#calc_content_room_right {
		position: absolute;
		width: 331px;
		height: 85%;
		margin-top: 0px;
		margin-right: 35px;
		left: 729px;
		background-color: #DDDDDD;
	}

	#calc_summe_calc_packages_sum,
	#calc_summe_calc_squere,
	#bahnen_price_a {
		text-transform: none;
	}

	.calc_dia_right_box_right,
	.calc_dia_right_box_left,
	.dia_calc_right_box_inner {
		float: left;
	}

	.bahnen_calc_dia_right_box_right,
	.bahnen_calc_dia_right_box_left {
		float: left;
		margin-bottom: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#calc_sum_price_bahnen,
	.gesamt_price_bahnen,
	#calc_sum_price {
		color: #70A81D;
	}

	.dia_calc_right_box_inner {
		margin-left: unset;
		margin-top: unset;
	}

	.msg_bahnen {
		font-size: 11px;
		padding-right: 10px;
	}

	.info_for_calc_texture {
		display: block;
	}

	.calc_material {
		display: block;
	}

	.dia_calc_middle_box_inner_last {
		display: flex;
		margin-left: 45px;
	}

	#dia_calc_right_topic,
	#dia_calc_right_topic_bahnen {
		margin-top: 55px;
		margin-bottom: 5px;
		margin-left: unset;
	}

	.last_accessories {
		margin-bottom: 79%;
	}

	.method_material_calc {
		float: left;
		width: 40%;
		margin: 10px 0px 5px 45px !important;
	}

	.info_for_calc_texture {
		width: 100%;
	}

	.package_texture,
	.squere_meter_texture,
	.package_texture_price {
		float: left;
		margin: 15px 0px 15px 15px;
	}

	#dia_calc_middle_topic,
	#dia_calc_middle_topic_bahnen {
		margin-left: 45px;
	}

	#baseboards_fliesen {
		margin-left: 45px;
	}

	.package_texture {
		font-weight: bold;
	}

	#dia_calc_middle_topic_bottom {
		margin-bottom: 20px;
		margin-left: 45px;
		font-weight: bold;
		text-transform: uppercase;
	}

	#package_size_tretford,
	#package_size_tretford_bahnen {
		float: left;
		margin-left: 27%;
	}

	#calc_content_room_middle_bahnen .method_material_img {
		display: block;
		width: 100%;
		height: unset;
	}

	#calc_content_room_middle_bahnen .method_material_calc {
		width: 75%;
	}

	#calc_content_room_middle_bahnen .info_for_calc_texture {
		display: flex;
		justify-content: center;
	}

	#calc_content_room_middle_bahnen .squere_meter_texture {
		margin: 15px 0px 0px 0px;
		font-weight: bold;
		font-size: 16px;
	}

	#package_texture_bahnen {
		margin: 15px 0px 0px 15px;
		font-weight: bold;
		font-size: 16px;
	}

	#calc_content_room_left_bahnen .room_calc_div:nth-of-type(7) {
		display: none;
	}
}

/*CALCULATOR ENDE*/