table.product-table{
			empty-cells: show;
			border-collapse: collapse;
			font-size: 14px;
			text-align: center;
			color: #000000;
			margin: 10px 0;
			overflow: hidden;
			width: 100%;
			border-bottom: 1px solid #555555;

		}
		table.product-table tr, table.product-table tr td{
			min-height: 25px;
			vertical-align: middle;
		}
		table.product-table tr th{
			padding: 5px;
			font-weight: normal;
			border: 1px solid #555555;
		}
		.orderinputbereich td{
			vertical-align: top;
		}
		.product-table label{
			margin: 10px;	
			font-weight: bold;
		}
		.product-table input:focus{
			border: 1px solid #DDAC00;
			
		}
		.product-table input{
			padding: 4px;
			margin: 4px 0;
			text-align:center;
			font-size: 15px;
			font-weight: bold;
			border: 1px solid #555;
			
		}
		.product-table .ordereurgesamt{
			width: 70px !important;
		}
		.product-table input[type=submit]{
			padding: 6px;
			font-size: 16px;
			width: 430px;
			border: 1px solid #999;
			background: #ccc;
			height: auto;
		}
		.product-table input[type=submit]:hover{
			border: 1px solid #666;
			background: #ddd;
		}
		.product-table .order_artikelnr{
			font-weight: bold;
			font-size: 160%;
			line-height: 125%;
		}
		.product-table .order_info{
			font-weight: bold;
		}
		.product-table .order_grey{
			color: #666;	
		}
		.product-table .orderinfo{
			text-align:center;
			vertical-align:top;
			font-size: 100%;
			padding: 10px 0;
			line-height: 100%;
		}

		.product-table .colourbox{
			width: 40px;
			height: 20px;
			float: right;
			margin: 0;
			height: 38px;
			background-size: cover;
		}










	/* GENERAL HELPERS & styles */
		@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:200,400,600");
		*{
			border-radius: 0!important;
		}
		body{
			background-color: #222;
			font-size: 14px;
			font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important;

		}
		b, strong {
		    font-weight: 600!important;
		}
		.navbar{
			z-index: 100;
			text-transform: uppercase;
			letter-spacing: 5px;
			font-weight: 100;
			box-shadow: 0 0 15px rgba(0,0,0,0.5);
		}
			@media (max-width: 767px) { .navbar-brand{ font-size: 100%; letter-spacing: 3px; } }
		.sidebar{
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			padding-top: 10px;
		}
		.sidebar a.nav-link, .sidebar h6{
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		.btn{
			text-transform: uppercase;
			letter-spacing: 0.5px;
			font-size: 100%;
		}
		.card-header{
			text-transform: uppercase;
			letter-spacing: 2px;
			font-weight: bold;
		}
		.card.bg-dark a{
			color: #fff;
		}
		ol.breadcrumb{
			background: #343a40;
			color: #888888;
			overflow-x: scroll;
			display: block;
			white-space:nowrap
		}
			ol.breadcrumb a{
				color: #ffffff;
			}
			ol.breadcrumb li{
				display: inline;
			}
		.copyright{
			color: #aaaaaa;
			line-height: inherit!important;
		}
			.copyright a{
				text-decoration: underline;
				color: #dddddd;
			}

		.backgroundSuccess{
			background-color:#d4edda!important;
			transition: background-color 0.5s ease-in-out;
		}
		.successBorder{
			border-color: green!important;
		}
		.backgroundError{
			background-color:red!important;
			transition: background-color 0.5s ease-in-out;
		}
		.errorBorder{
			border-color: red!important;
		}
		input:focus, textarea:focus {
		  box-shadow: 0 0 10px rgba(81, 203, 238, 1) !important;
		}
		input.xxl-input{
			font-size: 40px;
			text-transform: uppercase;
		}
		.nowrap{
			overflow-wrap: break-word;
		}
		table tr td.smallcell, table tr th.smallcell{
			width:1%;
    		white-space:nowrap;
		}
		table.align-middle > tbody > tr > td, table.align-middle > tbody > tr > th {
		     vertical-align: middle;
		}
		#loadingscreen{
			z-index: 999999999999;
			background: #000000;
			opacity: 0.75;
			position: fixed;
			top: 0; bottom: 0; left: 0; right: 0;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		@keyframes rotate {
		  	0% {transform-origin: center center;transform: rotate(-360deg) scale(1);}
		  	50% {transform-origin: center center;transform: rotate(-180deg) scale(0.6);}
		  	100% {transform-origin: center center;transform: rotate(0) scale(1);}
		}
		@-webkit-keyframes rotate {
		  	0% {-webkit-transform-origin: center center;-webkit-transform: rotate(-360deg) scale(1);}
		  	50% {-webkit-transform-origin: center center;-webkit-transform: rotate(-180deg) scale(0.6);}
		  	100% {-webkit-transform-origin: center center;-webkit-transform: rotate(0) scale(1);}
		}
			#loadingscreen .spinner{
				animation-name: rotate;
			  	-webkit-animation-name: rotate;
				animation-duration: 2s;
				-webkit-animation-duration: 2s;
				animation-fill-mode: none;
				-webkit-animation-fill-mode: none;
				animation-timing-function: linear;
				-webkit-animation-timing-function: linear;
				animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				-moz-transform-origin: 50% 50%;
				-ms-transform-origin: 50% 50%;
				-o-transform-origin: 50% 50%;
				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
				height: 50vh;
				width: 50vw;
			}





	/* GLOBAL PROGRESS BAR */

		#globalprogressbar_compare{
			position: fixed;
			height: 6px;
			opacity: 0.5;
			top: 6px;
			left: 0;
			right: 0;
			z-index: 99;
			border-radius: 0;
		}
		#globalprogressbar_minorder{
			position: fixed;
			height: 6px;
			opacity: 0.5;
			top: 0;
			left: 0;
			right: 0;
			z-index: 99;
			border-radius: 0;
		}



	/* PRODUCT CARDS */

		div.view-selection{
			text-align: center;
			font-size: 250%;
			margin: 0;
		}
			div.view-selection a{ margin: 0 10px; color: #999999!important;}
				div.view-selection a:hover, div.view-selection a.active{ color: #ffffff!important}

		div.row.product-selection{
			-ms-flex-pack: distribute;
			    justify-content: space-around;
			padding: 0 1em 1em;
		}

		div.product-card{
		    -webkit-transition: background-color 1s ease;
		    -o-transition: background-color 1s ease;
		    transition: background-color 1s ease;
		    flex-basis: 98%!important;
		    max-width: 100%;
		}

		div.product-card.closed{
			-ms-flex: 0 0 32%;
			-webkit-box-flex: 0;
			        flex: 0 0 32%;
			max-width: 32%;
			border: 0;
			background-color: #ffffff;
		}
			div.product-card.closed .card-header{
				text-align: center;
				border-bottom: 0;
				cursor: pointer;
			}
			div.product-card.closed .card-body{
				background-color: #ffffff!important;
			}
				div.product-card.closed .maindata{
					padding-top: 10px!important;
					min-height: 100px;
				}
			div.product-card.closed div.order-table, div.product-card.closed small.extras, div.product-card.closed .colourbox{
				display: none;
			}
			div.product-card.closed small.closedprices{
				display: block;
				font-size: 100%;
			}
			/*
			div.product-card .carousel-item{
				justify-content: center;
				background: #fff;
			}
				div.product-card.closed .carousel-item{
					border: 0;
				}
				div.product-card .carousel-item img{
					cursor: pointer;
				}
			*/
			div.product-card.closed div.maindata{
				width: 100%!important;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 100%;
				        flex: 0 0 100%;
				max-width: 100%;
				padding-bottom: 50px!important;
			}
			div.product-card.closed .closedcolours{
				overflow-x: scroll;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
			}
				div.product-card.closed .closedcolours .colourbox{
					width: 40px;
					height: 40px;
					display: inline-block;
					margin: 5px 5px 0;
					background-size: cover;
					border: 1px solid #ccc;
				}

		div.product-card .imageslider{
			background-color: #ffffff;
			overflow: hidden;
			max-height: 100%;
		}
			div.product-card .imageslider .imageslider-slide {
			    display: none;
			}
			div.product-card .imageslider.slick-initialized .imageslider-slide {
			    display: block;
			}
			div.product-card .imageslider-control-prev {
				position: absolute;
				left: 5px;
				top: 50%;
				top: calc(50% - 12.5px);
				z-index: 1000;
				cursor: pointer;
			}
				div.product-card .imageslider-control-prev-icon {
					display: block;
					width: 25px;
					height: 25px;
				    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
				}
			div.product-card .imageslider-control-next {
				position: absolute;
				right: 5px;
				top: 50%;
				top: calc(50% - 12.5px);
				cursor: pointer;
			}
				div.product-card .imageslider-control-next-icon {
					display: block;
					width: 25px;
					height: 25px;
				    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
				}