/*##############################################################################
################################# defaults xs (> 0) #################################
##############################################################################*/


.order-xs-default { order:unset; }
.order-xs-0 { order:0; }
.order-xs-1 { order:1; }
.order-xs-2 { order:2; }
.order-xs-3 { order:3; }
.order-xs-4 { order:4; }
.order-xs-5 { order:5; }
.order-xs-6 { order:6; }
.order-xs-7 { order:7; }
.order-xs-8 { order:8; }
.order-xs-9 { order:9; }
.order-xs-10 { order:10; }
.order-xs-11 { order:11; }
.order-xs-12 { order:12; }
.order-xs-13 { order:13; }
.order-xs-14 { order:14; }
.order-xs-15 { order:15; }
.order-xs-16 { order:16; }
.order-xs-17 { order:17; }
.order-xs-18 { order:18; }
.order-xs-19 { order:19; }
.order-xs-20 { order:20; }
.order-xs-21 { order:21; }
.order-xs-22 { order:22; }
.order-xs-23 { order:23; }
.order-xs-24 { order:24; }

.order-xs--1 { order:-1; }
.order-xs--2 { order:-2; }
.order-xs--3 { order:-3; }
.order-xs--4 { order:-4; }
.order-xs--5 { order:-5; }
.order-xs--6 { order:-6; }
.order-xs--7 { order:-7; }
.order-xs--8 { order:-8; }
.order-xs--9 { order:-9; }
.order-xs--10 { order:-10; }
.order-xs--11 { order:-11; }
.order-xs--12 { order:-12; }
.order-xs--13 { order:-13; }
.order-xs--14 { order:-14; }
.order-xs--15 { order:-15; }
.order-xs--16 { order:-16; }
.order-xs--17 { order:-17; }
.order-xs--18 { order:-18; }
.order-xs--19 { order:-19; }
.order-xs--20 { order:-20; }
.order-xs--21 { order:-21; }
.order-xs--22 { order:-22; }
.order-xs--23 { order:-23; }
.order-xs--24 { order:-24; }


.vertical-align-middle-xs {
	top:50%;
	transform: translateY(-50%);
	
}
.vertical-align-top-xs {
	top:0;
	transform:unset;
	
}
.vertical-align-bottom-xs {
	top:100%;
	transform: translateY(-100%);
	
}
.vertical-align-unset-xs {
	top:unset;
	transform: unset;
	
}

#logo img {
		position:absolute;
		left:0px;
		right:0;
		top: 50%;
		transform: translate(0, -50%);
		margin:auto;
		text-align:center;
	}


#top-right {
	float: left;
	padding:0;
	margin:0;
	list-style:none;
	/*position:relative;*/
	text-transform:uppercase;
	font-weight:600;
	font-size:11px;
	vertical-align:bottom;
}

#top-right > li {
	float:left;
	position:relative;
	margin:0 8px 0 8px;
	vertical-align:bottom;
}


#top-right > li.active,
#top-right > li:hover {
}

#top-right > li > a {
	display:block;
	line-height:inherit;
	text-decoration:none;
	padding:0 0px 0px 0px;
	font-size: 18px;
}

#top-right > li.active > a,
#top-right > li:hover > a {
	/*color:#89ba16;
	border-bottom:1px solid #89ba16;*/
}

#top-right > li > div {
	line-height:16px;
}

#top-right:after {
	clear:both;
	content:' ';
	display:block;
}

.top-nav-box {
	display:none;
	position:absolute;
	left:-125px;
	margin-left:50%;
	right:auto;
	top:50px;
	/*width:250px;*/
	width:100%;
	min-width:250px;
	padding:20px;
	/*min-height:150px;*/
	line-height:normal;
	z-index:600;
	background-color:#CDDA83;
	color:#000;
}

.top-nav-box:before,
.top-nav-box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	-webkit-transform:rotate(360deg);
}
.top-nav-box:after {
	border-width: 0 11px 19px 11px;
	border-color: transparent transparent #CDDA83 transparent;
	margin-left: -11px;
}
.top-nav-box:before {
	border-width: 0 12px 19px 12px;
	border-color: transparent transparent #CDDA83 transparent;
	margin-left: -12px;
}


@media (max-width: 770px) {
	.top-nav-box {
		position:fixed;
		top:100px;
		left: 0 !important;
		margin-left: 0;
		width: 100%;
		max-width: 450px;
	}

	.top-nav-box:after {
		margin-left: 0px;
		left: 45px;
	}
	.top-nav-box:before {
		margin-left: 0px;
		left: 45px;
	}
}

