@charset "ISO-8859-1";

html, body {
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 100%;
}

body {
	color: #212023;
	background-color: #f5f2f0;
	font-family: Merriweather Sans, Open Sans, Arial, sans-serif;
	/*min-width: 500px;*/
	/*min-height: 600px;*/
	font-size: 16px;
	color: #666666;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
	vertical-align: bottom;
}

.minScreenResolution {
	min-height: 600px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 15px;
}

#admin_inhalt h3{
	font-size: 22px;
	font-weight: bold;
}

#admin_inhalt .table{
	margin-top: 20px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 30px;
}

#min_window_size {
	/*position: absolute;*/ /*bootstrap*/
	/*	min-width: 975px; */
	min-height: 600px;
	width: 100%;
	height: 100%;
}

#hm_produktgruppen, #hm_gruppen {
	/*position: absolute;*/ /*bootstrap*/
	top: 117px;
	left: 20px;
	right: 33%;
	height: 60px;
	display: table;
}

ul.menu_list {
	display: table-cell;
	vertical-align: bottom;
}

#hm_produktgruppen li, #hm_gruppen li {
	float: left;
	font-size: 20px;
	text-transform: uppercase;
	margin-right: 20px;
	margin-bottom: 20px;
}

#hm_produktgruppen li ul li, #hm_gruppen li ul li {
	float: none;
}

.ui-widget, .ui-widget input {
	font-size: 16px !important;
}

#titel_klein {
	/*position: absolute;*/ /*bootstrap*/
	left: 20px;
	top: 9px;
	/*	right: 280px; */
	height: 15px;
}

#titel_klein:AFTER {
	content: "";
	display: block;
	clear: left;
}

#testsystem {
	margin-right: 5px;
	float: left;
}

#sprache {
	/*position: absolute;*/ /*bootstrap*/
	right: 20px;
	top: 6px;
	height: 15px;
}

#sprache li.separator1 {
	display: none;
}

#sprache img {
	margin-left: 10px;
	padding-right: 0px;
	border: solid 1px black;
}

#titel_gross {
	height: 100px;
	left: 20px;
	/*position: absolute;*/ /*bootstrap*/
	right: 33%;
	top: 30px;
}

#schatten {
	/*position: absolute;*/ /*bootstrap*/
	left: 54px;
	top: 105px;
	width: 110px;
	height: 4px;
	background-color: #B0B4B7;
}

#titel {
	/*position: absolute;*/ /*bootstrap*/
	left: 20px;
	top: 109px;
	right: 20px;
	height: 36px;
	background-color: white;
}
/*#warenkorb {*/
/*position: absolute;*/ /*bootstrap*/
/*	top: 100px;
	right: 20px;
	width: 30%;
	height: 70px;
	min-width: 290px;
}*/
#titelbild {
	/*position: absolute;
	top: 180px;
	left: 20px;
	right: 20px;
	bottom: 25px;*/
	overflow: hidden;
}

#welcometext {
	background-color: #303030;
	bottom: 10px;
	color: white;
	font-size: 14px;
	padding: 10px;
	/*position: absolute;*/ /*bootstrap*/
	right: 0;
	width: 300px;
	opacity: 0.8;
}

#inhalt {
	/*position: absolute;*/ /*bootstrap*/
	top: 180px;
	left: 20px;
	right: 320px;
	bottom: 160px;
}

/*
#auswahl {
	position: absolute;
	top: 220px;
	left: 20px;
	right: 33%;
	bottom: 30px;
	border-color: #dadada;
	border-style: solid;
	border-width: 2px;
	background-color: white;
}
*/
#direktauswahl {
	/*position: absolute;*/ /*bootstrap*/
	left: 20px;
	width: 170px;
	bottom: 30px;
	height: 119px;
}

#inhalt2 {
	/*position: absolute;*/ /*bootstrap*/
	width: 480px;
	right: 325px;
	bottom: 30px;
	height: 97px;
}

#browser_hinweis {
	/*position: absolute;*/ /*bootstrap*/
	left: 200px;
	top: 114px;
	height: 28px;
	display: none;
	color: #A1370D;
}

#inhalt2 table {
	height: auto;
}

#fusszeile {
	/* position: absolute; */
	left: 0;
	bottom: 0px;
	right: 0;
}

#menu {
	/*position: absolute;*/ /*bootstrap*/
	top: 180px;
	left: 20px;
	right: 33%;
	height: 40px;
}

#aktuelle_auswahl {
	background-color: white;
	position: sticky;
	top: 10px;
}

#aktuelle_auswahl .modellinfo_lr {
	margin-top: 5px;
	padding-left: 10px;
}

#raumbild {
	/*border-style: solid;
	border-width: 1px;
	border-color: #dadada;*/
	/*bottom: 290px;
	left: 10px;
	right: 10px;
	top: 45px;*/
	height: 395px;
	overflow: hidden;
	position: relative;
}

#raumbild.schnellerfassung {
	overflow: auto;
}

#modellinfo {
	/*position: absolute;*/ /*bootstrap*/
	bottom: 135px;
	height: 140px;
	width: 100%;
	background-color: white;
	display: table;
}

#preisinfo {
	position: relative;
	right: 0px;
	bottom: 0px;
	height: auto;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#positionsinfo {
	/*position: absolute;*/ /*bootstrap*/
	top: 220px;
	right: 33%;
	left: 20px;
	bottom: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #dadada;
	overflow: auto;
	background-color: white;
}

.positionsinfo_print #positionsinfo {
	border-width: 0px;
}


#kundendaten, #zahlungsart {
	bottom: 10px;
}

#positionsuebersicht {
	/*position: absolute;*/ /*bootstrap*/
	top: 94px;
	right: 94px;
	left: 80px;
	bottom: 90px;
	border-width: 1px;
	border-style: solid;
	overflow-y: auto;
}

table {
	width: 100%;
	/*	height: 100%;
	padding: 0px;
	border-color: white;
*/
}

a, a:LINK, a:VISITED {
	color: #5e5b55;
	text-decoration: none;
}

a:HOVER {
	color: green;
}

a.selcolor, a.selcolor:link, a.selcolor:visited, .selcolor {
	color: green;
}

a.footline, a.footline:LINK, a.footline:VISITED {
	color: white;
}

a.footline:HOVER {
	color: white;
}

.headline1, .separator1 {
	background-color: white;
	height: 12px;
}

div.headline_logo {
	height: 80px;
	background-image: url('../pic/header.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}

div.headline_logo_editor {
	height: 80px;
	background-image: url('../pic/header.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}
/*
div.headline_warenkorb {	
	border-width: 2px;
	border-style: solid;
	border-color: #dadada;
	background-color: white;
	height: 80px;
	width: 250px;
}*/
.footline, .separator {
	background-color: #707070;
	color: white;
}

li.footline, li.headline1 {
	white-space: nowrap;
	float: left;
	height: 15px;
	margin-top: 2px;
}

li.separator, li.separator1 {
	width: 30px;
	text-align: center;
	float: left;
	height: 15px;
	margin-top: 2px;
}

/*
div.headline_warenkorb_gesamt {
	min-width: 140px;
	height: 65px;
	border-width: 1px;
	border-style: none;
	border-color: #dadada;
	margin-left: 10px;
	margin-top: 2px;
	float: left;
	background-image: url('../pic/warenkorb.gif');
	background-repeat: no-repeat;
	background-position: 10px 3px;
}
td.headline_warenkorb_anzahl {
	height: 42px;
	vertical-align: bottom; 
	padding-left: 30px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: bold;
}
td.headline_warenkorb_preis {
	height: 42px;
	text-align: right;
	vertical-align: bottom; 
	padding-right: 10px;
	font-size: 15px;
	font-weight: bold;
}
td.headline_warenkorb_text {
	height: 13px;
	padding-left: 10px;
	font-size: 10px;
}
div.warenkorb_frame {	
    /*position: absolute;*/ /*bootstrap*/
/*    right: 10px;
    bottom: 10px;
}*/
/*
div.warenkorb_button {
	width: 100px;
	vertical-align: bottom;
	text-align: center;
	border: 2px solid green;
	background-color: #f0f0f0;
	color: #212023;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3px;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}
*/
/*	background-image:-moz-linear-gradient(top, #e7e7e7, #ffffff); /* Firefox */
/*	background-image:-webkit-linear-gradient(top, #e7e7e7, #ffffff); /* Safari, Chrome */
/*	background-image:-o-linear-gradient(top, #e7e7e7, #ffffff); /* Opera */
/*	background-image:-ms-linear-gradient(top, #e7e7e7, #ffffff); /* IE */
/*	background-image:linear-gradient(top, #e7e7e7, #ffffff); /* W3C Standard */
	/*
a.warenkorb_button {
	font-size: 12px;
	width: 80px;
	text-align: center;	
}
.warenkorb_button_grau {
	min-width: 100px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	background-color: #838383;
	color: #EFEFEF;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #515151;
	border-bottom: 1px solid #515151;
	padding-left: 0px;
	padding-right: 0px;
}
.warenkorb_button_grau:HOVER {
	cursor: pointer;
}*/  
#titel_produktgruppe {
	/*position: absolute;*/ /*bootstrap*/
	left: 84px;
	top: 66px;
	height: 20px;
	right: 280px;
	font-size: 18px;
	font-weight: bold;
	color: #838383;
	font-style: italic;
}

.headline1 {
	color: #646464 !important;
}

.weiss, .weiss_w10, .weiss_h10, .weiss_h8 {
	color: white;
	background-color: white;
	border: 0;
	padding: 0;
	margin: 0;
}

.weiss_w10 {
	width: 10px;
}

.weiss_h10 {
	height: 10px;
}

.weiss_h8 {
	height: 7px;
}

#login_logout {
	/*position: absolute;*/ /*bootstrap*/
	text-align: left;
	border-color: #dadada;
	border-style: solid;
	border-width: 2px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 5px;
}

#login_logout .loginname {
	font-weight: bold;
	margin: 5px;
	/*	white-space: nowrap; */
}

#login_logout .logintext {
	font-weight: normal;
	margin: 5px;
	white-space: nowrap;
}

#login_logout form{
	float: right;
}

#first_welcome {
	background-color: white;
	border-color: #dadada;
	border-style: solid;
	border-width: 2px;
	padding: 5px;
	text-align: left;
	margin-bottom: 5px;
}
/*
#first_welcome div.weiter_button_sel {
	height: 15px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}*/
td.index_produktgruppe, td.index_produktgruppe2, td.direktauswahl {
	width: 250px;
	text-transform: uppercase;
	font-size: 18px;
	font-stretch: wider;
	font-style: italic;
	font-weight: bold;
	cursor: pointer;
	border-width: 0px;
	border-style: none;
	background-repeat: no-repeat;
	background-position: center;
	color: #404040;
	padding-left: 20px;
}

td.index_produktgruppe2 {
	height: 100px;
	font-size: 12px;
	width: 250px;
	font-style: normal;
}

.gray_produktgruppe2 {
	height: 80px;
	width: 240px;
	background-color: #E6E6E6;
	padding-top: 10px;
}

.gray_produktgruppe2 img {
	padding-left: 10px;
}

table.tab_index_produktgruppe {
	/* width: 750px; */
	font-size: 12px;
}

tr.direktauswahl {
	height: 140px;
}

td.direktauswahl {
	padding-left: 0px;
}

div.search_head {
	font-weight: bold;
	text-transform: uppercase;
}

select.direktauswahl,
.bootstrap-select.direktauswahl
 {
	width: 30%;
	display: inline-block;
	/*font-style: italic;
	font-size: 16px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-size: 18px;
    max-width: calc(25% - 30px);	?MICASA?  */
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
}

input.direktsuche {
	width: 146px;
	display: block;
	/*font-style: italic;*/
	font-size: 12px;
}

td.modell_uebersicht {
	height: 140px;
}

td.modell_preis {
	height: 140px;
}

table.tab_modell {
	height: 140px;
}

td.tab_main {
	vertical-align: top;
}

img {
	border: 0;
	/*float: left;*/
	/*padding-right: 10px;*/
}

input.login {
	width: 90px;
	height: 15px;
	font-style: italic;
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #534544;
	border-left-color: #534544;
	border-right-color: #E6D1E2;
	border-bottom-color: #E6D1E2;
}

input.login_button {
	width: 92px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	background-color: #737373;
	color: white;
}

input.login_button:HOVER {
	cursor: pointer;
}

input.search_button {
	width: 65px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	background-color: #838385;
	color: #EFEFEF;
	border-width: 1px;
}

input.search_button_1:lang(fr) {
	width: 78px;
}

input.search_button:HOVER {
	cursor: pointer;
}

div.menu_konfig ul, div.wk_menu_links ul {
	padding-left: 0px;
}

div.menu_konfig li {
	height: 40px;
	float: left;
	overflow: hidden;
}

