.mMaterialImages {
	background:  white;
	text-align:  center;
	font-weight: bold;
}

.mMaterialImages #mPreviewImages {
	padding: 0;
	white-space: nowrap;
	display: inline-block;
}

.mMaterialImages li {
	display:    inline-block;
	margin:     0 10px;
	width:      70px;
	text-align: center;
	cursor:     pointer;
	box-sizing: border-box;
}

.mMaterialImages li:first-child {
	margin-left: 0;
}

.mMaterialImages li:last-child {
	margin-right: 0;
}

.mMaterialImages li .z-label {
	visibility:  hidden;
	color:       #3366ff;
	white-space: nowrap;
	overflow:    visible;
	font-size:   16px;
	font-weight: normal;
}

.mMaterialImages li.imageActive .z-label {
	visibility: visible;
}

.mMaterialImages li img {
	margin-bottom: 2px;
	border:        2px solid transparent;
	box-sizing:    border-box;
}

.mMaterialImages li.imageActive img {
	border-color: #3366ff;
}

.mThicknessChoice .thickness {
	cursor:       pointer;
	margin-right: 19px;
	display:      inline-block;
}

.mThicknessChoice .thickness:hover {
	color: #3366ff;
}

.thickness-vis {
	border-top:    1px solid currentColor;
	border-bottom: 1px solid currentColor;
	display:       inline-block;
	position:      relative;
	width:         10px;
	margin-right:  10px;
	box-sizing:    border-box;
	vertical-align: baseline;
}

.thickness-vis:after {
	content:     '';
	position:    absolute;
	top:         0;
	left:        50%;
	border-left: 1px solid currentColor;
	bottom:      0;
}

.mInactive.thickness {
	color: #ccc;
}

.mThicknessChoice .thickness.mSelected .thickness-vis, .mThicknessChoice .thickness.mSelected .thickness-vis:after {
	border-width: 2px;
}

.mThicknessChoice .thickness.mSelected .thickness-vis:after {
	margin-left: -1px;
}

.mSizeChoice .dsize {
	margin:    0 15px 10px 0;
	cursor:    pointer;
}

.mSizeChoice .dsize:hover {
	color: #3366ff;
}

.mSizeChoice .sizeLabel {
	display:       inline-block;
	border:        1px solid currentColor;
	cursor:        pointer;
	box-sizing:    border-box;
	margin-bottom: 5px;
	margin-right: 10px;
}

.mSizeChoice .mSelected .sizeLabel {
	border-width:  2px;
	margin-bottom: 0;
}

.mSizeChoice .sizeLabel1 {
	width:  15px;
	height: 15px;
}

.mSizeChoice .sizeLabel2 {
	width:  32px;
	height: 32px;
}

.mSizeChoice .sizeLabel3 {
	width:  66px;
	height: 32px;
}

.mSelected {
	color:       #3366ff;
	font-weight: 400;
}

.mMaterialTypeChoice > * {
	margin:         0 0 10px 0;
	cursor:         pointer;
	display:        inline-block;
	padding-right:  9px;
	box-sizing:     border-box;
	vertical-align: top;
}

.mMaterialTypeChoice .typeImage {
	width:        65px;
	height:       34px;
	border:       0 solid currentColor;
	box-sizing:   border-box;
	float:        left;
}

.mMaterialTypeChoice > *:hover {
	color: #3366ff;
}

.mMaterialTypeChoice > *:hover .typeImage {
	border-width: 1px;
}

.mMaterialTypeChoice > *.mSelected .typeImage {
	border-width: 2px;
}

.mMaterialTypeChoice .mInactive .typeImage {
	background: transparent !important;
	opacity: .2;
}

.mMaterialTypeChoice > * > span {
	vertical-align: top;
	font-size:      11px;
	font-weight:    300;
	line-height:    16px;
}

.mMaterialTypeChoice > *.mSelected > span {
	font-weight: normal;
	margin-top:  -1px;
}

.mMaterialList img {
	width:         30px;
	height:        12px;
	margin-right:  4px;
	margin-bottom: 2px;
}

/* Materialauswahl */
/*.mMaterialList.z-listbox, .mMaterialList.z-listbox .z-listbox-body, .mMaterialList.z-listbox tr.z-listbox-odd {
	background: transparent;
}

.mMaterialList.z-listbox, .mMaterialList.z-listbox tr.z-listitem-over>td.z-listcell, .mMaterialList.z-listbox td.z-listcell {
	border: none;
}

.mMaterialList.z-listbox tr, .mMaterialList.z-listbox .z-listcell, .mMaterialList.z-listbox div.z-listcell-cnt {
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.mMaterialList.z-listbox tr.z-listitem-over {
	background-color: #fff;
	color: #3366ff;
	font-weight: normal;
}

.mMaterialList.z-listbox div.z-listbox-body .z-listcell {
	padding: 3px 16px;
	line-height: 21px;
}

.mMaterialList.z-listbox tr.z-listitem-over .mMaterialLabel {
	position: relative;
	top: -1px;
}

.mMaterialList {
	font-weight: 300;
	font-size: 14px;
}*/