#user-mini-box > ul {
	margin:0;
	padding:0;
	list-style:none;
}

#user-mini-box > ul > li {
	padding:0;
	margin:0 0 5px 0;
	line-height:160%;
	font-size:118%;
}


#user-mini-box-trigger { }

#user-mini-box-trigger > a {
	display:block;
	/*padding-bottom: 10px;*/
}
/*
#user-mini-box-trigger > a > span {
	line-height: 20px;
	display: inline-block;
	vertical-align: text-top;
}
*/

#user-mini-box {
	min-width:250px;
	left:-125px;
}

#user-mini-box button {

}


#user-mini-box > ul > li > a {
	display:block;
}

#user-mini-box-trigger:hover #user-mini-box {
	display:block;
}

#user-mini-box.open {
	display:block;
}

.user-mini-box-close {
	position:absolute;
	display:block;
	right:5px;
	top:5px;
	/*background-color:#91b716;*/
	background-color:transparent;
	height:26px;
	line-height:26px;
	width:26px;
	font-size:22px;
	text-align:center;
	cursor:pointer;
	color:#ffffff;

}

#mini-track-trigger {
	float: left;
	margin-left: 49px;
}

#mini-track-trigger > a {
	display:block;
	border-bottom:none !important;
	font-size:18px;
}

#mini-track {
	left:auto;
	right:-10px;
	top:50px;
	width:400px;
}

#mini-track:before,
#mini-track:after {
	left:auto;
	right:20px;
}
#mini-track:after {
	border-width: 0 11px 19px 11px;
	border-color: transparent transparent #CDDA83 transparent;
	margin-left:0;
	margin-right: -11px;
}
#mini-track:before {
	border-width:0 12px 19px 12px;
	border-color:transparent transparent #CDDA83 transparent;
	margin-left:0;
	margin-right:-12px;
}


#mini-cart-trigger {
	float: left;
	/*position:absolute;
	top:0;
	right:0;*/
	color:inherit;
	margin-left: 30px;
}

#mini-cart-trigger > a {
	display:block;
	/*padding-bottom:10px;*/
	/*margin-left:44px !important;*/
	/*font-size:18px;*/
	border-bottom:none !important;
	font-size:18px;
	/*color:inherit;*/
}

#mini-cart {
	left:auto;
	right:-10px;
	top:50px;
	width:400px;
}

#mini-cart:before,
#mini-cart:after {
	left:auto;
	right:20px;
}
#mini-cart:after {
	border-width: 0 11px 19px 11px;
	border-color: transparent transparent #CDDA83 transparent;
	margin-left:0;
	margin-right: -11px;
}
#mini-cart:before {
	border-width:0 12px 19px 12px;
	border-color:transparent transparent #CDDA83 transparent;
	margin-left:0;
	margin-right:-12px;
}


.mini-cart-num-items {

	position:absolute;
	left:100%;
	margin-left:3px;
	top:0;

}