div.menu_konfig .menu_konfig {
	border-style: solid;
	border-bottom-style: none;
	border-width: 2px;
	border-color: #dadada;
	margin-right: 10px;
	height: 40px;
	display: block;
}

div.menu_konfig li:last-child .menu_konfig {
	margin-right: 0px;
}

li.menu_konfig span, li.wk_menu_links span {
	display: block;
	cursor: pointer;
}

.menu_konfig_zahl {
	float: left;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	margin: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #dadada;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Firefox */
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Safari, Chrome */
	background-image: -o-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Opera */
	background-image: -ms-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* IE */
	background-image: linear-gradient(bottom, #e7e7e7, #ffffff);
	/* W3C Standard */
	background-color: white;
}

.menu_konfig_zahl_wk {
	float: left;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	margin-top: 3px;
	margin-left: 3px;
}

.selcolor .menu_konfig_zahl, .selcolor .menu_konfig_zahl_wk {
	border-color: green;
}

.menu_konfig_text {
	float: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	/*position: absolute;*/ /*bootstrap*/
	left: 40px;
	top: 7px;
	right: 0px;
	white-space: nowrap;
	overflow-x: hidden;
	text-Overflow: ellipsis;
}

.profil .menu_konfig_text {
	padding-left: 10px;
	padding-top: 5px;
}

.menu_konfig_hintergrund {
	border-width: 2px;
	border-color: white;
	border-style: none;
	background-color: #E6E6E6;
	display: block;
	position: relative;
}

.menu_konfig_hintergrund.selcolor {
	background-color: white;
}

div.auswahl_feld {
	font-size: 14px;
}

div.auswahl_scrollbox {
	/*position: absolute;
	overflow-y: auto;	
	height: 100%;
	top: 40px;
	right: 20px;
	left: 20px;
	bottom: 85px;*/
	/*border-color: #dadada;
	border-top-style: solid;
	border-width: 2px;
	overflow-x: hidden; 	
	background-color: white;*/
	font-family: Verdana;
	-webkit-overflow-scrolling: touch;
}

#modellauswahl.auswahl_scrollbox {
	top: 97px;
	bottom: 110px;
}

#musterauswahl.auswahl_scrollbox {
	top: 100px;
	bottom: 70px;
}

#musterauswahl .auswahl{
	min-height: 120px;
}

#zubehoer.auswahl_scrollbox {
	top: 100px;
}
/*
.warenkorb_actions {
	top: 75px;
}*/
ul.auswahl {
	list-style-type: none;
	margin: 5px 0px;
	padding: 0;
}

#vermassung ul.auswahl {
	margin: 0px;
}

li.auswahl {
	margin: 5px 5px 5px 0px;
	display: inline-block;
	vertical-align: top;
}

li.auswahl li ul li {
	float: left;
	padding-left: 20px;
	clear: none;
}
li.auswahl li ul li.vertikal {
	float: none;
	padding-left: 20px;
	clear: both;
}

#modellauswahl li.auswahl,
#kategorieauswahl li.auswahl {
	max-width: 215px;
	position: relative;
	border-color: #dadada;
	border-width: 2px;
	border-style: solid;
	padding-bottom: 10px;
}

#musterauswahl li.auswahl {
	max-width: 152px;
	position: relative;
	border-color: #dadada;
	border-width: 2px;
	border-style: solid;
	/*padding-bottom: 10px;*/
}

#musterauswahl .achtung {
	font-weight: bold;
	font-size: 20px;
}

#vermassung li.auswahl {
	width: 100%;
	/*display: block;*/
	padding-top: 5px;
	border-bottom-style: solid;
	border-color: #dadada;
	border-width: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
}

#auswahl_materialprofilfarbe span.auswahl_rahmen{
	border-color: #dadada;
	border-width: 2px;
	border-style: solid;
}

span.auswahl_rahmen {
	display: block;
	width: 120px;
	height: 120px;
	position: relative;
}

#modellauswahl span.auswahl_rahmen,
#kategorieauswahl span.auswahl_rahmen, #oeffnungsartauswahl span.auswahl_rahmen,
	#untergrundauswahl span.auswahl_rahmen, #lieferartauswahl span.auswahl_rahmen
	{
	padding: 5px;
}

span.untergrund_auswahl_rahmen {
	width: 170px;
}

#lieferartauswahl span.auswahl_rahmen {
	width: 220px;
	height: 40px;
}

span.untergrund_auswahl_frei {
	width: 250px;
}

span.auswahl_rahmen img {
	border-style: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background-color: white;
	padding: 0px;
	color: gray;
}

span.auswahl_rahmen span {
	border-color: #838383;
	border-width: 1px;
	border-style: solid;
	width: 84px;
	height: 84px;
	padding: 0px;
}

span.auswahl_rahmen.lagerware_gruppe {
	border-style: dotted;
}
/*
input.info_button, a.info_button, a.info_button2, .info_button3,
	.info_button4 {
	width: 40px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	display: inline-block;
	background-color: #838383;
	color: #EFEFEF;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #515151;
	border-bottom: 1px solid #515151;
}


input.info_button:HOVER, a.info_button:HOVER, a.info_button2:HOVER,
	.info_button3:HOVER, .info_button4:HOVER {
	cursor: pointer;
	color: #aec544;
}


input.info_button3 {
	height: 22px;
	margin-top: 1px;
	padding-bottom: 2px;
}

input.info_button4 {
	padding-bottom: 3px;
}

a.info_button, a.info_button2 {
	float: right;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	height: 15px;
}

a.info_button2 {
	float: left;
}

.info_button3 {
	float: left;
	vertical-align: middle;
	padding: 0px;
	width: 130px;
	height: 16px;
	text-align: center;
	color: white;
	background-color: #737373;
	margin-bottom: 5px;
	padding-top: 2px;
}

.info_button3:HOVER, .info_button3:VISITED, .info_button3:LINK {
	color: white;
}

.info_button4 {
	float: none;
	vertical-align: middle;
	padding: 0px;
	width: 100px;
	height: 18px;
	text-align: center;
	color: white;
}

.info_button4:lang(fr) {
	width: 120px;
}*/


a.rabatt_button_rund {
	right: 0px;
	top: 5px;
	width: 30px;
	height: 30px;
	border-color: #999999;
	border-style: solid;
	border-width: 2px;
	color: #ffffff !important;
	display: block;
	float: right;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: white;	
	font-size: 23px;
	font-weight: bold;
	background-color: #ff0000;
}
a.rabatt_button_rund:HOVER {
	border-color: #737373;
	color: #737373 !important;
}

* /

.rabatt_i {
	padding-left: 3px;
	font-family: Merriweather Sans, Open Sans, Arial, sans-serif;
}

a.info_button_rund {
	width: 120px;
	display: block;
	/*	color: #white !important;
	background-color: black;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 4px;
*/
}

#auswahl_zusatz_schnell a.info_button_rund {
	position: relative;
	right: -15px;
	top: 10px;
}
/*
a.info_button_rund:HOVER {
	border-color: green;
	color: green !important;
}
*/

/*
.info_i {
	padding-left: 11px;
	font-family: Merriweather Sans, Open Sans, Arial, sans-serif;
	color: white;
}*/
#vermassung .info_button_rund {
	right: 0px;
	bottom: auto;
	top: 5px;
	position: absolute;
}

.kundendaten_beschreibung {
	float: left;
	width: 60%;
}

.kundendaten_beschreibung_achtung {
	float: left;
	width: 65%;
	color: red;
	font-weight: bold;
}

.kundendaten_content {
	float: left;
	width: 40%;
}

#accordion div.weiter_button_sel {
	text-align: right;
}

#button_background_container div.weiter_button_sel {
	text-align: left;
}

#auswahl_muster #button_background_container, 
#auswahl_muster1 #button_background_container,
#auswahl_muster2 #button_background_container {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
	width: 100%;
	background-color: rgba(10,10,10,0.8);
	height: 61px;
}

.kennwort_neu {
	margin-top: 5px;
}

#register_form input.kennwort_neu.btn-primary{
	width: auto;
}

.kennwort_neu:lang(fr) {
	width: auto;
}

li.auswahl a, li.auswahl a:LINK, li.auswahl a:VISITED {
	/*	color: #212023;*/
	text-decoration: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

li.selrahmen span.auswahl_text {
	color: green;
	font-weight: bold;
}

#musterauswahl span.selrahmen, 
#modellauswahl span.selrahmen, 
#kategorieauswahl span.selrahmen, 
#oeffnungsartauswahl span.selrahmen, 
#materialauswahl span.selrahmen {
	/*overflow: hidden;*/
	border-width: 4px;
	border-style: solid;
}

#musterauswahl span.selrahmen,
#kategorieauswahl span.selrahmen{
	border-color: green;
}
#modellauswahl span.selrahmen {
	border: none;
}

li.auswahl a:HOVER {
	color: green;
}

div.weiter_button_sel a:HOVER, div.zurueck_button_sel a:HOVER {
	color: black;
}

input.mass_input, input.mass_input_error {
	font-size: 12px;
	width: 62px;
	text-align: center;
}

input.ral_input {
	font-size: 12px;
	width: 250px;
}

input.mass_input_error, select.mass_input_error {
	font-weight: bold;
	color: #FF5A3F;
}

input.mass_input_change, textarea.mass_input_change,input.mass_input_change:focus, textarea.mass_input_change:focus {
	color: #FF5A3F;
}

input.mass_input_zub {
	width: 50px;
	text-align: center;
}

input.mass_input_zusatz_zub {
	font-size: 12px;
	width: 250px;
	margin-left: 50px;
}

input.mass_input_button {
	text-decoration: none;
	float: right;
	display: inline-block;
	/*	background-color: #838385;
	color: #EFEFEF;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #515151;
	border-bottom: 1px solid #515151;
	font-size: 15px;
	font-weight: bold;
	width: 180px;
	height: 41px;
	*/
}

/*
input.mass_input_button_masse {
	width: 180px;
	height: 41px;
	font-size: 13px;
}
*/
input.mass_input_button:HOVER {
	cursor: pointer;
}

input.suchen_button {
	/*width: 120px;*/
	display: inline-block;
/*	margin-bottom: 20px;	*/
	
/*	max-width: calc(25% - 30px);	?MICASA?  */	
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
	
	/*	height: 35px;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	background-color: black;
	color: #EFEFEF;
	border: none;
	vertical-align: top;
*/
}
/*
input.suchen_button:lang(fr) {
	width: 90px;
}

input.suchen_button:HOVER {
	cursor: pointer;
}
*/
input.mass_radio_button {
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
}

input[type="radio"] {
	margin-top: 2px;
	vertical-align: middle;
}

li.auswahl li {
	clear: left;
}

select.mass_select {
	min-width: 65px;
	width: auto;
	max-width: 100%;
	text-align: center;
}

select.mass_df_select {
	width: 120px;
	text-align: center;
}

.formError {
	color: red;
	font-style: normal;
}

.transparent_text {
	text-shadow: 0.1rem 0.1rem 0.2rem #707070;
}

.transparent_box {
	background-color: white;
	padding: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: black;
}

.transparent_box_umbruch {
	background-color: white;
	padding: 2px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a:hover.transparent_anker, a.transparent_anker, a:link.transparent_anker,
	a:visited.transparent_anker {
	color: #404040;
}

#produktgruppe_info {
	/*position: absolute;*/ /*bootstrap*/
	height: auto;
	bottom: 20px;
	background-color: white;
	color: #212023;
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	font-size: 14px;
}

#schienen_info {
	/*position: absolute;*/ /*bootstrap*/
	height: auto;
	top: 0px;
	left: 20px;
	right: 20px;
	background-color: white;
	color: #212023;
	padding: 10px;
}

.modellinfo_links {
	/*position: absolute;*/ /*bootstrap*/
	left: 10px;
	right: 50%;
	bottom: 0px;
	top: 10px;
	font-size: 11px;
	white-space: nowrap;
	overflow-x: hidden;
	text-Overflow: ellipsis;
}

.modellinfo_rechts {
	/*position: absolute;*/ /*bootstrap*/
	left: 50%;
	right: 10px;
	bottom: 0px;
	top: 10px;
	font-size: 11px;
	white-space: nowrap;
	overflow-x: hidden;
	text-Overflow: ellipsis;
}

.modellinfo_lr {
	font-size: 14px;
	white-space: nowrap;
	overflow-x: hidden;
	text-Overflow: ellipsis;
	margin-left: 10px;
	margin-right: 10px;
	display: table-cell;
	vertical-align: middle;
}

#aktuelle_auswahl .modellinfo_lr {
	max-width: 0;
	/* tabellenelement darf nicht grÃ¶ÃŸer als das umgebende element werden */
}

.warenkorb_position_element .modellinfo_lr {
	margin-left: 20px;
	font-size: 16px;
}

