@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Staatliches&display=swap');
body {font-family: 'Overpass', sans-serif; font-weight: 400; }

#top {width: 100%; background: #1e1e1e; height: 53px; float: left; }
#top .box {width: 1440px; margin:auto;}
#top .box .language {float: left; margin-left: 280px; }
#top .box .language .icon {float: left; margin-right: 10px; height: 53px; display: table;}
#top .box .language .icon a {display: table-cell; vertical-align: middle; height: 53px; }
#top .box ul.menu {float: left; margin-left: 47px; }
#top .box ul.menu li {float: left; margin-right: 20px; height: 53px;display: table;}
#top .box ul.menu li a {display: table-cell; vertical-align: middle; height: 53px; color:#bacee7; font-size: 17px; line-height: 0px; }

#header {width: 100%; float: left; }
#header .box {width: 1440px; margin:auto; position: relative;}
#header .box .logo {float: left; z-index: 999; margin-left: 52px; background: #FFF; border-bottom-left-radius: 75%; border-bottom-right-radius: 75%; padding:27px 19px 43px 19px; margin-top: -53px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); position: absolute;}
#header .box .contact {float: left; margin-left: 275px; border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2; height: 101px; display: table; padding:0px 22px 0px 22px;}
#header .box .contact .info {display: table-cell; vertical-align: middle; height: 101px; }
#header .box .contact .info .icon {float: left; }
#header .box .contact .info .text {float: left; font-size: 20px; color:#1e1e1e; margin-left: 17px; line-height: 20px;}
#header .box .contact .info .text b {font-size: 18.25px; color:#327bd6; }
#header .box .user {float: right; width: 101px; height: 101px; background: #327bd6; display: table;}
#header .box .user a {display: table-cell; vertical-align: middle; height: 101px; text-align: center;}
#header .box .user a img { max-width: 50px;  }
#header .box .search {float: right; width: 101px; height: 101px; background: #bacee7; display: table; position: relative;}
#header .box .search span {display: table-cell; vertical-align: middle; height: 101px; text-align: center; cursor: pointer;}
#header .box .search .searchBox {position: absolute; background: red; height: 101px; right: 101px; width: 0px; overflow: hidden;transition: width 0.7s; }
#header .box .search .searchBox input[type="text"] { height: 99px; border:none; width: 250px; float: left; background: #bacee7; padding-left: 15px;  font-family: 'Overpass'; font-size: 18px; }
#header .box .search .searchBox input[type="text"]::placeholder {font-family: 'Overpass'; font-size: 18px; }
#header .box .search:hover .searchBox {width: 255px; border-right: 1px solid #74a5e2;border-left: 5px solid #74a5e2;}
#header .box ul#menu {float: right; margin-right: 24px; }
#header .box ul#menu li {float: left; height: 101px; display: table; margin-right: 50px;}
#header .box ul#menu li a {display: table-cell; vertical-align: middle; height:101px; color:#327bd6; font-size: 23px; font-family: 'Staatliches', sans-serif; }
#header .box.login .contact {display: none;}
#header .box.login ul#menu {float:left; margin-right: 0px; margin-left: 278px; }
#header .box .userBox {display: none;}
#header .box.login .userBox {float: right; height: 63px; display: block;}
#header .box.login .userBox .button {float: left; height: 63px; margin-right: 15px; margin-top:18px;}
#header .box.login .userBox .button .icon {float: left; width: 63px; height: 63px; border:1px solid #74a5e2; display: table;}
#header .box.login .userBox .button .icon span {display: table-cell; vertical-align: middle; height: 63px; text-align: center;}
#header .box.login .userBox .button .text {float: left; height: 63px; display: table; margin-left: 10px; }
#header .box.login .userBox .button .text span {display: table-cell; vertical-align: middle; height: 63px; font-size: 18.98px; color:#327bd6; }
#header .box .hmenu {display: none; }
#header .box .hmenu2 {display: none; }

#slider {width: 100%; float: left; position: relative; z-index: 998}
#slider .slider {width: 100%; float: left; }
#slider .slider .bannerImage {width: 100%; height: 300px; overflow:hidden;  background-repeat: no-repeat; background-size: auto;  }
#slider .slider img {width: 100%; display: none;}
#slider .box {position: absolute; top: 0px; width: 100%; margin:auto; height: 100%; }
#slider .box .searchBox {width: 1440px; margin:auto; position: relative; height: 100%; }
#slider .box .searchBox .productSearch {right:0px; bottom:-230px; background: #FFF; width: 353px; padding:23px 45px 23px 45px; border-top:25px solid #f80000; position: absolute; z-index: 999; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);}
#slider .box .searchBox .productSearch .title {width: 100%; text-align: center; font-size:27px; color: #327bd6; font-weight: 900; float: left; position: relative;}
#slider .box .searchBox .productSearch .title::before {content: ''; background: url('../img/searchtitleleft.png') no-repeat left bottom; width: 30px; height: 35px; position: absolute; left: -13px; }
#slider .box .searchBox .productSearch .title::after {content: ''; background: url('../img/searchtitleright.png') no-repeat left bottom; width: 30px; height: 35px;  position: absolute; right:  -13px; }
#slider .box .searchBox .productSearch .info {width:100%; text-align: center; font-size: 14px; color:#327bd6; line-height: 16px; margin-top:10px; float: left;}
#slider .box .searchBox .productSearch .input {border:1px solid #c3c3c3; padding:5px 0px 5px 0px; width: 100%; float:left; margin-top:15px;}
#slider .box .searchBox .productSearch .input .icon {float: left; width: 76px; height: 46px; display: table; text-align: center;} 
#slider .box .searchBox .productSearch .input .icon span {height: 46px; display: table-cell; vertical-align: middle; border-right: 1px solid #c3c3c3; }
#slider .box .searchBox .productSearch .input select {padding-left: 19px; height: 46px; float: left; width: 260px; font-size: 19px; font-family: 'Overpass', sans-serif; border:none;}
#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 19px; height: 46px; float: left; width: 241px; font-size: 19px; font-family: 'Overpass', sans-serif; border:none;}
#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 19px; font-family: 'Overpass', sans-serif;}
#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 60px;  float: left; margin-top: 15px; background: #327bd6; font-size: 22.89px; font-family: 'Overpass', sans-serif; color:#FFF; border:none; }

#homeBox {width: 100%; float: left; border-top: 60px solid #bacee7; background: #327bd6; height: 480px;}
#homeBox .box {width: 1440px; margin:auto;}
#homeBox .box ul#boxList {float: left; width: 100%; margin-top:210px;}
#homeBox .box ul#boxList li {float: left; width: 32%; margin-right: 2%; position: relative;}
#homeBox .box ul#boxList li:last-child {margin-right: 0px;}
#homeBox .box ul#boxList li img {width: 100%; }
#homeBox .box ul#boxList li h2 {width: 90%; margin-left: 5%; position: absolute; bottom: 70px; font-size: 35px; color:#FFF; font-weight: 700; text-align: center; line-height: 37px;}

