@import url(fonts/open-sans.css);
@import url(fonts/open-sans-condensed.css);

body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 100%;
	font-weight: 400;
	background: #fff;
	color: #3A4C59;
	width: 100%;
}

body #content b {

}

#content .vehicle_select {
	background: #fff;
}

#filter {
	display:none;
}

.groupBau {
	display: none;
}

iframe#headlineLike {
	border:none; 
	overflow:hidden; 
	width:450px; 
	height:35px;
	float: left;
}

#content h3, #content h3 span {
	background: transparent;
}

#content h3 span {
	padding: 0px;
}

#configToolbox {
	position: absolute;
	margin: 10px 0px 0px 560px;
}

#modelbox {
	width: 100%;
	float: left;
	height: 100px;
	background-color: #fff;
	
}

#model {
	background: #fff;
	border-bottom: solid 0px #ebebeb;
	color: #333;
	width: 300px;
	padding: 10px 0px 0px 0px;
	height: 100px;
	position: fixed;
	overflow: hidden;
	top: 0px;
	right: 10%;
	z-index: 200;
}

#model #blankText h1 {
	float: left;
	clear: none;
	width: 60%;
}

#model #blankText p {
	width: 60%;
	float: left;
	padding: 0px 0px 0px 10px;
}

#model.fixed {
	top: 0px;
	position: fixed;
	z-index: 9000;
}

#model #pic {
	margin-right: 0px;
	width: 40%;
	float: right;
	display: block;
	height: 100%;
}

#model #pic img {
	width: 100%;
	height: auto;
}

#model #layout {
	float: right;
	display: none
}

#layout img {
	float: right;
	margin: 0px 0px;
	padding: 4px;
	border: solid 0px #4d657f;
	background-color: transparent;
}

#model #config {
	float: left;
	font-size: 13px;
	line-height: 1;
	width: 55%;
	padding: 0px 0px 0px 0px;
}

#model h1 {
	float: left;
	color: #03295A;
	margin: 0px;
	padding: 0px;
	width: 60%;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

#model h1 b {
	display: none;
}

#model h2 {
	border-top: solid 1px #ebebeb;
	width: 100%;
	text-align: left;
	font-size: 15px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#model h2 span {
	font-size: 13px !important;
	float: right !important;
	font-weight: normal !important;
}

#model h2 sup {
	font-size: 11px;
}

#model h3 {
	font-size: 17px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400px;
	color: #3A4C59;
	display: none;
}

#model h3 span {
	float: right;
}

#content #model h5 {
	width: 440px;
	font-size: 12px;
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #666;
}

#model h4{
	text-align:center;
}

#model #pictures {
	float: right;
	margin: 5px;
	width: 240px;
}

#navigation {
	float: left;
	background-color: #fff;
	text-align: left;
	position: fixed;
	top: 0px;
	width: 80%;
	margin: 0px 0% 0px 0%;
	padding: 20px 10% 10px 10%;
	left: 0px;
	height: 80px;
	z-index: 100;
}

#navigation a {
	display: inline-block;
	float: none;
	width: auto;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px;
	background-color: transparent;
	color: rgba(0,0,0,.4);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	transition: all .3s ease-in-out;
	margin: 0px 10px;
	border-bottom: solid 2px rgba(0,0,0,.4);
}

#navigation em:after {
	content: "\f054";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	display: inline-block;
	font-size: 12px;
}

#navigation a:hover {
	background: transparent;
	color: rgba(0,0,0,.7);
}

#navigation a.check {
	background: transparent;
	color: rgba(0,0,0,.7);
}

#navigation a.open {
	background: transparent;
	color: rgba(0,0,0,.7);
	margin: 0px 10px;
	padding: 5px 0px;
	font-weight: bold;
}

.controlTop {
	display: none;
}

#content h1 {
	width: 100%;
	padding: 0px 0%;
	font-size: 19px;
}

#content h2.head {
	width: 98%;
	padding: 20px 1% 10px 1%;
	font-size: 17px;
}

#col1 {
	width: 100%;
	float: left;
	padding: 0px 0px;
}

#col1 .row {
	display: block;
	float: left;
	width: 15%;
	background-color: #c4d6e3;
	padding: 5px 1%;
	border-bottom: solid 1px #c4d6e3;
}