.warenkorb_position_element span.preisgruppe {
	color: black;
	font-size: 16px;
	font-weight: bold;
}

.warenkorb_position_element span.modellinfo_beschreibung {
	color: black;
	font-size: 16px;
}

#raumbild img {
	position: absolute;
	top: 0;
	left: 0;
}

#raumbild img.fix_render_image {
	width: 100%;
	position: static;
	float: none;
}

#modellinfo_pg {
	text-transform: uppercase;
}

#preisinfo .preis_text, #preisinfo .preis_text_rabatt {
	font-size: 20px;
	height: 20px;
	margin-top: 30px;
	color: #919191;
}

#preisinfo .preis_text_rabatt {
	margin-top: 0px;
}

#preisinfo .preis_error {
	font-size: 12px;
	font-weight: bold;
	height: auto;
	margin-top: 15px;
	color: #D78003;
}

#preisinfo .preis_preis {
	font-size: 25px;
	font-weight: bold;
	vertical-align: top;
	color: green;
	position: relative;
}

#preisinfo .preis_mwst {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	float: right;
	/*position: absolute;*/ /*bootstrap*/
	top: 0px;
	right: 10px;
}

#preisinfo .preis_preis_rabatt {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	text-decoration: line-through;
}

#preisinfo .preis_rabatt {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: brown;
}

#positionsuebersicht .rabatt_class {
	color: brown;
	font-weight: bold;
}

.radio_label {
	cursor: pointer;
	/*   display: block; */
	margin-left: 10px;
}

.loading {
	background-image: url('../pic/loadingAnimation.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
}

#info_titelleiste {
	/*position: absolute;*/ /*bootstrap*/
	left: 0px;
	top: 0px;
	right: 0px;
	height: 30px;
	background-color: #cecece;
}

#info_titel {
	/*position: absolute;
	left: 140px;
	top: 30px;
	right: 0px;*/
	height: 75px;
	/*background-color: green;*/
	font-size: 25px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
}

.info_titel_klein {
	font-size: 13px;
	margin-left: 20px;
}

#info_menu li {
	float: left;
	margin-right: 20px;
}

#info_menu img {
	float: none;
}

#info_info {
	/*position: absolute;*/ /*bootstrap*/
	left: 140px;
	top: 105px;
	right: 0px;
	bottom: 0px;
	background-color: white;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.agb_dsb_rahmen ul {
	list-style-type: disc;
	margin: auto;
	padding: 20px;
}

.agb_dsb_content {
	padding: 0px 30px 30px 20px;
}

#info_menu {
	border-bottom: 1px solid lightgrey;
}

#infoueberschrift2, #infoueberschrift {
	padding-left: 20px;
}

div.info_menu_links ul {
	padding-left: 0px;
}

div.info_menu_links li {
	min-height: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: #838383;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 150px;
}
/*
li.info_menu_links span {
	display: table-cell;
	cursor: pointer;
	vertical-align: middle;
}

.info_menu_links li {
	background-color: #D9D4CE;
}
*/
.info_menu_links li.sel {
	background-color: white;
}

.info_menu_links a.btn-primary{
	height: 66px;
	display: block;
	text-align: center;
}

.info_menu_links_text {
	font-size: 16px;
	padding-left: 15px;
	min-width: 114px;
	padding-right: 15px;
	text-align: center;
}

.info_menu_links_hintergrund_sel {
	border-color: white;
	border-style: none;
	height: 50px;
	border-width: 0px;
}

.info_menu_links_hintergrund {
	border-width: 0px;
	border-color: #CECECE;
	border-style: none;
	height: 50px;
}

#info_info .inhalt {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 0px;
	background-color: white;
	overflow: auto;
	/*position: absolute;*/ /*bootstrap*/
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

#auswahl #info_info .inhalt {
	position: static;
}

#info_info.musterinfo_global {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

#info_info .info_title {
	text-align: center;
	width: 100%;
	font-size: 18px;
	font-style: italic;
	padding: 5px;
}

#info_info .inhalt .musteranzeige {
	background-color: white;
	background-repeat: repeat;
	background-position: center;
	width: 390px;
	height: 390px;
	display: inline-block;
	margin-bottom: 20px;
	border-color: #838383;
	border-style: solid;
	border-width: 1px;
}


#info_info .inhalt table {
	width: auto;
}

#info_info .inhalt table.eigenschafteneigenschaften.pflege {
	width: auto;
}

#info_info .eigenschaften td {
	border-top-color: #CECECE;
	border-top-style: solid;
	border-top-width: 1px;
	height: 40px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.ui-dialog #info_menu {
	top: 0px;
}

.ui-dialog #info_titel {
	top: 0px;
}

.ui-dialog #info_info {
	top: 75px;
}

.img_konstrukt {
	/*border-color: #838383;
	border-style: solid;
	border-width: 1px;*/
	padding-right: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	max-height: 100%;
}

.modell_bild {
	float: left;
	max-width: calc(50% - 25px);
}

.modell_beschreibung {
	float: left;
	max-width: 50%;
	min-width: 300px;
}

.info_beschreibung {
	min-width: 300px;
}

.img_info {
	float: none;
}

ul.auswahl_zubehoer {
	list-style-type: disc;
	margin-left: 20px;
}
/*
div.warenkorb_in_button {
	height: 30px;
	width: 120px;
	vertical-align: bottom;
	text-align: center;
	color: #212023;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 3px;
	
	border-color: #aec544;
	border-style: solid;
	border-width: 2px;
	background-color: green;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}
a.warenkorb_in_button {
	font-size: 11px;
	text-align: center;
	display: block;	
}
a.warenkorb_in_button:HOVER, a.weiter_button:HOVER {
	color: #212023;
}
a.warenkorb_button:HOVER {
	color: green;	
}
*/
a.weiter_button_sel:HOVER, a.zurueck_button_sel:HOVER {
	color: #212023;
}

li.menu_konfig a:HOVER, li.wk_menu_konfig a:HOVER {
	color: #212023;
}

#musterslider {
	background-image: url("../pic/slideleft.gif");
	background-repeat: no-repeat;
	background-position: left center;
	width: 30px;
	/*position: absolute;*/ /*bootstrap*/
	top: 125px;
	bottom: 10px;
	left: -10px;
	z-index: 1;
}

#musterslider.open {
	background-image: url("../pic/slideright.gif");
}

div.weiter_button {
	margin: 5px;
	float: left;
	/*border-color: green;
	height: 40px;
	vertical-align: center;
	text-align: center;
	color: #212023;
	border-style: solid;
	border-width: 2px;
	background-color: green;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	padding-top: 3px;
	margin-left: 20px;*/
}
/*
a.weiter_button {
	font-size: 16px;
	width: 80px;
	text-align: center;	
}*/
#info_text {
	/*position: absolute;*/ /*bootstrap*/
	left: 0px;
	top: 30px;
	right: 0px;
	height: 70px;
	text-align: center;
}

.modal-footer>:not(:last-child) {
	margin-left: .25rem;
    margin-right: .25rem;
}

.info_buttons td {
	text-align: center;
	vertical-align: middle;
}

.info_hinweis {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}

.info_hinweis_lang {
	top: 12px;
	height: 62px;
}

.info_hinweis2 {
	/*position: absolute;*/ /*bootstrap*/
	left: 5%;
	right: 5%;
	top: 60px;
	height: 100px;
	color: #212023;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}

.info_buttons2 {
	/*position: absolute;*/ /*bootstrap*/
	left: 10%;
	top: 180px;
	right: 10%;
	height: 50px;
	text-align: center;
}

.info_buttons2 td {
	text-align: center;
	vertical-align: middle;
}

.wk_menu_links {
	width: 150px;
	border-color: #212023;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}

.wk_menu_links a {
	display: block;
}

.wk_menu_links_hintergrund {
	background-color: #E6E6E6;
	height: 100%;
}

div.wk_menu_links li {
	height: auto;
	border-style: solid none;
	border-width: 1px;
	border-color: #cecece;
	margin-bottom: 3px;
	padding: 0px;
}

#positionsinfo th {
	text-transform: uppercase;
	font-weight: normal;
}

#positionsinfo td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: top;
}

#positionsinfo .kommission {
	font-size: 10px;
}

.positionsinfo .menu_konfig_zahl_wk{
	margin-top: -5px;
}

.positionsinfo.col{
	background-color: white;
	color: black;
}

#positionsinfo .print_td{
	text-align: right;
}

#positionsuebersicht table {
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
}

#positionsuebersicht th {
	height: 25px;
	border-bottom: 1px solid #838383;
}

#positionsuebersicht td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	height: 25px;
	border-bottom: 1px solid #cecece;
}

#wk_modellinfo {
	/*position: absolute;*/ /*bootstrap*/
	left: 150px;
	top: 205px;
	bottom: 30px;
	right: 0px;
}

#wk_bemerkungen {
	height: 100px;
	width: 100%;
}

#wk_bemerkungen textarea {
	width: 98%;
	height: 75px;
	font-size: 12px;
	font-family: monospace;
}

#wk_zwischensumme {
	/*position: absolute;*/ /*bootstrap*/
	left: 0px;
	top: 370px;
	height: 30px;
	right: 0px;
	background-color: #f9d94c;
}

#wk_zwischensumme_text1 {
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
	float: left;
}

#wk_zwischensumme_text2 {
	margin-top: 5px;
	margin-right: 10px;
	font-weight: bold;
	float: right;
}

#wk_zwischensumme_text3 {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	float: right;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

#wk_zwischensumme_text3 .rabatt_zwischensumme {
	color: brown;
	margin-left: 30px;
	font-weight: bold;
}

.hr {
	height: 1px;
	width: 95%;
	background-color: #cecece;
	margin-left: 10px;
}

.hr_dark {
	height: 1px;
	width: 95%;
	background-color: #838383;
	margin-left: 10px;
}

.wk_menu_links .menu_konfig_text {
	margin-left: 6px;
	margin-top: 3px;
	white-space: normal;
	width: 144px;
}

#wk_weiter_buttons {
	/*position: absolute;*/ /*bootstrap*/
	left: 190px;
	bottom: 40px;
	height: 40px;
	right: 88px;
}

/*
div.weiter_button_sel, div.zurueck_button_sel {
	height: 30px;
	width: 150px;
	vertical-align: bottom;
	text-align: center;
	float: right;
	height: 30px;
	color: #212023;
	border-color: #aec544;
	border-style: solid;
	border-width: 2px;
	background-color: green;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}
*/
div.one_line {
	height: 23px;
	padding-top: 7px;
}
/*
a.weiter_button_sel, a.zurueck_button_sel {
	font-size: 11px;
	width: 80px;
	text-align: center;	
	color: white;
}
a.weiter_button_sel:HOVER, a.zurueck_button_sel:HOVER {
	color: red;
	cursor: pointer;	
}
*/
form input.anzahl {
	width: 45px;
	float: left;
	margin-right: 20px;
	text-align: right;
}

select.wk_select {
	width: 145px;
}

.fill_yellow {
	border-style: none;
	background-color: #fcc823;
}

#positionsuebersicht .wk_left {
	text-align: left;
	font-weight: bold;
	height: 20px;
	white-space: nowrap;
}

#positionsuebersicht .wk_right {
	text-align: right;
	font-weight: bold;
	padding-right: 30px;
	height: 20px;
	white-space: nowrap;
}

#wk_rechnung, #wk_liefer, #wk_adresse, .wk_hinweis {
	display: inline-block;
	min-width: 260px;
	max-width: 300px;
	min-height: 150px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*	border: 2px solid #dadada; */
	vertical-align: bottom;
	/*	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}

.wk_hinweis {
	background-color: #fdc727;
}

#wk_kommission, #wk_montageservice, #wk_bemerkungen, #wk_lieferwoche {
	margin-top: 20px;
	text-align: left;
}

#wk_finish {
	display: inline-block;
	max-width: 100%;
	width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
	min-height: 180px;
	height: 100%;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 15px;
	border: 1px solid #838383;
	vertical-align: bottom;
	background-color: #cecece;
}

#wk_finish dd {
	font-style: italic;
}

.topline3 {
	border-top: 3px solid #cecece;
}

.anschrift_kopf {
	/* height: 30px; */
	vertical-align: middle;
	/* border-bottom: 1px solid #838383; */
	margin: 2px;
	font-weight: bold;
}

.anschrift_kopf img {
	display: none;
	/*float: right;*/
}

#start_button {
	/*position: absolute;*/ /*bootstrap*/
	right: 33%;
	top: 60px;
	width: 112px;
	height: 18px;
	background-color: #E4E4E4;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	vertical-align: middle;
	text-align: center;
}

#start_button a {
	font-weight: bold;
	font-size: 12px;
	height: 18px;
	text-decoration: none;
	text-transform: none;
	display: block;
	color: #212023;
	vertical-align: middle;
	text-align: center;
}