/*##############################################################################
################################# xs (< 768px) #################################
##############################################################################*/
@media (max-width:768px) {

	#logo img {
		left:initial;
		right:10px;
	}

	.text-left-xs {
		text-align:left;
	}
	.text-center-xs {
		text-align:center;
	}
	.text-right-xs {
		text-align:right;
	}
	
	.pull-left-xs {
		float:left;
	}
	.pull-right-xs {
		float:right;
	}
	.pull-none-xs {
		float:none;
	}

	/****** navigations *********/

	#navControl {
		cursor:pointer;
		display:block;
		font-size:20px;
		position:absolute;
		right:20px;
		top:20px;
		z-index:1000;
		color:#bbaf92;
	}

	header#header {
		height:auto;
		min-height:90px; /*= body {padding-top:}*/
		max-height:75%;
		overflow:auto;
		position:fixed;
		left:0;
		top:0;
		/*border:10px solid #0074bb;*/
		/* background-color:#ffffff; */
		background-color:#ece3d9;
		color:#002f56;
		z-index:1000;
		border-bottom:3px solid #bbaf92;
	}
	body {
		padding-top:90px;
	}

	/*#logo {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
	}*/

	#top-nav-small {
		position: absolute;
		top: 50px;
		left: 40px;
		z-index: 20;
		display:block;
		
		
		/*
		background-color:#ece3d9;
		color:#002f56;
		*/
	}
	
	#navbarResponsive.show {
		
	}
	
	#sidebar-icons {
		/*
		background-color:#ece3d9;
		color:#002f56;
		*/
	}
	header#header nav#sidebar-icons > ul > li > a {
		display:inline-block;
	}
	header#header nav#sidebar-icons > ul > li > .icon-label {
		display:inline-block;
	}
	header#header nav#sidebar-icons > ul > li > .icon-label > a {
		display:inline-block;
	}

	/*#mini-cart-trigger {
		display:none;
	}

	.mini-cart-num-items {
		display:inline-block;

	}


	#mini-cart {
		display:none;
	}

	.user-mini-box-close {
		display:none;
	}

	header#header nav {

	}

	header#header nav > ul {
		list-style:none;
		margin:0;
		padding:0;
	}

	header#header nav > ul > li {
		margin:0;
		padding:0;

		line-height:30px;
		text-align:center;

		border-bottom:1px solid #cccccc;

	}*/

	header#header > .container > nav > ul > li {
		font-size:120%;
		font-weight:bold;
	}
	header#header > .container > nav > ul > li li {
		font-size:87%;
		font-weight:normal;
		text-align:left;
	}

	header#header nav > ul > li.spacer,
	header#header nav > ul > li:empty {
		display:none;
	}

	/*header#header nav > ul > li > a {
		display:block;
		padding:10px 0 10px 0;
	}*/

	header#header nav > ul > li ul {
		list-style:none;
		margin:0;
		padding:0;
		display:inline-block;
	}

	header#header nav > ul > li ul > li {
		margin:0;
		padding:0;
		line-height:25px;
	}






	table.responsiveTable {

	}




	table.responsiveTable,
	table.responsiveTable > tbody,
	table.responsiveTable > tbody > tr,
	table.responsiveTable > tbody > tr > td,
	table.responsiveTable > tfoot,
	table.responsiveTable > tfoot > tr,
	table.responsiveTable > tfoot > tr > td {
		display:block;
		position:relative;
		/* overflow:hidden; */
		width:100%;
	}


	table.responsiveTable > thead,
	table.responsiveTable > thead > tr,
	table.responsiveTable > thead > tr > th,
	table.responsiveTable > thead > tr > td {
		display:none;
		/* overflow:hidden; */
	}

	table.responsiveTable > tbody > tr > td,
	table.responsiveTable > tfoot > tr > td {
		/* width:67%; */
		width:100% !important;
		/*padding-left:33%;*/
		min-height:30px;
	}

	table.responsiveTable > tbody > tr > td:before,
	table.responsiveTable > tfoot > tr > td:before {
		content: attr(data-label) "";
		display: inline-block;

		/*display:block;*/
		/*position:absolute;*/
		/*left:0;*/
		height:100%;

		font-weight: bold;
		/* width: 5em; */
		width:33%;
		background:inherit;
		text-align:left !important;

		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}

	table.responsiveTable > tbody > tr > td:empty,
	table.responsiveTable > tfoot > tr > td:empty,
	table.responsiveTable > tbody > tr > td > .responsiveTable-td-inner:empty,
	table.responsiveTable > tfoot > tr > td > .responsiveTable-td-inner:empty {
		display:none;
	}

	table.responsiveTable > tbody > tr,
	table.responsiveTable > tfoot > tr {
		border-top:1px solid #333333;
	}

	table.responsiveTable > tbody > tr > td > .responsiveTable-td-inner,
	table.responsiveTable > tfoot > tr > td > .responsiveTable-td-inner,
	table.responsiveTable > tbody > tr > td > *,
	table.responsiveTable > tfoot > tr > td > *,
	table.responsiveTable > tbody > tr > td > .form-control,
	table.responsiveTable > tfoot > tr > td > .form-control {
		width:67%;
		display:inline-block;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}
	table.responsiveTable > tbody > tr > td > .input-group {
		display: inline-table;
	}

	table.responsiveTable > tbody > tr.item-edit-row > td > * {
		width:100%;
	}

	#price-bar.affix {
		bottom:auto;
		left:auto;
		top:auto;
		position:relative !important;
		padding-top:inherit;
		background-color:#0074bb;
		background-image:none;
	}

    .form-group > *[class*="col-sm-"]:not(*[class*="col-xs-"]),
    .form-group > *[class*="col-md-"]:not(*[class*="col-xs-"]),
    .form-group > *[class*="col-lg-"]:not(*[class*="col-xs-"]) {
	    margin-bottom:15px;
    }
	.form-group > *[class*="col-sm-"]:not(*[class*="col-xs-"]):last-child,
	.form-group > *[class*="col-md-"]:not(*[class*="col-xs-"]):last-child,
	.form-group > *[class*="col-lg-"]:not(*[class*="col-xs-"]):last-child {
		margin-bottom:0;
	}
	/*
	.form-group > label[class*="col-sm-"],
	.form-group > label[class*="col-md-"],
	.form-group > label[class*="col-lg-"] {
		margin-bottom:0;
	}
	*/

    #product-btn-to-shopping-cart {
	    display:block;
	    width: 100%;
    }


	.custNav ul {
		padding:0;
		border-bottom:none;
	}
	.custNav li {
		display:block;
		margin-left:0;
		margin-right:0;
		margin-bottom:4px;
		border-bottom:none;
	}

    .custNav li.active {
	    border-bottom:none;

    }
}