#col1 p {
	float: left;
	display: block;
	width: 200px;
	background-color: #c4d6e3;
	padding: 0px 1% 0px 1%;

}

#col1 p label {
	float: left;
	margin: 5px 0px 0px 0px;
}

#col1 .rowTitle {
	display: block;
	float: left;
	font-family: 'Museo 700';
	width: 98%;
	background-color: #c4d6e3;
	padding: 20px 1% 5px 1%;
	border-bottom: solid 1px #c4d6e3;
}

#col1  .slider {
	width: 180px;
	margin: 10px;
}

#col1 ul.vehicle_select li ul {
	width: 220px;
	list-style-image: none;
}

#content ul {
	list-style-image: none;
}

#col1 .vehicle_select li ul li {
	width: 200px;
}

#col1 .vehicle_select li ul a {
	width: auto;
}

#col1 input, #col2 input, #col3 input, #col4 input, #errorWindow input {
	border: 0px;
	background: transparent;
}

#col2 {
	width: 100%;
	height: auto;
	float: left;
	margin: 105px 0px 5px 0px;
	border: solid 1px #fff;
}

#col2 a {
	color: #333;
}

#col2 .headline {
	display: none;
}

#col2 .container {
	display: block;
	float: left;
	background-color: #fff;
	padding: 0px;
	width: 31%;
	margin: 0px 10px;
	box-sizing: border-box;
}

#col2 .container div.img {
	float: left;
	width: 100%;
	text-align: center;
	height: 350px;
	position: relative;
}

#col2 .container div.img img {
	position: absolute;
	bottom: 10%;
	display: inline;
	left: unset;
	height: 50%;
	width: auto;
	margin: 0px 0px 0px 0px;
	transform: translate(-50%, 0);
}

#content #col2 .container h2 {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	background-color: #fff;
	color: #333;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
	font-size: 1.4rem;
	font-weight: normal;
}

#col2 .container h2 a img {
	position: relative;
	background-color: #777;
}

#col2 .container h2 a:hover img {
	background-color: #fff;
}

#col2 .container span {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px;
	font-size: 17px;
	padding: 20px 20px;
	font-weight: bold;
	background-color: #ddd;
	box-sizing: border-box;
	text-align: right;

}

#col2 .container .modelSelect, #col2 .container .modelBasics, #col2 .container .modelLink, #col2 #results .modelSelect {
	text-decoration: none;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #fff;	
	background-color: rgb(2,29,76);
	padding: 5px 10px;
	margin: 10px 0px 0px 0px;
	width: 49%;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	cursor: pointer;	
	transition: all .3s ease-in-out;
	border: solid 0px #ddd;
	z-index: 1;
	position: relative;
}

body.step-Range #col2 .container .modelBasics, body.step-Range #col2 .container .modelLink {
	margin: -10px 0px 0px 0px;
	border-left-width: 20px;
	border-bottom-width: 10px;
}

body.step-Range #col2 .container .modelSelect, body.step-Range #col2 .container .modelLink, body.step-Range #col2 #results .modelSelect {
	margin: -10px 0px 0px 0px;
	border-right-width: 20px;
	border-bottom-width: 10px;
}

body.step-Range #col2 .container .modelLink {
	margin: -40px 0px 0px 0px;
	border-top-width: 40px;
	border-bottom-width: 20px;
	z-index: 0;
}

#col2 .container .modelSelect {
	float: right;
}

#col2 .container .modelBasics {
	float: left;
	background-color: #858585;
	clear:left;
}

#col2 .container .modelLink {
	float: left;	
	background-color: #858585;
	width: 100%;
}

#col2 .container span::before {
	content: "Grundpreis";
	float: left;
	font-weight: normal;
	width: 50%;
	text-align: left;
}

#col2 #results label .modelSelect {
	margin: 0px auto 10px auto;
	display: block;
	overflow: hidden;
}

#col2 .container span .modelBasics:hover, #col2 .container span .modelSelect:hover, #col2 .container span .modelLink:hover, #col2 #results label .modelSelect:hover {
	background-color: rgba(0,0,0,.7);
}

.modelPano:after {
	content: "360°";
	position: absolute;
	background-color: rgb(2,29,76);
	color: #fff;
	font-weight: normal;
	padding: 3px 5px;
	border-radius: 5px;
	right: 10px;
	top: 10px;
}