#start_button a:HOVER {
	cursor: pointer;
	color: #212023;
}

#zoom_plus {
	position: absolute; /*bootstrap*/
	width: 23px;
	height: 23px;
	left: 10px;
	top: 5px;
}

#zoom_minus {
	position: absolute; /*bootstrap*/
	width: 23px;
	height: 23px;
	left: 10px;
	top: 5px;
}

#oeffnung_zu {
	position: absolute; /*bootstrap*/
	width: 23px;
	height: 28px;
	right: 10px;
	top: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#oeffnung_halb {
	position: absolute; /*bootstrap*/
	width: 23px;
	height: 28px;
	right: 40px;
	top: 5px;
}

#oeffnung_offen {
	position: absolute; /*bootstrap*/
	width: 23px;
	height: 28px;
	right: 70px;
	top: 5px;
}

#bestell_hinweis_i {
	/*position: absolute;*/ /*bootstrap*/
	width: 20px;
	height: 20px;
	right: 10px;
	bottom: 10px;
	width: auto;
	left: auto;
	top: auto;
	font-size: 1.5em;
}

.hinweis_kalkulation {
	margin: 15px;
	padding: 5px;
	border: 2px solid gray;
}

.hinweis_elektro {
	margin-left: 25px;
	font-style: italic;
}

img.info {
	float: none;
	margin-left: 10px;
}

li.auswahl_zubehoer_gruppe {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

#schliessen_button {
	margin-left: 20px;
}

#admin_inhalt {
	/*position: absolute;*/ /*bootstrap*/
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	overflow: auto;
	padding: 10px;
	min-height: 250px;
}

.profil .infotext{
	min-height: 100px;
}

#gutschein_tabelle {
	height: auto;
}

#gutschein_tabelle td {
	text-align: center
}

#gutscheine_txt {
	width: 95%;
	height: 50%;
	font-size: 11px;
	font-family: monospace;
}

.edit_icon {
	float: none;
	margin: 0px;
}

#static_info {
	min-height: 50%;
}

.infotext {
	font-size: 12px;
	background-color: white;
}

.grau {
	background-color: #e7e7e7;
	color: #212023 !important;
}

.infotext dt, #info_info dt {
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.infotext dd, #info_info dd {
	margin-left: 25px;
	font-weight: normal;
}

#infoueberschrift, #infoueberschrift2 {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

a.profil_menu {
	font-weight: bold;
	font-size: 14px;
	color: #212023;
}

a.profil_menu_sel {
	color: #263ED2;
}

.bestellungen_head {
	border-color: #dadada;
	border-bottom-style: solid;
	border-width: 2px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#form_rechnungsadresse, #form_lieferadresse {
	background-color: white;
	padding: 5px;
	/*	height: 414px; */
}

#form_password, #form_adressaenderung {
	background-color: white;
	padding: 5px;
	/*	height: 175px; */
}

#form_zusatzeinstellungen {
	background-color: white;
	padding: 5px;
	/*	height: 175px; */
}

#form_rechnungsadresse tr, #form_lieferadresse tr, #form_password tr {
	margin-top: 5px;
}

.profil_info {
	border: 1px solid #838383;
	padding: 5px;
}

.smallText {
	font-size: 9px;
	height: 10px;
}

.anschrift_body {
	position: relative;
	height: 149px;
	background-color: white;
	font-weight: normal;
	padding: 5px;
}

div.kontakt_button {
	height: 16px;
	width: 150px;
	vertical-align: bottom;
	text-align: center;
	border-top: 1px solid #FFF1AE;
	border-left: 1px solid #FFF1AE;
	border-right: 1px solid #63502F;
	border-bottom: 1px solid #63502F;
	background-color: #F7C901;
	color: #212023;
	margin-left: 10px;
	margin-top: 12px;
	float: left;
}

#schienen_info_bild {
	/*position: absolute;*/ /*bootstrap*/
	top: 5px;
	right: 100px;
}

#schienen_info_bild2 {
	position: absolute;
	top: 5px;
	right: 200px;
}

span.auswahl_rahmen img.icon_nicht_bestellbar {
	position: absolute; /*bootstrap*/
	left: 1px;
	bottom: 1px;
	width: 25px;
	height: 25px;
	border: 0;
	width: 25px;
}
span.auswahl_rahmen i.icon_nicht_bestellbar {
	position: absolute; /*bootstrap*/
	left: 1px;
	bottom: 1px;
	border: 0;
}

span.aktionsmodell {
	left: 110px;
	/*position: absolute;*/ /*bootstrap*/
	top: 5px;
}

#modellinfo span.aktionsmodell {
	left: inherit;
	right: 10px;
	/*position: absolute;*/ /*bootstrap*/
	top: 5px;
}

td span.aktionsmodell {
	left: inherit;
	right: 10px;
	/*position: absolute;*/ /*bootstrap*/
	top: 5px;
}

span.aktionsmodell img.icon_aktionsmodell {
	width: 100px;
	border: 0;
}

/*
#zubehoer_tabelle a {
	background-color: #DECECE;
	width: 50px;
	border: 1px solid #CDA5A5;
	display: inline-block;
	text-align: center;
}*/

/*
#zubehoer_tabelle a:HOVER {
	background-color: white;
}*/

input.editRessource {
	background-color: #FFFFC0;
	padding-left: 50px;
}

/*
#benutzer_tabelle td {
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}*/

.unten {
	/*position: absolute;*/ /*bootstrap*/
	height: auto;
	width: auto;
	bottom: 10px;
	right: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

#technische_aenderungen {
	position: absolute; /*bootstrap*/
	bottom: 0px !important;
	right: 10px;
	font-style: italic;
}

#wk_fertigungshinweis {
	left: 210px;
	/*position: absolute;*/ /*bootstrap*/
	right: 280px;
	top: 550px;
	font-style: italic;
}

#preis_hinweis {
	/*position: absolute;*/ /*bootstrap*/
	bottom: 0px;
	right: 10px;
	font-style: italic;
}

#bestelldatum {
	color: red;
	font-weight: bold;
}

table.masshinweis_tabelle {
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	border-color: #212023;
}

.masshinweis_tabelle td, .masshinweis_tabelle th {
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

.masshinweis_tabelle th {
	background-color: #DEDEDE;
}

.lb_farbe {
	text-shadow: 1px 1px 2px #101010;
	padding: 10px;
	margin: 10px;
	color: white;
	float: left;
}

.coming_soon {
	margin-left: 80px;
	text-transform: lowercase;
	font-size: 15px;
}

/* DRUCKEN */
@media print {
	@page { 
		size: portrait;
		margin: 12mm;
		width: 210mm;
		height: 297mm;
	}
	body.info_popup_active #info_popup {
		font-family: Arial, sans-serif;
		position: relative;
		float: none;
		background-color: #ffffff;
		clear: both;
	}	
	#info_popup, #info_popup .modal-dialog, #info_popup .modal-content,
	#info_popup .modal-header, #info_popup .modal-body {
		overflow: visible !important;
		position: relative;
		display: block !important;
		float: none;
		clear: both;
	}
	.info_popup_active nav, .info_popup_active header, .info_popup_active footer, .info_popup_active #navbottom {
		display: none !important;
	}
	.info_popup_active section {
		display: none !important;
	}
	#info_popup .close.modal_hide, #info_popup .modal-footer {
		display: none !important;
	}
	#info_popup .tab-content {
		display: none;
	}
	#info_popup .modal {
    	position: relative;
	}
	#info_popup .modal-content, #info_popup .modal-header, #info_popup .modal-body {
		border: none !important;
	}
	@media (orientation: landscape) {
		#info_popup .infotext div {
    		font-size: 10pt;
    		font-family: Arial, sans-serif;
		}
	}
	@media (orientation: portrait) {
	  	#info_popup .infotext div {
	    	font-size: 1.2rem;
	    	font-family: Arial, sans-serif;
		}
	}
	#info_popup .infotext.container {
		overflow: visible;
	}
	#info_popup #info_titel {
		font-size: 28px;
	}
	#info_popup .infotext.container, #info_popup .agb_dsb_content, #info_popup .modal-dialog,
	#info_popup .modal-header, #info_popup .modal-body {
		padding: 0 !important;
		margin: 0 !important;		
	}
	#info_popup .modal-header {
		padding-bottom: 20px !important;
		page-break-inside: avoid;
	}
	#info_popup .agb_dsb_content dd {
		page-break-after: avoid;
	}
	#info_popup .agb_dsb_content dl {
		width: fit-content;
	}
	#info_popup div {
		color: black;
		font-family: Arial, sans-serif;
	}
	.modal-backdrop {
    	opacity: 0 !important;
	}
	
	body {
 		font-family: Arial, sans-serif;
 		background-color: #ffffff;
	}
	.extra_hintergrund {
		border-color: black;
		border-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		background-color: white;
	} 
	.agb_dsb_rahmen {
		width: 100%; 
		float: none;
	}
	html, body, .minScreenResolution {
		height: auto;
		overflow: visible;
		font-size: 10pt;
		min-width: inherit; 
		min-height: inherit;
	}
	.modellinfo_links, .modellinfo_rechts, .modellinfo_lr {
		font-size: 9pt;
		text-overflow: inherit;
		white-space: normal;
	}
	html[data-useragent*='SiteKiosk'] .minScreenResolution {
		display: none;
	}
	html[data-useragent*='SiteKiosk'] .bon_print{
		display: block;
		width: 5.9cm;
		font-size: 11px;
	}
	html[data-useragent*='SiteKiosk'] .modellinfo_lr {
		width: 5.9cm;
		white-space: normal;
		overflow-x: visible;
		text-Overflow: clip;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 11px;
	}
	span.modellinfo_beschreibung {
	    padding-right: 5px;
	}
   	body, html, #wrapper {
    	border-style: none;
	    bottom: auto;
	    left: auto;
	    overflow-x: auto;
	    overflow-y: auto;
	    position: absolute;
	    right: auto;
	    top: auto;
	    width: 98%;
	    width: calc(100% - 20px);
        page-break-inside: auto;
    }
    .no_print {
      	display: none;
    }
    .text-left {
     	display: none;
    }
    .infotext {
    	font-size: 12px;
	}
	.infotext .dt {
   		page-break-before: auto;
  		break-before: auto;
   	}
}

.wk_modellinfo_print .modellinfo_links {
	position: inherit;
	width: 49%;
	float: left;
}

.wk_modellinfo_print .modellinfo_rechts {
	position: inherit;
	width: 49%;
	float: right;
}

.wichtig {
	color: red;
	font-size: 12px;
}

#s_farbe:lang(fr) {
	width: 205px;
}

#s_transparenz:lang(fr) {
	width: 135px;
}

.mehrpreis:lang(fr) {
	display: block;
}

#recaptcha_widget_div table {
	width: auto;
}

#recaptcha_widget_div img {
	float: none;
}

#emailFormular td {
	text-align: left;
	border-bottom-style: none;
	height: auto;
}

.weg_fr:lang(fr) {
	display: none;
}

#storefinder-iframe {
	display: block;
	height: 650px;
	margin: auto;
	overflow: hidden;
	width: 980px;
}

#abstand.rabatte {
	width: 310px;
}

.rabatte {
	float: left;
	font-size: 35px;
	font-weight: bold;
	height: 80px;
	margin-left: 5px;
	overflow: hidden;
	text-align: center;
}

.rabatte .rahmen {
	margin: 5px;
	background-color: brown;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.rabatte .produktgruppe {
	font-size: 15px;
}

.rabatte .datum {
	font-size: 15px;
}

#laddertape_icon {
	/*position: absolute;*/ /*bootstrap*/
	left: 10px;
	bottom: 0;
	font-style: italic;
}

#laddertape_icon img {
	position: relative;
	width: auto;
	float: none;
}

#kontakt {
	margin-top: 50px;
}

#change_debitor_form #user {
	border-style: none;
}

#modellauswahl .auswahl_rahmen,
#kategorieauswahl .auswahl_rahmen {
	width: 200px;
	height: 200px;
}

#schnell_artikel {
	margin-bottom: 15px;
	width: 120px;
}

#musterauswahl .auswahl_rahmen {
	background-position: center center;
	background-size: cover;
}

#kundendaten_form, #vermassung_form, #zubehoer {
	font-size: 16px;
	background-color: var(--hintergrund);
}

#kundendaten_form{
	width: 100%;
}

.clear_left {
	clear: left;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 65px 10px 10px;
}

.admin_head {
	/*position: absolute;*/ /*bootstrap*/
	top: 140px;
	right: 5%;
	left: 5%;
	height: 35px;
	font-size: 13px;
	padding: 20px;
	min-height: 50px;
}

.admin_body {
	/*position: absolute;*/ /*bootstrap*/
	top: 185px;
	right: 20px;
	left: 20px;
	bottom: 30px;
	border-color: #dadada;
	border-style: solid;
	border-width: 2px;
	background-color: white;
}