#mMaterialUl2 {
	font-weight:     300;
	font-size:       14px;
	list-style-type: none;
	padding:         0;
	margin:          0;
}

/*.mMaterialList .materialImages {*/
/*margin-right: 3px;*/
/*margin-bottom: 2px;*/
/*border: 1px solid #4e4e4e;*/
/*width: 25px;*/
/*height: 10px;*/
/*}*/

.mMaterialSelectButton {
	width: 376px;
	vertical-align: middle;
}

.mMaterialSelectButton .material {
	color:       #3366FF;
	font-size:   16px;
	font-weight: 400;
	float: none;
}

.mMaterialType {
	width: 350px;
}

.mMaterialSelectButton .label, .mStep {
	font-size:      20px;
	letter-spacing: .5px;
	margin-right:   16px;
	font-weight:    normal;
	min-width:      92px;
	display:        inline-block;
	line-height: 24px;
}

.mStep {
	float:  left;
	margin: 0 10px 0 0;
}

.mStep:before {
	background-color: #4c4c4c;
	height:           25px;
	width:            25px;
	border-radius:    12.5px;
	color:            #fff;
	display:          inline-block;
	text-align:       center;
	line-height:      25px;
	margin-right:     16px;
}

.mStep-1:before {
	content: '1'
}

.mStep-2:before {
	content: '2'
}

.mStep-3:before {
	content: '3'
}

.mSizeChoice, .mThicknessChoice, .mMaterialColorChoice {
	margin:      18px 0;
	line-height: 25px;
	overflow:    auto;
}

.dsize {
	display: inline-block;
}

.dsize > * {
	display: inline-block;
	/*font-size: 12px;*/
	vertical-align: top;
}

.dsize > * > span {
	display: block;
	line-height: 1.5em;
}

.mThicknessChoice:after, .mSizeChoice:after, .mMaterialColorChoice:after {
	content: '';
	display: table;
	clear:   left;
}

.mThickness {
	font-size: 16px;
}

.mSelection {
	background-color: #f8f8f8;
	padding:          26px;
	overflow:         hidden;
}

.mSelection .mPriceContainer {
	line-height: 40px;
}

.mSelection .mPriceContainer > * {
	vertical-align: top;
}

.mSelection .mMaterialThickness:after {
	content: ' / '
}

.mMaterialDescription {
	font-size:      20px;
	font-weight:    normal;
	letter-spacing: 1px;
	margin-bottom:  12px;
}

.mMaterialProperties {
	letter-spacing: .5px;
	font-size:      16px;
	margin-bottom:  16px;
}

.mMaterialThickness div, .mMaterialSize div {
	display: inline-block;
}

.mMaterialPrice {
	width:       300px;
	display:     inline-block;
	line-height: normal;
	float:       left;
}

.mSelection #continue, .mSelection .startModeller {
	width:   409px;
	display: inline-block;
	float:   right;
}

.mMaterialPrice .amount, .mMaterialPrice .currency {
	color:          #3366ff;
	letter-spacing: 1px;
}

.mMaterialPrice .currency {
	font-size:   20px;
	margin-left: 1ex;
}

.mMaterialPrice .amount {
	font-size:   28px;
	font-weight: normal;
	display:     inline-block;
}

.mMaterialPrice .info {
	margin-left: 25px;
	line-height: 1.6;
}

.mMaterialPrice > * {
	display:        inline-block;
	vertical-align: top;
}

.mMaterialColorChoice .mMaterialTypeSelected, .mSizeChoice .mSizeSelected, .mThicknessChoice .mThicknessSelected {
	margin-left:    1em;
	color:          #3366ff;
	font-size:      16px;
	letter-spacing: .5px;
	font-weight:    normal;
}

.mMaterialColorChoice .mMaterialTypeChoice, .mMaterialColorChoice .mMaterialImages {
	float: left;
}

.mMaterialColorChoice .mMaterialImages {
	width: 432px;
}

.mMaterialColorChoice .mMaterialImages img {
	max-width: 100%;
	vertical-align: middle;
}

.mMaterialColorChoice .mMaterialImagePreview {
	height: 362px;
	width: 100%;
	background-size: cover;
	display: inline-block;
	margin-top: 20px;
}

.mMaterialColorChoice .mMaterialVideoIframe {
	width: 432px;
	height: 362px;
	margin-top: 20px;
}

.mMaterialLabel .count {
	float:     right;
	font-size: 12px;
	color:     #999;
}

.mMaterialLabel:hover .count {
	color: inherit;
}

.selected .mMaterialLabel .count, .selected.mMaterialLabel .count {
	color:     inherit;
	font-weight: 300;
}

.mMaterialColorChoice .colors {
	margin-top: 5px;
	clear: both;
}

.carousel {
	width: 100%;
	overflow: hidden;
}