@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
body, html, p {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	clear: both;
	font-family: 'Roboto Condensed', sans-serif;
	/*font-family: "Roboto Condensed",Arial,"Helvetica Neue",Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif;*/
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article {
	display: block;
}
.clear {
	padding: 0;
	margin: 0;
	line-height: 0;
	height: 0;
	font-size: 0;
	clear: both;
	width: 100%;
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	
}
html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
body * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul li {
	list-style:square;
	margin-bottom: 10px;
	padding: 0px;
	color: #fff
}
input, button {
	outline: none;
	border: none;
}
a, a:hover, a:focus, :hover {
	text-decoration: none;
	outline: none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
a:active, a:hover {
	outline: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
button {
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
:focus {
	outline: none;
}
img {
	border: none;
}
@font-face {
    font-family: 'Klavika';
    src:url('../fonts/Klavika-RegularItalic.eot'),
    src: url('../fonts/Klavika-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-RegularItalic.woff2') format('woff2'),
        url('../fonts/Klavika-RegularItalic.woff') format('woff'),
        url('../fonts/Klavika-RegularItalic.ttf') format('truetype'),
        url('../fonts/Klavika-RegularItalic.svg#Klavika-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Regular.eot');
    src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../fonts/MinionPro-Regular.woff') format('woff'),
        url('../fonts/MinionPro-Regular.ttf') format('truetype'),
        url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Medium.eot');
    src: url('../fonts/Klavika-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Medium.woff2') format('woff2'),
        url('../fonts/Klavika-Medium.woff') format('woff'),
        url('../fonts/Klavika-Medium.ttf') format('truetype'),
        url('../fonts/Klavika-Medium.svg#Klavika-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Regular.eot');
    src: url('../fonts/Klavika-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Regular.woff2') format('woff2'),
        url('../fonts/Klavika-Regular.woff') format('woff'),
        url('../fonts/Klavika-Regular.ttf') format('truetype'),
        url('../fonts/Klavika-Regular.svg#Klavika-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/Klavika-Bold.eot');
    src: url('../fonts/Klavika-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Klavika-Bold.woff2') format('woff2'),
        url('../fonts/Klavika-Bold.woff') format('woff'),
        url('../fonts/Klavika-Bold.ttf') format('truetype'),
        url('../fonts/Klavika-Bold.svg#Klavika-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*------------ header ---------------*/

.header {
	clear: both;
	padding:0px 0;
	border-bottom: 1px solid #ccc;
}
.logo-img2 {
	margin-bottom: 0px;
	text-align:center;
}
.logo-img2 img {
	width: 220px;
	margin-left:0px;
}
.logo_head{align-items: center;}
.logo-img2 a{display:inline-block}
.phone {
	line-height: 50px;
	text-align: left;
	font-weight: 400;
	margin-top:0px;
}
footer {
	background:#dee2e6;
	clear: both;
	padding: 50px 0;
}
.ftMenu {
	margin: 0px;
}
.ftMenu li {
	display: block;
}
.ftMenu li a {
	font-size: 18px;
	color: #000000;
	line-height: 28px;
	font-weight: 300;
}
.ftMenu li a:hover {
	color: #0094e5;
}
.ftMenu li i {
	padding-right: 5px;
}
footer span::after {
	width: 50px;
	height: 2px;
	background: #000000;
	margin: 10px 0;
	content: "";
	display: block;
}
footer span {
	font-size: 25px;
	font-weight: 600;
	color: #000000;
}
footer p {
}
.space {
	padding-top: 15px;
}
.space2 {
	padding-bottom: 5px;
}
/*------------ innerHeader 12-11-2019---------------*/



.innerHeader {
	height: 350px;
	clear: both;
	overflow: hidden;
	position: relative;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.innerHeader .overlay {
	background: rgba(0, 61, 83, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.innerHeader .overlay h1.title2 {
	font-size: 50px;
	text-align: center;
	padding-top: 130px;
	color: #fff;
	font-weight: 900;
}
.no-padding {
	padding: 0;
}
.description-container h2 {
	float: left;
	width: 100%;
	margin: 30px -1px 10px;
}
.description-container h2 {
	font-weight: 900;
	letter-spacing: 1px;
	font-size: 30px;
	margin: 30px 0 10px;
}
.description-container p {
	font-size: 16px;
	letter-spacing: 0px;
	text-align: justify;
	line-height: 1.5;
}
.description-container h3 {
	float: left;
	width: 100%;
	margin: 15px 0 0;
}
.description-container h3 {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 25px;
	margin: 30px 0 10px;
	line-height: 1.5;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #333;
}
.kontakt-info p {
	margin: 0;
	padding: 0;
}
.description-container p {
	font-size: 16px;
	letter-spacing: 0px;
	text-align: justify;
	line-height: 1.5;
}
.address-con ul {
	float: left;
	width: 100%;
}
.address-con ul {
	margin: 0;
	padding: 0;
}
.address-con ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*--------------------------------- vielendank 12-11-2019----------------------*/

.inner_wrapper {
	padding: 90px 0px;
	text-align: center;
}
.inner_wrapper h1 {
	font-weight: 900;/*    font-family: kalvikaFont;*/
	font-size: 38px;
}
.inner_wrapper p {
	font-size: 18px;   /*font-family: kalvikaFont;*/
	font-weight: 600;
	font-family: "Roboto Condensed",Arial,"Helvetica Neue",Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif;
}
.inner_wrapper img {
	width: 300px;
	margin: 40px 0;
}
/*--------------------------------- Konfigurator 5-10-2019 ----------------------*/

.konfigurator {
	clear: both;
	padding: 70px 0;
	color: #333;
}
.konfigurator h2 {
	font-size: 40px;
	font-weight: 900;
	text-align: center;
}
.new-para-text {
	text-align: center;
	font-size: 20px;
	margin: 10px 0 40px;
	font-weight: 600;
	color: #333;
}
.box-1 {
	background: #fff;
	position: relative;
	margin: 0 0 45px;
	padding: 35px 45px;
	border-radius: 3px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	border: 1px solid #003D53;
	min-height: 468px;
}
.box-1:hover {
	box-shadow: 0 2px 23px 0 rgba(0,0,0,.2)
}
.box-1 h3 {
	margin: 0;
	padding: 0;
	font-weight: 900;
	font-size: 28px;
	text-align: left;
}
.box-1 p {
	font-size: 14px;
	margin: 20px 0;
	font-weight: 400;
	color: #333;
}
.box-2 h2 {
	margin: 0;
	padding: 0;
	font-weight: 900;
	font-size: 35px;
}
.box-2 {
	background: #fff;
	height: 500px;
	position: relative;
	margin: 0 0 45px;
	padding: 45px;
	border-radius: 3px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	border: 1px solid #f2d829
}
.box-2:hover {
	box-shadow: 0 2px 23px 0 rgba(0,0,0,.2)
}
.pro-img-con {
	width: 100%;
	padding-bottom: 10px;
}
.contact-one {
	display: inline-block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	transition: all .3s;
	border-radius: 3px;
}
.inner-product-con {
	list-style-type: none;
	float: left;
	border: 1px solid #333;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 100%;
	text-align: center;
	padding: 25px;
	position: relative;
}
.inner-product-con:hover{box-shadow: 0 2px 23px 0 rgba(0,0,0,.2);}
.product-list-one-new li {
	list-style-type: none;
	float: left;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
.product-list-one-new {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left;
}
.product-list-one-neww li {
	list-style-type: none;
	float: left;
	border-radius: 3px;
	margin: 0 25px 31px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
.product-list-one-neww {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left;
}
.img-lbl {
	float: left;
	height: auto !important
}
.product-list-one-three li:nth-child(4) {
	float: right;
	margin: 0 !important
}
.product-list-one-three li:nth-child(8) {
	float: right;
	margin: 0 !important
}
.product-list-one-three li:nth-child(12) {
	float: right;
	margin: 0 !important
}
.title-bg-container {
	background: #f2d829;
	padding: 150px;
}
.title-container h2 {
	text-align: center;
	font-weight: 900;
	font-size: 45px;
	color: #fff;
}
.description-container h2 {
	font-weight: 900;
	letter-spacing: 1px;
	font-size: 30px;
	margin: 30px 0 10px
}
.description-container h3 {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 25px;
	margin: 30px 0 10px;
	line-height: 1.5;
}
.description-container p {
	font-size: 17px;
	letter-spacing: 0px;
	text-align: justify;
	line-height: 1.5;
	margin-bottom:10px;
}
.description-container {
	padding-bottom: 50px;
}
.address-con ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #333;
}

.address-con ul li p {
	margin: 0;
	padding: 0;
}
.map-add {
	background: url(../images/PLZ.png)no-repeat;
	background-size: 24px;
	background-position: 0px 14px;
	padding: 7px 37px !important;
}
.call-us-impre {
	background: url('../images/Telefon.png')no-repeat;
	background-size: 24px;
	background-position: 0px 4px;
	padding: 7px 37px !important;
}
.fax-impress {
	background: url(../images/fax.png)no-repeat;
	background-size: 24px;
	background-position: 0px 5px;
	padding: 7px 37px !important;
}
.info-immpress {
	background: url(../images/email.png)no-repeat;
	background-size: 24px;
	background-position: 0px 5px;
	padding: 7px 37px !important;
}
.web-immpress {
	background: url(../images/internet-immpres.png)no-repeat;
	background-size: 24px;
	background-position: 0px 5px;
	padding: 7px 37px !important;
}
.address-con ul {
	margin: 0;
	padding: 0;
}
.kontakt-info p {
	margin: 0;
	padding: 0;
}
.check-box {
	position: absolute;
	bottom: 8px;
	display: none;
	width: 15px;
	left: 10px;
}
.checkbox-ico {
	display: block;
}
.pro-heading-one {
	background: #f2d829;
	color: #fff;
	font-weight: 900;
	padding: 15px;
	font-size: 25px;
}
h2.pro-heading-one {
	background: #003D53;
	color: #fff;
	font-weight: 900;
	padding: 12px;
	font-size: 20px;
	text-align: left;
}
.anzahl .total-mail-box input[type="text"] {
	width: 100px;
	margin: 0 0px 0 15px;
}
.anzahl .inner-count input[type="text"] {
	float: left;
	width: 100px;
	margin: 0 0 0 36px;
}
.inner-count p {
	float: left;
}
.anzahl input[type="text"] {
	padding: 7px;
	border-radius: 3px;
	border:1px solid #333;
	outline: 0;
	width: 300px;
	margin: 5px 0;
}
.preview-box-main {
	margin: 20px 0;
}
.preview-box-main p {
	margin-bottom: 10px;
}
.inner-count {
	float: left;
}
.inner-count p span {
	margin: 7px 0 0;
	display: inline-block;
}
.counter-inner-box {
	float: left;
	display: inline-grid;
}
.counter-inner-box p span {
	margin: 8px 0 0 10px;
	display: inline-block;
}
.mail-box-container {
	background: none;
	padding: 10px;
	float: left;
	width: 100%;
	margin: 20px 0 40px;
}
.mail-box-container ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left
}
.mail-box-container ul li {
	float: left;
	list-style-type: none;
	margin: 15px;
	width: 137px;
	text-align: center;
	position: relative;
}
.mail-box-container ul li img {
}
.inner-img-con {
	float: left;
	list-style-type: none;
	border: 1px solid #333;
	padding: 12px 0px;
	width: 100%;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.20);
	position: relative
}
.mail-box-container ul li input[type="radio"] {
	width: 19px;
	height: 19px;
	margin: 1px 0 0;
	float: left
}
.mail-box-container label {
	width: 100px;
	margin: 10px auto 0;
	font-weight: normal;
}
.mail-box-container .inner-img-con label {
	height: 90px;
}
.color-con {
	padding: 0 10px !important;
	float: left;
	width: 100%;
	margin: 0;
}
.mail-box-container label span {
	float: left;
	margin-left:29px;
}
.selected-li {
	box-shadow: 0px 1px 6px 3px #00000038;
	/*border: none;*/
}
.mail-box-container ul li span {
	margin: 0px 0 0;
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
}
.color-con {
	padding: 0 10px !important;
	float: left;
	width: 100%;
	margin: 0;
}
.color-con .color-con {
	width: 100%;
	height: 60px;
	background: #8d3c4b;
	float: left;
	cursor: pointer;
	margin: 0px;
}
.color-con li {
	list-style-type: none !important;
	float: left !important;
	width: 12.9% !important;
	margin: 20px 20px 0 !important;
	padding: 0 !important;
	position: relative;
	min-height: 111px;
}
.color-con .color-name {
	font-weight: normal;
	font-size: 14px;
	margin: 7px 0 0;
}
.color-con .color-code {
	font-weight: 600;
	font-size: 14px;
	margin: 0;
}
.color-info .r-container {
	float: left;
	margin: 12px 0
}
.color-info p {
	float: right;
	width: 100%;
	margin: 0 !important
}



.color-one {
	background: #383e42 !important
}
.color-two {
	background: #383e42	 !important
}
.color-three {
	background: #a1a1a0	 !important
}
.color-four {
	background: #878581	 !important
}
.color-five {
	background: #f1f0ea	 !important
}
.color-six {
	background: #00387b !important
}
.color-seven {
	background: #f7b500 !important
}
.color-eight {
	background: #0e0e10 !important
}
.color-nine {
	background: #7a7b7a !important
}
.color-ten {
	background: #2b2b2c !important
}
.color-ele {
	background: #27292b !important
}
.color-twle {
	background: #383e42 !important
}
.color-thir {
	background: #a1a1a0 !important
}
.color-fouti {
	background: #8c969d !important
}
.color-fifte {
	background: #114232 !important
}
.color-sixteen {
	background: #27352a !important
}
.color-sevnteen {
	background: #6c7c59 !important
}
.color-eighteen {
	background: #4a3526 !important
}
.color-ninteen {
	background: #3d3635 !important
}
.color-twenty {
	background: #376b8c !important
}
.color-twenty-one {
	background: #00387b !important
}
.color-twenty-two {
	background: #ed6b21 !important
}
.color-twenty-three {
	background: #6b1c23 !important
}
.color-tewnty-four {
	background: #861a22 !important
}
.color-tewnty-five {
	background: #8d3c4b !important
}
.color-tewnty-six {
	background: #651e38 !important
}
.color-twenty-seven {
	background: #ba481b !important
}
.color-twenty-eight {
	background: #f6b600 !important
}
.color-twenty-nine {
	background: #f7b500 !important
}
.color-thirty {
	background: #f1ece1 !important
}
.color-thirty-one {
	background: #e6d2b5 !important
}
.color-thirty-two {
	background: #d0b084 !important
}
.color-thirty-three {
	background: #e9e0d2 !important
}
.Lichtgrau {
	background: #c5c7c4 !important
}
.Terrabraun {
	background: #513a2a !important
}
.Schokoladenbraun {
	background: #442f29 !important
}

.selctd-color{float: left; margin: 16px 0px 8px; font-size: 15px; font-weight: 600;}
.your-select-co{margin:0;padding: 0;float: left; width: 90%; font-size: 15px; font-weight: 600;}

.select-mailbox {
	font-weight: 900;
	font-size: 33px;
	margin: 40px 0 20px;
}
.new-seen-heard {
	background: #f2d829;
	color: #fff;
	padding: 17px 62px;
	border-radius: 3px;
	font-weight: bold;
	margin: 40px 14px;
	display: inline-block;
	float: right;
	border: 1px solid #d8be13;
	font-size: 17px;
}
.new-seen-heard:hover, .new-seen-heard:focus, .new-seen-heard:active {
	color: #fff;
	text-decoration: none
}
.color-selector {
	text-align: center;
}
.color-selector a {
	background: #607d8b;
	display: inline-block;
	padding: 10px 18px;
	border-radius: 6px;
	width: 253px;
	margin: 0px 0;
	border: 1px solid #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.20);
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	text-align: left;
	text-decoration: none
}
.color-selector a img {
	width: 35px;
}
.info-popup {
	background: #000000bf;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}
.main-slider-container {
	margin: 74px 0 0
}
.logo-img {
	margin: 23px 0;
	display: inline-block
}
.info-popup {
	background: #000000bf;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}
.info-inner-popup {
	float: left;
	width: 70% !important;
	top: 23px;
	left: 18%;
	position: absolute;
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	overflow-y: scroll;
	height: 600px;
}
.close-pop {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}
.info-inner-popup p {
	margin: 10px 20px;
	font-size: 13px;
	color: #333;
}
.popup-color li {
	width: 8% !important;
	float: left;
	margin: 20px 12px 0 !important;
	min-height: 162px;
	text-align: center
}
.popup-heading {
	font-size: 32px;
	font-weight: 900;
	margin: 15px 18px;
}
.popup-color li .color-name {
	width: 100% !important
}
.product-container {
	margin-top: 30px;
	margin-bottom: 30px;
}
.pro-heading-one {
	background: #f2d829;
	color: #fff;
	font-weight: 900;
	padding: 15px;
	font-size: 25px;
}
.product-list-one {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left
}
.product-list-one li {
	list-style-type: none;
	float: left;
	border: 1px solid #333;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 23%;
	text-align: center;
	padding: 25px;
	position: relative
}
.product-list-one li:nth-child(4) {
	float: right;
	margin: 0;
}
.product-list-one li:nth-child(8) {
	float: right;
	margin: 0;
}
.product-list-one p {
	width: 100px;
	margin: 0 auto;
}
.product-list-one p span {
	margin: 1px 0px 0 9px;
	display: inline-block;
	float: left;
}
.product-list-one p label {
	font-weight: normal
}
.second-product-list p {
	width: 100%;
	float: left;
	margin: 0 !important
}
.second-product-list p span {
	width: 100%;
	float: left;
	margin: 10px 0 0 !important
}
.second-product-list label {
	width: 100%;
	float: left;
	margin: 0 0 7px !important;
	height: 20px;
}
.check-box {
	z-index: 999;
}
.input-hidden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	visibility: visible;
	opacity: 0;
	cursor: pointer
}
input[type=radio]:checked + label>img {
}
/* Stuff after this is only to make things more pretty */

input[type=radio] + label>img {
}
input[type=radio]:checked + label>img {
transform:
}
.inner-img-con label {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}
.inner-img-con label img {
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.color-con .color-con {
	position: relative
}
.sel-col {
	width: 10px;
	height: 10px;
	float: left;
	position: relative;
	left: 0;
	top: 5px;
	margin-right: 2px;
}
.work-container {
	margin-top: 74px
}
#img-desc {
	color: #033e7c;
	font-size: 17px;
	font-weight: 600;
}
.first-main-inner-con img {
	width: 80%
}
.new_form {
	width: 100%;
	display: flex;
	justify-content: center;
}
.new_form p {
	width: auto
}
.new_form input[type="button"] {
	margin: 0 12px;
	width: 142px;
	background: #f27935;
	border: none;
	border-radius: 3px;
	color: #fff;
	box-shadow: 0px 2px 4px rgb(0, 0, 0, 0.15);
	height: 46px;
}
.new_form input[type="text"] {
	width: 300px;
}
.inner-custom-color {
	width: 450;
	margin: 14px auto;
	display: inherit;
}
.inner-custom-color p {
	float: left;
	width: 30%;
	padding: 0;
	margin: 8px;
	font-weight: bold;
	text-align: right;
}
.inner-custom-color input[type="text"] {
	width: 33%;
	padding: 11px;
	border-radius: 3px;
	border: 2px solid #333;
	outline: 0;
	font-size: 12px;
}
.color-container {
	width: 100% !important;
	margin: 0 !important;
}
.pop_stndrd_colo {
	float: left;
	font-weight: bold;
	margin: 8px 21px 0;
	font-size: 20px;
}
.pro-box-3 ul {
	margin: 20px 0;
	padding: 0;
	float: left;
	width: 100%;
}
#functional-el ul li label input[type="checkbox"] {
	float: left;
	margin: 4px 10px 0 0;
}
#functional-el label {
	font-weight: 500;
	color: #333;
}
.pro-box-3 h3 {
	font-size: 20px;
	font-weight: 900;
	background: #003D53;
	color: #fff;
	padding: 12px;
	width: 100%;
	float: left;
	margin: 30px 0 20px;
}
.comment-box-con-new textarea {
	width: 60%;
	padding: 10px;
	border-radius: 3px;
	height: 170px;
	outline: 0;
	margin-top: 10px;
	border: 1px solid #333;
}
.file-upload-con {
	background: #f1f1f1;
	margin-top: 20px;
	padding: 30px;
	border: 1px solid #333;
	border-radius: 6px;
}
.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}
.upload-btn-wrapper .btn {
	border: 2px solid gray;
	color: gray;
	background-color: white;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
}
.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.only-info {
	width: 100%;
	display: block;
	font-size: 12px;
	margin: 5px 0 0;
}
.hover_s {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	width: 100%;
	text-align: right
}
.hover_s:hover .hover_s1 {
	opacity: 1;
	visibility: visible
}
.hover_s img {
	width: 30px;
}
.hover_s1 {
	position: absolute;
	bottom: 34px;
	right: -15px;
	border: 1px solid #003D53;
	width: 100%;
	text-align: left;
	font-weight: 600;
	font-size: 12px;
	background: #fff;
	padding: 7px 19px;
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	text-align: left
}
.hover_s1 a {
	text-decoration: none;
	color: #333;
}
.hover_s1:after {
	box-sizing: border-box;
	height: 1vw;
	width: 1vw;
	border-style: solid;
	border-color: #023e7c;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out;
	content: '';
	position: absolute;
	bottom: -8px;
	background: white;
	right: 24px;
}
.hover_s1 img {
	position: absolute;
	top: 5px;
	width: 14px;
	right: 5px;
	cursor: pointer
}
.my_info img {
	width: 28px;
	cursor: pointer
}
.my_info span {
	opacity: 0;
	position: absolute;
	background: #fff;
	top: 3px;
	font-size: 12px;
	right: -13px;
	float: left;
	width: 300px;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.pos_one {
	top: -136px;
}
.my_info:hover span {
	opacity: 1;
}
.contac-information p input[type="text"] {
	padding: 6px;
	outline: 0;
	border: 1px solid #ababab;
	border-radius: 3px;
	width: 100%;
}
.vorname-new {
	background: url('../images/Vorname.png')no-repeat #fff !important;
	background-size: 21px !important;
	background-position: 8px 5px !important;
	padding: 7px 37px !important;
}
.contac-information .f-name {
	width: 50%;
	float: left;
}
.contac-information p input[type="text"] {
	padding: 6px;
	outline: 0;
	border: 1px solid #333;
	border-radius: 3px;
	width: 100%;
}
.firma-con {
	width: 100%;
	float: left;
}
.Straße {
	width: 100% !important;
}
.contac-information p input[type="submit"] {
	background: #003D53;
	color: #fff;
	border: none;
	padding: 14px 30px;
	border-radius: 3px;
	font-weight: bold;
	margin: 14px 0;
	font-size: 20px;
	box-shadow: 0px 7px 10px #0000004f;
}
.vorname {
	background: url('../images/Vorname.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.firma {
	background: url('../images/Firma.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.ner {
	background: url('../images/Straße + Nr.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.plz {
	background: url('../images/PLZ.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.tele {
	background: url('../images/Telefon.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.faxe {
	background: url('../images/fax.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.email-id {
	background: url('../images/email.png')no-repeat;
	background-size: 21px;
	background-position: 8px 5px;
	padding: 7px 37px !important;
}
.product-list-one-new2 {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left;
}
.product-list-one-new2 li {
	list-style-type: none;
	float: left;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
.inner-product-con2 {
	list-style-type: none;
	float: left;
	border: 1px solid #333;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 100%;
	text-align: center;
	padding: 25px;
	position: relative;
	min-height: 230px;
}
.product-option2 label img {
	width: 170px;
}
.product-list-one-new-two3 {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left;
}
.product-list-one-new-two3 li {
	list-style-type: none;
	float: left;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
.inner-product-con4 {
	list-style-type: none;
	float: left;
	border: 1px solid #333;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 100%;
	text-align: center;
	padding: 25px;
	position: relative;
	min-height: 230px;
}
.product-option4 label img {
	width: 170px;
}
.product-list-one-new-two3 li p {
	font-size: 17px;
}
.product-list-one-new3 {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	float: left;
}
.product-list-one-new3 li {
	list-style-type: none;
	float: left;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 23%;
	text-align: center;
	position: relative;
}
.inner-product-con3 {
	list-style-type: none;
	float: left;
	border: 1px solid #333;
	border-radius: 3px;
	margin: 0 31px 31px 0;
	width: 100%;
	text-align: center;
	padding: 25px;
	position: relative;
	min-height: 230px;
}
.product-option3 label img {
	width: 170px;
}
.height60 {
	height: 100%;
	width: 100%;
}
.nopad {
	padding: 0px !important;
}

.minHeight {
    min-height: 310px;
}

/*-------------- 19-11-2019------------------*/
.wd{ position:absolute; width:253px; padding-top:17px;}	
.wd label{ width:auto;}

#AnlagentypErr{margin: -30px 16px 30px !important;display: block;}
#FarbeErr{display: block;float: left;width: 100%;margin: -54px 0 0;}
#Anzahl_BriefErr{margin:-11px 15px 25px;float:left;width:100%;}
#GroßederbriefkastenErr{margin: -45px 0 0 !important;display: block;float: left;}
#AusrichtungErr{margin: -45px 0 0 !important;display: block;float: left;}
#vornameErr{margin: 10px 0 0;}
#nachnameErr{margin: 10px 0 0;}
#emailErr{margin: 10px 0 0;}
.width-auto .your-select-co{ width:200px;}

 @media all and (max-width:1199px) {
.konfigurator h2 {
	font-size: 24px;
}
footer p {
	font-size: 15px;
}
footer span {
	font-size: 18px;
}
.box-1 h3 {
	font-size: 20px;
}
.box-1 {
	padding: 35px 25px;
	min-height: 428px;
}
.anzahl .inner-count input[type="text"] {
	margin: 0 0 0 44px;
}
.innerHeader .overlay h1.title2 {
	padding: 70px 0px;
	font-size: 50px;
}
.innerHeader {
	height: auto;
}
.innerHeader img {
	height: 200px;
	object-fit: cover;
	width: 100%;
}
}
 @media all and (max-width:991px) {
.product-list-one-new2 li {
	width: 43%;
}
.product-list-one-new li {
	width: 28%;
}
.box-1 {
	padding: 18px;
	min-height: 384px;
}
.box-1 h3 {
	font-size: 16px;
}
.contact-one {
	font-size: 15px;
}
.phone {
	font-size: 13px;
}
.konfigurator {
	padding: 40px 0;
}
}
 @media all and (max-width:767px) {
.header, .phone {
	text-align: center;
}
.phone {
	line-height: 30px;
	margin-top: 10px;
	font-size: 16px;
}
.konfigurator {
	padding: 15px 0px;
}
.color-con li {
	width: 34% !important;
}
.konfigurator h2 {
	font-size: 18px;
}
.anzahl .total-mail-box input[type="text"] {
	width: 100%;
	margin: 9px 0 0;
}
.anzahl .inner-count input[type="text"] {
	margin: 0 0 0 0px;
}
.contac-information p {
	font-size: 15px;
}
.product-list-one-new2 li, .product-list-one-new li {
	width: 43%;
	margin-bottom: 0px;
}
.counter-inner-box {
	margin-left: 16px;
}
.box-1 {
	padding: 20px 20px;
	min-height: 384px;
}
.box-1 h3 {
	font-size: 20px;
}
.mail-box-container {
	margin-bottom: 0px;
}
}
 @media all and (max-width:575px) {
.product-list-one-new2 li, .product-list-one-new li {
	width: 100%;
	margin-bottom: 0px;
}
#functional-el label {
	font-size: 16px;
}
.box-1, .box-1 h3 {
	text-align: center;
}
<style>
ul.newli {
  list-style-type: square;
  color: #333;
}

</style>
}
 @media all and (max-width:413px) {
#functional-el label {
	font-size: 13px;
}
}