#aktuelle_auswahl_text {
	margin-bottom: 15px;
	font-size: 20px;
	color: #919191;
	/*margin-top: 10px;
	text-align: left;*/
	padding-left: 10px;
	clear: left;
}

#gesamtauswahl #aktuelle_auswahl_text {
	padding-left: 0px;
}


.rechts {
	padding-right: 30px;
	text-align: right;
}

#positionsinfo td.rechts {
	padding-right: 30px;
	text-align: right;
}

.gesamt_sel_1 {
	font-size: 18px;
	font-weight: bold;
}

.gesamt_sel {
	font-weight: bold;
}

.gesamt_sel_1 img {
	display: none;
}

.gesamt_sel_1 br {
	display: none;
}

.extra_hintergrund_bottom {
	background-color: #dadada;
}

.extra_hintergrund.warenkorb {
	background-color: #dadada;
}

.extra_hintergrund.merkliste {
	background-color: #f9faf8;
}

.sel_hintergrund {
	background-color: #fdc727;
}

	#eingabe_lieferdatum input,
	#eingabe_montagetermin input, #eingabe_dlc input,
	#eingabe_bestellnummer input {
	margin-top: 5px;
	border: 1px solid #838383;
	padding: 5px;
	width: 65%;
	background-color: #e9e9e9;
	/*border-radius: 2px;
	/*-moz-border-radius: 2px;
	/*-khtml-border-radius: 2px;
	/*-webkit-border-radius: 2px;
	/*background-image: -moz-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Firefox */
	/*background-image: -webkit-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Safari, Chrome */
	/*background-image: -o-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* Opera */
	/*background-image: -ms-linear-gradient(bottom, #e7e7e7, #ffffff);
	/* IE */
	/*background-image: linear-gradient(bottom, #e7e7e7, #ffffff);
	/* W3C Standard */
}

#eingabe_lieferdaten input:disabled, #eingabe_lieferdaten select:disabled
	{
	border-style: dotted;
	background-color: #e7e7e7;
}

	#eingabe_lieferdatum label,
	#eingabe_montagetermin label, #eingabe_dlc label,
	#eingabe_bestellnummer label {
	margin-left: 25px;
}

#positionsinfo td.hinweistext {
	text-align: left;
}

.font_lesbar {
	font-family: Courier;
	font-size: 15px;
	font-style: normal;
	letter-spacing: 5px;
}

#final_message {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 15px;
	font-weight: bold;
}

#weiter_button_vermassung, #weiter_button_zubehoer,
	#zurueck_button_modell, #button_musterversand {
	margin-top: 20px;
}

#button_background_container #button_musterversand, #button_background_container #weiter_button_vermassung{
	margin-top: 10px;
}

#positionsinfo .print_adresse {
	text-align: left;
}

#auswahl .hinweis {
	/*position: absolute;*/ /*bootstrap*/
	font-size: 12px;
}

#head_bestellvorgang {
	color: green;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase;
}

#hinweis_warenkorb, #hinweis_merkliste, #hinweis_preisaktualisierung {
	font-size: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #dadada;
}

#montageservice {
	width: 70%;
	font-size: 14px;
}

#gutscheine, #warenkorb_save {
	background-color: #d3cecb;
	margin-top: 20px;
	padding: 20px;
	width: 100%;
	font-size: 20px;
	color: #5e5b55;
}

div.weiter_button_mitte {
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-top: 20px;
}

.wk_gesamt_hinweis_login_txt {
	font-size: 14px;
}

#login_form {
	text-align: right;
}

.agb_dsb_rahmen {
	width: 70%;
	float: left;
	border-width: 2px;
	border-color: #dadada;
}

#impressum {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	/*border-radius: 15px 15px 15px 15px;*/
	border-radius: 0;
	font-size: 14px;
	margin-top: 20px;
	border-bottom: 2px solid #eeeeee;
	padding: 20px;	
}

#haftung, #urheber, #bildnachweis, #domains, #odr, #datenschutzbeauftragte {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer_zahlungsart, #menu_zahlungsart {
	display: none;
}

.footer_widerruf, #menu_widerruf {
	display: none;
}

.footer_lieferung, #menu_lieferung {
	display: none;
}

.profil_preis_update {
	float: right;
	margin-right: 40px;
}

.preis_laden {
	font-style: italic;
	font-size: 11px;
	text-align: center;
}

#musterversand {
	margin: 20px;
}

.muster_entfernen {
	cursor: pointer;
}

.muster_hinweis {
	left: 180px;
	right: 180px;
	/*position: absolute;*/ /*bootstrap*/
	bottom: 15px;
	font-size: 11px;
}

#positionsinfo .uebersicht_info_zeile td {
	text-align: left;
}

#login_page {
	margin: 20px;
	width: 80%;
}
#login_page.row.box {
	margin-left: auto;
    margin-right: auto;
}

#ssl_seal {
	/*position: absolute;*/ /*bootstrap*/
	right: 12px;
	top: 23px;
}

#ssl_seal.geotrust {
	right: -8px;
	top: 37px;
}

#ssl_seal img {
	width: 70px;
	height: auto;
}

#ssl_seal.geotrust img {
	width: 90px;
}

#ssl_seal.godaddy img {
	width: inherit;
	max-height: 70px;
}

#ssl_seal_klein {
	float: right;
}

#ssl_seal_klein img {
	width: 50px;
	height: auto;
}

#ssl_seal_klein.geotrust img {
	width: 70px;
	margin-top: 10px;
}

#ssl_seal_klein.godaddy img {
	width: inherit;
	max-height: 50px;
}

#paypal_seal {
	/*position: absolute;*/ /*bootstrap*/
	right: 95px;
	top: 45px;
}

#paypal_seal.login {
	/*position: absolute;*/ /*bootstrap*/
	right: 33%;
	right: calc(30% + 30px);
	top: 42px;
}

#paypal_seal img {
	background-color: white;
	background-color: rgba(220, 220, 220, 0.9);
	padding: 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#paypal-button-container {
    max-width: 500px;
    margin: auto;
}

.agb_hinweis {
	font-style: italic;
	margin: 5px;
	font-size: 11px;
	padding-bottom: 10px;
}

object.img_konstrukt {
	float: left;
}

object img.img_konstrukt {
	margin: 23px;
}

.muster_detail_overlay {
	bottom: 352px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: white;
}

/*
div.weiter_button_sel a.weiter_button_sel, div.zurueck_button_sel a.zurueck_button_sel
	{
	width: 100%;
	height: 100%;
	display: block;
}
*/
.schnellerfassung div.auswahl_scrollbox {
	position: static;
	border: none;
}

.schnellerfassung #schnell_artikel {
	float: none;
}

#auswahl.schnellerfassung {
	overflow-y: scroll;
}

.schnellerfassung #vermassung li.auswahl {
	border: none;
	margin: 5px 0 0;
	padding: 0;
}

.schnellerfassung .vermassung_content {
	min-height: 30px;
}

.schnellerfassung div.auswahl_feld {
	margin-top: 3px;
	margin-bottom: 0;
}

.schnellerfassung>div {
	border-top: 1px solid;
	border-color: #DADADA;
}

.schnellerfassung label {
	font-size: 12px;
	font-family: Verdana;
}

#raumbild table tr:nth-child(even) {
	background-color: #e0e0e0;
}

#FHsuchen {
	margin-top: 5px;
	border: 1px solid #838383;
	padding: 5px;
	width: 65%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.schnellerfassung select {
	min-width: 257px;
}

#gruppe_text, #untergruppe_text {
	min-width: 251px;
}

.schnellerfassung select.bedienart_seite {
	min-width: 245px;
}

.schnellerfassung select.bedienart_handsender {
	min-width: 164px;
}
.schnellerfassung select.bedienart_getriebe {
	min-width: 187px; 
}

.schnellerfassung select.kurbel_select {
	min-width: 68px;
}

#zubehoer_form select, #einzelteil_form select, #befestigung_form select,
	#elektrozubehoer_form select {
	min-width: 100px;
	float: right;
	height: 34px;
}

.zubehoerVarianteValue {
	width: 100px;
	float: right;
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ajaxLoading {
	background-image: url('../pic/ajax-loader-bert2.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

#pageloading.ajaxLoading {
	position: fixed;
	z-index: 9999;
}

.menu_konfig_li_1, .menu_konfig_li_0 {
	width: 100%;
}

.menu_konfig_li_2 {
	width: 50%;
}

.menu_konfig_li_3 {
	width: 33.333%;
}

.menu_konfig_li_4 {
	width: 25%;
}

.menu_konfig_li_5 {
	width: 20%;
}

.menu_konfig_li_6 {
	width: 16.666%;
}

.menu_konfig_li_7 {
	width: 14.28%;
}

.menu_konfig_li_8 {
	width: 12.5%;
}

.menu_konfig_li_9 {
	width: 11.111%;
}

.menu_konfig_li_10 {
	width: 10%;
}

#hotline {
	color: white;
	font-weight: bold;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
	width: 146px;
}

#hotline span {
	font-weight: normal;
	font-size: 10px;
}

.submenu_hidden {
	display: none;
	/*position:absolute;*/ /*bootstrap*/
	z-index: 999;
}

.submenu_hidden li {
	float: none;
}

.submenu_hidden li a {
	background: #EBE7E6 !important;
	text-align: left;
	height: auto;
	line-height: 1;
	width: auto;
	padding: 8px 20px 8px 22px;
	border: 1px solid #D0D0D0;
	border-top: none;
	margin-right: 0;
	cursor: pointer;
	font-size: 15px;
	white-space: nowrap;
	display: block;
}

.submenu_hidden li a:hover {
	color: red;
}

#traegerauswahl, #endstueckauswahl, #materialauswahl {
	position: inherit;
}

.bool_input_radio {
	float: left;
}

.mass_error_msg {
	font-size: 9px;
	height: 10px;
	color: #F00;
	font-style: normal;
	margin-bottom: 8px;
}

.musterauswahl_text {
	display: block;
	overflow: hidden;
	width: 115px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modellauswahl_text {
	font-size: 16px;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

ul.auswahl li.auswahl {
	position: relative;
}

#modellauswahl span.auswahl_uebersicht,
#kategorieauswahl span.auswahl_uebersicht {
	border: none;
	width: auto;
}

.bon_print {
	display: none;
}

.wk_erfassung_button {
	display: none; 
}

.auswahl_scrollbox .scrollbar {
	display: none;
}

.zurueck_button_sel {
	display: none;
}

input.mass_input_button_lamellenfarben {
	width: 150px;
	height: 25px;
	font-size: 12px;
}

ul.auswahl_lamellenfarben li {
	height: 35px;
}

ul.auswahl_lamellenfarben span {
	width: 100px;
	height: 20px;
	border: 1px solid black;
	display: block;
	margin-right: 10px;
	float: left;
}

ul.auswahl_lamellenfarben a {
	float: left;
	margin-right: 30px;
}

#warenkoerbe .dark_gray_border {
	padding: 10px;
	font-weight: bold;
}

#texte .dark_gray_border input {
	margin-top: 20px;
	margin-right: 0px;
	float: none;
}

#aktuelle_auswahl.client {
	top: 10px;
	right: 10px;
	bottom: 10px;
	margin-right: 0px;
}

#menu.client {
	top: 10px;
	left: 10px;
	right: 32%;
}

#auswahl.client.schnellerfassung {
	top: 10px;
}

#auswahl.client {
	left: 10px;
	bottom: 10px;
	top: 50px;
	right: 32%;
}

body.client {
	min-height: inherit;
	min-width: inherit;
}

/*
#preis_tabelle tr:nth-child(even) {
	background-color: #e0e0e0;
}*/

#preis_tabelle td {
	padding-left: 10px;
	padding-right: 0px;
}

#zubehoer.auswahl_scrollbox li input.mitValue {
	background: #ddeaa2;
	border-color: #808080;
	border-style: solidd;
	border-width: 1px;
}

.test_einzelteil_preis {
	margin-left: 50px;
	color: blue;
	display: inline-block;
}

#aktuelle_konsolen {
	font-size: 12px;
	margin-bottom: 10px;
}

.hint {
	font-family: Verdana;
	font-size: 12px;
}

/*#warenkorb_link .warenkorb_button_grau, */#naehzettel_link .warenkorb_button_grau,
	#auftragsbestaetigung_link .warenkorb_button_grau {
	margin-left: 100px;
}

#weiter_button_ambienteonline {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

#ambienteonline_overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	top: 0;
	position: fixed;
	left: 0;
	opacity: 1;
	display: none;
	z-index: 90000;
	cursor: pointer;
}

#ambienteonline_inhalt {
	width: 90%;
	height: 90%;
	/*position:absolute;*/ /*bootstrap*/
	left: 5%;
	top: 5%;
}