/*##############################################################################
################################# sm (>= 768px) ################################
##############################################################################*/
@media (min-width:768px) {

	.text-left-sm, .text-left-md, .text-left-lg {
		text-align:left;
	}
	.text-center-sm, .text-center-md, .text-center-lg {
		text-align:center;
	}
	.text-right-sm, .text-right-md, .text-right-lg {
		text-align:right;
	}

	.pull-left-sm, .pull-left-md, .pull-left-lg {
		float:left;
	}
	.pull-right-sm, .pull-right-md, .pull-right-lg {
		float:right;
	}
	.pull-none-sm , .pull-none-md, .pull-none-lg{
		float:none;
	}

	ul.nav-top-10-countries {
		list-style:none;
		padding:0;
		margin:0;

		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	ul.nav-top-10-countries > li {
		list-style:none;
		padding:0;
		margin:0;
	}

	ul.nav-top-10-countries > li a {
		color:inherit;
		display:block;
		text-transform:uppercase;
	}



	#top-nav-small {
		position:absolute;
		right:8px;
		top:50%;
		transform: translate(0, -50%);
		z-index: 10;
	}

	.decPackCol_1 {

	}

	.decPackCol_2 {
		width:25%;
	}

	.decPackCol_3 {
		width:10%;
		min-width:50px;
	}

	.decPackCol_4 {
		width:10%;
		min-width:100px;
	}

	.decPackCol_5 {
		width:10%;
		min-width:100px;
	}

	.decPackCol_6 {

	}

	.decPackCol_7 {

	}

	.decPackCol_8 {
	}


	#sidebar-icons {
		position:fixed;
		background-color:#89ba16;
		top:50%;
		margin-top:-145px; /* height mesured with firebug: 290px*/
		right:0;
		z-index:11;
		color:#ffffff;
	}

	#sidebar-icons > ul {
		list-style:none;
		padding:0;
		margin:0;
	}

	#sidebar-icons > ul > li {
		display:block;
		padding:0;
		margin:0;
		position:relative;
	}

	#sidebar-icons > ul > li > a {
		color:inherit;
		font-size:30px;
		line-height:30px;
		padding:8px;
		display:block;
		position:relative;

		background-color:#89ba16;
		z-index:2;

	}

	#sidebar-icons > ul > li > a:hover {

	}

	#sidebar-icons > ul > li > a > .glyphicon {
		transition:ease-in all 200ms;
	}

	#sidebar-icons > ul > li:hover > a > .glyphicon {
		transform: rotateY(180deg);
		transition:ease-in all 700ms;
	}


    #sidebar-icons > ul > li > .icon-label {
	    position:absolute;
	    display:block;
	    top:0;
	    right:-300px;
	    transition:ease-in all 700ms;
	    background-color:#89ba16;
	    line-height:50px;
	    text-align:right;

	    /*width:0px;*/
	    min-height:50px;
	    /*overflow:hidden;*/
	    white-space:nowrap;
	    z-index:1;

	    padding:0 16px 0 16px;

    }

	

	#sidebar-icons > ul > li:hover > .icon-label {

		/*width:200px;*/
		right:100%;

	}

	#sidebar-icons > ul > li > .icon-label a {
		color:inherit;
	}

	#sidebar-icons > ul > li:hover > .icon-label a {
		/*text-decoration:underline; */
	}

	#konfigurator_form_product {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		
		padding: 37px 50px;
	}

	.white-shadow-box {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
		background-color: #fff;

		padding: 37px 50px;
	}
	
	/*
	#konfigurator_form_product .col-lg-8 {
		padding-top: 6px;
	}
	*/
	#konfigurator_form_product_filter {
		padding: 0px 50px;
		white-space:nowrap;
	}

	.radioWrapper .infoBox, .checkboxWrapper .infoBox {
		float: none;
		position:relative;
		top: 7px;
		left:10px;
	}


	#product-list-table td.shippingInfo .infoBox {
		left: initial;
		margin-right: 10px;
		position:relative;
		top: 7px;
	}


	.order-sm-default { order:unset; }
	.order-sm-0 { order:0; }
	.order-sm-1 { order:1; }
	.order-sm-2 { order:2; }
	.order-sm-3 { order:3; }
	.order-sm-4 { order:4; }
	.order-sm-5 { order:5; }
	.order-sm-6 { order:6; }
	.order-sm-7 { order:7; }
	.order-sm-8 { order:8; }
	.order-sm-9 { order:9; }
	.order-sm-10 { order:10; }
	.order-sm-11 { order:11; }
	.order-sm-12 { order:12; }
	.order-sm-13 { order:13; }
	.order-sm-14 { order:14; }
	.order-sm-15 { order:15; }
	.order-sm-16 { order:16; }
	.order-sm-17 { order:17; }
	.order-sm-18 { order:18; }
	.order-sm-19 { order:19; }
	.order-sm-20 { order:20; }
	.order-sm-21 { order:21; }
	.order-sm-22 { order:22; }
	.order-sm-23 { order:23; }
	.order-sm-24 { order:24; }

	.order-sm--1 { order:-1; }
	.order-sm--2 { order:-2; }
	.order-sm--3 { order:-3; }
	.order-sm--4 { order:-4; }
	.order-sm--5 { order:-5; }
	.order-sm--6 { order:-6; }
	.order-sm--7 { order:-7; }
	.order-sm--8 { order:-8; }
	.order-sm--9 { order:-9; }
	.order-sm--10 { order:-10; }
	.order-sm--11 { order:-11; }
	.order-sm--12 { order:-12; }
	.order-sm--13 { order:-13; }
	.order-sm--14 { order:-14; }
	.order-sm--15 { order:-15; }
	.order-sm--16 { order:-16; }
	.order-sm--17 { order:-17; }
	.order-sm--18 { order:-18; }
	.order-sm--19 { order:-19; }
	.order-sm--20 { order:-20; }
	.order-sm--21 { order:-21; }
	.order-sm--22 { order:-22; }
	.order-sm--23 { order:-23; }
	.order-sm--24 { order:-24; }

	.vertical-align-middle-sm {
		top:50%;
		transform: translateY(-50%);
		
	}
	.vertical-align-top-sm {
		top:0;
		transform:unset;
		
	}
	.vertical-align-bottom-sm {
		top:100%;
		transform: translateY(-100%);
		
	}
	.vertical-align-unset-sm {
		top:unset;
		transform: unset;
		
	}
	
}