#services {width: 100%; float: left; background: url('../img/services.jpg') no-repeat; background-size: 100% auto; padding-bottom: 150px;}
#services .line {width: 100%; margin-top:425px; height: 35px; background: url('../img/servicesline.png') no-repeat top center; }
#services .box {width: 1440px; margin:auto;}
#services .box ul#serviceList {float: left; width: 100%; margin-top:60px; }
#services .box ul#serviceList li {width: 21%; margin-right: 5%; float: left; }
#services .box ul#serviceList li:last-child {margin-right: 0px;}
#services .box ul#serviceList li h3 {min-width: 212px; border-bottom: 7px solid #000; text-align: center; padding:10px; font-size: 26.99px; color:#327bd6; font-weight: 900; padding-bottom: 20px; }
#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 7px solid #f80000;}
#services .box ul#serviceList li:hover h3 {border-bottom: 7px solid #f80000;}
#services .box ul#serviceList li p {float: left; width: 100%; text-align: center; font-size: 26px; color:#000; line-height: 28px; margin-top:35px;}
#services .box .newProductText {width: 100%; text-align:center; margin-top:175px; font-size: 39.95px; color:#6b6b6b; font-weight: 500; float: left;}
#services .box .newProductTitle {width: 100%; text-align: center; font-size: 70.51px; color:#327bd6; font-weight: 900; margin-top:72px; float: left; position: relative; z-index: 2;letter-spacing: 11px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 145px;}
#services .box .newProductTitle::after { z-index: -1; content: attr(data-before); font-size: 81.9px; position: absolute; top: -43px; width: 100%; text-align: center; letter-spacing: 13px; left: 0px; color:transparent; -webkit-text-stroke: 1px #6fa2e2;}
/*#services .box .newProductTitle::after { z-index: -1; content: attr(data-before); font-size: 81.9px; position: absolute; top: -43px; width: 100%; text-align: center; letter-spacing: 13px; left: 0px; color:#FFF;  text-shadow: 1px 0 0 #6fa2e2, -1px 0 0 #6fa2e2, 0 1px 0 #6fa2e2, 0 -1px 0 #6fa2e2, 1px 1px #6fa2e2, -1px -1px 0 #6fa2e2, 1px -1px 0 #6fa2e2, -1px 1px 0 #6fa2e2;}*/
#services .box ul#newProduct {float: left; width: 90%; margin-top: 65px; margin-left: 5%; }
#services .box ul#newProduct li {float: left; width: 24%; margin-right: 1%; border:1px solid #999999; height: 100px; display: table;}
#services .box ul#newProduct li:last-child {margin-right: 0px;}
#services .box ul#newProduct li.active {border-bottom: 2px solid #e10000; background: #bacee7;}
#services .box ul#newProduct li:hover {border-bottom: 2px solid #e10000; background: #bacee7;}
#services .box ul#newProduct li a {width: 100%; display: table-cell; vertical-align: middle; height: 100px; text-align: center; font-size: 30px; color:#000;}

#homeBanner {width: 100%; float: left; position: relative;}
#homeBanner .bg {width: 100%;}
#homeBanner .box {width: 100%; position:absolute; height: 100%; top:0px;}
#homeBanner .box .info {width: 1160px; margin:auto; position:relative; height: 100%;background: url('../img/icons/next.png') no-repeat right center; display: table; display: table;}
#homeBanner .box .info .text {display: table-cell; vertical-align: middle; height: 100%;}
#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 102.34px; color:#FFF; font-family: 'Staatliches', sans-serif; }
#homeBanner .box .info .text .detail {width: 60%; font-size: 26.94px; color:#FFF; margin-top:27px; font-weight: 300; line-height: 31.36px;}

#homeCompany {width: 100%; float: left; background: url('../img/companybg.png') no-repeat center center; padding: 210px 0px 210px 0px;}
#homeCompany .box {width: 920px; margin: auto; }
#homeCompany .box .text {width: 100%; text-align: center; margin-bottom: 40px; float: left;}
#homeCompany .box .text.t1 { font-size: 27.32px; color:#327bd6; font-style: italic; }
#homeCompany .box .text.t2 { font-size: 42.62px; font-weight: 700; color:#327bd6; line-height: 49.62px;}
#homeCompany .box .text.t3 { font-size: 32px; color:#000000; line-height: 33px;}
#homeCompany .box .buttonBox {width: 100%; float: left; margin-top:20px; }
#homeCompany .box .buttonBox .button {display: table; margin:auto;background: #e10000; border-radius:50px; padding:6px; height: 55px;}
#homeCompany .box .buttonBox .button .t {height: 55px; min-width: 209px; display: table-cell; vertical-align: middle; color:#FFF; font-size: 35.55px; font-weight: 700; color:#FFF; padding-left: 70px; padding-top: 4px;}
#homeCompany .box .buttonBox .button .arrow {float: right; }

#quality {width: 100%; float: left; background: url('../img/qualitybg.jpg') no-repeat left top; background-size: 100% 100%; }
#quality .box {width: 1440px; margin:auto;}
#quality .box .title {width: 100%; text-align: center; font-size: 80px; color:#bacee7; font-family: 'Staatliches', sans-serif; margin-top:80px; float: left; position: relative; z-index: 2; text-shadow: -3px 6px 7px rgba(33, 21, 13, 0.23);}
#quality .box .title::after { z-index: -1; content: attr(data-after); font-size: 96.74px; position: absolute; top: -28px; width: 100%; text-align: center;left: 0px; color:transparent; text-stroke: unset;  -webkit-text-stroke: 1px #e10000; text-shadow:none;}
#quality .box ul#qualityList {float: left; margin-top:150px; width:100%; }
#quality .box ul#qualityList li {float: left; width: 49%; margin-right: 2%; margin-bottom:100px; display: table;}
#quality .box ul#qualityList li:nth-child(2n+2) {margin-right: 0px;}
#quality .box ul#qualityList li .icon {float: left; border:2px solid #f8f8f3; width: 162px; height: 162px; display: table;}
#quality .box ul#qualityList li .icon span {display: table-cell; vertical-align: middle; height: 162px; text-align: center; }
#quality .box ul#qualityList li .info {float: left; margin-left: 30px;width: 430px;}
#quality .box ul#qualityList li .info .t {width: 100%; float: left; font-size: 27px;color:#FFF; font-weight: 700; padding-bottom: 10px; border-bottom:7px solid #e10000; }
#quality .box ul#qualityList li .info .detail {width: 100%; margin-top:25px; float: left; font-size: 22px; color:#FFF; line-height: 29px; height: 190px;}

#footer {width: 100%; float: left; background: #327bd6; padding-top: 70px; padding-bottom: 70px;}
#footer .box {width: 1320px; margin:auto;}
#footer .box .contact {float: left; width: 280px; margin-right: 140px; }
#footer .box .contact .flogo {float: left; width: 100%; margin-bottom: 60px;}
#footer .box .contact .flogo img {float: left; width: 100%; }
#footer .box .contact .line {float: left; width: 100%;  margin-bottom: 20px;}
#footer .box .contact .line .title {float:left; width: 100%; font-size: 22px; color:#FFF; font-weight: 200; }
#footer .box .contact .line .t {float:left; width: 100%; font-size: 15px; color:#ffffff; font-weight:700; margin-top:10px;}
#footer .box ul#fmenu {float: left; width: 300px;  }
#footer .box ul#fmenu li {float: left; width: 100%; margin-bottom: 20px;}
#footer .box ul#fmenu li a { font-size: 20px; color:#FFF; font-weight: 200;  text-transform: uppercase;}
#footer .box ul#fmenu li.title {font-size: 25px; font-family: 'Staatliches', sans-serif; color:#fff; margin-bottom: 40px;}

#copyright {width: 100%; height: 100px; float: left; background: #1e1e1e; }
#copyright .box {width: 1320px; margin:auto;}
#copyright .box .text {float: left; display: table; height: 100px; }
#copyright .box .text span {display: table-cell; vertical-align: middle; font-size: 20px; font-weight: 300; color:#FFF; height: 100px;}
#copyright .box .hfk {float: right; height: 100px; display: table;}
#copyright .box .hfk a {display: table-cell;vertical-align: middle; height: 100px; }

#pageBanner {width: 100%; float: left; position: relative; margin-bottom: 30px;}
#pageBanner .bannerImage { width: 100%; height: 200px; overflow:hidden;  background-repeat: no-repeat; background-size: auto; }
#pageBanner img {width: 100%; float: left;}
#pageBanner h1 {width: 100%; padding-top:20px; padding-bottom: 15px; font-size: 60px; color:#FFF; font-family: 'Staatliches', sans-serif; background: rgba(0,0,0,0.39); text-align: center; position: absolute; bottom:80px;}
#pageBanner .pageinfo {width: 100%; height: 60px; background: #327bd6; text-align: center; display: table;}
#pageBanner.page .pageinfo {background:#2f2f2f;}
#pageBanner .pageinfo span {color:#FFF; font-size: 19px;color:#FFF; font-weight: 900; display: table-cell; vertical-align: middle; height: 60px;}
#pageBanner .pageinfo span::after {content:''; width:34px; height:11px; position: absolute; margin-left: 35px; margin-top:2px; background:url('../img/pageinforight.png');}
#pageBanner .pageinfo span::before {content:''; width:34px; height:11px; position: absolute; margin-left:-70px; margin-top:2px; background:url('../img/pageinfoleft.png');}