#col2 #results {
	width: 80%;
	height: 650px;
	margin: 0px auto;
	display: block;
}

.slickPrev, .slickNext {
	cursor: pointer;
	font-size: 48px;
	position: absolute;
	top: 45%;
	left: -50px;
	transition: all .3s ease-in-out;
}

.slickNext {
	right: -50px;
	left: auto;
}

.slickPrev:hover, .slickNext:hover {
	color: rgba(0,0,0,.4);
}

.slick-disabled {
	visibility:hidden;
}

.slick-list, .slick-track {
	height: 100%;
}

.slick-list {
	box-sizing: border-box;
	padding-bottom: 30px !important;
}

.slick-track {
	overflow: hidden;
}

.slick-dots {
	text-align: center;
	margin-top: -30px !important;
}

.slick-dots li {
	width: auto;
	display: inline-block;
}

#col2 .slick-dots li:hover {
	background: transparent;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
	margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
	position: absolute;
    width: 10px;
    height: 10px;
    content: ' ';
	border-radius: 50%;
	background-color: rgba(0,0,0,.4);
    text-align: center;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li:hover button:before {
	background-color: rgba(0,0,0,.7);
}

.slick-dots li.slick-active button:before {
	background-color: rgb(2,29,76);
}

#col2 .loading {
	width: 100px;
	height: 100px;
	margin: 0px auto;
	background: url(loading.gif) center center no-repeat;
}

#col2 .container:hover {
	background-color: #fff;
	cursor: pointer;
}

#content #col2 .container:hover h2 {
	color: #3A4C59;
}

#col2 ul {
	margin: 0px;
	padding: 0px;
}

#col2 ul li {
	list-style-type: none;
}

#col2 ul li:hover {
	background-color: transparent;
}

#col2 #results li label:hover .modelSelect {
	background-color: rgba(0,0,0,.7);
}

#col2 .row .checkbox {
	display: none;
	margin: 0px;
	padding: 20px 10px;
	float: left;
	width: 4%;
}

#col2 label {
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
}

#col2 .headline {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	padding: 10px 0px;
	margin: 0px;
	background-color: transparent;
	border-top: solid 0px #ebebeb;
	border-bottom: solid 0px #ebebeb;
	text-align: center;	
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
}

#col2 .headline img {
	margin: 0px auto 50px auto !important;
	display: block;
}

#col2 .row {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px 0px;
	background-color: transparent;
	border-top: solid 0px #ebebeb;
	border-bottom: solid 0px #ebebeb;
	margin: 0px 10px;
	box-sizing: border-box;
	position: relative;
}

#col2 .row .modelTech {
	width: 100%;
	background-color: #eee;
	padding: 10px 20px;
	margin: 0px 0px 10px 0px;
	box-sizing: border-box;
	display: block;
	float: left;
}

#col2 .row .modelTech .modelTechName {
	font-weight: bold;
	display: block;
	float: left;
	width: 100%;
}


#col2 .row img {
	float: none;
	display: inline;
}

#col2 .layout {
	float: left;
	width: 100%;
	text-align: center;
	height: 100px;
	padding: 10px 0px;
}

#col2 h1 {
	float: left;
	width: 100%;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
}

#col2 h1 b {
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #3A4C59;
	font-size: 100%;
	display: none;
}

#col2 h1 .small {
	display: none;
}

#col2 h2 {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	color: #3A4C59;
	font-size: 17px;
	margin: 30px 0px 0px 0px;
}

#col2 h2 span {
	display: none;
	font-weight: 100;
	font-size: 15px;
}

#col2 h2.fahrgestell {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #3A4C59;
	font-size: 100%;
	position: relative;
	top: -52px;
}

#col2 h3 {
	display: none;
	float: right;
	width: 350px;
	font-size: 15px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0px;
	color: #fff;
}

#col2 h3 .small {
	display: none;
}

#col3, #col4  {
	width: 80%;
	margin: 0px 10%;
	height: auto;
/*	overflow-y: scroll; */
	float: left;
	border: solid 0px #eeeeee;
}

#col3 ul, #col4 ul {
	margin: 0px;
	padding: 0px;
}

#col3 ul li, #col4  ul li {
	list-style-type: none;
	transition: all .3s ease-in-out;
}