#ambienteonline_overlay a {
	position: relative;
	left: calc(5% - 25px);
	top: 5%;
	font-weight: bold;
	font-size: 20pt;
	color: white;
}

#beschreibung_add {
	width: 70%;
}

#wert_add {
	width: 20%;
	text-align: right;
}

/*
#change_debitor_form input {
	width: 250px;
}*/

#lieferartauswahl form label {
	display: inline-block;
	width: 120px;
}

#lieferartauswahl form li {
	margin: 5px 15px 5px 0;
}

#lieferartauswahl ul.auswahl {
	margin-left: 100px;
}

#lieferantenauswahl {
	min-width: 100px;
	margin-bottom: 5px;
}

input.extra_muster_button {
	width: 120px;
	float: none;
}

.merkliste_head {
	font-family: Verdana;
	font-size: 15px;
}

/*
#muster_tabelle tr:nth-child(even) {
	background-color: #e0e0e0;
}*/

#div_detailbild, #div_emotionsbild {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110% auto;
}

#warenkorb_merkliste_anzeigen {
	display: none;
}

#mp_adresschange {
	display: none;
}

span.position_ausklappen, span.position_einklappen {
	display: none;
	cursor: pointer;
}

.zubehoer_bestellnummer {
	min-width: 100px;
}

.zubehoer_gruppe {
	display: none;
}

#einzelteil_form div.auswahl_scrollbox {
	bottom: 15px;
}

a.info_button_rund.explosionsinfo {
	right: 5px;
	top: 5px;
}

img.explosionszeichnung {
	max-height: inherit;
}

#positionsinfo div.zubehoerausdruck td {
	padding-top: 0px;
	text-align: left;
}

#positionsinfo div.zubehoerausdruck td.rechts {
	text-align: right;
}

span.modellinfo_beschreibung, span.preisgruppe {
	display: inline-block;
	color: #919191;
	font-size: 12px;
}

span.modellinfo_masswertlist {
	display: block;
	padding-left: 20px;
}

.angebotsadressrahmen {
	border-color: black;
	border-style: solid;
	border-width: 2px;
	background-color: white;
}

.only_print {
	display: none;
}

.masswert_beschreibung {
	float: none;
}

#auswahl_lieferart_schnell li label {
	display: inline-block;
	min-width: 90px;
}

#auswahl_lieferart_schnell li input[type=text] {
	width: 156px;
}

a.zubehoer_add {
	background-color: #838385;
	border-color: #bdbdbd #515151 #515151 #bdbdbd;
	border-style: solid;
	border-width: 1px;
	color: white;
	padding: 2px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	width: 50px;
	height: 30px;
}

#benutzer_tabelle th {
	text-align: left;
}

.muster_schnell_vorschau {
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 20px;
}

#schnell_modellnummer {
	width: 100px;
}

.massgruppe {
	font-weight: bold;
	margin: 4px 0px;
}
.zubehoergruppe {
	font-weight: bold;
	margin: 12px 0px 4px 0px;	
}

li.autoHideClick {
	cursor: pointer;
}

select.zusatz_select {
	max-width: 70%;
	min-width: 200px;
	text-align: left;
}

select.lagerauswahl {
	min-width: auto;
}

select.verarbeitungsrichtung {
	min-width: auto;
}

input.zusatz_input {
	min-width: 250px;
}

#zusatz .vermassung_content {
	width: 71%;
}

input.autoradio, input.autocheck {
	margin-left: -20px;
	margin-top: 0;
}

.artikelanzeige_erweitert {
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 12px;
}

.artikelanzeige_erweitert table {
	width: auto;
}

.vermassung_content .zusatzdata {
	font-style: italic;
	font-size: 12px;
}

option.farbauswahl {
	background-position: right;
	background-repeat: no-repeat;
}

option:disabled{
	color: lightgray;
}

#muster_bearbeiten_button {
	background-color: #838385;
	border-color: #bdbdbd #515151 #515151 #bdbdbd;
	border-style: solid;
	border-width: 1px;
	color: #efefef;
	display: inline-block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
	text-transform: none;
	width: auto;
}

#lieferartauswahl span.auswahl_rahmen:lang(pl) {
	width: 225px;
}

td.gruppe {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

span.gruppe {
	font-weight: bold;
}

td.untergruppe {
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}

span.untergruppe {
	font-style: italic;
	margin-left: 10px;
}

table.preisprotokoll {
	margin: 3px;
}

table.preisprotokoll th {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

table.preisprotokoll td.teil1 {
	font-weight: bold;
	text-align: left;
}

table.preisprotokoll td.teil2 {
	font-weight: normal;
	text-align: left;
}

table.preisprotokoll td.wert {
	text-align: right;
}

#positionsinfo table.preisprotokoll td.teil1 {
	font-weight: bold;
	text-align: left;
	padding: 0 5px 0 0;
}

#positionsinfo table.preisprotokoll td.teil2 {
	font-weight: normal;
	text-align: left;
	padding: 0 5px 0 0;
}

#positionsinfo table.preisprotokoll td.wert {
	text-align: right;
	padding: 0;
}

#positionsinfo div.preisprotokoll td {
	padding-top: 0;
	text-align: left;
}

#positionsinfo div.preisprotokoll td.rechts {
	text-align: right;
}

img.angebots_position {
	width: 95%;
	margin-left: 10px;
}

input.modify_position,
button.modify_position {
	display: none;
}

input.modify_position[type=submit],
button.modify_position[type=submit] {
	display: none;
	float: left;
	margin-top: 8px;
	width: 110px;
	margin-right: 5px;
}

input.ofn_checkbox {
	margin-top: 5px;
	vertical-align: bottom;
}

input.mass_input_material {
	width: 134px;
}

.artikelanzeige_pflicht1 {
	font-size: 12px;
}

div.zusatz_hinweis {
	font-size: 12px;
	font-style: italic;
}

.upload_file {
	width: 300px;
}

.ausrufezeichen {
	color: red;
	font-weight: bold;
	font-size: 18px;
}

.fehlermeldung {
	color: red;
	font-size: 18px;
}
.popuphinweis {
	color: #b90a0adb;
/*	font-size: 14px; */
}

#mass_input_masse, #mass_input_kindersicherung {
	display: none;
}

.zusatz_masswert_hinweis {
	font-style: italic;
	margin-left: 10px;
}

#exit_button {
	display: none;
}

#zusatz li.auswahl_zusatz {
	padding-bottom: 2px;
	padding-top: 2px;
}

tr.terminaufschlag {
	display: none;
}

ul.zusatzhinweis .info_menu_links_hintergrund, ul.zusatzhinweis .info_menu_links_hintergrund_sel
	{
	height: 36px;
}

div.info_menu_links ul.zusatzhinweis li {
	min-height: 30px;
}

div.hinweis_kommission {
	color: red;
	font-size: 13px;
}

#eingabe_bestellnummer {
	display: none;
}

/* Ã„NDERUNGEN FÃœR BOOSTRAP LAYOUT */

/* Elemente auf Titelseite ausblenden: */
.menu_schmal, #titel_klein, #welcometext, #paypal_seal, #fusszeile {
	display: none;
}

/*#min_window_size{
	position: relative;
	min-height: 0;
}*/

.column {
	/*max-width: 334px;*/
	padding-left: 0;
	padding-right: 0;
	/*max-height: 38px;*/
}

header.carousel {
	height: 50%;
}

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner
	{
	height: 100%;
}

header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

@media ( max-width :767px) {
	header.carousel .carousel {
		height: 70%;
	}
}

header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

section {
	margin-top: 0px;
	margin-bottom: 10px;
}

.footer-col p {
	margin-left: 20px;
}

#footer_header {
	background-color: #c1b8b3;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.navbar-header {
	font-size: 20px;
	padding-top: 10px;
}

div.headline_warenkorb_gesamt {
	min-width: 130px;
	height: 65px;
	float: left;
	background-image: url('../pic/warenkorb.gif');
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

#header_name {
	float: left;
}

#header_warenkorb {
	float: left;
}

/*table.headline_warenkorb_gesamt{
	margin-left: 60px;
	font-size: 16px;
}*/

.box {
	background-color: white;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	color: black;
	margin-top: 20px;
	margin-bottom: 20px;
}

.box a {
	float: none;
}

.vertical_images img {
	margin-bottom: 25px;
}

#vertical_images {
	display: grid;
}

.vertical_images {
	float: left;
}

.box .vertical_images {
	float: left;
	margin-right: 20px;
}

.noscriptmsg{
	font-size: 20px;
	color: orange;
	z-index: 2;
	position: absolute;
	top: 100px;
}

.headline_warenkorb_anzahl{
	position: relative;
	left: -12px;
	top: -5px;
	color: black;
	font-size: 16px;
}

.headline_warenkorb_icon{
	position: relative;
	left: 17px;
}

.box .produktbeschreibung {
	font-size: 22px;
}

.box .produktbeschreibung_after {
	margin-right: 10px;
	background-image: url(../pic/mandant33/arrow_right.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 30px;
}

.box .farben div {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.box h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

.box h3 {
	padding: 0;
	margin: 0;
}

.minicontainer {
	margin-left: 15px;
}

.box a.aktiv {
	border: solid 3px green;
}

.box a.inaktiv {
	border: solid 3px #ffffff;
}

img.aktiv {
	border: solid 3px green;
}

img.inaktiv {
	border: solid 3px #ffffff;
}

#vertical_images img {
	width: 70px;
}

.fa-angle-up, .fa-angle-down {
	float: right;
	font-size: 32px;
}

#accordion {
	/*position: absolute;*/
	height: 100%;
	width: 99%;
	margin-bottom: 50px;
}

.accordion_header a {
	display: block;
/*	height: 60px;
	width: 100%; */
	padding: 0.25rem 0.15rem 0.25rem 0.85rem;
}

.accordion_header a.disabled {
	color: #a9a6a0;
}

.accordion_header, .card-header {
	padding: 0;
}

#accordion .collapse {
	padding: 15px;
	max-height: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.row.box {
	min-height: 500px;
}

#made_to_measure_page .row.box {
	min-height: 753px;
}

#raumbild table tr:nth-child(even) {
	background-color: #e0e0e0;
}

.vermassung_beschreibung {
	font-size: 16px;
	color: grey;
	margin-bottom: 5px;
}

.auswahl label {
	display: inline;
	cursor: pointer;
}

.auswahl_zubehoer label {
	pointer-events: none;
}

#info_menu img {
	display: none;
}

#ModalLabel img, #ModalLabel div {
	display: inline-block;
}

.modal_hide {
	cursor: pointer;
}
/* Verhindern, dass die Seite bei Modalaufruf nach oben springt. */
body.modal-open {
    overflow: visible;
}

a.warenkorb_in_button {
	padding: 8px 20px 8px 20px;
	margin-top: 20px;
	float: left;
	display: inline;
}

div.warenkorb_in_button {
	display: inline-block;
}

/* anfang: modal zentrieren: */
.modal {
	text-align: center;
	padding: 0 !important;
	/*height: 100%;*/
}

.modal:before {
	content: '';
	display: inline-block;
	/*height: 100%;*/
	vertical-align: middle;
	margin-right: -4px; /* Adjusts for spacing */
}

/* ende: modal zentrieren: */

/* GrÃ¶ÃŸe der Popups anpassen: */
#info_popup {
	height: 100%;
    width: 100%;
    top: 20px;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: hidden;
}

.modal-dialog {
	max-width: 98%;
	min-width: 300px;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

#info_popup .modal-dialog {
	width: auto;
	max-width: calc(100% - 40px);
	height: auto;
	max-height: calc(100% - 40px);
	margin: auto;
	/*top: 50%;
    transform: translateY(calc(-50%));*/
	box-shadow: 0px 0px 10px #000000;
}
.dialog_popup .modal-dialog {
	max-width: 800px;
}

#info_popup .modal-content {
	max-height: calc(100vh - 40px);
}
#info_popup .modal-header {
	border-radius: 0px;
}

#info_popup .modal-body {
	overflow: auto;
}
#info_menu {
	margin-top: -2rem;
}
#info_info {
	overflow: unset;
	padding: 2rem;
}

.wk_zubehoer_einzelpreis, .wk_zubehoer_anzahl {
	display: none;
}

.ueberschrift {
	padding-top: 20px;
}

.ueberschrift h2 {
	font-size: 20px;
}

.start_col {
	padding-top: 6px;
	height: 49px;
}

img.thumbnail {
	width: 70px;
}

.warenkorb_ueberschrift {
	font-weight: bold;
	color: #919191;
	font-size: 20px;
}

.warenkorb_position_anzahl {
	float: left;
	margin-right: 18px;
	margin-top: 7px;
}

.warenkorb_position_text {
	font-weight: bold;
}

.warenkorb_position_element {
	margin-top: 10px;
}