/*##############################################################################
################################# md (>= 992px) ################################
##############################################################################*/
@media (min-width:990px) {
	body {
		/*
		font-size: 20px;
		line-height: 38px;
		*/
		font-size: 17px;
		line-height: 30px;
	}

	.contentWrapper {
		padding:50px 42px;
	}
	
	h1 { font-size:46px;line-height:49px;padding-left:0;padding-right:0; }
	h2 { font-size:32px;line-height:35px;padding-left:0;padding-right:0; }
	h3, h4 { font-size:22px;line-height:35px;}
	.home h3 { font-size:50px;line-height:70px;}

	#home {
		z-index: 1;
	}
	
	#home #konfigurator {
		max-width: inherit;
		position:absolute;
		right: 0;
		left: 0;
		top: 90px;
		width: 100%;
	}
	
	.konfig_cont {
	}
	.konfig_cont h3 {
		text-align:left;
		padding:0 14px;
	}
	.konfig_cont .form-group {
		margin: 0;
		padding: 25px 50px 25px 25px;
		margin-top: 20px;
		border-radius: 5px;
	}
	.konfig_cont .form-group .col-sm-6, .konfig_cont .form-group .col-sm-3 {
		margin-bottom: 0;
	}
	
	.teaser-image {
		 display: block;
	 }


	footer#footer {
		font-size: 20px;
		line-height: 38px;
	}

	footer#footer .footerHeader {
		min-height: 80px;
	}

	footer#footer .footerHeader b {
		font-size:25px;
		line-height:35px;
	}

	footer#footer .hotlineNumber {
		font-size:40px;
		line-height:38px;
		margin-bottom:80px;
	}
	
	
	footer#footer .col-lg-4 {
		padding-left: 50px;
		padding-right: 50px;
	}

	.paddingCol {
		padding-left: 50px;
		padding-right: 15px;
	}

	.teaserRow{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.teaserBox .teaserBoxContent {
		padding-left: 50px;
	}
	/*
	.homeTeaser .homeTeaserContent {
		padding:42px;
	}
	.homeTeaser h2 {
		padding:25px 40px 25px 170px;
	}
	.homeTeaser.homeTeaser1 h2 {
		background: #e4e9c4 url('../img/home/homeTeaser1.png') no-repeat left 46px center;
	}
	.homeTeaser.homeTeaser2 h2 {
		background: #e4e9c4 url('../img/home/homeTeaser2.png') no-repeat left 46px center;
	}
	.homeTeaser.homeTeaser3 h2 {
		background: #e4e9c4 url('../img/home/homeTeaser3.png') no-repeat left 46px center;
	}*/

	h1.mainHeadline {
		/*margin-top: 100px;*/
		margin-top:40px;
	}

	.vkonfig_result_wrap h2 {
		margin-top: 100px;
		margin-bottom: 40px;
	}

	#product-list-table td.shippingDetail {
		width: 100%;
	}

	.order-md-default { order:unset; }
	.order-md-0 { order:0; }
	.order-md-1 { order:1; }
	.order-md-2 { order:2; }
	.order-md-3 { order:3; }
	.order-md-4 { order:4; }
	.order-md-5 { order:5; }
	.order-md-6 { order:6; }
	.order-md-7 { order:7; }
	.order-md-8 { order:8; }
	.order-md-9 { order:9; }
	.order-md-10 { order:10; }
	.order-md-11 { order:11; }
	.order-md-12 { order:12; }
	.order-md-13 { order:13; }
	.order-md-14 { order:14; }
	.order-md-15 { order:15; }
	.order-md-16 { order:16; }
	.order-md-17 { order:17; }
	.order-md-18 { order:18; }
	.order-md-19 { order:19; }
	.order-md-20 { order:20; }
	.order-md-21 { order:21; }
	.order-md-22 { order:22; }
	.order-md-23 { order:23; }
	.order-md-24 { order:24; }

	.order-md--1 { order:-1; }
	.order-md--2 { order:-2; }
	.order-md--3 { order:-3; }
	.order-md--4 { order:-4; }
	.order-md--5 { order:-5; }
	.order-md--6 { order:-6; }
	.order-md--7 { order:-7; }
	.order-md--8 { order:-8; }
	.order-md--9 { order:-9; }
	.order-md--10 { order:-10; }
	.order-md--11 { order:-11; }
	.order-md--12 { order:-12; }
	.order-md--13 { order:-13; }
	.order-md--14 { order:-14; }
	.order-md--15 { order:-15; }
	.order-md--16 { order:-16; }
	.order-md--17 { order:-17; }
	.order-md--18 { order:-18; }
	.order-md--19 { order:-19; }
	.order-md--20 { order:-20; }
	.order-md--21 { order:-21; }
	.order-md--22 { order:-22; }
	.order-md--23 { order:-23; }
	.order-md--24 { order:-24; }

	.vertical-align-middle-md {
		top:50%;
		transform: translateY(-50%);
		
	}
	.vertical-align-top-md {
		top:0;
		transform:unset;
		
	}
	.vertical-align-bottom-md {
		top:100%;
		transform: translateY(-100%);
		
	}
	.vertical-align-unset-md {
		top:unset;
		transform: unset;
		
	}
}