#page {width: 100%; float: left; }
#page .box {width: 1000px; margin: auto; padding-top:100px; }
#page .box .text {width: 100%; text-align: center; margin-bottom: 40px; float: left;}
#page .box .text.t1 { font-size: 27.32px; color:#327bd6; font-style: italic; }
#page .box .text.t2 { font-size: 42.62px; font-weight: 700; color:#327bd6; line-height: 49.62px;}
#page .box .text.t3 { font-size: 26px; color:#000000; line-height: 33px;}


#page.page {padding-bottom: 50px; }
#page.page .box {width: 1440px; padding-top:20px; }
#page .box .pleft {float: left; float: left; width: 338px; }
#page .box .pleft .title {float: left; width: 100%; width: 100%; height: 67px; display: table; text-align: center; background: #327bd6;}
#page .box .pleft .title span {display:table-cell; vertical-align: middle; height: 67px; font-size: 20px; color:#FFF; font-weight: 900;  }
#page .box .pleft ul#sidebar {width: 100%; float: left; margin-top:10px; background: #a8cdf0; }
#page .box .pleft ul#sidebar li {float: left; width: 100%; background: #83aad0; margin-bottom: 10px; height: 46px; display: table;}
#page .box .pleft ul#sidebar li.active {background: #447cb0;}
#page .box .pleft ul#sidebar li:hover {background: #447cb0;}
#page .box .pleft ul#sidebar li:last-child {margin-bottom: 0px;}
#page .box .pleft ul#sidebar li a {width: 100%; display: table-cell; vertical-align: middle; height: 46px; padding-left: 66px; background: url('../img/icons/arrow2.png') no-repeat left 32px center; color:#FFF; font-size: 20px; font-weight: 900; text-transform: uppercase;}
#page .box .pright {width: 1030px; float: right; line-height: 25px; font-size: 16px; color:#555; }
#sidebarSelect {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; float: left; width: 100%; height: 67px; display: table; text-align: center; background: #327bd6; font-size: 19px; color: #FFF; font-weight: 900; border:none; display: none;}
#sidebarSelect::-ms-expand {    display: none; }


#companyGallery {float: left; width: 100%; margin-top:100px; padding-bottom: 200px; background: url('../img/companygallerybg.jpg') no-repeat top center; background-size: 100% auto; }
#companyGallery .box {width: 1440px; margin:auto;}
#companyGallery .box .titleimg {width: 100%; text-align: center; margin-top:125px; }
#companyGallery .box .title {width: 100%; text-align: center; font-size: 70.51px; color:#327bd6; font-weight: 900; margin-top:240px; float: left; position: relative; z-index: 2;letter-spacing: 11px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 145px;}
#companyGallery .box .title::after { z-index: -1; content: attr(data-after); font-size: 81.9px; position: absolute; top: -43px; width: 100%; text-align: center; letter-spacing: 13px; left: 0px; color:transparent; -webkit-text-stroke: 1px #6fa2e2;}
#companyGallery .box ul#gallery {float: left; width: 80%; margin-top:100px; margin-left: 10%;}
#companyGallery .box ul#gallery li {float: left; width: 32%; margin-right: 2%; }
#companyGallery .box ul#gallery li:nth-child(3n+3) {margin-right: 0px;}
#companyGallery .box ul#gallery li img {width: 100%; float: left; -webkit-box-shadow: 0px 0px 18px 0px rgba(31,13,5,0.68); 
box-shadow: 0px 0px 18px 0px rgba(31,13,5,0.68);}

#fContact {width: 100%; float: left; position: relative;}
#fContact img {width: 100%;}
#fContact .box {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
#fContact .box form {width: 1240px; margin:auto; margin-top:70px;}
#fContact .box form .fleft {float: left; width: 910px;}
#fContact .box form .fleft input[type="text"] { width: 400px; height: 90px; padding-top:7px; float: left; margin-right: 15px; background: #FFF; border:none; padding-left: 36px; margin-bottom:22px; font-family: 'Overpass', sans-serif; color:#b9b9b9; font-size: 27px; font-weight: 500; }
#fContact .box form .fleft input[type="text"]::placeholder {font-family: 'Overpass', sans-serif; color:#b9b9b9; font-size: 27px; font-weight: 500; }
#fContact .box form .fright {float: left; }
#fContact .box form .fright input[type="submit"] {float: left; width: 310px; height: 218px; border:none; background:#327bd6; font-size: 37.86px; color:#FFF; font-family: 'Overpass'; font-weight: 500;}

#productPage {width: 100%; float: left; margin-top:48px; padding-bottom: 48px;}
#productPage .box {width: 1440px; margin:auto; }
#productPage .box .pageSearch {float: left; width: 100%; }
#productPage .box .pageSearch .input {border:1px solid #c3c3c3; padding:5px 0px 5px 0px; width: 24%; margin-right: 1%; float:left; margin-top:15px;}
#productPage .box .pageSearch .input .icon {float: left; width: 76px; height: 66px; display: table; text-align: center;} 
#productPage .box .pageSearch .input .icon span {height: 66px; display: table-cell; vertical-align: middle; border-right: 1px solid #c3c3c3; }
#productPage .box .pageSearch .input select {padding-left: 19px; height: 66px; float: left; width: 260px; font-size: 19px; font-family: 'Overpass', sans-serif; border:none;}
#productPage .box .pageSearch .input input[type="text"] {padding-left: 19px; height: 64px; float: left; width: 241px; font-size: 19px; font-family: 'Overpass', sans-serif; border:none;}
#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 19px; font-family: 'Overpass', sans-serif;}
#productPage .box .pageSearch input[type="submit"] {width: 24%; height: 78px;  float: left; margin-top: 15px; background: #327bd6; font-size: 22.89px; font-family: 'Overpass', sans-serif; color:#FFF; border:none; }

#productPage .box .pleft {float: left; margin-top:70px; width: 338px; }
#productPage .box .pleft .title {float: left; width: 100%; width: 100%; height: 67px; display: table; text-align: center; background: #327bd6;}
#productPage .box .pleft .title span {display:table-cell; vertical-align: middle; height: 67px; font-size: 20px; color:#FFF; font-weight: 900;  }
#productPage .box .pleft ul#sidebar {width: 100%; float: left; margin-top:10px; background: #a8cdf0; }
#productPage .box .pleft ul#sidebar li {float: left; width: 100%; background: #83aad0; margin-bottom: 10px; height: 46px; display: table;}
#productPage .box .pleft ul#sidebar li.active {background: #447cb0;}
#productPage .box .pleft ul#sidebar li:hover {background: #447cb0;}
#productPage .box .pleft ul#sidebar li:last-child {margin-bottom: 0px;}
#productPage .box .pleft ul#sidebar li a {width: 100%; display: table-cell; vertical-align: middle; height: 46px; padding-left: 66px; background: url('../img/icons/arrow2.png') no-repeat left 32px center; color:#FFF; font-size: 20px; font-weight: 900;}
#productPage .box .pright {width: 1030px; float: right; margin-top:70px; }

ul#products {width: 100%; float: left;}
ul#products li {float: left; width: 302px; margin-right:45px; border:1px solid #e4e4e4; margin-bottom: 20px; padding-top:12px; border-bottom:0px; }
ul#products li:nth-child(3n+3) {margin-right: 0px; }
ul#products li .itemnumber {width: 100%; float: left; }
ul#products li .itemnumber .text {float: left; font-size: 13px; color:#327bd6; font-weight: 900; padding-left: 5px; padding-top:8px; }
ul#products li .itemnumber .code {float: right; margin-right: 10px; font-size: 20px;color:#327bd6; font-weight: 900;}
ul#products li .image {width: 292px; height: 100px; display: table; text-align: center; }
ul#products li .image span {width: 292px; height: 100px; display: table-cell; vertical-align: middle; }
ul#products li .detail {width: 100%; float: left; height: 55px; background: #c4d9f3; text-align: center; display: table;}
ul#products li .detail span {display: table-cell; vertical-align: middle; height: 55px; font-size: 15px; color:#5a5a5a; font-weight: 700;  }
ul#products li .showLogin {width: 100%; float: left; height: 44px; background: #ecd300;  display: table;}
ul#products li .showLogin .logintext {color: #000000; padding-left:10px; font-size: 13px; height: 40px; padding-top:4px; display: table-cell; vertical-align: middle; font-weight: 900;}
ul#products li .showLogin .loginicon {display: table-cell; vertical-align: middle; height: 42px; padding-top: 2px; padding-right: 5px;}
ul#products li .priceBox {width: 100%; float: left; height: 73px; background: #ecd300; display: table; }
ul#products li .priceBox span { color:#000; text-align: center; display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 900; line-height: 28px; height: 73px;}
ul#products li .priceBox span b {font-size: 28px; font-weight: 900;}
ul#products li .priceBox span:nth-child(2) {background: #cbb500;}
#productPage .box .pright .pagination {float: left; width: 100%; margin-top:100px;}
#productPage .box .pright .pagination .pbox {display: table; margin:auto;}
#productPage .box .pright .pagination .pbox .arrow {float: left; width: 17px; height: 28px; margin-top:5px; }
#productPage .box .pright .pagination .pbox ul#pages {float: left; margin-left: 40px; margin-right: 20px;}
#productPage .box .pright .pagination .pbox ul#pages li {float: left; background: #c4d9f3; width: 38px; height:38px; text-align: center; margin-right: 20px; display: table;}
#productPage .box .pright .pagination .pbox ul#pages li a {display: table-cell; vertical-align: middle; height: 34px; padding-top:4px; font-size: 20px; color:#000000; font-weight: 900;}
#productPage .box .pright .productinfo {width: 80%; margin-left: 10%; float: left; margin-top:100px; font-size: 22px; line-height: 25px; color:#000000; text-align: center;}