#auswahl_positionen .hinweistext {
	background-color: #d3cecb;
	color: #2b2c30;
	padding: 20px;
	margin-bottom: 20px;
}

.navbar-brand, .navbar {
	padding: 0;
}

#wizard li.nav-item {
	margin-right: 10px;
}

#wizard li a.nav-link {
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #dee2e6;
}

#wizard li a.nav-link:hover {
	background-color: #eee;
}

#wizard li a.nav-link.active, #wizard li.active a.nav-link {
	color: white;
	background-color: green;
	border-color: #dee2e6 #dee2e6 transparent;
}

.nav-tabs .nav-link {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#remember-me{
	float: left;
}

.anmeldung_merken{
	position: relative;
	top: 9px;
	left: 5px;
	cursor: pointer;
}

#login_page{
	line-height: 1;
}

input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
	cursor: pointer;
}

input[type="checkbox"]{
	margin-right:5px;
	/*cursor: pointer;*/
}

#agb, label[for="agb"]{
	cursor: pointer;
}

#filter_muster_form a.dropdown-toggle,
#filter_muster_form1 a.dropdown-toggle,
#filter_muster_form2 a.dropdown-toggle {
	float: left;
	/*margin-right: 25px;*/
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 20px;
	padding-left: 17px;
	text-overflow: ellipsis;
}

#filter_muster_form .dropdown-toggle::after,
#filter_muster_form1 .dropdown-toggle::after,
#filter_muster_form2 .dropdown-toggle::after {
	content: normal;
}

#filter_muster_form a.dropdown-toggle, #filter_muster_form a.dropdown-toggle:link, #filter_muster_form a.dropdown-toggle:visited,
#filter_muster_form1 a.dropdown-toggle, #filter_muster_form1 a.dropdown-toggle:link, #filter_muster_form1 a.dropdown-toggle:visited,
#filter_muster_form2 a.dropdown-toggle, #filter_muster_form2 a.dropdown-toggle:link, #filter_muster_form2 a.dropdown-toggle:visited
{
	color: #495057;
	padding-top: 15px;
}

#filter_muster_form .dropdown a.custom-select,
#filter_muster_form1 .dropdown a.custom-select,
#filter_muster_form2 .dropdown a.custom-select {
    padding-top: 6px !important;
    font-size: 18px;
}

#filter_muster_form a.dropdown-item, #filter_muster_form a.dropdown-item:link, #filter_muster_form a.dropdown-item:visited,
#filter_muster_form1 a.dropdown-item, #filter_muster_form1 a.dropdown-item:link, #filter_muster_form1 a.dropdown-item:visited,
#filter_muster_form2 a.dropdown-item, #filter_muster_form2 a.dropdown-item:link, #filter_muster_form2 a.dropdown-item:visited
 {
	text-align: left;
}

#filter_muster_form .dropdown-item.disabled, #filter_muster_form1 .dropdown-item.disabled, #filter_muster_form2 .dropdown-item.disabled {
	color: lightgrey;
}

.dropdown .filter_muster_color{
	width: 41px;
	height: 26px;
	float: left;
	/*margin-right: 10px;
	top: -6px;*/
	margin: 0px 10px 0 0;
	position: relative;
	border: 1px solid black;
}

a.dropdown-item .filter_muster_color{
	width: 36px;
	height: 36px;
	float: left;
	/*margin-right: 10px;
	top: -6px;*/
	margin: -3px 10px 0 0;
	position: relative;
	border: 1px solid black;
}

.filter_muster_color_sub {
	height: 100%;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;	
}

.filter_muster_color_sub1 {
	width: 100%;
}

.filter_muster_color_sub2 {
	width: 50%;
}

.filter_muster_color_sub3 {
	width: 33.33%;
}

.filter_muster_color_sub4 {
	width: 25%;
}
.filter_muster_color_sub5 {
	width: 20%;
}
.filter_muster_color_sub6 {
	width: 16.67%;
}

.switch-button-background {
	background-color: red !important;
}

.switch-button-background.checked {
	background-color: green !important;
}

.switch-button-label {
	margin-right: 10px;
}

.auswahl label.kindersicherheit_label {
	display: table-cell;
}

#wizard .tab-content {
	/*border: 1px solid;
	border-color: white #dee2e6 #dee2e6;*/
	padding-top: 20px;
}

#wizard .navbar {
	border-color: transparent transparent #dee2e6;
	border-width: 1px;
	border-style: solid;
}

a.info_button_rund {
	border-radius: 25px;
	text-transform: none;
	width: 39px;
	position: absolute;
	right: -20px;
	bottom: 11px;
}

a.info_button_rund.btn.btn-primary, a.info_button_rund.btn.btn-primary:link,
	a.info_button_rund.btn.btn-primary:visited {
	text-transform: none;
}

#wizard .nav-tabs {
	border-bottom: none;
}

#hm_produktgruppen .menu_list .selcolor {
	border: none;
}

.dropdown a, .navbar-toggler {
	cursor: pointer;
}

/*3D-Scene auf 200% aufblasen, bessere QualitÃ¤t bei nach hinten laufenden FlÃ¤chen*/
.fensterboxcont {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: inline-block;
	margin: 1px;
}
/*durch scalieren = doppelte Auflösung, bessere Qualitat -> aber schlechtere Performance*/
.fensterbox {
	position: relative;
	width: 100%;	/* 200% */
	height: 100%;	/* 200% */
	transform: scale(1);	/* 0.5 */
	transform-origin: 0 0;
}

.fensterbox div {
	transform: scale(2);
	transform-origin: 0 0;
}

div.userBediener {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0;
}

.slider {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45%;
	position: relative;
	top: 5px;
	writing-mode: horizontal-tb;
	-webkit-appearance: slider-vertical; /* WebKit */
}

#vermassung_content_top{
	display: none;	
}
#vermassung_content_bottom{
	display: block;	
}
/* Konfiguration, für den Fall dass die Vermassung auf der linken Seite stehen soll:
#vermassung_meineauswahl {
	order: 2;
}
#vermassung_content_top {
	display: block;
	order: 1;
}
#vermassung_content_bottom {
	display: none;
}*/

.bestellnummer {
	font-size: 16px;
	padding-top: 7px;
	padding-left: 10px;
}

.warenkorb_position_element .modellinfo_lr {
	display: block;
}

span.stern:AFTER {
	content: " *";
	margin-left: 4px;
/*	font-size: 24px; */
	top: -4px;
	position: relative; 
}

ul.horizontal_ul {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
.horizontal_ul li {
    margin-right: 10px;
}
.horizontal_ul img {
    max-width: 150px;
}

/*LG*/
@media ( max-width : 1200px) {
	select.direktauswahl {
		width: 45%;
	}
}

/*XS, SM, MD*/
@media ( max-width : 992px) {
	/* Abstände zwischen "Meine Auswahl und Vermaßung auf kleinen Displays */
	.col-xs-12 {
		margin-top: 10px;
	}
	/* Größe der Artikelfilter */
	select.direktauswahl, #filter_muster_form a.dropdown-toggle, #filter_muster_form1 a.dropdown-toggle, #filter_muster_form2 a.dropdown-toggle {
		width: 45%;
	}

	/* Vorschau ausblenden, wenn eh alles übereinander dargestellt wird */
	li.auswahl_vorschau{
		display: none;
	}

	#eingabe_lieferdatum input,
	#eingabe_montagetermin input, #eingabe_dlc input,
	#eingabe_bestellnummer input {
		width: 100%;
	}
	select.direktauswahl {
		width: 45%;
	}
	/*
	#vermassung_content_bottom{
		display: block;	
	}*/
}

@media ( max-width : 768px ) {
}

/*XS*/
@media ( max-width : 576px ) {
	li.auswahl {
		margin: 3px 3px 0px 0px;
	}
	.nav-item.auswahl_vorschau {
		display: none;
	}
	select.direktauswahl, #filter_muster_form a.dropdown-toggle, #filter_muster_form1 a.dropdown-toggle, #filter_muster_form2 a.dropdown-toggle {
		width: 100%;
	}
	span.auswahl_rahmen {
		width: 100px;
		height: 100px;
	}
	#info_info .inhalt .musteranzeige {
		width: 230px;
		height: 230px;
		background-size: cover
	}
	.eigenschaften_b{
		display:none;
	}
}

.nicht_verfuegbar {
	color: red;
}

.individuelle_produktion_zeichen {
	color: red;
	display: none;
}

div.href_click {
	cursor: pointer;
}

td.warenkorb_finish {
	text-align: right;
}

#einzelteil_detail_hinweis {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.profil .menu_konfig_zahl {
	display: none;
}

.checkbox{
	margin-left: 10px;
	margin-right: 10px;
}

span.formError{
	font-size: 16px;
}

#info_info .inhalt table td{
	vertical-align: top;
}

#zahlungsart li{
	border-bottom: 1px lightgrey solid;
}

.zahlungsart_beschreibung{
	display: flex;
}

.zahlungsart_name{
	display: flex;
}
.zahlungsarten{
	margin-left: auto;
	margin-right: auto;
}
.zahlungsarten li{
	float: left;
	margin-bottom: 10px;
}
.zahlungsarten div{
	color: #2b2c30;
	text-align: center;
	padding-top: 7px;
	
}
.zahlungsarten{
	height: 30px;
}

.zahlungsarten img{
	height: 30px;
}
#zahlungsart .zahlungsart{
	float: left;
	background-color: white;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	text-align: center;
	padding-top: 55px;
	/*border: 4px solid white;*/
	width: 120px;
	height: 100px;
	margin-right: 10px;
}
.add_position_footer.weiter_button{
	float: none;
}

#weiter_button_oeffnungsart{
	display: none;
}

.enum_input_radio{
	margin-left: 10px;
}

/* START: MESSAGE BOXEN ANPASSEN */
.modal-body{
	padding: 2rem;
}
#produktbeschreibung .modal-dialog, #details .modal-dialog{
	max-width: 500px;
	min-width: 50%;
}
/*
#info_popup .modal-dialog{
	width: 95%;
}*/
/* ENDE: MESSAGE BOXEN ANPASSEN */

#show_zubehoer, #hide_zubehoer{
	display: none;
}
.wk_finish_zahlung_title{
	font-weight: bold;
}

table.wk_uebersicht td{
	vertical-align: top;
	white-space: normal !important; 
  	word-wrap: break-word;  
}
table.wk_uebersicht th.alignleft{
	text-align: left;
	width: 5%; 
	padding-left: 5px;
}
#auswahl_bestellung{
	overflow-x: auto;
}

#accordion .collapse#collapsebestellung{
	padding: 0;	
}

#accordion .collapse#collapsebestellung #hinweis_warenkorb{
	padding: 5px;
}

.uebersicht_info_zeile{
	background-color: white !important;
}

.uebersicht_info_zeile td{
	border-width: 0px;
}

#wk_uebersicht th{
	text-overflow: ellipsis;
}

.login_description{
	font-weight: bold;
	margin-bottom: 10px;
}

.login_hinweise{
	margin-top: 20px;
}

#musterversand_form_target #info_titel, #musterversand_form_target #info_menu{
	display: none;
}

#musterversand{
	width: 100%;
}

#musterversand_close{
	display: none;
}

#musterversand_form_target .modal-header, #musterversand_form_target .modal-footer{
	display: none;
}

.login_hinweise div{
	margin-bottom: 5px;
}

input{
	padding-left: 10px;
}

.masswert_details_title{
	display: none;
}
.schienenfarbe_icon{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	line-height: 10px;
	border-width: 1px;
	border-style: solid;
}

.hierarchy, .hierarchy_modelle{
	display: none;
}

td.wk_uebersicht_modellinfo_td{
	padding-right: 0;
}

.profil_tab_header.dark_gray_border.grau{
	background-color: white;
}

.btn_100_percent{
	width: 100%;
}

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}


table.eigenschafteneigenschaften.pflege, table.eigenschaftenpage{
	width: auto;
}


@media screen and (max-width: 575px) {
	.info_beschreibung{
		min-width: auto;
	}
}

@media screen and (max-width: 991px) {
	.kundendaten_beschreibung {
		float: left;
		width: 100%;
	}
}
@media screen and (max-width: 350px) {
	#login_page {
		width: 100%;
	}
}
@media screen and (min-width: 351px) and (max-width: 575px) {
	#login_page {
		width: 90%;
	}
}

.auswahl_zubehoer
input[type=number]::-webkit-inner-spin-button, 
.auswahl_zubehoer
input[type=number]::-webkit-outer-spin-button, 
#auswahl_zubehoer
input[type=number]::-webkit-inner-spin-button, 
#auswahl_zubehoer
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.auswahl_zubehoer
input[type=number],
#auswahl_zubehoer
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


#page_bottom, #page_top {
	display: none;
}

#page_top, #page_bottom, .slide-in-content, #slide_in_button{
	position: fixed;
	background-color: white;
	border: solid 1px darkgray;
	text-align: center;
	padding-top: 10px;
	z-index: 300;
}