/*##############################################################################
################################# lg (>= 1200px) ################################
##############################################################################*/
@media (min-width:1200px) {
	
	/*.homeTeaser {
		margin-top: 0px;
	}*/
	
	.homeTeaserWrapper {
		margin-top: -40px;
		margin-bottom: 100px;
	}

	/*
	#konfigurator_form_product .col-lg-8 div {
		margin-bottom: 0px;
	}
	
	*/
	#konfigurator_form_product {
		margin-bottom: 80px;
	}
	.radioWrapper {
		top: 0;
		margin-bottom: 0px;
		white-space:nowrap;
	}

	.order-lg-default { order:unset; }
	.order-lg-0 { order:0; }
	.order-lg-1 { order:1; }
	.order-lg-2 { order:2; }
	.order-lg-3 { order:3; }
	.order-lg-4 { order:4; }
	.order-lg-5 { order:5; }
	.order-lg-6 { order:6; }
	.order-lg-7 { order:7; }
	.order-lg-8 { order:8; }
	.order-lg-9 { order:9; }
	.order-lg-10 { order:10; }
	.order-lg-11 { order:11; }
	.order-lg-12 { order:12; }
	.order-lg-13 { order:13; }
	.order-lg-14 { order:14; }
	.order-lg-15 { order:15; }
	.order-lg-16 { order:16; }
	.order-lg-17 { order:17; }
	.order-lg-18 { order:18; }
	.order-lg-19 { order:19; }
	.order-lg-20 { order:20; }
	.order-lg-21 { order:21; }
	.order-lg-22 { order:22; }
	.order-lg-23 { order:23; }
	.order-lg-24 { order:24; }

	.order-lg--1 { order:-1; }
	.order-lg--2 { order:-2; }
	.order-lg--3 { order:-3; }
	.order-lg--4 { order:-4; }
	.order-lg--5 { order:-5; }
	.order-lg--6 { order:-6; }
	.order-lg--7 { order:-7; }
	.order-lg--8 { order:-8; }
	.order-lg--9 { order:-9; }
	.order-lg--10 { order:-10; }
	.order-lg--11 { order:-11; }
	.order-lg--12 { order:-12; }
	.order-lg--13 { order:-13; }
	.order-lg--14 { order:-14; }
	.order-lg--15 { order:-15; }
	.order-lg--16 { order:-16; }
	.order-lg--17 { order:-17; }
	.order-lg--18 { order:-18; }
	.order-lg--19 { order:-19; }
	.order-lg--20 { order:-20; }
	.order-lg--21 { order:-21; }
	.order-lg--22 { order:-22; }
	.order-lg--23 { order:-23; }
	.order-lg--24 { order:-24; }
	
	.vertical-align-middle-lg {
		top:50%;
		transform: translateY(-50%);
		
	}
	.vertical-align-top-lg {
		top:0;
		transform:unset;
		
	}
	.vertical-align-bottom-lg {
		top:100%;
		transform: translateY(-100%);
		
	}
	.vertical-align-unset-lg {
		top:unset;
		transform: unset;
		
	}
}