#col3 ul li:hover label:after, #col4 ul li:hover label:after {
	background-color: rgba(0,0,0,.7);
	color: #fff;
}

#col3 .row .checkbox, #col4 .row .checkbox {
	display: block;
	margin: 0px;
	padding: 10px 10px;
	float: left;
	width: 4%;
}

#col3 label, #col4 label {
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
	min-height: 100px;
	cursor: pointer;
}

.step-Result #col4 .row .checkbox {
	display: none;
}

.step-Result #col4 label {
	min-height: 0px;
}

#col3 .row , #col4 .row {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	background-color: #eee;
	margin: 0px 0px 10px 0px;
	box-sizing: border-box;
	padding: 0px;
	border: 0px;
}

#col3 .headline, #col4 .headline, #col3 .headline:hover , #col4 .headline:hover {
	display: block;
	float: left;
	height: auto;
	background-color: #fff;
	font-size: 1.5em;
	line-height: 1.33333;
	margin-bottom: 0.666667em;	
	width: 100%;
	padding: 5px 20px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
	font-weight: normal;
	box-sizing: border-box;
	margin: 5px 0px;
}

#col4 .headline {
	cursor: pointer;
}

#col3 h1, #col4 h1 {
	float: left;
	width: 75%;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

#col3 h2, #col4 h2 {
	width: 15%;
	float: right;
	text-align: right;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	top: 10px;
	right: 20px;
	font-weight: bold;
}

#col4 h2 span.lineThrough {
	text-decoration: line-through;
	margin: 0px;
	float: left;
	width: 100%;
	color: inherit;
}

#col4 h2 span.lineThrough2 {
	width: 100%;
	text-align: right;
	color: #337ab7;
}

#col3 h3, #col4 h3 {
	float: left;
	width: 75%;
	font-size: 17px;
	margin: 0px 0px 0px 0px;
}

#col4 h4 {
	border-bottom: 0px;
	float: left;
	font-size: 12px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0px;
	font-weight: 400;
	color: #888;
	width: 75%;
	margin: 10px 0px 0px 0px;
	text-align: left;
}

#col4 h4:first-child {
	margin: 0px 0px 0px 0px;
}

#col4 .row input {
	display: none !important;
}

#col4 li.row > img {
	display: none !important;
}

#col4 .row input + label:after {
	content: "Hinzuf\00fcgen";
	padding: 10px 20px;
	background-color: rgb(2,29,76);
	color: #fff;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-transform: uppercase;
	font-weight: 400;
	transition: all .3s ease-in-out;
	font-size: 12px;
	width: 100px;
	text-align: center;
}

#col4 .row input:checked + label, #col4 .row input:disabled + label {
	background-color: rgb(0,0,0,.7);
	color: #fff;
}

#col4 .row input:checked + label h1 {
	color: #fff;
}

#col4 .row input:checked + label h2, #col4 .row input:checked + label h3, #col4 .row input:checked + label h4,
#col4 .row input:disabled + label h2, #col4 .row input:disabled + label h3, #col4 .row input:disabled + label h4 {
	color: #fff9;
}

#col4 .row input:checked + label:after {
	content: "Entfernen";
	background-color: rgb(0,0,0,.4);
}

#col4 .row input:checked + label:hover:after {
	background-color: transparent;
}

#col4 .row input:disabled + label:after {
	content: "Bereits enthalten";
	background-color: rgb(0,0,0,.4);	
}

#col4 .row input.disabledViaPackage + label:after {
	content: "Nicht m\00f6glich";
}

#col4 .row input.disabledViaPackage + label {
	color: inherit !important;
	background-color: inherit;
}

#col4 .row input.disabledViaPackage + label h2, #col4 .row input.disabledViaPackage + label h3, #col4 .row input.disabledViaPackage + label h4 {
	color: inherit !important;
}

#col4 .row input.must + label:after {
	content: "Obligatorisch";
	background-color: rgb(0,0,0,.4);	
}

#col4 .row .checkbox {
	padding: 0px 10px;
}

#content .rowPolster label {
	overflow: show;
	width: auto;
}

.rowPolster {
	width: 300px;
	float: left;
	width: auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.rowPolster img.mainImg {
	width: 300px;
	height: auto;
	border: solid 0px #eee;
	text-align: center;
}

.rowPolster div {
	width: 300px;
	text-align: center;
}

.rowFarbPreis {
	font-size: 12px;
}

#col4 .selectedExterieur {
	width: 100%;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}