#page_top{
	bottom: 60px;
	right: 30px;
	width: 50px;
	height: 50px;
}
#page_bottom{
	bottom: 10px;
	right: 30px;
	width: 50px;
	height: 50px;
}
#slide_in_button {
	width: 50px;
	height: 50px;
	bottom: 10px;
	color: #656565;
	padding-top: 15px;
	transition: all .5s ease;
}
.slide-in {
	z-index: 10;
	position: fixed;
	overflow: hidden;
	left: 0px;
	bottom: 10px;
	display: none;
}
.slide-in.from-left {
	left: -1px;
}

.slide-in-content {
	display: block;
	background: #eee;
	width: 260px;
	left: 0px;
	bottom: 10px;
	transition: all .5s ease;
	color: black;
}
.slide-in.from-left .slide-in-content {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}
.slide-in.show .slide-in-content {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
.slide-in.show #slide_in_button {
	transform: translateX(260px);
	-webkit-transform: translateX(260px);
}
.slide-in-content .preis_preis {
	cursor: pointer;
}

#first-picture {
	font-size: 1rem;
}

#agb{
	margin-left: 2px;
}

.row-striped:nth-of-type(odd){
  background-color: #f2f2f2;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
}

/* PRINT PAGE */
.positionsinfo_print, 
.positionsinfo_print .preisgruppe, 
.positionsinfo_print .positionsinfo, 
.positionsinfo_print .modellinfo_lr, 
.positionsinfo_print .modellinfo_beschreibung,
.hinweis_ueberschrift{
	font-size: 15px;
}

.bestellung_preis, .bestellung_name, .bestellung_anzahl{
	font-weight: bold;
}

input.checkbox_input {
	background-color: transparent;
}

input.checkbox_input[disabled] {
	cursor: auto;
}

.mittelsprosse input{
	clear: both;
}

#btn_show_all_muster{
	display: none;
}

@media (max-width: 768px) { 
	#only_small, #btn_show_all_muster{
		display: block;
	}
}
@media (min-width: 769px) {
	#only_small, #btn_show_all_muster{
		display: none;
	}
}

#info_info .inhalt table.pflege td {
	vertical-align: middle;
}

.tooltip.show{
	opacity: 1;
}

.tooltip-inner{
	max-width: none;
    white-space: nowrap;
}

table.preisprotokoll th{
	text-align: left;
}
table.preisprotokoll td.teil1{
	display: none;
}

#auswahl_bestellung .wk_zubehoer, #auswahl_bestellung .modellinfo_lr{
	font-size: 16px;
}

a.social{
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	margin: 7px;
	display: inline-block;
	background-size: 40px;
}

a.social-fb{
	background-image: url('../pic/socialmedia_fb.png');
}
a.social-insta{
	background-image: url('../pic/socialmedia_insta.png');
}
a.social-twitter{
	background-image: url('../pic/socialmedia_twitter.png');
}
a.social-youtube{
	background-image: url('../pic/socialmedia_youtube.png');
}
a.social-pinterest{
	background-image: url('../pic/socialmedia_pinterest.png');
}

ul.social li{
	float: left;
}

div.jHtmlArea{
	background-color: white;
}

.profil-suchmaschine-beschreibung{
	font-weight: normal;
}

#static_info.profil .infotext{
	padding-top: 20px;
}

#texte h1{
	margin-bottom: 10px;
}

#texte h2{
	font-size: 20px;
}

#texte .card{
	margin-top: 10px;
}

#texte a{
	color: green;
}

#texte .grau{
	padding: 0;
}

.descriptiontext{
	text-align: justify;
	
}

.btn{
	cursor: pointer;
}

#materialauswahl span.auswahl_rahmen {
	background-size: cover;
}

#progressbar {
	background-color: #167f78;
	position: absolute;
	left: 0;
	width: 100%;
	top: 91px;
	height: 5px;
	display: none;
}
#progressbar.submit_animation {
	animation-name: submit_countdown;
	animation-duration: 5s;
	display: block;
}
@keyframes submit_countdown {
    0%   {width: 100%;}
    50%  {width: 100%;}
    90% {width: 0%;}
    100% {width: 0%;}
}

.akt_muster.alert{
	border: 1pt solid lightgray;
	padding-left: 0;
	padding-right: 0;
}

#akt_muster_uebersicht .musterbild{
	width: 40px;
	height: 40px;
}

#akt_muster_uebersicht .pflegehinweise img{
	width: 30px;
	height: 30px;
}

#akt_muster_uebersicht .fas.fa-info-circle{
	position: static;
}

div.hinweis_ringe_gleiter {
	margin-top: 40px;
	font-size: 12px;
	margin-bottom: 20px;
}

.auswahl_zubehoer .bestellnummer{
	display: none;
}

#vermassung_submit_button_show_bedienart,
#vermassung_submit_button_show_montage,
#vermassung_submit_button_show_massoptionen,
#vermassung_submit_button_show_anschluss,
#vermassung_submit_button_show_schneelast {
	display: none;
}

.traegerhinweis{
	font-style: italic;
	clear: both;
	margin-left: 0;
	margin-top: 10px;
}

div.agb_warenkorb_uebersicht{
	font-size: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.standardprodukte_farbe{
	width: 70px;
	height: 40px;
	display: block;
	margin-right: 3px;
}

.auswahl_zubehoer .bestellnummer{
	display: none;
}

#einzelteil_form .bemerkung{
	font-style: italic;
}

#einzelteil_form .reset{
	display: none;
}

#zubehoer .auswahl li:nth-child(odd) {
    background-color: #e0e0e0;
}

#schnellauswahl_zum_warenkorb {
	padding: 0px 10px 10px 10px;
	background-color: white; 
	z-index: 10; 
	min-height: 50px;
}

.flash {
  animation: flash 2s ease-out;
  animation-iteration-count: 2;
  
  -moz-animation: flash 2s ease-out;
  -moz-animation-iteration-count: 2;

  -webkit-animation: flash 2s ease-out;
  -webkit-animation-iteration-count: 2;

  -ms-animation: flash 2s ease-out;
  -ms-animation-iteration-count: 2;
}
@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: gray; }
    100% { background-color: transparent; }
}
@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: gray; }
    100% { background-color: transparent; }
}
@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: gray; }
    100% { background-color: transparent; }
}
@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: gray; }
    100% { background-color: transparent; }
}

#auswahl_anmeldung li.auswahl {
	display: block;
}

.montagehinweis{
	margin-left: 50px;
	font-size: 11px;
	color: #555555;
}

/* Bootstrap Select */
.bs-actionsbox button.bs-select-all{
	display: none;
}

.filter-option-inner-inner .filter_muster_color{
	display: none;
}

.edittext_button{
	background-color: lightgreen !important;
	border-radius: 100% !important;
	display: inline-block;
	padding-left: 11px;
	padding-top: 6px;
	border: none;
}

.edittext_button{
	width: 37px;
	height: 38px;
	bottom: 12px;
}

#modellauswahl ul .edittext_button{
	position: absolute;
	right: 29px;
	bottom: 12px;
}

.edittext_button:hover{
	color: black !important;
}

.redaktion_body .texteditor{
	background-color: #eee;
	border: 2px solid #778899; 
	border-radius: 5px; 
	height: 84.5%;
}

.redaktion_body .texteditor textarea,
.redaktion_body .texteditor .jqte_editor
{
	background-color: #ffffff;
}

.admin_body .title{
	margin-top: 20px;
}

.admin_body #muster_form{
	padding-left: 0;
}

.btn-primary.disabled, 
.btn-primary:disabled{
	border-color: #d5d5d5;
	background-color: #d5d5d5;
	color: #868686 !important;
}

.musterverwaltung table td,
.musterverwaltung table th{
	vertical-align: top;
	padding: 5px;
}

#rabatt #einheit{
	height: 40px;
	margin-top: 1px;
}

table.info{
	margin-top: 20px;
	height: auto;
	max-width: 500px;
}

table.info td{
	vertical-align: top;
	padding-right: 20px;
	padding-top: 20px;
	text-align: justify;
}

.montagegruppe_title{
	margin-top: 10px;
}

#slideshow_left, #slideshow_right {
	z-index:10; 
	display: inline-flex;
	align-items: center; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	width: 40px;
	cursor: pointer;
}
#slideshow_left {
	left: 0; 
}
#slideshow_right {
	right: 0; 
}
#slideshow_left div.fa, #slideshow_right div.fa {
	width: 100%; 
	text-align: center; 
	color: #c09d59;
}

li.duettelogo {
	width: calc(100% - 20px);
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid var(--umrandung);
}

a {
	outline: none;
}

#raumbild.maximize {
	z-index: 2000;
	position: fixed;
    float: left;
    height: 100%;
    inset: 0px;
}
#oeffnung_maximize {
	position: absolute;
    top: 5px;
    right: 45px;
}
#oeffnung_animate.selektion, #oeffnung_maximize.selektion {
	border-color: #aec544;
	border-style: solid;
	border-width: 2px;
}

#warenkorb_loeschen_button {
	background-color: #dd6c6c;
	margin-top: 10px;
}

.table-responsive .row.row-striped {
	display: flex;
}

#erweiterte_suche {
	display: contents;
	width: 100%;
}

div.jHtmlArea {
	max-width: 100%;
}
div.jHtmlArea iframe, div.jHtmlArea textarea {
	max-width: 100%;
}

.col.adresse_mp {
	padding: 10px;
}

a.finish_button {
	margin: 10px 20px;
}

.alert code {
	color: inherit;
}


.spinner i{
	-webkit-animation:spinning 4s linear infinite;
    -moz-animation:spinning 4s linear infinite;
    animation:spinning 4s linear infinite;
}
@-moz-keyframes spinning { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spinning { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spinning {
	100% {
		-webkit-transform: rotate(360deg); 
		transform: rotate(360deg); 
	}
}

label.form-check-label {
    padding-left: 5px;
}
.toggle-on.btn, .toggle-off.btn {
	width: auto;
	color: #000000;
	background-color: #ffffff;
}
.toggle-handle {
	background-color: #000000;
    border-radius: 0;
}

.icon_automatische_berechnung {
	position: absolute;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    right: 10px;
    cursor: help;
}
#kundendaten_form label[for=lieferanschrift], #kundendaten_form label[for=endkundenlieferung] {
	cursor: pointer;
}


/*XL*/
@media ( min-width : 1200px) {
	
}

/*LARGE*/
@media ( max-width : 1199px) {
	
}

/*MEDIUM*/
@media ( max-width : 991px) {
	.table-responsive .row.row-striped {
		display: grid;
	}
}

/*SMALL*/
@media ( max-width : 767px) {
	select.direktauswahl {
		width: calc(100% - 30px) !important;
	    min-width: calc(100% - 30px) !important;
	    max-width: calc(100% - 30px) !important;
	}
	.dropdown.filter_dropdown {
	    width: calc(100% - 30px) !important;
	    min-width: calc(100% - 30px) !important;
	    max-width: calc(100% - 30px) !important;
	}
	.modal-footer>:not(:last-child) {
		flex-wrap: wrap;
	}
}

/*XS*/
@media ( max-width : 575px) {
	#info_popup .modal-footer .info_buttons {
		width: 100%;
		line-height: 2;
	}
	#info_popup .modal-footer div.weiter_button {
		width: 100%;
	}
	#info_popup .modal-footer a.weiter_button {
		width: 100%;
	}
	#info_popup .modal-footer button {
		width: 100%;
	}
}

#gesamt_back a.btn-block {
	width: 100%;
	float: none;
}

/*   Cookie consent alert   */
/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0.75rem 1.25rem;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background-color: #000; 
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a, .cookiealert a:link, .cookiealert a:visited {
    text-decoration: underline;
    color: #fdf7e3;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

li div.info_button_wert {
	float: right;
}
#filter_muster_form div.dropdown a.dropdown-toggle,
#filter_muster_form1 div.dropdown a.dropdown-toggle,
#filter_muster_form2 div.dropdown a.dropdown-toggle {
	width: 100%;
}

.artikel_delete_icon {
	position: absolute;
	top: 52px;
	right: 4px;
}

#musterauswahl_show {
  float: none;
  margin-left: 5px;
  width: calc(100% - 30px);	
}

optgroup:not(:has(> *)) {
  display: none;
}

i.verfuegbarkeit {
	position: absolute;
	top: 0px;
	right: 40px;
	background-color: #dadada;
	color: #525153;
	padding: 8px;
	border-radius: 16px;
	font-size: 20px;
}

i.schnell_verfuegbarkeit {
	vertical-align: bottom;
}

.montagebild img, .bedienartbild img {
	max-height: 100px;
  	padding-left: 20px;
  	padding-bottom: 10px;
}

.masswertaufpreis {
	display: none;
}