@media (min-width:1700px) {
	#home #konfigurator {
		max-width: 1071px;
		position:absolute;
		right: 8px;
		left: inherit;
		top: 150px;
		width: 100%;
	}
	#home #konfigurator > .bar {
		background: none;
	}
	
	.teaserBox img {
		display: none;
	}
	
	.teaserBox.teaserBox1 {
		background: #e4e9c4 url('../img/home/teaserBox1.jpg') no-repeat top right;
	}
	.teaserBox.teaserBox2 {
		background: #e4e9c4 url('../img/home/teaserBox2.jpg') no-repeat top right;
	}
	
	.teaserBox {
		min-height: 340px;
		margin-bottom:0;
	}
	
	.teaserBox .teaserBoxContent {
		padding: 20px 340px 20px 42px;
	}
	
	.teaserBox.teaserBox1, .teaserBox.teaserBox2 {
		background-size: inherit;		
	}

	/*.homeTeaserWrapper {
		column-count: 3;
		column-gap: 95px;
	}*/
	/*.homeTeaser {
		page-break-inside: avoid;
		column-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		float: none;
		width: 100%;
		display:inline-block;
	}*/
}







@media (max-width:990px) {
	#home .container {
		width: 100%;
		padding: 0;
	}
}

@media (max-width:1699px) {
	/*.homeTeaser h2 {
		padding: 135px 42px 25px 42px;
		background-position: left 42px top 30px !important;
		font-size: 20px;
		line-height: 30px;
	}*/
}

@media (min-width:1200px) {
	/*.homeTeaser h2 {
		min-height: 250px;
	}

	.homeTeaserContent {
		min-height: 610px;
	}*/
}


@media (min-width:1699px) {
	/*.homeTeaser h2 {
		min-height: 190px;
	}
	
	.homeTeaserContent {
		min-height: 494px;
	}*/
}