#col4 .selectedExterieur img {
	width: 100%;
	max-width: 500px;
}

#col4 .selectedInterieur {
	width: 100%;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	max-height: 600px;
	overflow: hidden;
	height: 600px;
}

#col4 .selectedInterieur img {
	width: 100%;
	margin-top: -160px;
	max-width: 1000px;
	
	margin-top: 0px;
	max-height: 100%;
}

.step-Result #col4 .selectedExterieur {
	width: 50%;
	float: left;
	padding: 0px;
	height: 330px;
}

.step-Result #col4 .selectedExterieur img {
	height: 280px;
	width: auto;
}

.step-Result #col4 .selectedInterieur {
	width: 50%;
	float: right;
	height: 330px;
}

.step-Result #col4 .selectedInterieur img {
	margin-top: 0px;
	max-width: 500px;
}

.step-Result #col4 .selectedLayout {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 60px 20px;
	height: 330px;
	text-align: center;
}

.step-Result .conResult {
	width: 50%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	height: 330px;
}

.step-Result .conResult .conHeadline {
	display: block;
	float: left;
	height: auto;
	background-color: #fff;
	font-size: 1.5em;
	line-height: 1.33333;
	margin-bottom: 0.666667em;
	width: 100%;
	padding: 5px 0px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
	font-weight: normal;
	box-sizing: border-box;
	margin: 5px 0px;
}

.step-Result .conResult .conData {
	margin: 5px 0px;
}

#col4 .cat-farbe, #col4 .cat-polster, #col4 .cat-holzdekor {
	width: 100%;
	text-align: center;
	display: inline-block;
	/* border-top: solid 10px #eee; */
}

#col4 .cat-farbe .headline {
	display: none;
}

#col4 .cat-polster .headline, #col4 .cat-holzdekor .headline {
	display: none;	
}

#col4 .catContainer .rowPolster {
	width: 250px;
	float: none;
	display: inline-block;
	height: 170px;
	overflow: hidden;
}

#col4 .cat-holzdekor .rowPolster, #col4 .cat-polster .rowPolster {
	width: 10%;
	height: 150px;
	padding: 10px 0px;
	margin: 0px 5px 0px 0px;
}

#col4 .catContainer .rowPolster input {
	display: none !important;
}



#col4 .catContainer .rowPolster label {
	width: 100%;
	padding: 0px;
	margin: 0px 0px;
}

#col4 .cat-holzdekor .rowPolster label, #col4 .cat-polster .rowPolster label {
	height: 100%;
}

#col4 .catContainer li.rowPolster:hover label div {
    background-color: #efefef;

}

#col4 .catContainer .rowPolster input:checked + label div ,
#col4 .catContainer .rowPolster input:disabled + label div {
	background-color: #474747;
	color: #fff;
}

#col4 .catContainer .rowPolster img {
	width: 200%;
	height: auto;
	border: 0px;
	margin: -50px 0px 0px -50px;
}

#col4 .cat-holzdekor .rowPolster img, #col4 .cat-polster .rowPolster img {
	width: auto;
	height: 115px;
	margin: 0px;
}

#col4 .cat-holzdekor .rowPolster .rowFarbName, #col4 .cat-polster .rowPolster .rowFarbName {
	/* display: none; */
}

#col4 .catContainer .rowPolster .rowFarbName {
	font-size: 13px;
	width: 100%;
	height: 40px;
	padding: 10px 0px;
	position: absolute;
	background-color: #fff;
	top: 90px;
	font-weight: bold;
}

#col4 .catContainer .rowPolster .rowFarbPreis {
	font-size: 12px;
	width: 100%;
	text-align: center;
	position: absolute;
	background-color: #fff;
	top: 150px;
	height: 20px;
	padding-bottom: 10px;
}

#col4 .catContainer .rowPolster .rowFarbPreis img {
	display: none !important;
}

#col4 .cat-holzdekor .rowPolster .rowFarbName, #col4 .cat-polster .rowPolster .rowFarbName {
	height: 20px;
}

#col4 .cat-holzdekor .rowPolster .rowFarbPreis, #col4 .cat-polster .rowPolster .rowFarbPreis {
	/* position: static; */
	/* padding: 5px 0px; */
	top: 120px;
}