#productPageText {width: 100%; float: left; background: #ecf3f5; }
#productPageText .box {width: 70%; margin:auto; line-height: 32px; text-align: center; padding-top:120px; padding-bottom: 120px;}

#anfrageBanner {width: 100%; float: left; margin-top:100px; padding-bottom: 100px; }
#anfrageBanner .box { width: 1440px; margin:auto; position: relative;}
#anfrageBanner .box image {width: 100%; }
#anfrageBanner .box .top {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }
#anfrageBanner .box .top span {margin-top:87px; margin-left: 100px; float: left;}
#anfrageBanner .box .top span .title {float: left; width: 100%; font-size: 77px; font-family: 'Staatliches', sans-serif; color:#FFF; }
#anfrageBanner .box .top span p {float: left; color:#FFF; margin-top:0px; font-size: 19.11px; line-height: 23px; width: 100%;  }
#anfrageBanner .box .top span .arrow {float: left; width: 71px; height: 71px; background: #e10000; margin-top:25px; text-align: center;}
#anfrageBanner .box .top span .arrow img {width: 30px; margin-top:10px;}

#footerProduct {width: 100%; border-top:13px solid #e10000; float: left; background: url('../img/productfooterbg.jpg'); background-size: auto 100%; }
#footerProduct .box {text-align: center; padding-top:58px; padding-bottom: 75px; font-size: 41px; color:#FFF; line-height: 60px; }
#footerProduct .box b {font-size: 52px; color: #ffffff; text-shadow: 0px 0px 5px #447cb0;}

#productDetail {width: 100%; float: left; margin-top:50px; margin-bottom: 100px;}
#productDetail .box {width: 1440px; margin:auto;}
#productDetail .box .productTop {float: left; width: 100%;}
#productDetail .box .productTop .image {width:720px; float: left; border:1px solid #787877; }
#productDetail .box .productTop .image .title {float: left; width: 100%; background: #d2d2d2; height: 42px; text-align: center; display: table;}
#productDetail .box .productTop .image .title span {display: table-cell;vertical-align: middle; height: 42px; font-weight: 900; color:#327bd6; font-size: 17.42px; }
#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 22px;}
#productDetail .box .productTop .image .title .showLogin {width: 100%; float: left; height: 44px; background: #ecd300; margin-left: 0px; display: table;}
#productDetail .box .productTop .image .title .showLogin .logintext {color: #000000; padding-left:10px; font-size: 15px; height: 40px; padding-top:4px; display: table-cell; vertical-align: middle; font-weight: 900;}
#productDetail .box .productTop .image .title .showLogin .loginicon {display: table-cell; vertical-align: middle; height: 42px; padding-top: 2px; padding-right: 5px; width: 35px;}
#productDetail .box .productTop .image .title .showLogin .loginicon img { height: 30px; padding-top: 2px; padding-right: 5px;}

#productDetail .box .productTop .image img { float: left;width: 100%; }
#productDetail .box .productTop .basketBox {float: right; width: 690px; }
#productDetail .box .productTop .basketBox .title {width: 100%; height: 42px; display: table; background: #d2d2d2; }
#productDetail .box .productTop .basketBox .title span {display: table-cell; vertical-align: middle; height: 42px; text-align: center; font-weight: 500; font-size: 22px; }
#productDetail .box .productTop .basketBox .basketLine {width: 100%; float: left; margin-top:46px; margin-bottom: 50px; }
#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width: 392px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width: 262px; height: 50px; background: #000; display: table; text-align: center; padding-top: 5px;}  
#productDetail .box .productTop .basketBox .basketLine .priceBox .price span {display: table-cell; vertical-align: middle; height: 50px;font-weight: 500; font-size: 35px; color:#FFF; }
#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {float: left; width: 55px; height: 49px; background: #327bd6; color:#FFF; font-size:33px; color:#fff; text-align: center; border:none; font-family: 'Overpass',sans-serif; padding-top:5px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .total {float: left; width: 25px; overflow: hidden; height: 55px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {float: left; height: 24px;background: #89b7e2; width: 100%; text-align: center; color:#FFF; font-size: 20px; font-weight: 500; padding-top:6px; }
#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {float: left; height: 27px;background: #d2d2d2; width: 100%; text-align: center; color:#FFF; font-size: 25px; font-weight: 500; padding-top:2px; }
#productDetail .box .productTop .basketBox .basketLine .addbasket {display: table; float: right; background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 45px; color:#FFF; padding-right: 92px; height: 55px; border-radius: 50px; font-size:17px; 	}
#productDetail .box .productTop .basketBox .basketLine .addbasket span {display: table-cell; vertical-align: middle; height: 55px; padding-left: 25px;}
#productDetail .box .productTop .explanation {width: 100%; float: left; font-size: 14px; color:#327bd6; font-weight: 500; line-height: 15px;}
#productDetail .box .productBottom {float: left; width: 100%; margin-top:85px; }
#productDetail .box .productBottom .description {float: left; width: 25%; }
#productDetail .box .productBottom .description .title {width: 48%; font-size: 28px; color:#327bd6; position: relative; padding-bottom: 15px; }
#productDetail .box .productBottom .description .title::after {width: 320px; height: 2px; background: #e10000; content: ''; position: absolute; bottom:0px; left: 0px; }
#productDetail .box .productBottom .description .content {width: 48%; margin-top:28px; font-size: 20px; color:#000; line-height: 25px;}
#productDetail .box .productBottom .description:nth-child(1) {width: 50%; }
#productDetail .box .productBottom .explanation {width: 100%; float: left; font-size: 14px; color:#327bd6; font-weight: 500; line-height: 15px;}
#productDetail {width: 100%; float: left; margin-top:50px; margin-bottom: 100px;}
#productDetail .box {width: 1280px; margin:auto;}
#productDetail .box.notlogin .productTop { width: 520px;  }
#productDetail .box.notlogin .basketBox {display: none;}
#productDetail .box .productTop {float: left; width: 100%;}
#productDetail .box .productTop .image {width:520px; float: left; border:1px solid #787877; }
#productDetail .box .productTop .image .title {float: left; width: 100%; background: #d2d2d2; height: 42px; text-align: center; display: table;}
#productDetail .box .productTop .image .title span {display: table-cell;vertical-align: middle; height: 42px; font-weight: 900; color:#327bd6; font-size: 17.42px; }
#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 22px;}
#productDetail .box .productTop .image img { float: left;width: 100%; }
#productDetail .box .productTop .basketBox {float: right; width: 690px; }
#productDetail .box .productTop .basketBox .title {width: 100%; height: 42px; display: table; background: #d2d2d2; }
#productDetail .box .productTop .basketBox .title span {display: table-cell; vertical-align: middle; height: 42px; text-align: center; font-weight: 500; font-size: 22px; }
#productDetail .box .productTop .basketBox .basketLine {width: 100%; float: left; margin-top:46px; margin-bottom: 50px; }
#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width: 392px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width: 262px; height: 50px; background: #000; display: table; text-align: center; padding-top: 5px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .price span {display: table-cell; vertical-align: middle; height: 50px;font-weight: 500; font-size: 35px; color:#FFF; }
#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {float: left; width: 55px; height: 49px; background: #327bd6; color:#FFF; font-size:33px; color:#fff; text-align: center; border:none; font-family: 'Overpass',sans-serif; padding-top:5px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .total {float: left; width: 25px; overflow: hidden; height: 55px;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {float: left; height: 24px;background: #89b7e2; width: 100%; text-align: center; color:#FFF; font-size: 20px; font-weight: 500; padding-top:6px; cursor: pointer;}
#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {float: left; height: 27px;background: #d2d2d2; width: 100%; text-align: center; color:#FFF; font-size: 25px; font-weight: 500; padding-top:2px; cursor: pointer;}
#productDetail .box .productTop .basketBox .basketLine .addbasket {display: table; float: right; background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 45px; color:#FFF; padding-right: 92px; height: 55px; border-radius: 50px; font-size:17px; 	}
#productDetail .box .productTop .basketBox .basketLine .addbasket span {display: table-cell; vertical-align: middle; height: 55px; padding-left: 25px;}
#productDetail .box .productTop .basketBox .explanation {width: 100%; float: left; font-size: 14px; color:#327bd6; font-weight: 500; line-height: 15px;}
#productDetail .box .productBottom {float: left; width: 100%; margin-top:85px; }
#productDetail .box.notlogin .productBottom {float: right; width:650px; margin-top:0px; }

#productDetail .box .productBottom .description {float: left; width: 25%; }
#productDetail .box.notlogin .productBottom .description {width: 100%; margin-bottom: 30px; }
#productDetail .box.notlogin .productBottom .description:nth-child(1) {width: 100%; margin-bottom: 30px; }
#productDetail .box .productBottom .description .title {width: 100%; font-size: 28px; color:#327bd6; position: relative; padding-bottom: 15px; }
#productDetail .box.notlogin .productBottom .description .title {width:100%; font-size: 28px; color:#327bd6; position: relative; padding-bottom: 15px; }
#productDetail .box .productBottom .description .title::after {width: 320px; height: 2px; background: #e10000; content: ''; position: absolute; bottom:0px; left: 0px; }
#productDetail .box.notlogin .productBottom .description .title::after {width:100%; height: 2px; background: #e10000; content: ''; position: absolute; bottom:0px; left: 0px; }
#productDetail .box .productBottom .description .content {width: 100%; margin-top:28px; font-size: 20px; color:#000; line-height: 25px;}
#productDetail .box .productBottom .description .content a {color:#000!important;}
#productDetail .box .productBottom .description:nth-child(1) {width: 50%; }


.generalTitle { width: 100%; text-align: center; font-size: 70.51px; color:#327bd6; font-weight: 900;  float: left; position: relative; z-index: 2;letter-spacing: 11px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 145px;}
.generalTitle::after { z-index: -1; content: attr(data-after); font-size: 81.9px; position: absolute; top: -43px; width: 100%; text-align: center; letter-spacing: 13px; left: 0px; color:transparent; -webkit-text-stroke: 1px #6fa2e2;}

#productDetail .box .generalTitle {margin-top:100px; }
#productDetail .box ul#products {margin-top:100px; display: table; margin: auto; float: none; width: auto; padding-top: 100px;}
#productDetail .box ul#products li {margin-right: 25px; width: 298px }
#productDetail .box ul#products li:nth-child(3n+3) {margin-right: 25px; }
#productDetail .box ul#products li:nth-child(4) {margin-right: 0px; }

#popupBg {position: fixed; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none; top:0px;}
#newsletterBg {position: fixed; width:100%; height: 100%; display: none;z-index: 1001; top:0px;}
#newsletter {float:left; padding:20px; padding-top:30px; width: 350px; background: #f2f2f2; border-radius: 10px; margin:auto;  align-items:center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); position: relative;}
#newsletter .popupClose img {width: 25px; position: absolute; right:5px; top:5px; cursor: pointer; }
#newsletter .popupClose:hover img {opacity: 0.5;}
#newsletter .title {width: 100%; text-align: center; font-size: 20px; color:#000;  }
#newsletter .title b {font-size: 25px; font-weight: 900; }
#newsletter .title a {font-size: 15px;  position: relative; color:#000;}
#newsletter .title a::after {position: absolute; bottom:0px; width: 100%; left:0px; content:'';height: 2px; background: #327bd6; }
#newsletter p {width: 100%; margin-left: 0px; margin-top:10px; background: url('../img/contentbg.png') no-repeat bottom center; background-size: 70px; padding-bottom: 30px; font-size: 13px; color:#000000; text-align: center; line-height: 15px; }
#newsletter form {float: left; margin-top:20px; width: 100%; }
#newsletter form .inputLine {width: 100%; float: left; margin-bottom: 10px; }
#newsletter form .inputLine label {width: 100%; float: left; font-weight: 300; color:#000000; font-size: 13px; }
#newsletter form .inputLine input[type="text"] {float: left; padding-left: 5%; width: 94%; font-size: 17px;  margin-top:5px; height: 35px; border:1px solid #666666; font-family: 'Overpass', sans-serif; font-weight: 500; background: #F2F2F2}
#newsletter form .inputLine input[type="password"] {float: left; padding-left: 5%; width: 94%; font-size: 17px;  margin-top:10px; height: 50px; border:1px solid #666666; }
#newsletter form .passreminder {width: 100%; float: left; text-align: right; font-size: 18px; color:#000; }
#newsletter form input[type="submit"] {width: 100%; height: 40px; float: left; margin-top:10px; background: #e10000; font-size:15px; font-weight: 900; font-family: 'Overpass', sans-serif; color:#FFF; border:none; letter-spacing: 10px; line-height: 0px;}





#user {width: 100%; float: left; margin-top:50px; margin-bottom: 100px;  }
#user .box {width: 1200px; margin:auto;}
#user .box .uleft {float: left; width: 45%; }
#user .box .uleft .title {width: 100%; text-align: center; font-size: 25px; color:#000;  }
#user .box .uleft .title b {font-size: 40px; font-weight: 900; }
#user .box .uleft .title a {font-size: 20px;  position: relative; color:#000;}
#user .box .uleft .title a::after {position: absolute; bottom:0px; width: 100%; left:0px; content:'';height: 2px; background: #327bd6; }
#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:20px; background: url('../img/contentbg.png') no-repeat bottom center; padding-bottom: 50px; font-size: 19px; color:#000000; text-align: center; line-height: 20px; }
#user .box .uleft form {float: left; margin-top:40px; width: 100%; }
#user .box .uleft form .inputLine {width: 100%; float: left; margin-bottom: 30px; }
#user .box .uleft form .inputLine label {width: 100%; float: left; font-weight: 300; color:#000000; font-size: 20px; }
#user .box .uleft form .inputLine input[type="text"] {float: left; padding-left: 5%; width: 94%; font-size: 17px;  margin-top:10px; height: 50px; border:1px solid #666666; font-family: 'Overpass', sans-serif; font-weight: 500; }
#user .box .uleft form .inputLine input[type="password"] {float: left; padding-left: 5%; width: 94%; font-size: 17px;  margin-top:10px; height: 50px; border:1px solid #666666; }
#user .box .uleft form .passreminder {width: 100%; float: left; text-align: right; font-size: 18px; color:#000; }
#user .box .uleft form input[type="submit"] {width: 100%; height: 50px; float: left; margin-top:20px; background: #e10000; font-size:22px; font-weight: 900; font-family: 'Overpass', sans-serif; color:#FFF; border:none; letter-spacing: 10px; line-height: 0px;}
#user .box .uright {float: right; width: 45%; }
#user .box .uright .title {width: 100%; float: left;  padding-top:45px; padding-bottom: 20px;  display: table; font-weight: 900; font-size: 40px; color:#FFF; text-align: center; background: #327bd6; line-height: 40px;}
#user .box .uright .amenities {width: 80%; float: left; padding:30px 10% 30px 10%; background: #83aad0;}
#user .box .uright .amenities p {font-size: 23px; color:#FFF; line-height: 30px; }
#user .box .uright .amenities .listTitle {width: 100%; float: left; margin-top:40px; font-weight: 900; font-size: 22px; color:#090804; }
#user .box .uright .amenities ul#list {width: 100%; float: left;}
#user .box .uright .amenities ul#list li {margin-top:30px; padding-left: 40px; font-size: 22px; font-weight: 500; font-style: italic; color:#090804; position: relative;}
#user .box .uright .amenities ul#list li:before {content:''; width: 20px; height: 20px; background: #327bd6; position: absolute; left:0px; top:3px; }
#user .box .uright .amenities .register {float: right; margin-top:70px; padding:21px 25px 17px 25px; background: #e10000; border-radius: 50px; font-size: 20px; color:#FFF; font-weight: 900;   -webkit-box-shadow: 0px 13px 40px 7px rgba(0,0,0,0.52);  box-shadow: 0px 13px 40px 7px rgba(0,0,0,0.52);}

#userfBanner {width: 100%; float: left; cursor: pointer;}
#userfBanner img {width: 100%; }

#register {width: 100%; float: left; margin-top:100px; padding-bottom: 100px; }
#register .box {width: 1440px; margin:auto;}
#register .box .title {width: 50%; text-align: center; font-size: 30px; color:#000;  margin: auto;}
#register .box .title b {font-size: 60px; font-weight: 900; }
#register .box .title a {font-size: 35px;  position: relative; color:#000;}
#register .box .title a::after {position: absolute; bottom:0px; width: 100%; left:0px; content:'';height: 2px; background: #327bd6; }
#register .box p {width: 50%;   margin: auto; margin-top:50px; background: url('../img/contentbg.png') no-repeat bottom center; padding-bottom: 70px; font-size: 23px; color:#000000; text-align: center; line-height: 26px; }
#register .box form {float: left; width: 100%; }
#register .box form div .fleft {float: left; width: 45%; }
#register .box form div .fleft img {float: left; width: 100%; margin-top:30px; }
#register .box form div .fleft:last-child {float: right;}
#register .box form div .fleft .groupTitle {float: left; width: 100%; font-size: 25px; color:#000000; font-weight: 300; margin-top:50px; }
#register .box form div .fleft input[type="text"] {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 25px; color:#000; font-weight: 300; }
#register .box form div .fleft input[type="text"]::placeholder {font-family: 'Overpass', sans-serif; font-size: 25px; color:#adadad; font-weight: 300; }
#register .box form div .fleft select {width: 100%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 25px; color:#000; font-weight: 300; }
#register .box form div .fleft input[type="password"] {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 25px; color:#000; font-weight: 300; }
#register .box form div .fleft input[type="password"]::placeholder {font-family: 'Overpass', sans-serif; font-size: 25px; color:#adadad; font-weight: 300; }
#register .box form div .fleft input[type="submit"] {float: left; width: 100%; margin-top:70px; height: 75px; background: #327bd6; text-align: center; border:none; color:#FFF; font-family: 'Overpass', sans-serif; font-size: 40px; font-weight: 900; padding-top:10px; letter-spacing: 10px; }

#basket {width: 100%; float: left; margin-top:100px; padding-bottom: 100px;}
#basket .box {width: 1440px; margin:auto; }
#basket .box .title {width: 100%; float: left; font-size:35px; color:#327bd6; }
#basket .box ul#basketList {width: 100%; float: left; margin-top:30px; }
#basket .box ul#basketList li {float: left; width: 100%; border:1px solid #c3c3c3; border-radius: 10px; height: 150px; margin-bottom:15px; }
#basket .box ul#basketList li .b1 {margin-left: 15px; float: left; padding-top:25px; }
#basket .box ul#basketList li .b1 .img {width: 100px; height: 100px; background: #8f8f8f; border-radius: 10px; text-align: center; display: table;}
#basket .box ul#basketList li .b1 .img span {display: table-cell; vertical-align: middle; height: 100px; }
#basket .box ul#basketList li .b1 .img span img {max-width: 90%; max-height: 100%;}
#basket .box ul#basketList li .b2 {float: left; margin-left: 38px; height: 150px; display: table; width: 350px; }
#basket .box ul#basketList li .b2 span {display: table-cell;vertical-align: middle; height: 150px; color:#4b4b4b; font-size: 18px; font-weight: 600; line-height: 30px;}
#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 30px; }
#basket .box ul#basketList li .b2.mengeBox {width: 150px;}
#basket .box ul#basketList.approval li .b2.mengeBox {width: 150px; text-align: center;}
#basket .box ul#basketList li .b2 span .menge {}
#basket .box ul#basketList.approval li .b2 span .menge {width: 100%;}
#basket .box ul#basketList li .b2 span .menge .total {float: left;font-size: 25px; color:#535353;  margin-right: 10px;}
#basket .box ul#basketList.approval li .b2 span .menge .total {float: left;font-size: 25px; color:#535353;  margin-right: 10px; width: 100%; text-align: center;}
#basket .box ul#basketList li .b2 span .menge .button { float: left; width: 18px; height: 18px; text-align: center;font-size: 15px; color:#FFF;background: #e10000; line-height: 20px; margin-top:3px; margin-right: 3px;}
#basket .box ul#basketList li .b2.price1 {width: 300px; text-align: center;}
#basket .box ul#basketList li .b2.price1 strong {color:#8f8f8f; font-size:22px; font-style: italic; font-weight: 300; }
#basket .box ul#basketList li .b2.price2 {width: 230px; text-align: center;}
#basket .box ul#basketList li .b2.price2 .bg {width: 100%; background: #181818; text-align: center; font-size: 26px; color:#FFF; font-style: italic; border-radius: 50px; padding-top:15px; padding-bottom: 12px;}
#basket .box ul#basketList li .b2.remove {width: 100px; float: right; text-align: center; }
#basket .box ul#basketList li .b2.remove img {cursor: pointer;}
#basket .box .totalBox {width:100%; margin-top:60px; float: left;}
#basket .box .totalBox .totalTitle {float: right; width: 277px; height: 70px; background: #bacee7; text-align: center; display: table;}
#basket .box .totalBox .totalTitle span {display: table-cell; vertical-align: middle; height: 70px; font-weight: 600; color:#327bd6; font-size: 30px;}
#basket .box .totalBox .totalPrice {float: right; min-width: 237px; height: 70px; background: #3ab000; text-align: center; display: table; padding:0px 20px 0px 20px; margin-left: 10px;}
#basket .box .totalBox .totalPrice span {display: table-cell; vertical-align: middle; height: 70px; font-weight: 600; color:#FFF; font-size: 30px;}

#basket .box .basketButton {float: left; width: 100%; margin-top:80px; }
#basket .box .basketButton .content {width: 100%; float: left; margin-bottom: 50px; }
#basket .box .basketButton .content span {width: 70%; display: table; margin:auto; font-size: 22px; color:#327bd6; font-weight: 600; line-height: 27px; text-align: center;}
#basket .box .basketButton .button {float: left; padding:20px 40px 15px 40px; min-width: 230px; color:#327bd6; font-size: 30px; text-align: center; background: #bacee7; border-radius: 50px; font-weight: 600; border:none; }
#basket .box .basketButton .button.r {background: #327bd6; float: right; color:#FFF; }
#basket .box .basketButton .button.a {background: #3ab000; float: right; color:#FFF; font-size: 27px;}

#basketApproval {margin:auto; padding-top:50px; display: table; text-align: center; padding-bottom: 100px;}
#basketApproval .success {margin:auto; width: 150px;}
#basketApproval .text {margin:auto; padding-top:60px;font-size: 22px; color:#327bd6; font-weight: 600; line-height: 35px; }
#basketApproval .button {padding-right: 102px; padding-left:60px;  height: 70px; padding-top:10px; background: url('../img/icons/pdficon.png') no-repeat center right 48px #bacee7; display: table; margin:auto; border-radius: 50px; margin-top:50px;}
#basketApproval .button span {display: table-cell; vertical-align: middle; height: 70px;  font-size: 23px; color:#327bd6; font-weight: 600; }

#customer {float: left; width: 100%; margin-top:50px; padding-bottom: 50px; }
#customer .box {width: 1440px; margin:auto;}
#customer .box .request {float: left; width: 705px; height: 154px; background: url('../img/requestbg.jpg') no-repeat; }
#customer .box .request.problem {background: url('../img/problembg.jpg') no-repeat; float: right;}
#customer .box .request .text {width: 505px; margin-left: 20px; height: 154px; display: table; text-align: center; float: left;}
#customer .box .request .text span {display: table-cell; vertical-align: middle; height: 154px; font-weight: 500; color:#FFF; font-size: 19px; line-height: 25px; }
#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 55px; font-weight: 400; line-height: 60px;}
#customer .box .request .next {width: 89px; height: 89px; background: #FFF; background: url('../img/icons/nextred.png') no-repeat center center #FFF; float: right; margin-top:30px; margin-right: 50px; }
#customer .box .cp {width: 100%; float: left; margin-top:30px; }
#customer .box .cp .cleft {float: left; width: 1190px; }
#customer .box .cp .cleft .customerTitle {float: left; width: 100%; padding-top:12px; padding-bottom: 8px; background: #bacee7; text-align: center;font-weight: 700; font-size: 32px; color:#327bd6; letter-spacing: 15px; }
#customer .box .cp .cleft ul#customerMenu {float: left; width: 100%; margin-top:30px; }
#customer .box .cp .cleft ul#customerMenu li {float: left; margin-right: 110px; padding-bottom: 10px; border-bottom:3px solid #327bd6; }
#customer .box .cp .cleft ul#customerMenu li.active {border-bottom:3px solid #e10000; }
#customer .box .cp .cleft ul#customerMenu li:hover {border-bottom:3px solid #e10000; }
#customer .box .cp .cleft ul#customerMenu li:last-child {margin-right: 0px; }
#customer .box .cp .cleft ul#customerMenu li a {font-size: 22px; color:#327bd6; }

#customer .box .cp .cleft .orderBar {width: 100%; float: left; margin-top:50px; border:1px solid #699ee1; padding-top:10px; padding-bottom: 10px;}
#customer .box .cp .cleft .orderBar .search {float: left;  background: #327bd6; border-radius: 50px; height: 60px;  margin-left:20px;}
#customer .box .cp .cleft .orderBar .search input[type="text"] {float: left; margin-left: 41px; height: 58px; border:none; background: transparent; font-size: 14px; color:#FFF; font-family: 'Overpass', sans-serif; width: 310px; }
#customer .box .cp .cleft .orderBar .search input[type="text"]::placeholder {font-size: 14px; color:#FFF; font-family: 'Overpass', sans-serif;}
#customer .box .cp .cleft .orderBar .search .button { width: 45px; height: 35px; float: left; background: #FFF; border-radius: 100%; padding-top:10px; margin-top:7px; margin-right: 7px; }
#customer .box .cp .cleft .orderBar .search .button input[type="image"] {float: left; margin-left: 10px;}
#customer .box .cp .cleft .orderBar .allOrders {float: right; margin-right: 25px; background: url('../img/icons/down.png') no-repeat right center; padding-right: 38px; display: table; height: 62px;}
#customer .box .cp .cleft .orderBar .allOrders span {height: 62px; display: table-cell; vertical-align: middle; font-size: 22px; color:#327bd6; }
#customer .box .cp .cleft ul#myOrder {float: left; width: 100%; margin-top:35px; }
#customer .box .cp .cleft ul#myOrder li {float: left; border:1px solid #a6c3e7; width: 100%; border-radius: 10px; background: #f3f3f3; margin-bottom: 28px; }
#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 45px; height: 130px; display: table; width: 270px; }
#customer .box .cp .cleft ul#myOrder li .o1 span {display: table-cell; vertical-align: middle; height: 130px; color:#8f8f8f; line-height: 26px; font-size: 22px;}
#customer .box .cp .cleft ul#myOrder li .o1 span b { color:#4b4b4b; font-weight: 600; font-style: italic; }
#customer .box .cp .cleft ul#myOrder li .o1.k {width: 220px; margin-left: 0px;}
#customer .box .cp .cleft ul#myOrder li .o1.s {width: 125px; margin-left: 0px; }
#customer .box .cp .cleft ul#myOrder li .o1.pdf {width: 50px; margin-left: 0px; }
#customer .box .cp .cleft ul#myOrder li .detailbutton {cursor: pointer; float: right; margin-right: 50px; width: 147px; margin-top:40px; background: #e10000; border-radius: 50px; padding:13px 24px 15px 24px; color:#FFF; font-size: 22px; font-weight: 600;}
#customer .box .cp .cleft ul#myOrder li .orderDetail {float: left; width: 100%; border-top: 1px solid #bacee7; padding-top:50px; padding-bottom: 30px; display: none; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 1080px; margin-left: 60px; margin-bottom: 22px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 785px; border:1px solid #7fabe2; border-radius: 20px; padding:15px; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 100px; float: left; height: 100px; background: #8f8f8f; border-radius: 10px; text-align: center; display: table;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {display: table-cell; vertical-align: middle; height: 100px; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span img {max-width: 90%; max-height: 100%;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 {float: left; margin-left: 38px; height: 93px; display: table; width: 300px; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {display: table-cell;vertical-align: middle; height: 93px; color:#4b4b4b; font-size: 18px; font-weight: 600; line-height: 30px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 30px; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 150px; margin-left:0px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 150px; text-align: center;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span .menge {}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span .menge {width: 100%;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span .menge .total {float: left;font-size: 25px; color:#535353;  margin-right: 10px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span .menge .total {float: left;font-size: 25px; color:#535353;  margin-right: 10px; width: 100%; text-align: center;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span .menge .button { float: left; width: 18px; height: 18px; text-align: center;font-size: 15px; color:#FFF;background: #e10000; line-height: 20px; margin-top:3px; margin-right: 3px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 {width: 180px; text-align: center; margin-left: 0px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:22px; font-style: italic; font-weight: 300; }
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price2 {width: 230px; text-align: center;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price2 .bg {width: 100%; background: #181818; text-align: center; font-size: 26px; color:#FFF; font-style: italic; border-radius: 50px; padding-top:15px; padding-bottom: 12px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-left: 50px; width: 200px; text-align: center; margin-top:8px; float: left;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle {color:#4b4b4b; font-size: 18px; font-weight: 600; line-height: 30px; width: 100%; text-align: center;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow {float: left; margin-top:16px; height: 46px; background: #181818; text-align: center; border-radius: 50px; display: table; width: 100%; font-style: italic; color:#FFF; font-size: 22px; padding-top:4px;}
#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow span {height: 46px; display: table-cell; vertical-align: middle; }

#customer .box .cp .cleft form {float: left; width: 100%; background: #f3f3f3; margin-top:30px; border-radius: 10px; padding-bottom: 30px;  }
#customer .box .cp .cleft form .information {float: left; width: 90%; margin-left: 5%; }
#customer .box .cp .cleft form .information .fleft {float: left; width: 45%; }
#customer .box .cp .cleft form .information .fleft img {float: left; width: 100%; margin-top:30px; }
#customer .box .cp .cleft form .information .fleft:last-child {float: right;}
#customer .box .cp .cleft form .information .fleft .groupTitle {float: left; width: 100%; font-size: 25px; color:#000000; font-weight: 300; margin-top:50px; }
#customer .box .cp .cleft form .information .fleft input[type="text"] {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 18.48px; color:#000; font-weight: 300; background: transparent; border:1px solid #a2a2a2;}
#customer .box .cp .cleft form .information .fleft input[type="text"]::placeholder {font-family: 'Overpass', sans-serif; font-size: 18.48px; color:#adadad; font-weight: 300; }
#customer .box .cp .cleft form .information .fleft select {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 18.48px; color:#000; font-weight: 300; background: transparent; border:1px solid #a2a2a2;}
#customer .box .cp .cleft form .information .fleft input[type="password"] {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top:20px; font-family: 'Overpass', sans-serif; font-size: 25px; color:#000; font-weight: 300; }
#customer .box .cp .cleft form .information .fleft input[type="password"]::placeholder {font-family: 'Overpass', sans-serif; font-size: 25px; color:#adadad; font-weight: 300; }
#customer .box .cp .cleft form .information .fleft input[type="submit"] {float: left; width: 100%; margin-top:70px; height: 75px; background: #327bd6; text-align: center; border:none; color:#FFF; font-family: 'Overpass', sans-serif; font-size: 25px; font-weight: 900; padding-top:10px; letter-spacing: 0px; }

#customer .box .cp .cleft .passwordUpdate {float: left; width: 100%; background: #f3f3f3; margin-top:30px; border-radius: 10px; padding-bottom: 40px;  }
#customer .box .cp .cleft .passwordUpdate form {width: 490px; float: left; margin-top:50px; margin-left: 55px; }
#customer .box .cp .cleft .passwordUpdate form label {float: left; width: 100%; font-size: 18.48px; color:#000; font-weight: 300; margin-bottom: 20px; }
#customer .box .cp .cleft .passwordUpdate form input[type="password"] {float: left; width: 94%; padding-left: 5%; margin-bottom: 23px; height: 76px; background: transparent; border:1px solid #646464;}
#customer .box .cp .cleft .passwordUpdate form input[type="submit"] {float: left; width: 100%; margin-top:7px; height: 75px; background: #327bd6; text-align: center; border:none; color:#FFF; font-family: 'Overpass', sans-serif; font-size: 25px; font-weight: 900; padding-top:10px; letter-spacing: 0px; }
#customer .box .cp .cleft .passwordUpdate .image {float: left; margin-top:50px; margin-left: 125px; }

#customer .box .cp .cleft .helpForm {float: left; width: 100%; background: #f3f3f3; margin-top:30px; border-radius: 10px; padding-bottom: 40px;  }
#customer .box .cp .cleft .helpForm form {width: 550px; float: left; margin-top:50px; margin-left: 55px; }
#customer .box .cp .cleft .helpForm form label {float: left; width: 100%; font-size: 16px; color:#000; font-weight: 300; margin-bottom: 20px; }
#customer .box .cp .cleft .helpForm form input[type="text"] {float: left; width: 94%; padding-left: 5%; margin-bottom: 23px; height: 76px; background: transparent; border:1px solid #646464;}
#customer .box .cp .cleft .helpForm form input[type="submit"] {float: left; width: 100%; margin-top:7px; height: 75px; background: #327bd6; text-align: center; border:none; color:#FFF; font-family: 'Overpass', sans-serif; font-size: 25px; font-weight: 900; padding-top:10px; letter-spacing: 0px; }
#customer .box .cp .cleft .helpForm .image {float: left; margin-top:50px; margin-left: 50px; }

#contact {float: left; width: 100%; margin-top:100px; }
#contact .box {width: 1440px; margin:auto; }
#contact .box .info {float: left; width: 700px; }
#contact .box .info .title {float: left; width: 100%; text-align: center; color:#e10000; font-size: 40px; font-weight: 900; position: relative;}
#contact .box .info .title::after { z-index: -1; content: attr(data-after); font-size:50px; position: absolute; top: -22px; width: 100%; text-align: center; left: 0px; color:transparent; -webkit-text-stroke: 1px #6fa2e2;}
#contact .box .info p {padding-top:70px; float: left; margin-left: 60px; margin-top:50px; width: 550px; background: url('../img/contact-bg.png') no-repeat left top; font-weight: 500; font-size: 20px; color:#6b6b6b;  line-height: 22px;}

#contact .box .info .infoLine {float: left; margin-left: 110px; padding-left: 105px; width: 400px; margin-top:90px;}
#contact .box .info .infoLine.email {background: url('../img/icons/email.png') no-repeat left center;}
#contact .box .info .infoLine.tel {background: url('../img/icons/tel.png') no-repeat left center;}
#contact .box .info .infoLine.maps {background: url('../img/icons/maps.png') no-repeat left center;}
#contact .box .info .infoLine .name {width: 100%; font-size: 28px; color:#327bd6; font-weight: 200; }
#contact .box .info .infoLine .text {width: 100%; float: left; font-weight: 700; color:#6b6b6b; font-size: 21px; margin-top:20px;}

#contact .box form {float: left; margin-left: 50px; width: 555px; background: #FFF; -webkit-box-shadow: 0px 21px 40px 7px rgba(0,0,0,0.12);  box-shadow: 0px 21px 40px 7px rgba(0,0,0,0.12); padding:50px 30px 40px 30px; }
#contact .box form input[type="text"] {float: left; width: 95%; padding-left: 5%; height: 70px; background: #f1f1f1; border:none; -webkit-box-shadow: 0px 11px 20px 7px rgba(0,0,0,0.12);  box-shadow: 0px 11px 20px 7px rgba(0,0,0,0.12); font-size:22px; color:#000; font-family: 'Overpass', sans-serif;  margin-bottom: 30px; }
#contact .box form input[type="text"]::placeholder {font-size:22px; color:#b9b9b9; font-family: 'Overpass', sans-serif;  }
#contact .box form textarea {float: left; width: 95%; padding-left: 5%; height: 167px; padding-top:15px; background: #f1f1f1; border:none; -webkit-box-shadow: 0px 11px 20px 7px rgba(0,0,0,0.22);  box-shadow: 0px 11px 20px 7px rgba(0,0,0,0.22); font-size:22px; color:#000; font-family: 'Overpass', sans-serif;  margin-bottom: 30px; }
#contact .box form textarea::placeholder {font-size:22px; color:#b9b9b9; font-family: 'Overpass', sans-serif;  }
#contact .box form input[type="submit"] {float: left; width: 100%; margin-top:7px; height: 75px; background: #327bd6; text-align: center; border:none; color:#FFF; font-family: 'Overpass', sans-serif; font-size: 25px; font-weight: 900; padding-top:10px; letter-spacing: 0px; }

#footerMaps {width: 100%; margin-top:150px; height: 350px; float: left; }

.webButtonShow {display:block;}
.mobilButtonShow {display:none;}

#anfrage { width: 100%; margin-top:50px; float: left;  }
#anfrage .box {width: 1440px; margin:auto;}
#anfrage .box form {margin-bottom: 40px; float: left;}
#anfrage .box form .title { float: left; width: 100%; font-size: 25px; color: #000000; font-weight: 300;}
#anfrage .box form .aleft {float: left; width: 49%; margin-bottom: 20px; }
#anfrage .box form .aright {float:right; width: 49%; margin-bottom: 20px; }
#anfrage .box form .aleft input[type="text"] {width: 94%; float: left; height: 70px; padding-left: 5%; margin-top: 20px; font-family: 'Overpass', sans-serif; font-size: 25px; color: #000; font-weight: 300;}
#anfrage .box form .aright textarea {width: 95%; padding-left: 5%; float: left; height: 350px; margin-top: 20px; font-family: 'Overpass', sans-serif; font-size: 25px; color: #000; font-weight: 300; padding-top:10px;}
#anfrage .box form .aright textarea::placeholder { padding-top:10px; font-family: 'Overpass', sans-serif; font-size: 25px;}
#anfrage .box form .abottom {width: 100%; float: left; margin-top:0px; }
#anfrage .box form .abottom  textarea {width: 98%; padding-left: 2%; float: left; height: 350px; margin-top: 20px; font-family: 'Overpass', sans-serif; font-size: 25px; color: #000; font-weight: 300; padding-top:10px;}
#anfrage .box form .abottom textarea::placeholder { padding-top:10px;  font-family: 'Overpass', sans-serif; font-size: 25px; color: #000; }
#anfrage .box form .button {width: 100%; margin-top: 20px; }
#anfrage .box form .button input[type="submit"] {float: right; padding-left: 30px; padding-right: 30px; margin-top: 30px; height: 75px; background: #327bd6; text-align: center; border: none; color: #FFF; font-family: 'Overpass', sans-serif; font-size: 40px; font-weight: 900; padding-top: 10px; letter-spacing: 10px;}

#cookieText {position: fixed; width:100%; bottom:0px; background: rgba(0,0,0,0.80); color:#FFF; display: table; font-size: 13px; z-index: 999; }
#cookieText .text { display: table; height: 50px; padding: 0px 15px 0px 15px; width:60%; float: left; }
#cookieText .text span {display: table-cell; vertical-align: middle; height: 50px;}
#cookieText .buttons {float: right; width: 30%; height: 50px;}
#cookieText .buttons .button {padding-left: 20px; padding-right:20px; height: 30px; border-radius: 5px; background: #327bd6; margin-top:10px; display: table; float: right; margin-right: 10px; cursor: pointer;}
#cookieText .buttons .button span {display: table-cell; vertical-align: middle; height: 30px; color:#FFF; }