#weiter,#zurueck,#button {
	padding: 10px 0px;
	float: right;
	margin: 0px 5px 0px 0px;
	display: block;
}

#zurueck {
	float: left;
}

#weiter input,#zurueck input {
	border: 0px;
	text-align: center;
	padding: 4px 0px 6px 25px;
	height: 26px;
	width: 107px;
	font-weight: bold;
	color: #333;
	padding: 0px;
}

#button input {
	border: 0px;
	text-align: center;
	padding: 4px 10px 6px 10px;
	height: 26px;
	width: auto;
	font-weight: bold;
	color: #333;
	padding: 0px 10px;
}

#button.center {
	float: left;
	margin: 0px 28%;
}

#button.left {
	float: left;
}
	
.controlBottom {
	float: left;
	width: 80%;
	margin: 20px 10%;
}

#code {
	float: left;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}

#code .small {
	font-size: 11px;
	display: none;
}

#k_footer {
	float: left;
	display: block;
	color: #666;
	font-size: 12px;
	width: 80%;
	margin: 15px 10%;
	text-align: center;
}

#k_footer a {
	color: #3887BE; 
	text-decoration: none;
}

#k_footer p {
	text-align: center;
}

#k_anfrage {
	display: none;
	float: left;
	width: 740px;
	padding: 10px;
	margin: 10px;
	background: #323231;
	background-color: #323231;
	color: #fff;
}

#k_anfrage h2 {
	width: 730px;
}

#k_anfrage hr {
	width: 740px;
	overflow: hidden;
	float: left;
	height: 0px;
	line-height: 0px;
	padding: 0px;
	border: 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid 1px #aaa;
}

#k_anfrage .row, #k_anfrage .row_half, #k_anfrage .row_quarter {
	float: left;
	width: 99%;
	margin: 0px 0px 10px 0px;
}

#k_anfrage .row_half {
	width: 44.5%;
	margin-right: 5%;
}

#k_anfrage .row_quarter {
	width: 18%;
	margin-right: 5%;	
}

#k_anfrage .row span, #k_anfrage .row_half span, #k_anfrage .row_quarter span {
	float: left;
	padding: 0px 5px;
	font-size: 12px;
	width: 730px;
	display: block;
}

#k_anfrage textarea, #k_anfrage input, #k_anfrage select {
	width: 734px;
	padding: 3px;
	height: 40px;
	border: 0px;
	background-color: #fff;
	border: solid 0px #ccc;
	resize: none;
	color: #333;
	font-family: sans-serif;
	font-size: 12px;
}

#k_anfrage .focus {
	background-color: #c4d6e3;
]}

#k_anfrage select {
	height: 25px;
	width: 150px;
	float: left;
	margin-right: 10px;
}

#k_anfrage input {
	width: 100%;
	height: 15px;
}

#k_anfrage span input {
	width: auto;
}

#content #k_anfrage input.submit {
	background: url(../images/aktionen/showroom/sprite.png) -300px -350px no-repeat;
	background-color: transparent;
	color: #fff;
	border: 0px;
	padding: 10px 50px 10px 50px;
	width: 207px;
	height: 35px;
	cursor: pointer;
	margin: -5px 0px 0px -178px;
	position: absolute;
	font-weight: bold;
}

#content #k_anfrage input.submit:hover {
	background: url(../images/aktionen/showroom/sprite.png) -300px -300px no-repeat;
}

#k_anfrage span.big {
	font-size: 18px;
}

#k_anfrage #inzahlung {
	display: none;
	float: left;
	background-color: #323231;
	width: 740px;
	padding: 10px 10px;
	margin-left: -10px;
}

#k_anfrage .ok {
	padding: 5px 0px 0px 30px;
	height: 60px;
	width: 200px;
	margin: 40px 25px 40px 25px;
	background: url(../images/check.png) left top no-repeat;
}

#k_anfrage input.str {
	width: 80%;
}

#k_anfrage input.nr {
	width: 15%;
}

#k_anfrage input.plz {
	width: 20%;
}

#k_anfrage input.ort {
	width: 75%;
}

.configElement .info {
	width: 400px;
	float: left;
}

.configElement {
	float: left;
}

.configElement .info div {
	float: left;
	padding: 0px 10px;
}

.configElement .info .key {
	width: 170px;
}

.configElement .info .val {
	width: 180px;
}

.configElement .layout {
	float: left;
	width: 270px;
}

.configElement .open {
	float: left;
	padding: 20px 5px;
}

.configElement .linklist {
	float: left;
	width: 760px;
	padding: 5px 10px;
	margin: 15px 0px;
	border-top: dotted 1px #ccc;
}

#errorOverlay {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#errorWindow {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 10%;
	width: 880px;
	height: auto;
	margin-top: 0px;
	color: #333;
	background: #fff;
	background-color: #fff;
	
	left: 10%;
	width: 80%;
	margin-left: 0px;
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	box-sizing: border-box;
}

#errorWindow h1#title {
	width: 100%;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #337ab7;
}

#errorWindow b {
	display: block;
	float: left;
	width: 570px;
	padding: 0px;
	margin-bottom: 0.666667em;
	font-family: sans-serif;
	font-weight: 700;
	color: #3A4C59;
	width: 100%;
	font-size: 1.0em;
	background-color: transparent;
}

#errorWindow ul {
	margin: 0px;
	padding: 0px;
}

#errorWindow  ul li {
	list-style-type: none;
}

#errorWindow ul li:hover {
	background-color: rgba(0,0,0,.7);
	color: #fff;
}

#errorWindow .row .checkbox {
	display: none;
	margin: 0px;
	padding: 10px 10px;
	float: left;
	width: 4%;
}

#errorWindow label {
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	cursor: pointer;
}

#errorWindow .row {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 0px;
	background-color: #eee;
	margin: 0px 0px 10px 0px;
	box-sizing: border-box;
	padding: 0px;
	border: 0px;
	position: relative;
	cursor: pointer;
}

#errorWindow .headline {
	display: block;
	float: left;
	font-size: 17px;
	font-weight: bold;
	width: 98%;
	height: auto;
	padding: 5px 1%;
	background-color: #fff;
	margin: 5px 0px 0px 0px;
	margin-bottom: 0.666667em;
	font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	color: #3A4C59;
}

#errorWindow h1 {
	float: left;
	width: 75%;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

#errorWindow h2 {
	width: 20%;
	float: right;
	font-weight: bold;
	text-align: right;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#errorWindow h3 {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 20% 0px 0px;
}

#button input, #weiter input, #zurueck input {
	color: #fff;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	background-color: rgb(2,29,76);
	font-size: 15px;
	font-weight: 400;
	width: auto;
	height: auto;
	padding: 10px 20px;
	transition: all .3s ease-in-out;
}

#button input:hover, #weiter input:hover, #zurueck input:hover {
	background-color: rgba(0,0,0,.7);
	color: #fff;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

#k_footer {

}

#configFinal {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 50px 0px;
}

#configFinal a {
    -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
	background-color: #28353D;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	margin: 10px;
	display: inline-block;
	width: 150px;
    border-radius: 0px;
	text-transform: uppercase;
	background-color: #28353D;
	color: #fff;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

#configFinal a:hover {
	background-color: #999;
}

#configFinalContainer {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 50px 0px;	
	display: none;
}

#configFinalContainer input {
	background-color: #28353D; 
}

#configFinalContainer #button {
	float: none;
	display: inline;
}

#col2 .headline.producer {
	display: none;
}

.step-Range #weiter {
	display: none;
}

.showMore, .hideMore {
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0px;
	background: rgb(2,29,76);
	color: #fff;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	z-index: 10000;
	box-shadow: 0px -10px 20px 0px #ffffff;
	border-left: solid 10px #fff;
	border-right: solid 10px #fff;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.showMore:hover, .hideMore:hover {
	background-color: rgb(0,0,0,.7);
}

.showMore:before {
	content: "Mehr zeigen...";
}

.hideMore:before {
	content: "Weniger zeigen...";
}

#topNavi {
	display: none;
}


body.lang-en .showMore:before { 						content: "Show more..."; }
body.lang-en .hideMore:before { 						content: "Show less..."; }
body.lang-en #col2 .container span::before { 			content: "Basic price"; }
body.lang-en #col4 .row input + label:after { 			content: "Add"; }
body.lang-en #col4 .row input:checked + label::after {	content: "Remove"; }
body.lang-en #col4 .row input:disabled + label::after { content: "Included"; }

body.lang-fr .showMore:before { 						content: "Montre plus..."; }
body.lang-fr .hideMore:before { 						content: "Montrer moins..."; }
body.lang-fr #col2 .container span::before { 			content: "Prix de base"; }
body.lang-fr #col4 .row input + label:after { 			content: "Ajouter"; }
body.lang-fr #col4 .row input:checked + label::after {	content: "Retirer"; }
body.lang-fr #col4 .row input:disabled + label::after { content: "Inclus"; }



body.step-RangeX #col2:before {
	content: "Konfigurator für das Modelljahr 2023 wird in den nächsten Tagen online gehen. Schaut gerne nochmal vorbei.";
	width: 100%;
	margin: 0px 0% 0px 0%;
	padding: 10px 10%;
	background-color: rgb(2,29,76);
	color: #fff;
	box-sizing: border-box;
	height: auto;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}


#col4 .cat-holzdekor .rowPolster img {
	height: 500px;
	margin: -125px 0px 0px -300px;
}

#col4 .cat-polster .rowPolster img {
	height: 500px;
	margin: -255px 0px 0px -615px;
}

body.range-concorde-credo #col4 .cat-holzdekor .rowPolster img { margin: -120px 0px 0px -385px; }
body.range-concorde-carver #col4 .cat-holzdekor .rowPolster img { margin: -125px 0px 0px -300px; }
body.range-concorde-charisma #col4 .cat-holzdekor .rowPolster img { margin: -100px 0px 0px -300px; }
body.range-concorde-cruiser #col4 .cat-holzdekor .rowPolster img { margin: -100px 0px 0px -180px; }
body.range-concorde-cruiser-diamond #col4 .cat-holzdekor .rowPolster img { margin: -100px 0px 0px -180px; }
body.range-concorde-cruiser.chassis-mb-atego #col4 .cat-holzdekor .rowPolster img { margin: -145px 0px 0px -315px; }
body.range-concorde-liner #col4 .cat-holzdekor .rowPolster img { margin: -125px 0px 0px -300px; }
body.range-concorde-centurion #col4 .cat-holzdekor .rowPolster img { margin: -105px 0px 0px -300px; }
body.range-concorde-centurion.chassis-mb-actros #col4 .cat-holzdekor .rowPolster img { margin: -10px 0px 0px -130px; }


body.range-concorde-credo #col4 .cat-polster .rowPolster img { margin: -215px 0px 0px -615px; }
body.range-concorde-carver #col4 .cat-polster .rowPolster img { margin: -255px 0px 0px -615px; }
body.range-concorde-charisma #col4 .cat-polster .rowPolster img { margin: -255px 0px 0px -570px; }
body.range-concorde-cruiser #col4 .cat-polster .rowPolster img { margin: -215px 0px 0px 0px; }
body.range-concorde-cruiser-diamond #col4 .cat-polster .rowPolster img { margin: -215px 0px 0px 0px; }
body.range-concorde-cruiser.chassis-mb-atego #col4 .cat-polster .rowPolster img { margin: -245px 0px 0px -120px; }
body.range-concorde-liner #col4 .cat-polster .rowPolster img { margin: -210px 0px 0px -615px; }
body.range-concorde-centurion #col4 .cat-polster .rowPolster img { margin: -215px 0px 0px -515px; }
body.range-concorde-centurion.chassis-mb-actros #col4 .cat-polster .rowPolster img { margin: -125px 0px 0px -90px; }
body.range-concorde-carver-diamond #col4 .cat-polster .rowPolster img { margin: -215px 0px 0px -550px; }


body.range-concorde-cruiser #col4 .selectedInterieur img { object-fit: cover; }
body.range-concorde-cruiser-diamond #col4 .selectedInterieur img { object-fit: cover; }


/* #col2 .container span:before, #col2 .row.model h2, #col3 h2, #col4 h2, #model #config, #errorWindow h2, .step-Result .conResult .conData:nth-child(3), #col4 .rowMust { */
	/* display: none; */
/* } */

/* #col2 .container span { */
	/* font-size: 0px; */
/* } */


/* FONT */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?86496146');
  src: url('../font/fontello.eot?86496146#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?86496146') format('woff'),
       url('../font/fontello.ttf?86496146') format('truetype'),
       url('../font/fontello.svg?86496146#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?86496146#fontello') format('svg');
  }
}
*/