@media only screen and (max-width:1480px) and (min-width:1200px) {
 
	#top .box {width: 1190px;}
	#top .box .language {float: left; margin-left: 220px; }
	
	/*body {overflow-x: hidden;}*/

	#header .box {width: 1170px;}
	#header .box .logo {margin-left: 20px;}
	#header .box .contact { margin-left: 220px; height: 80px; padding:0px 15px 0px 15px;}
	#header .box .contact .info {height: 80px; }
	#header .box .contact .info .text {font-size: 18px; margin-left: 14px;}
	#header .box .contact .info .text b {font-size: 15.25px;}
	#header .box .user {float: right; width: 80px; height: 80px;}
	#header .box .user a {height: 80px;}
	#header .box .search { width: 80px; height:80px;}
	#header .box .search span {height: 80px;}
	#header .box .search .searchBox { height:80px; right: 80px;}
	#header .box .search .searchBox input[type="text"] { height: 78px; width: 230px; padding-left: 12px; font-size: 17px; }
	#header .box .search .searchBox input[type="text"]::placeholder {font-size: 17px; }
	#header .box .search:hover .searchBox {width: 235px;}
	#header .box ul#menu li {float: left; height: 80px; margin-right: 30px;}
	#header .box ul#menu li a { height:80px; font-size: 18px;}
	#header .box.login ul#menu {margin-left: 220px; }
	#header .box.login .userBox {float: right; height: 43px; }
	#header .box.login .userBox .button {float: left; height: 43px; margin-top:13px;}
	#header .box.login .userBox .button .icon {float: left; width: 43px; height: 43px;}
	#header .box.login .userBox .button .icon span {height: 43px;}
	#header .box.login .userBox .button .icon span img {height: 25px;}
	#header .box.login .userBox .button .text {float: left; height: 43px;}
	#header .box.login .userBox .button .text span {height: 43px; font-size: 14px; color:#327bd6; }


	#slider .box .searchBox {width: 1170px;}
	#slider .box .searchBox .productSearch {bottom:-120px; width: 275px; padding:15px 35px 15px 35px; border-top:15px solid #f80000;}
	#slider .box .searchBox .productSearch .title { font-size:17px;}
	#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 {font-size: 12px; line-height: 15px;}
	#slider .box .searchBox .productSearch .input {margin-top:10px;}
	#slider .box .searchBox .productSearch .input .icon { width: 66px; height: 45px;} 
	#slider .box .searchBox .productSearch .input .icon span {height: 45px;}
	#slider .box .searchBox .productSearch .input .icon span img {height: 20px;}
	#slider .box .searchBox .productSearch .input select {padding-left: 14px; height: 45px; width: 200px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 14px; height: 45px; float: left; width: 190px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 15px;}
	#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 50px; margin-top: 10px; font-size: 20px;}


	#homeBox {border-top: 50px solid #bacee7; height: 430px;}
	#homeBox .box {width: 1190px;}
	#homeBox .box ul#boxList { margin-top:100px; width: 90%; margin-left: 5%;}
	#homeBox .box ul#boxList li { 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 {font-size: 30px; line-height: 33px;}

	#services {padding-bottom: 100px;}
	#services .line {margin-top:275px;}
	#services .box {width: 1190px; margin:auto;}
	#services .box ul#serviceList {margin-top:40px; width: 90%; margin-left: 5%;}
	#services .box ul#serviceList li {width: 21%; margin-right: 5%; }
	#services .box ul#serviceList li:last-child {margin-right: 0px;}
	#services .box ul#serviceList li h3 {padding:7px; font-size: 22.99px; padding-bottom: 15px;  border-bottom: 5px solid #000; }
	#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li:hover h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li p {font-size: 18px; color:#000; line-height: 22px; margin-top:25px;}
	#services .box .newProductText {margin-top:125px; font-size: 33px;}
	#services .box .newProductTitle { font-size: 60.51px; margin-top:62px; float: left; padding-bottom: 115px;}
	#services .box .newProductTitle::after {  font-size: 71.9px; top: -33px;}
	#services .box ul#newProduct li { height: 80px;}
	#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 {height: 80px; font-size: 25px; color:#000;}

	#homeBanner .box .info {width: 1000px;}
	#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 70px;}
	#homeBanner .box .info .text .detail {font-size: 20px; line-height: 25px;}

	#homeCompany {padding: 170px 0px 170px 0px; background-size: 95%; }
	#homeCompany .box .text {margin-bottom: 30px;}
	#homeCompany .box .text.t1 { font-size: 24px;}
	#homeCompany .box .text.t2 { font-size: 35.62px; line-height: 38.62px;}
	#homeCompany .box .text.t3 { font-size: 25px; color:#000000; line-height: 28px;}
	#homeCompany .box .buttonBox { margin-top:10px; }
	#homeCompany .box .buttonBox .button {height: 35px;}
	#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; transition: transform 0.7s; }
	#homeCompany .box .buttonBox .button:hover .arrow {transform: rotate(35deg); transition: transform 0.7s; }


	#quality .box {width: 1190px; margin:auto;}
	#quality .box ul#qualityList {margin-top:110px; width:90%; margin-left: 5%; }
	#quality .box ul#qualityList li {margin-bottom:70px;}
	#quality .box ul#qualityList li .icon {float: left; border:2px solid #f8f8f3; width: 122px; height: 122px; display: table;}
	#quality .box ul#qualityList li .icon span {display: table-cell; vertical-align: middle; height: 122px; text-align: center; }
	#quality .box ul#qualityList li .icon span img {width: 70%; }
	#quality .box ul#qualityList li .info {float: left; margin-left: 20px; width: 375px;}
	#quality .box ul#qualityList li .info .t {font-size: 22px;  border-bottom:5px solid #e10000; }
	#quality .box ul#qualityList li .info .detail {margin-top:15px; font-size: 16px; line-height: 22px; height: 130px;}



	#footer {padding-top: 50px; padding-bottom: 50px;}
	#footer .box {width: 90%; margin:auto; margin-left: 5%;}
	#footer .box .contact {float: left; width: 200px; margin-right: 70px; }
	#footer .box .contact .flogo {float: left; width: 100%; margin-bottom: 40px;}
	#footer .box .contact .line .title {font-size: 18px;}
	#footer .box .contact .line .t {font-size: 13px; color:#ffffff;}
	#footer .box ul#fmenu {width: 265px;  }
	#footer .box ul#fmenu li {float: left; width: 100%; margin-bottom: 10px;}
	#footer .box ul#fmenu li a { font-size: 17px; }
	#footer .box ul#fmenu li.title {font-size: 21px;margin-bottom: 20px;}

	#copyright {width: 100%; height: 60px; float: left; background: #1e1e1e; overflow: hidden; }
	#copyright .box {width: 90%;}
	#copyright .box .text {height: 60px; }
	#copyright .box .text span {font-size:14px; height: 60px;}
	#copyright .box .hfk {height: 60px; }
	#copyright .box .hfk a {height: 60px; }
	#copyright .box .hfk a img {height: 50%; }


	#pageBanner h1 {width: 100%; padding-top:25px; padding-bottom: 20px; font-size: 50px; bottom:120px; }
	#pageBanner .pageinfo {width: 100%; height: 50px;}
	#pageBanner .pageinfo span {color:#FFF; font-size: 15px;height: 50px;}


	#page .box {width: 90%; margin: auto; padding-top:50px; }
	#page .box .text {width: 100%; margin-bottom: 30px;}
	#page .box .text.t1 { font-size: 23.32px;}
	#page .box .text.t2 { font-size: 28.62px; line-height: 32.62px;}
	#page .box .text.t3 { font-size: 22px; line-height: 30px;}

	#page.page .box {width:90%; padding-top:20px; }
	#page .box .pleft {float: left; float: left; width:25%; }
	#page .box .pleft .title {height: 50px;}
	#page .box .pleft .title span { height: 50px; font-size: 17px;}
	#page .box .pleft ul#sidebar li {margin-bottom: 7px; height: 40px;}
	#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 {height: 40px; padding-left: 45px; background: url('../img/icons/arrow2.png') no-repeat left 20px top 9px; font-size: 16px;}
	#page .box .pright {width: 72%;}
	#sidebarSelect {height: 50px; font-size: 16px;}

	#companyGallery {margin-top:0px; padding-bottom: 100px; width: 100%;}
	#companyGallery .box {width: 100%; margin:auto;}
	#companyGallery .box .titleimg {width: 100%; text-align: center; margin-top:75px; }
	#companyGallery .box .title {width: 100%; text-align: center; font-size: 70.51px; color:#327bd6; font-weight: 900; margin-top:180px;}
	
	#fContact .box {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
	#fContact .box form {width: 90%; margin:auto; margin-top:30px;}
	#fContact .box form .fleft {float: left; width: 80%;}
	#fContact .box form .fleft input[type="text"] { width: 47%; height: 5vw; padding-left: 1%; margin-right: 1%; font-size: 20px; }
	
	#fContact .box form .fleft input[type="text"]::placeholder {font-size: 20px; font-weight: 500; }
	#fContact .box form .fright {float: left; width: 20%; }
	#fContact .box form .fright input[type="submit"] {float: right; width: 90%; height:13vw; border:none; background:#327bd6; font-size: 37.86px; color:#FFF; font-family: 'Overpass'; font-weight: 500;}


	#productPage {margin-top:20px; padding-bottom: 20px;}
	#productPage .box {width: 90%; }
	#productPage .box .pageSearch .input .icon {float: left; width: 50px; height: 55px; } 
	#productPage .box .pageSearch .input .icon span {height: 55px;}
	#productPage .box .pageSearch .input .icon span img {width: 50%; }
	#productPage .box .pageSearch .input select {padding-left: 15px; height: 55px; width: 200px; font-size: 16px;}
	#productPage .box .pageSearch .input input[type="text"] {padding-left: 15px; height: 53px; width: 180px; font-size: 16px;}
	#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 16px;}
	#productPage .box .pageSearch input[type="submit"] {width: 24%; height: 66px; font-size: 18px;}

	#productPage .box .pleft { margin-top:40px; width: 25%; }
	#productPage .box .pleft .title {height: 50px;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 7px; height: 40px;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 45px; background: url('../img/icons/arrow2.png') no-repeat left 20px top 9px; font-size: 16px;}
	#productPage .box .pright {width: 72%; float: right; margin-top:40px; }


	ul#products {width:100%;}
	ul#products li {float: left; width: 30%; margin-right:4.5%;  margin-bottom: 15px;}
	ul#products li .itemnumber .text {font-size: 11px; font-weight: 800;}
	ul#products li .itemnumber .code {font-size: 20px; font-weight: 800;}
	ul#products li .image {width: 100%; height: 100px;}
	ul#products li .image span {width: 100%; height: 100px;}
	ul#products li .detail {height: 40px;}
	ul#products li .detail span {height: 40px;font-size: 14px;}
	ul#products li .showLogin {width: 100%;}
	ul#products li .showLogin .logintext {font-size: 13px; font-weight: 800;}
	ul#products li .priceBox {width: 100%;}
	ul#products li .priceBox span {font-size: 12px; line-height: 24px; height: 65px;}
	ul#products li .priceBox span b {font-size: 23px;}

	#productPage .box .pright .pagination {margin-top:50px;}
	#productPage .box .pright .pagination .pbox .arrow {float: left; width: 14px; height: 22px; margin-top:8px; }
	#productPage .box .pright .pagination .pbox .arrow img {width: 100%}
	#productPage .box .pright .pagination .pbox ul#pages {float: left; margin-left: 20px; margin-right: 20px;}
	#productPage .box .pright .pagination .pbox ul#pages li { width: 30px; height:30px; margin-right: 15px;}
	#productPage .box .pright .pagination .pbox ul#pages li a { height: 30px; font-size: 16px;}
	#productPage .box .pright .productinfo {margin-top:60px; font-size: 18px; line-height: 20px;}

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

	#anfrageBanner {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#anfrageBanner .box { width: 100%; margin:auto; position: relative;}
	#anfrageBanner .box img { width: 100%;}
	#anfrageBanner .box .top {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }
	#anfrageBanner .box .top span {margin-top:87px; margin-left: 5%; float: left;}
	#anfrageBanner .box .top span .title {font-size: 60px;}
	#anfrageBanner .box .top span p {font-size: 17px; line-height: 20px;}
	#anfrageBanner .box .top span .arrow {float: left; width: 60px; height: 60px;}
	#anfrageBanner .box .top span .arrow img {width: 25px; margin-top:10px;}

	#footerProduct {border-top:10px solid #e10000;}
	#footerProduct .box { padding-top:40px; padding-bottom: 50px; font-size: 30px; line-height: 50px; }
	#footerProduct .box b {font-size: 40px;}

	#productDetail {width: 100%; float: left; margin-top:30px; margin-bottom: 50px;}
	#productDetail .box {width: 90%;}
	#productDetail .box.notlogin .productTop  {width: 50%; }
	#productDetail .box .productTop .image {width:50%;}
	#productDetail .box.notlogin .productTop .image {width:100%;}
	#productDetail .box .productTop .image .title span { font-weight: 800; font-size: 15px; }
	#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 18px;}
	#productDetail .box .productTop .basketBox {float: right; width: 45%; }
	#productDetail .box .productTop .basketBox .title span {font-size: 18px; }
	#productDetail .box .productTop .basketBox .basketLine {margin-top:26px; margin-bottom: 30px; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width:50%;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width: 68%; height: 50px;}  
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price span {  font-size: 25px; color:#FFF; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {float: left; width:20%; height: 49px; background: #327bd6; color:#FFF; font-size:25px; 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: 10%; overflow: hidden; height: 55px;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket {width: 35%; display: table; float: right; background:url('../img/icons/addbasket.png') no-repeat right 20px center #000; background-size: 30px; color:#FFF; padding-right: 10%; height: 55px; border-radius: 50px; font-size:15px; 	}
	#productDetail .box .productBottom {margin-top:50px; }
	#productDetail .box.notlogin .productBottom {margin-top:50px; width: 45%; }
	#productDetail .box .productBottom .description .title {width: 90%; font-size: 22px;}
	#productDetail .box .productBottom .description .title::after {width: 100%; }
	#productDetail .box .productBottom .description .content {width: 48%; margin-top:15px; font-size: 15px; color:#000; line-height: 20px;}
	#productDetail .box .productBottom .description:nth-child(1) {width: 50%; }

	.generalTitle { width: 100%; text-align: center; font-size: 50px; padding-bottom: 120px; padding-bottom: 100px;}
	.generalTitle::after { z-index: -1; content: attr(data-after); font-size: 60px; position: absolute; top: -23px;}

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


	#user {margin-top:50px; margin-bottom: 50px;  }
	#user .box {width:90%; margin:auto;}
	#user .box .uleft {float: left; width: 45%; }
	#user .box .uleft .title {font-size: 30px; color:#000;  }
	#user .box .uleft .title b {font-size: 40px;}
	#user .box .uleft .title a {font-size: 25px;}
	#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:30px; padding-bottom: 50px; font-size: 20px; line-height: 22px; }
	#user .box .uleft form .inputLine label {font-size: 20px; }
	#user .box .uleft form .inputLine input[type="text"] {font-size: 17px;  height: 50px;}
	#user .box .uleft form .inputLine input[type="password"] {font-size: 17px; height: 50px;}
	#user .box .uleft form .passreminder { font-size: 15px;}
	#user .box .uleft form input[type="submit"] {height: 60px; margin-top:20px; font-size:25px;}
	#user .box .uright {float: right; width: 45%; }
	#user .box .uright .title {width: 100%; float: left;  padding-top:35px; padding-bottom: 20px; font-weight: 800; font-size: 40px;line-height: 30px;}
	#user .box .uright .amenities p {font-size: 23px; color:#FFF; line-height: 30px; }
	#user .box .uright .amenities .listTitle {margin-top:40px; font-weight: 800; font-size: 25px;}
	#user .box .uright .amenities ul#list li {margin-top:30px; padding-left: 30px; font-size: 25px;}
	#user .box .uright .amenities ul#list li:before {top:0px; }
	#user .box .uright .amenities .register { margin-top:60px; padding:21px 25px 17px 25px; background: #e10000; border-radius: 50px; font-size: 21px; 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; }
	#userfBanner img {width: 100%; }

	#register {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#register .box {width: 90%; margin:auto;}
	#register .box .title b {font-size: 40px;}
	#register .box .title a {font-size: 25px;}
	#register .box p {width: 50%; margin: auto; margin-top:30px; padding-bottom: 50px; font-size: 20px; line-height: 22px; }
	#register .box form .fleft {float: left; width: 45%; }
	#register .box form .fleft img {float: left; width: 100%; margin-top:30px; }
	#register .box form .fleft:last-child {float: right;}
	#register .box form .fleft .groupTitle {float: left; width: 100%; font-size: 20px; margin-top:40px; }
	#register .box form .fleft input[type="text"] {height: 60px;  font-size: 20px;}
	#register .box form .fleft input[type="text"]::placeholder {font-size: 20px;}
	#register .box form .fleft input[type="password"] { height: 60px; font-size: 20px;}
	#register .box form .fleft input[type="password"]::placeholder {font-size: 20px;}
	#register .box form .fleft input[type="submit"] { margin-top:65px; 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 {margin-top:50px; padding-bottom:50px;}
	#basket .box {width:90%; margin:auto; }
	#basket .box .title {width: 100%; float: left; font-size:35px; color:#327bd6; }
	#basket .box ul#basketList {margin-top:20px; }
	#basket .box ul#basketList li {height: 120px; margin-bottom:15px; }
	#basket .box ul#basketList li .b1 {padding-top:10px; }
	#basket .box ul#basketList li .b2 {height: 120px; width: 250px;}
	#basket .box ul#basketList li .b2 span {height: 100px; font-size: 15px; }
	#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 25px; }
	#basket .box ul#basketList li .b2.mengeBox {width: 100px;}
	#basket .box ul#basketList.approval li .b2.mengeBox {width: 100px; 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: 20px;}
	#basket .box ul#basketList li .b2.price1 {width: 150px;}
	#basket .box ul#basketList li .b2.price1 strong { font-size:18px;}
	#basket .box ul#basketList li .b2.price2 {width: 200px; text-align: center;}
	#basket .box ul#basketList li .b2.price2 .bg {font-size: 22px;}
	#basket .box ul#basketList li .b2.remove {width: 80px; float: right; text-align: center; margin-left: 10px;  }
	#basket .box .totalBox {width:100%; margin-top:40px; float: left;}
	#basket .box .totalBox .totalTitle {float: right; width: 240px; height: 60px;}
	#basket .box .totalBox .totalTitle span { height: 60px; font-size: 25px;}
	#basket .box .totalBox .totalPrice {height: 60px;}
	#basket .box .totalBox .totalPrice span { height: 60px; font-size: 25px;}

	#basket .box .basketButton {float: left; width: 100%; margin-top:50px; }
	#basket .box .basketButton .content span {font-size: 18px;}
	#basket .box .basketButton .button {font-size: 25px;}
	#basket .box .basketButton .button.a {font-size: 20px; }

	
	#customer .box {width:90%; margin:auto;}
	#customer .box .request {float: left; width:48%;}
	#customer .box .request .text {width: 70%;}
	#customer .box .request .text span {font-size: 18px; line-height: 20px; }
	#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 35px; font-weight: 400; line-height: 50px;}
	#customer .box .request .next {width: 69px; height: 69px; margin-top:45px; margin-right: 30px; background-size: 40%; }
	#customer .box .cp .cleft {float: left; width: 100%; }
	#customer .box .cp .cleft .customerTitle {float: left; width: 100%;  font-size: 25px;}
	
	#customer .box .cp .cleft ul#customerMenu li {margin-right: 70px;}
	#customer .box .cp .cleft ul#customerMenu li a {font-size: 18px; color:#327bd6; }

	#customer .box .cp .cleft ul#myOrder li {margin-bottom: 20px; }
	#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 25px; width: 240px; }
	#customer .box .cp .cleft ul#myOrder li .o1 span {line-height: 22px; font-size: 16px;}
	#customer .box .cp .cleft ul#myOrder li .o1.k {width: 200px; margin-left: 0px;}
	#customer .box .cp .cleft ul#myOrder li .o1.s {width: 125px; margin-left: 0px; }
	#customer .box .cp .cleft ul#myOrder li .detailbutton { margin-right: 50px; width: 120px; font-size: 18px; font-weight: 600;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail {padding-top:30px; padding-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 90%; margin-left: 30px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 70%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 75px; height: 75px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {height: 75px; }
	#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: 20px; height: 70px; display: table; width: 200px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {height: 70px; font-size: 15px; line-height: 25px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:18px; 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: 20px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-top:8px; float: left;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle { font-size: 18px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow { margin-top:10px;font-size: 20px;}

	#customer .box .cp .cleft .passwordUpdate .image {text-align: center;}
	#customer .box .cp .cleft .passwordUpdate .image img {width: 80%;}

	#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:45%; float: left; margin-top:50px; margin-left: 55px; }
	#customer .box .cp .cleft .helpForm .image {text-align: center;}
	#customer .box .cp .cleft .helpForm .image img {width: 80%;}

	#contact {margin-top:50px; }
	#contact .box {width: 90%; margin:auto; }
	#contact .box .info {float: left; width:45%; }
	#contact .box .info .title { font-size: 30px; font-weight: 800;}
	#contact .box .info .title::after { font-size:40px; position: absolute; top: -15px;}
	#contact .box .info p {padding-top:50px; float: left; margin-left: 10%; margin-top:30px; width:90%;}

	#contact .box .info .infoLine {float: left; margin-left: 20%; padding-left: 10%; width:70%; }
	#contact .box .info .infoLine .name {width: 100%; font-size: 23px; 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: right; margin-left: 0px; width:40%; 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:none;}
	.mobilButtonShow {display:block;}

	#anfrage .box {width:90%; margin:auto;}
	#anfrage .box form .title { font-size: 23px;}
	#anfrage .box form .aleft input[type="text"] {height: 60px; margin-top: 15px; font-size: 23px;}
	#anfrage .box form .aright textarea { height: 294px; margin-top: 15px;font-size: 23px;}
	#anfrage .box form .aright textarea::placeholder { font-size: 23px;}
	#anfrage .box form .abottom  textarea { font-size: 23px; height: 294px;}
	#anfrage .box form .abottom textarea::placeholder { font-size: 23px;}
	#anfrage .box form .button input[type="submit"] {height: 60px;font-size: 30px;}



	#cookieText .text { width:60%; }
	#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;}
	#cookieText .buttons .button span {display: table-cell; vertical-align: middle; height: 30px; color:#FFF; }
}	




@media only screen and (max-width:1200px) and (min-width:992px) {

	#top {width: 100%; background: #1e1e1e; height: 40px; float: left; }
	#top .box {width: 100%;}
	#top .box .language {margin-left: 190px; }
	#top .box .language .icon { margin-right: 5px; height: 40px;}
	#top .box .language .icon a {height: 40px; }
	#top .box ul.menu {float: left; margin-left: 40px; }
	#top .box ul.menu li {margin-right: 15px; height: 40px;}
	#top .box ul.menu li a {height: 40px; color:#bacee7; font-size: 15px; }

	#header .box {width: 100%;}
	#header .box .logo {margin-left: 15px; border-bottom-left-radius: 75%; border-bottom-right-radius: 75%; padding:25px 10px 25px 15px; margin-top: -53px; text-align: center;}
	#header .box .logo img {width: 80%;}
	#header .box .contact {float: left; margin-left:190px; height: 60px; padding:0px 20px 0px 20px;}
	#header .box .contact .info {height: 60px; }
	#header .box .contact .info .text {float: left; font-size: 17px;}
	#header .box .contact .info .text b {font-size: 15px; color:#327bd6; }
	#header .box .user {float: right; width: 60px; height: 60px;}
	#header .box .user a {height: 60px;}
	#header .box .user a img {width: 40%;}
	#header .box .search {width: 60px; height: 60px;}
	#header .box .search span {height: 60px;}
	#header .box .search span img {width: 40%;}
	#header .box .search .searchBox { height: 60px; right: 60px;}
	#header .box .search .searchBox input[type="text"] { height: 58px; width: 170px; padding-left: 12px; font-size: 15px; }
	#header .box .search .searchBox input[type="text"]::placeholder {font-family: 'Overpass'; font-size: 15px; }
	#header .box .search:hover .searchBox {width: 170px;}
	#header .box ul#menu {margin-right: 20px; }
	#header .box ul#menu li { height: 60px; margin-right: 20px;}
	#header .box ul#menu li a {height:60px; font-size: 19px;}
	#header .box ul#menu li:last-child {margin-right: 0px; }
	#header .box.login ul#menu {float:left; margin-right: 0px; margin-left: 190px; }
	#header .box .userBox {display: none;}
	#header .box.login .userBox {float: right; height: 40px; display: block;}
	#header .box.login .userBox .button {float: left; height: 40px; margin-right: 10px; margin-top:10px;}
	#header .box.login .userBox .button .icon {float: left; width: 40px; height: 40px;}
	#header .box.login .userBox .button .icon span { height: 40px;}
	#header .box.login .userBox .button .icon span img { max-width: 50%;}
	#header .box.login .userBox .button .text {height: 43px; margin-left: 10px; }
	#header .box.login .userBox .button .text span {height: 43px; font-size: 14px; color:#327bd6; }

 	#slider .box .searchBox {width:95%;}
	#slider .box .searchBox .productSearch {right:0px; bottom:-127px; width: 250px; padding:15px 30px 15px 30px; border-top:15px solid #f80000;}
	#slider .box .searchBox .productSearch .title {width: 100%; text-align: center; font-size:20px;}
	#slider .box .searchBox .productSearch .title::before {width: 30px; height: 35px; position: absolute; left: -13px; }
	#slider .box .searchBox .productSearch .title::after { width: 30px; height: 35px;  position: absolute; right:  -13px; }
	#slider .box .searchBox .productSearch .info {font-size: 12px; color:#327bd6; line-height: 14px;}
	#slider .box .searchBox .productSearch .input { margin-top:10px;}
	#slider .box .searchBox .productSearch .input .icon { width: 60px; height: 35px; display: table; text-align: center;} 
	#slider .box .searchBox .productSearch .input .icon span {height: 35px; }
	#slider .box .searchBox .productSearch .input .icon span img {width: 40%; }
	#slider .box .searchBox .productSearch .input select {padding-left: 15px; height: 35px; float: left; width: 160px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 15px; height: 35px; float: left; width: 150px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 15px; font-family: 'Overpass', sans-serif;}
	#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 40px;  float: left; margin-top: 10px; font-size: 18px;}

	#homeBox { border-top: 40px solid #bacee7; height: 380px;}
	#homeBox .box {width: 95%;}
	#homeBox .box ul#boxList {margin-top:130px;}
	#homeBox .box ul#boxList li h2 {width: 90%; margin-left: 5%; position: absolute; bottom: 40px; font-size: 25px; color:#FFF; font-weight: 700; text-align: center; line-height: 37px;}

	#services {padding-bottom: 120px;}
	#services .line { margin-top:420px; }
	#services .box {width: 90%; margin:auto;}
	#services .box ul#serviceList {float: left; width: 100%; margin-top:60px; }
	#services .box ul#serviceList li {width: 23.5%; margin-right: 2%; float: left; }
	#services .box ul#serviceList li h3 {min-width: 100%; border-bottom: 5px solid #000; padding:5px 0px 5px 0px; font-size: 20px; padding-bottom: 15px; }
	#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li:hover h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li p {font-size: 16px; color:#000; line-height: 20px; margin-top:20px;}
	#services .box .newProductText {margin-top:100px; font-size: 30px;}
	#services .box .newProductTitle {font-size: 50px; color:#327bd6; margin-top:72px; letter-spacing: 8px; padding-bottom: 100px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 60px; background-size: 150px; }
	#services .box .newProductTitle::after { font-size: 52px; position: absolute; top: -23px; }	
	#services .box ul#newProduct {float: left; width: 100%; margin-top: 40px; margin-left: 0px; }
	#services .box ul#newProduct li { height: 60px; width: 23.9%; }
	#services .box ul#newProduct li a {width: 100%; display: table-cell; vertical-align: middle; height: 60px; font-size: 20px; color:#000;}


	#homeBanner .box .info {width:90%;  background-size: 30px; }
	#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 60px;}
	#homeBanner .box .info .text .detail {width: 60%; font-size: 18px; margin-top:20px; line-height: 22px;}

	
	#homeCompany {padding: 100px 0px 100px 0px; background-size: 90%; }
	#homeCompany .box {width: 90%; margin: auto; }
	#homeCompany .box .text {margin-bottom: 20px;}
	#homeCompany .box .text.t1 { font-size: 22px;}
	#homeCompany .box .text.t2 { font-size: 33px; line-height: 37px;}
	#homeCompany .box .text.t3 { font-size: 23px; color:#000000; line-height: 28px;}
	#homeCompany .box .buttonBox {width: 100%; float: left; margin-top:0px; }
	#homeCompany .box .buttonBox .button { padding:6px; height: 40px; padding-bottom: 4px; }
	#homeCompany .box .buttonBox .button .t {padding-left: 50px; padding-top: 4px; height: 40px; font-size:30px; min-width: 150px; }
	#homeCompany .box .buttonBox .button .arrow img {height: 40px; }
	#homeCompany .box .buttonBox .button:hover .arrow {transform: rotate(35deg); transition: transform 0.7s; }


	#quality .box {width:90%; margin:auto;}
	#quality .box .title { font-size: 60px; margin-top:60px; }
	#quality .box .title::after { font-size: 70px;}
	#quality .box ul#qualityList {float: left; margin-top:70px; width:100%; }
	#quality .box ul#qualityList li {float: left; width: 49%; margin-right: 2%; margin-bottom:40px;}
	#quality .box ul#qualityList li .icon {width: 120px; height: 120px;}
	#quality .box ul#qualityList li .icon span { height: 120px;}
	#quality .box ul#qualityList li .icon span img {width: 60%; }
	#quality .box ul#qualityList li .info {float: left; margin-left: 20px;width: 280px;}
	#quality .box ul#qualityList li .info .t {font-size: 20px; font-weight: 600; border-bottom:5px solid #e10000; }
	#quality .box ul#qualityList li .info .detail {width: 100%; margin-top:15px; float: left; font-size: 15px; color:#FFF; line-height: 20px; height: 150px;}

	#footer {padding-top: 50px; padding-bottom: 50px;}
	#footer .box {width:90%; }
	#footer .box .contact {float: left; width:100%; margin-right: 140px; }
	#footer .box .contact .flogo {float: left; width: 30%; margin-bottom: 60px;}
	#footer .box .contact .flogo img {float: left; width: 100%; }
	#footer .box .contact .line {float: left; width: 60%; margin-left: 5%;  margin-bottom: 10px;}
	#footer .box .contact .line:nth-child(2) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(3) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(4) {margin-top:20px; }
	#footer .box .contact .line .title {font-size: 17px;}
	#footer .box .contact .line .t {font-size: 15px;margin-top:10px;}
	#footer .box ul#fmenu {float: left; width:33%;  }
	#footer .box ul#fmenu li a { font-size: 17px;}
	#footer .box ul#fmenu li.title {font-size: 20px;  margin-bottom: 20px;}

	#copyright {height: 60px;}
	#copyright .box {width: 90%; height: 60px;}
	#copyright .box .text {height: 60px; }
	#copyright .box .text span {font-size: 13px; height: 60px;}
	#copyright .box .hfk {float: right; height: 60px; display: table;}
	#copyright .box .hfk a {display: table-cell;vertical-align: middle; height: 60px; }
	#copyright .box .hfk a img {width: 50%; }

	#pageBanner {margin-bottom: 20px;}
	#pageBanner h1 {padding-top:15px; padding-bottom: 15px; font-size: 50px; bottom:110px;}
	#pageBanner .pageinfo {height: 40px;}
	#pageBanner .pageinfo span { font-size: 15px; font-weight: 600; height: 40px;}

	#page {width: 100%; float: left; }
	#page .box {width:90%; padding-top:50px; }
	#page .box .text { margin-bottom: 30px; float: left;}
	#page .box .text.t1 { font-size: 20.32px;}
	#page .box .text.t2 { font-size: 30px; line-height: 36px;}
	#page .box .text.t3 { font-size: 18px; line-height: 24px;}

	#page.page .box {width: 90%;}
	#page .box .pleft {width: 220px; }
	#page .box .pleft .title {height: 50px;}
	#page .box .pleft .title span {height: 50px; font-size: 17px;}
	#page .box .pleft ul#sidebar li {height: 40px;}
	#page .box .pleft ul#sidebar li a {height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#page .box .pright {width: 630px;}
	#sidebarSelect {height: 50px; font-size: 17px;}

	#companyGallery {margin-top:0px; padding-bottom: 50px;}
	#companyGallery .box {width: 90%;}
	#companyGallery .box .titleimg { margin-top:75px; }
	#companyGallery .box .titleimg img {width:90%; }
	#companyGallery .box .title {font-size: 55px; font-weight: 900; margin-top:120px; padding-bottom: 80px;}
	#companyGallery .box .title::after { font-size:60px; top: -25px; }
	#companyGallery .box ul#gallery { width: 90%; margin-top:50px; margin-left: 5%;}
	#companyGallery .box ul#gallery li {float: left; width: 32%; margin-right: 2%; }
	#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 .box form {width: 90%; margin-top:50px;}
	#fContact .box form .fleft {float: left; width: 910px;}
	#fContact .box form .fleft input[type="text"] { width: 380px; padding-top:7px; margin-right: 25px; 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;}

	#fContact .box {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
	#fContact .box form {width: 80%; margin:auto; margin-top:20px;}
	#fContact .box form .fleft {float: left; width: 79%;}
	#fContact .box form .fleft input[type="text"] { width: 44%; padding-left: 2%; margin-right: 3%; font-size: 15px; height: 5vw;}
	#fContact .box form .fleft input[type="text"]::placeholder {font-size: 15px;}
	#fContact .box form .fright {float: right; width: 20%; }
	#fContact .box form .fright input[type="submit"] {width: 100%; height:13.8vw; border:none; background:#327bd6; font-size: 25px; color:#FFF; font-family: 'Overpass'; font-weight: 500;}


	#productPage {width: 100%; margin-top:10px; padding-bottom:10px;}
	#productPage .box {width: 90%;}
	#productPage .box .pageSearch .input {margin-top:10px;}
	#productPage .box .pageSearch .input .icon {float: left; width: 35px; height: 46px;} 
	#productPage .box .pageSearch .input .icon span {height: 46px;}
	#productPage .box .pageSearch .input .icon span img {width:60%; }
	#productPage .box .pageSearch .input select {padding-left: 10px; height:46px; width: 150px; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"] {padding-left: 10px; height: 44px; float: left; width: 150px; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 14px; font-family: 'Overpass', sans-serif;}
	#productPage .box .pageSearch input[type="submit"] {width: 24%; height: 58px; font-size: 18px; margin-top:10px; }

	#productPage .box .pleft {margin-top:30px; width: 220px; }
	#productPage .box .pleft .title {height: 50px;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 5px; height: 40px;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#productPage .box .pright {width:630px; float: right; margin-top:30px; }

	ul#products {width: 100%; float: left;}
	ul#products li {float: left; width: 31%; margin-right:3%; margin-bottom: 10px; padding-top:10px;}
	ul#products li .itemnumber .text {font-size: 11px; padding-left: 5px; padding-top:2px; }
	ul#products li .itemnumber .code {margin-right: 10px; font-size: 12px;color:#327bd6; font-weight: 900;}
	ul#products li .image {width: 100%;}
	ul#products li .image span {width: 100%;}
	ul#products li .detail {height: 45px;}
	ul#products li .detail span {height: 45px;font-size: 12px;font-weight: 500;  }
	ul#products li .showLogin {width: 100%; height: 44px;}
	ul#products li .showLogin .logintext {padding-left:10px; font-size: 12px;text-align: center;}

	ul#products li .priceBox {width:100%;  height: 50px; }
	ul#products li .priceBox span {font-size: 12px; font-weight: 600; line-height: 20px; height: 50px;}
	ul#products li .priceBox span b {font-size: 18px; font-weight: 900;}
	ul#products li .priceBox span:nth-child(2) {background: #cbb500;}
	#productPage .box .pright .pagination {margin-top:50px;}
	#productPage .box .pright .pagination .pbox .arrow {float: left; width: 10px; height: 20px; margin-top:5px; }
	#productPage .box .pright .pagination .pbox .arrow img {width: 100%; }
	#productPage .box .pright .pagination .pbox ul#pages {margin-left: 20px;}
	#productPage .box .pright .pagination .pbox ul#pages li {width: 28px; height:28px; margin-right: 10px;}
	#productPage .box .pright .pagination .pbox ul#pages li a {height: 28px; padding-top:4px; font-size: 15px;}
	#productPage .box .pright .productinfo {width: 100%; margin-left:0px; margin-top:50px; font-size: 15px; line-height: 20px;}

	#productPageText {width: 100%; float: left; background: #ecf3f5; }
	#productPageText .box {width: 90%; line-height: 30px; padding-top:80px; padding-bottom: 80px;}

	#anfrageBanner {margin-top:50px; padding-bottom: 50px; }
	#anfrageBanner .box { width: 90%;}
	#anfrageBanner .box img {width: 100%; }
	#anfrageBanner .box .top span {margin-top:50px; margin-left: 50px; float: left;}
	#anfrageBanner .box .top span .title {font-size: 55px;}
	#anfrageBanner .box .top span p {font-size: 16px; line-height: 20px;}
	#anfrageBanner .box .top span .arrow {float: left; width: 50px; height: 50px;}
	#anfrageBanner .box .top span .arrow img {width: 18px; margin-top:10px;}

	#footerProduct .box {text-align: center; padding-top:40px; padding-bottom: 50px; font-size: 30px; line-height: 45px; }
	#footerProduct .box b {font-size: 35px;}

	#productDetail {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;}
	#productDetail .box {width: 95%;}
	#productDetail .box.notlogin .productTop {width: 50%; }
	#productDetail .box .productTop .image {width:50%;}
	#productDetail .box.notlogin .productTop .image {width:100%;}
	#productDetail .box .productTop .image .title span {font-size:15px; }
	#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 18px;}
	#productDetail .box .productTop .image img { float: left;width: 100%; }
	#productDetail .box .productTop .basketBox {float: right; width: 48%; }
	#productDetail .box .productTop .basketBox .title span {font-size:18px; }
	#productDetail .box .productTop .basketBox .basketLine {margin-bottom: 10px; margin-top:20px; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width:100%}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width:70%;}  
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price span { font-size: 25px; color:#FFF; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {width:22%; font-size:25px; 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: 7%; overflow: hidden; height: 55px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {height: 24px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {height: 27px;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket {background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 25px; margin-top:20px; color:#FFF; float: left; margin-left: 120px; padding-top:5px; height: 40px; border-radius: 50px; font-size:17px; 	}
	#productDetail .box .productTop .basketBox .basketLine .addbasket span {height: 40px;}
	#productDetail .box .productTop .basketBox .explanation {margin-top:15px; }
	#productDetail .box .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box.notlogin .productBottom {float: right; width:45%; margin-top:0px; }
	#productDetail .box .productBottom .description {float: left; width: 25%; }
	#productDetail .box .productBottom .description .title {width: 48%; font-size: 20px;}
	#productDetail .box.notlogin .productBottom .description .title {width:100%; font-size: 20px;}
	#productDetail .box .productBottom .description .title::after {width:100%;}
	#productDetail .box .productBottom .description .content {margin-top:15px; font-size: 15px; line-height: 20px;}

	.generalTitle {font-size: 52px; padding-bottom: 80px;}
	.generalTitle::after {font-size: 60px; top: -23px;}

	#productDetail .box .generalTitle {margin-top:100px; }
	#productDetail .box ul#products {margin-top:50px;}
	#productDetail .box ul#products li:nth-child(3n+3) {margin-right: 0px; }
	#productDetail .box ul#products li:nth-child(4n+4) {display: none;}

	#user {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;  }
	#user .box {width: 90%; margin:auto;}
	#user .box .uleft .title {font-size: 20px;}
	#user .box .uleft .title b {font-size: 30px; font-weight: 900; }
	#user .box .uleft .title a {font-size: 25px;}
	#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 20px; }
	#user .box .uleft form .inputLine {margin-bottom: 20px; }
	#user .box .uleft form .inputLine label {font-size: 17px; }
	#user .box .uleft form .inputLine input[type="text"] { font-size: 17px; height: 45px;}
	#user .box .uleft form .inputLine input[type="password"] { font-size: 17px; height:45px;}
	#user .box .uleft form .passreminder {font-size: 15px;}
	#user .box .uleft form input[type="submit"] {height: 45px; margin-top:15px; font-size:20px;}
	#user .box .uright {float: right; width: 45%; }
	#user .box .uright .title {padding-top:30px; padding-bottom: 20px; font-weight: 700; font-size: 30px; line-height: 20px;}
	#user .box .uright .amenities p {font-size: 20px;line-height: 25px; }
	#user .box .uright .amenities .listTitle {margin-top:40px; font-weight: 700; font-size: 20px;}
	#user .box .uright .amenities ul#list li {margin-top:20px; padding-left: 20px; font-size: 20px;}
	#user .box .uright .amenities ul#list li:before {content:''; width: 10px; height: 10px;}
	#user .box .uright .amenities .register { padding:15px 18px 12px 18px; font-size: 20px;}

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

	#register {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#register .box {width: 90%;}
	#register .box .title {font-size: 20px; color:#000;  margin: auto;}
	#register .box .title b {font-size: 30px;}
	#register .box .title a {font-size: 25px;}
	#register .box p {width: 100%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 22px; }
	#register .box form .fleft img {float: left; width: 100%; margin-top:50px; }
	#register .box form .fleft:last-child {float: right;}
	#register .box form .fleft .groupTitle {font-size: 20px; margin-top:50px; }
	#register .box form .fleft input[type="text"] {height: 50px; font-size: 18px;}
	#register .box form .fleft input[type="text"]::placeholder {font-size: 18px;}
	#register .box form .fleft input[type="password"] {width: 94%; height: 50px; font-size: 17px;}
	#register .box form .fleft input[type="password"]::placeholder {font-size: 17px;}
	#register .box form .fleft input[type="submit"] {float: left; width: 100%; margin-top:20px; height: 75px; font-size:30px;}

	#basket {margin-top:50px; padding-bottom:50px;}
	#basket .box {width:90%; margin:auto; }
	#basket .box .title {width: 100%; float: left; font-size:35px; color:#327bd6; }
	#basket .box ul#basketList {margin-top:20px; }
	#basket .box ul#basketList li {height: 120px; margin-bottom:15px; }
	#basket .box ul#basketList li .b1 {padding-top:10px; width: 75px; }
	#basket .box ul#basketList li .b1 .img {width: 75px; height: 75px; }
	#basket .box ul#basketList li .b1 .img span {height: 75px; }
	#basket .box ul#basketList li .b1 .img span img {width: 100%; }
	#basket .box ul#basketList li .b2 {height: 75px; width: 175px; margin-top:10px; }
	#basket .box ul#basketList li .b2 span {height:75px; font-size: 13px; line-height: 20px; }
	#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 17px; }
	#basket .box ul#basketList li .b2.mengeBox {width: 75px; margin-left: 15px; }
	#basket .box ul#basketList.approval li .b2.mengeBox {width: 100px; 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: 17px; margin-top:4px; }
	#basket .box ul#basketList li .b2.price1 {width: 120px; margin-left: 15px; }
	#basket .box ul#basketList li .b2.price1 strong { font-size:18px;}
	#basket .box ul#basketList li .b2.price2 {width: 200px; text-align: center;}
	#basket .box ul#basketList li .b2.price2 .bg {font-size: 22px; margin-left: 15px;}
	#basket .box ul#basketList li .b2.remove {width: 80px; float: right; text-align: center; margin-left: 10px;  }
	#basket .box ul#basketList li .b2.remove img {width: 20px; margin-top:20px; }
	#basket .box .totalBox {width:100%; margin-top:40px; float: left;}
	#basket .box .totalBox .totalTitle {float: right; width: 240px; height: 60px;}
	#basket .box .totalBox .totalTitle span { height: 60px; font-size: 25px;}
	#basket .box .totalBox .totalPrice {height: 60px;}
	#basket .box .totalBox .totalPrice span { height: 60px; font-size: 25px;}

	#basket .box .basketButton {float: left; width: 100%; margin-top:50px; }
	#basket .box .basketButton .content span {font-size: 18px; width: 100%;}
	#basket .box .basketButton .button {font-size: 25px;}
	#basket .box .basketButton .button.a {font-size: 20px; }

	#basketApproval {padding-bottom: 50px;}
	#basketApproval .text {padding-top:30px;font-size: 18px; line-height: 25px; }
	#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; width: 100%; height: 70px;  font-size: 23px; color:#327bd6; font-weight: 600; }

	#customer .box {width:90%; margin:auto;}
	#customer .box .request {float: left; width:48%;}
	#customer .box .request .text {width: 70%;}
	#customer .box .request .text span {font-size: 15px; line-height: 20px; font-weight: 400;  }
	#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 25px; font-weight: 400; line-height: 50px;}
	#customer .box .request .next {width: 40px; height: 40px; margin-top:65px; margin-right: 30px; background-size: 40%; }
	#customer .box .cp .cleft {float: left; width: 100%; }
	#customer .box .cp .cleft .customerTitle {float: left; width: 100%;  font-size: 20px; letter-spacing: 10px;}
	
	#customer .box .cp .cleft ul#customerMenu li {margin-right: 70px;}
	#customer .box .cp .cleft ul#customerMenu li a {font-size: 18px; color:#327bd6; }

	#customer .box .cp .cleft ul#myOrder li {margin-bottom: 20px; }
	#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 25px; width: 200px; }
	#customer .box .cp .cleft ul#myOrder li .o1 span {line-height: 22px; font-size: 16px;}
	#customer .box .cp .cleft ul#myOrder li .o1.k {width: 160px; 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: 40px; margin-left: 0px; }
	#customer .box .cp .cleft ul#myOrder li .o1.pdf img {width: 40px!important;}
	#customer .box .cp .cleft ul#myOrder li .detailbutton { margin-right: 10px; width: 100px; font-size: 15px; font-weight: 600; padding:13px 24px 15px 24px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail {padding-top:30px; padding-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 100%; margin-left: 30px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 65%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 75px; height: 75px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {height: 75px; }
	#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: 20px; height: 70px; display: table; width: 170px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 100px; margin-left:0px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {height: 70px; font-size: 15px; line-height: 25px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:18px; 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: 20px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-top:8px; float: left; width: 23%; margin-left: 3%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle { font-size: 18px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow { margin-top:10px;font-size: 20px;}

	#customer .box .cp .cleft .passwordUpdate .image {text-align: center;}
	#customer .box .cp .cleft .passwordUpdate .image img {width: 70%;}

	#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:45%; float: left; margin-top:50px; margin-left: 55px; }
	#customer .box .cp .cleft .helpForm .image {text-align: center;}
	#customer .box .cp .cleft .helpForm .image img {width: 80%;}

	#customer .box .cp .cleft .information form .fleft {width: 48%; }
	#customer .box .cp .cleft .information form .fleft .groupTitle { font-size: 20px; }
	#customer .box .cp .cleft .information form .fleft input[type="text"] {width: 94%; height: 47px; font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="text"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"] {width: 94%; height: 47px; font-size:15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="submit"] {margin-top:40px; height: 65px; font-size: 19px; font-weight: 700;}

	#customer .box .cp .cleft .passwordUpdate form {width: 45%; margin-left:5%; }
	#customer .box .cp .cleft .passwordUpdate form label { font-size: 18px; margin-bottom: 20px; }
	#customer .box .cp .cleft .passwordUpdate form input[type="password"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .passwordUpdate form input[type="submit"] { height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .passwordUpdate .image {float: left; margin-top:50px; margin-left: 5%; width: 45%; }


	#customer .box .cp .cleft .helpForm form {width:45%; margin-left:5%; }
	#customer .box .cp .cleft .helpForm form label { font-size: 18px; margin-bottom: 20px; }
	#customer .box .cp .cleft .helpForm form input[type="text"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .helpForm form input[type="submit"] {height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .helpForm .image {float: left; margin-top:50px; margin-left: 5%; width: 45%; }


	#contact {margin-top:50px; }
	#contact .box {width:90%; margin:auto; }
	#contact .box .info {float: left; width:100%; }
	#contact .box .info p {padding-top:40px;}

	#contact .box .info .infoLine {width: 400px; margin-top:40px;}

	#contact .box form {float: left; margin-left: 0px; width:90%; margin-top:40px; 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:none;}
	.mobilButtonShow {display:block;}

	#anfrage .box {width:90%; margin:auto;}
	#anfrage .box form .title { font-size: 23px;}
	#anfrage .box form .aleft input[type="text"] {height: 60px; margin-top: 15px; font-size: 23px;}
	#anfrage .box form .aright textarea { height: 294px; margin-top: 15px;font-size: 23px;}
	#anfrage .box form .aright textarea::placeholder { font-size: 23px;}
	#anfrage .box form .abottom  textarea { font-size: 23px; height: 294px;}
	#anfrage .box form .abottom textarea::placeholder { font-size: 23px;}
	#anfrage .box form .button input[type="submit"] {height: 60px;font-size: 30px;}

}	

@media only screen and (max-width:992px) and (min-width:768px) {

	#top {width: 100%; background: #1e1e1e; height: 40px; float: left; }
	#top .box {width: 100%;}
	#top .box .language {margin-left: 190px; }
	#top .box .language .icon { margin-right: 5px; height: 40px;}
	#top .box .language .icon a {height: 40px; }
	#top .box ul.menu {float: left; margin-left: 40px; }
	#top .box ul.menu li {margin-right: 15px; height: 40px;}
	#top .box ul.menu li a {height: 40px; color:#bacee7; font-size: 15px; }

	#header .box {width: 100%;}
	#header .box .logo {margin-left: 15px; border-bottom-left-radius: 75%; border-bottom-right-radius: 75%; padding:25px 10px 25px 15px; margin-top: -53px; text-align: center;}
	#header .box .logo img {width: 80%;}
	#header .box .contact {float: left; margin-left:190px; height: 60px; padding:0px 20px 0px 20px;}
	#header .box .contact .info {height: 60px; }
	#header .box .contact .info .text {float: left; font-size: 17px;}
	#header .box .contact .info .text b {font-size: 15px; color:#327bd6; }

	#header .box .hmenu2 {display: none;}
	#header .box .hmenu {float: right; width: 101px; height: 101px; background: #FFF; display: table;}
	#header .box .hmenu a {display: table-cell; vertical-align: middle; height: 101px; text-align: center;}
	#header .box .hmenu a img {width: 30px; }
	#header .box .hmenu {float: right; width: 60px; height: 60px;}
	#header .box .hmenu a {height: 60px;}


	#header .box .user {float: right; width: 60px; height: 60px;}
	#header .box .user a {height: 60px;}
	#header .box .user a img {width: 40%;}
	#header .box .search {width: 60px; height: 60px;}
	#header .box .search span {height: 60px;}
	#header .box .search span img {width: 40%;}
	#header .box .search .searchBox { height: 60px; right: 60px;}
	#header .box .search .searchBox input[type="text"] { height: 58px; width: 170px; padding-left: 12px; font-size: 15px; }
	#header .box .search .searchBox input[type="text"]::placeholder {font-family: 'Overpass'; font-size: 15px; }
	#header .box .search:hover .searchBox {width: 170px;}
	#header .box ul#menu {margin-right: 0px; display: none; float: left;background:#327bd6; width: 100%;}
	#header .box ul#menu li { height: 60px; margin-right: 20px;}
	#header .box ul#menu li:nth-child(1) {margin-left: 190px; }
	#header .box ul#menu li a {height:60px; font-size: 19px; color:#FFF; }
	#header .box ul#menu li:last-child {margin-right: 0px; }
	#header .box.login ul#menu {float:left; margin-right: 0px; margin-left: 0px; }
	#header .box .userBox {display: none;}
	#header .box.login .userBox {float: right; height: 40px; display: block;}
	#header .box.login .userBox .button {float: left; height: 40px; margin-right: 10px; margin-top:10px;}
	#header .box.login .userBox .button .icon {float: left; width: 40px; height: 40px;}
	#header .box.login .userBox .button .icon span { height: 40px;}
	#header .box.login .userBox .button .icon span img { max-width: 50%;}
	#header .box.login .userBox .button .text {height: 43px; margin-left: 10px; }
	#header .box.login .userBox .button .text span {height: 43px; font-size: 14px; color:#327bd6; }

	#slider .slider .bannerImage {width: 100%; height: 250px; overflow:hidden;  background-repeat: no-repeat; background-size: auto;  }
 	#slider .box .searchBox {width:95%;}
	#slider .box .searchBox .productSearch {right:0px; bottom:-127px; width: 250px; padding:15px 30px 15px 30px; border-top:15px solid #f80000;}
	#slider .box .searchBox .productSearch .title {width: 100%; text-align: center; font-size:20px;}
	#slider .box .searchBox .productSearch .title::before {width: 30px; height: 35px; position: absolute; left: -13px; }
	#slider .box .searchBox .productSearch .title::after { width: 30px; height: 35px;  position: absolute; right:  -13px; }
	#slider .box .searchBox .productSearch .info {font-size: 12px; color:#327bd6; line-height: 14px;}
	#slider .box .searchBox .productSearch .input { margin-top:10px;}
	#slider .box .searchBox .productSearch .input .icon { width: 60px; height: 35px; display: table; text-align: center;} 
	#slider .box .searchBox .productSearch .input .icon span {height: 35px; }
	#slider .box .searchBox .productSearch .input .icon span img {width: 40%; }
	#slider .box .searchBox .productSearch .input select {padding-left: 15px; height: 35px; float: left; width: 160px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 15px; height: 35px; float: left; width: 150px; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 15px; font-family: 'Overpass', sans-serif;}
	#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 40px;  float: left; margin-top: 10px; font-size: 18px;}

	#homeBox { border-top: 40px solid #bacee7; height: 380px;}
	#homeBox .box {width: 95%;}
	#homeBox .box ul#boxList {margin-top:130px;}
	#homeBox .box ul#boxList li h2 {width: 90%; margin-left: 5%; position: absolute; bottom: 40px; font-size: 25px; color:#FFF; font-weight: 700; text-align: center; line-height: 37px;}

	#services {padding-bottom: 50px;}
	#services .line { margin-top:250px; }
	#services .box {width: 90%; margin:auto;}
	#services .box ul#serviceList {float: left; width: 100%; margin-top:60px; }
	#services .box ul#serviceList li {width: 23.5%; margin-right: 2%; float: left; }
	#services .box ul#serviceList li h3 {min-width: 100%; border-bottom: 5px solid #000; padding:5px 0px 5px 0px; font-size: 20px; padding-bottom: 15px; }
	#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li:hover h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li p {font-size: 16px; color:#000; line-height: 20px; margin-top:20px;}
	#services .box .newProductText {margin-top:100px; font-size: 30px;}
	#services .box .newProductTitle {font-size: 35px; color:#327bd6; margin-top:72px; letter-spacing: 8px; padding-bottom: 100px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 60px; background-size: 150px; }
	#services .box .newProductTitle::after { font-size: 40px; position: absolute; top: -15px; }	
	#services .box ul#newProduct {float: left; width: 100%; margin-top: 40px; margin-left: 0px; }
	#services .box ul#newProduct li { height: 60px; width: 23.9%; }
	#services .box ul#newProduct li a {width: 100%; display: table-cell; vertical-align: middle; height: 60px; font-size: 20px; color:#000;}


	#homeBanner .box .info {width:90%;  background-size: 30px; }
	#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 40px;}
	#homeBanner .box .info .text .detail {width: 60%; font-size: 15px; margin-top:20px; line-height: 22px;}

	
	#homeCompany {padding: 100px 0px 100px 0px; background-size: 90%; }
	#homeCompany .box {width: 90%; margin: auto; }
	#homeCompany .box .text {margin-bottom: 20px;}
	#homeCompany .box .text.t1 { font-size: 22px;}
	#homeCompany .box .text.t2 { font-size: 27px; line-height: 33px;}
	#homeCompany .box .text.t3 { font-size: 18px; color:#000000; line-height: 24px;}
	#homeCompany .box .buttonBox {width: 100%; float: left; margin-top:0px; }
	#homeCompany .box .buttonBox .button { padding:6px; height: 40px; padding-bottom: 4px; }
	#homeCompany .box .buttonBox .button .t {padding-left: 50px; padding-top: 4px; height: 40px; font-size:30px; min-width: 150px; }
	#homeCompany .box .buttonBox .button .arrow img {height: 40px; }
	#homeCompany .box .buttonBox .button:hover .arrow {transform: rotate(35deg); transition: transform 0.7s; }


	#quality .box {width:90%; margin:auto;}
	#quality .box .title { font-size: 40px; margin-top:60px; }
	#quality .box .title::after { font-size: 50px;}
	#quality .box ul#qualityList {float: left; margin-top:40px; width:100%; }
	#quality .box ul#qualityList li {float: left; width: 49%; margin-right: 2%; margin-bottom:40px;}
	#quality .box ul#qualityList li .icon {width: 80px; height: 80px;}
	#quality .box ul#qualityList li .icon span { height: 80px;}
	#quality .box ul#qualityList li .icon span img {width: 60%; }
	#quality .box ul#qualityList li .info {float: left; margin-left: 20px;width: 210px;}
	#quality .box ul#qualityList li .info .t {font-size: 17px; font-weight: 600; border-bottom:5px solid #e10000; }
	#quality .box ul#qualityList li .info .detail {width: 100%; margin-top:10px; float: left; font-size: 13px; color:#FFF; line-height: 16px; height: 120px;}

	#footer {padding-top: 50px; padding-bottom: 50px;}
	#footer .box {width:90%; }
	#footer .box .contact {float: left; width:100%; margin-right: 140px; }
	#footer .box .contact .flogo {float: left; width: 30%; margin-bottom: 60px;}
	#footer .box .contact .flogo img {float: left; width: 100%; }
	#footer .box .contact .line {float: left; width: 60%; margin-left: 5%;  margin-bottom: 10px;}
	#footer .box .contact .line:nth-child(2) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(3) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(4) {margin-top:20px; }
	#footer .box .contact .line .title {font-size: 17px;}
	#footer .box .contact .line .t {font-size: 15px;margin-top:10px;}
	#footer .box ul#fmenu {float: left; width:33%;  }
	#footer .box ul#fmenu li { font-size: 15px; margin-bottom: 10px;}
	#footer .box ul#fmenu li a { font-size: 15px;}
	#footer .box ul#fmenu li.title {font-size: 20px;  margin-bottom: 20px;}

	#copyright {height: 60px;}
	#copyright .box {width: 100%; height: 60px;}
	#copyright .box .text {height: 60px; text-align: center; width: 100%;}
	#copyright .box .text span {font-size: 13px; height: 60px;}
	#copyright .box .hfk {float: right; height: 60px; display: none; }
	#copyright .box .hfk a {display: table-cell;vertical-align: middle; height: 60px; }
	#copyright .box .hfk a img {width: 50%; }

	#pageBanner {margin-bottom: 20px;}
	#pageBanner h1 {padding-top:15px; padding-bottom: 15px; font-size: 40px; bottom:70px;}
	#pageBanner .pageinfo {height: 40px;}
	#pageBanner .pageinfo span { font-size: 15px; font-weight: 600; height: 40px;}

	#page {width: 100%; float: left; }
	#page .box {width:90%; padding-top:50px; }
	#page .box .text { margin-bottom: 30px; float: left;}
	#page .box .text.t1 { font-size: 20.32px;}
	#page .box .text.t2 { font-size: 30px; line-height: 36px;}
	#page .box .text.t3 { font-size: 18px; line-height: 24px;}

	#productPage .box .pleft {margin-top:30px; width: 100%; }
	#productPage .box .pleft .title {height: 50px;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 5px; height: 40px; display: none;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#productPage .box .pright {width:100%; float: right; margin-top:30px; }


	#companyGallery {margin-top:0px; padding-bottom: 50px;}
	#companyGallery .box {width: 90%;}
	#companyGallery .box .titleimg { margin-top:75px; }
	#companyGallery .box .titleimg img {width:90%; }
	#companyGallery .box .title {font-size: 55px; font-weight: 900; margin-top:120px; padding-bottom: 80px;}
	#companyGallery .box .title::after { font-size:60px; top: -25px; }
	#companyGallery .box ul#gallery { width: 90%; margin-top:50px; margin-left: 5%;}
	#companyGallery .box ul#gallery li {float: left; width: 32%; margin-right: 2%; }
	#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 .box form {width: 90%; margin-top:50px;}
	#fContact .box form .fleft {float: left; width: 910px;}
	#fContact .box form .fleft input[type="text"] { width: 380px; padding-top:7px; margin-right: 25px; background: #FFF; border:none; padding-left: 36px; margin-bottom:12px; 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;}

	#fContact .box {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
	#fContact .box form {width: 80%; margin:auto; margin-top:20px;}
	#fContact .box form .fleft {float: left; width: 79%;}
	#fContact .box form .fleft input[type="text"] { width: 44%; padding-left: 2%; margin-right: 3%; font-size: 13px; height: 5vw;}
	#fContact .box form .fleft input[type="text"]::placeholder {font-size: 13px;}
	#fContact .box form .fright {float: right; width: 20%; }
	#fContact .box form .fright input[type="submit"] {width: 100%; height:13.8vw; border:none; background:#327bd6; font-size: 25px; color:#FFF; font-family: 'Overpass'; font-weight: 500;}


	#productPage {width: 100%; margin-top:10px; padding-bottom:10px;}
	#productPage .box {width: 90%;}
	
	#productPage .box .pageSearch .input {margin-top:10px; width: 48%; margin-right: 1%; }
	#productPage .box .pageSearch .input .icon {float: left; width: 45px; height: 46px;} 
	#productPage .box .pageSearch .input .icon span {height: 46px;}
	#productPage .box .pageSearch .input .icon span img {width:50%; }
	#productPage .box .pageSearch .input select {padding-left: 10px; height:46px; width: 80%; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"] {padding-left: 10px; height: 44px; float: left; width: 80%; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 14px; font-family: 'Overpass', sans-serif;}
	#productPage .box .pageSearch input[type="submit"] {width: 48%; height: 58px; font-size: 18px; margin-top:10px; }

	#productPage .box .pleft {margin-top:30px; width: 100%; }
	#productPage .box .pleft .title {height: 50px;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 5px; height: 40px; display: none;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#productPage .box .pright {width:100%; float: right; margin-top:30px; }

	ul#products {width: 100%; float: left;}
	ul#products li {float: left; width: 31%; margin-right:3%; margin-bottom: 10px; padding-top:10px;}
	ul#products li .itemnumber .text {font-size: 11px; padding-left: 5px; padding-top:2px; }
	ul#products li .itemnumber .code {margin-right: 10px; font-size: 12px;color:#327bd6; font-weight: 900;}
	ul#products li .image {width: 100%;}
	ul#products li .image span {width: 100%;}
	ul#products li .detail {height: 45px;}
	ul#products li .detail span {height: 45px;font-size: 12px;font-weight: 500;  }
	ul#products li .showLogin {width: 100%; height: 44px;}
	ul#products li .showLogin .logintext {padding-left:10px; font-size: 12px;text-align: center;}

	ul#products li .priceBox {width:100%;  height: 50px;}
	ul#products li .priceBox span {font-size: 12px; font-weight: 600; line-height: 20px; height: 50px;}
	ul#products li .priceBox span b {font-size: 18px; font-weight: 900;}
	ul#products li .priceBox span:nth-child(2) {background: #cbb500;}
	#productPage .box .pright .pagination {margin-top:50px;}
	#productPage .box .pright .pagination .pbox .arrow {float: left; width: 10px; height: 20px; margin-top:5px; }
	#productPage .box .pright .pagination .pbox .arrow img {width: 100%; }
	#productPage .box .pright .pagination .pbox ul#pages {margin-left: 20px;}
	#productPage .box .pright .pagination .pbox ul#pages li {width: 28px; height:28px; margin-right: 10px;}
	#productPage .box .pright .pagination .pbox ul#pages li a {height: 28px; padding-top:4px; font-size: 15px;}
	#productPage .box .pright .productinfo {width: 100%; margin-left:0px; margin-top:50px; font-size: 15px; line-height: 20px;}

	#productPageText {width: 100%; float: left; background: #ecf3f5; }
	#productPageText .box {width: 90%; line-height: 30px; padding-top:80px; padding-bottom: 80px;}

	#anfrageBanner {margin-top:50px; padding-bottom: 50px; }
	#anfrageBanner .box { width: 90%;}
	#anfrageBanner .box img {width: 100%; }
	#anfrageBanner .box .top span {margin-top:20px; margin-left: 50px; float: left;}
	#anfrageBanner .box .top span .title {font-size: 55px;}
	#anfrageBanner .box .top span p {font-size: 16px; line-height: 20px;}
	#anfrageBanner .box .top span .arrow {float: left; width: 50px; height: 50px; margin-top:10px;}
	#anfrageBanner .box .top span .arrow img {width: 18px; margin-top:10px;}

	#footerProduct .box {text-align: center; padding-top:40px; padding-bottom: 50px; font-size: 30px; line-height: 45px; }
	#footerProduct .box b {font-size: 35px;}


	#productDetail {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;}
	#productDetail .box {width: 95%;}
	#productDetail .box.notlogin .productTop {width:100%;}
	#productDetail .box .productTop .image {width:100%;}
	#productDetail .box.notlogin .productTop .image {width:100%;}
	#productDetail .box .productTop .image .title span {font-size:15px; }
	#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 18px;}
	#productDetail .box .productTop .image img { float: left;width: 100%; }
	#productDetail .box .productTop .basketBox {float: right; width: 100%; margin-top:40px; }
	#productDetail .box .productTop .basketBox .title span {font-size:18px; }
	#productDetail .box .productTop .basketBox .basketLine {margin-bottom: 10px; margin-top:20px; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width:100%}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width:70%;}  
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price span { font-size: 25px; color:#FFF; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {width:22%; font-size:25px; 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: 7%; overflow: hidden; height: 55px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {height: 24px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {height: 27px;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket {background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 25px; margin-top:20px; color:#FFF; float: left; margin-left: 120px; padding-top:5px; height: 40px; border-radius: 50px; font-size:17px; 	}
	#productDetail .box .productTop .basketBox .basketLine .addbasket span {height: 40px;}
	#productDetail .box .productTop .basketBox .explanation {margin-top:15px; }
	#productDetail .box .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box.notlogin .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box .productBottom .description {float: left; width: 100%; margin-top:20px; }
	#productDetail .box.notlogin .productBottom .description:nth-child(1) {float: left; width: 100%; margin-top:20px; }
	#productDetail .box .productBottom .description .title {width: 100%; font-size: 20px; }
	#productDetail .box .productBottom .description .title::after {width: 200px;}
	#productDetail .box.notlogin .productBottom .description .title::after {width:100%;}
	#productDetail .box .productBottom .description .content {margin-top:15px; font-size: 15px; line-height: 20px;}

	.generalTitle {font-size: 35px; padding-bottom: 80px;}
	.generalTitle::after {font-size: 40px; top: -15px;}

	#productDetail .box .generalTitle {margin-top:100px; }
	#productDetail .box ul#products {margin-top:20px; padding-top:30px; }
	#productDetail .box ul#products li:nth-child(3n+3) {margin-right: 0px; }
	#productDetail .box ul#products li:nth-child(4n+4) {display: none;}

	#user {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;  }
	#user .box {width: 90%; margin:auto;}
	#user .box .uleft .title {font-size: 20px;}
	#user .box .uleft .title b {font-size: 30px; font-weight: 900; }
	#user .box .uleft .title a {font-size: 25px;}
	#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 20px; }
	#user .box .uleft form .inputLine {margin-bottom: 20px; }
	#user .box .uleft form .inputLine label {font-size: 17px; }
	#user .box .uleft form .inputLine input[type="text"] { font-size: 17px; height: 45px;}
	#user .box .uleft form .inputLine input[type="password"] { font-size: 17px; height:45px;}
	#user .box .uleft form .passreminder {font-size: 15px;}
	#user .box .uleft form input[type="submit"] {height: 45px; margin-top:15px; font-size:20px;}
	#user .box .uright {float: right; width: 45%; }
	#user .box .uright .title {padding-top:30px; padding-bottom: 20px; font-weight: 700; font-size: 30px; line-height: 20px;}
	#user .box .uright .amenities p {font-size: 20px;line-height: 25px; }
	#user .box .uright .amenities .listTitle {margin-top:40px; font-weight: 700; font-size: 20px;}
	#user .box .uright .amenities ul#list li {margin-top:20px; padding-left: 20px; font-size: 20px;}
	#user .box .uright .amenities ul#list li:before {content:''; width: 10px; height: 10px;}
	#user .box .uright .amenities .register { padding:15px 18px 12px 18px; font-size: 20px;}

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

	#register {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#register .box {width: 90%;}
	#register .box .title {font-size: 20px; color:#000;  margin: auto;}
	#register .box .title b {font-size: 30px;}
	#register .box .title a {font-size: 25px;}
	#register .box p {width: 100%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 22px; }
	#register .box form .fleft {width: 48%;}
	#register .box form .fleft img {float: left; width: 100%; margin-top:50px; }
	#register .box form .fleft:last-child {float: right;}
	#register .box form .fleft .groupTitle {font-size: 20px; margin-top:50px; }
	#register .box form .fleft input[type="text"] {height: 50px; font-size: 18px;}
	#register .box form .fleft input[type="text"]::placeholder {font-size: 18px;}
	#register .box form .fleft input[type="password"] {width: 94%; height: 50px; font-size: 17px;}
	#register .box form .fleft input[type="password"]::placeholder {font-size: 17px;}
	#register .box form .fleft input[type="submit"] {float: left; width: 100%; margin-top:20px; height: 75px; font-size:30px;}

	#basket {margin-top:50px; padding-bottom:50px;}
	#basket .box {width:90%; margin:auto; }
	#basket .box .title {width: 100%; float: left; font-size:35px; color:#327bd6; }
	#basket .box ul#basketList {margin-top:20px; }
	#basket .box ul#basketList li {height: 120px; margin-bottom:15px; }
	#basket .box ul#basketList li .b1 {padding-top:10px; width: 75px; }
	#basket .box ul#basketList li .b1 .img {width: 75px; height: 75px; }
	#basket .box ul#basketList li .b1 .img span {height: 75px; }
	#basket .box ul#basketList li .b1 .img span img {width: 100%; }
	#basket .box ul#basketList li .b2 {height: 75px; width: 125px; margin-top:10px; margin-left: 10px;}
	#basket .box ul#basketList li .b2 span {height:75px; font-size: 13px; line-height: 20px; }
	#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 17px; }
	#basket .box ul#basketList li .b2.mengeBox {width: 75px; margin-left: 15px; }
	#basket .box ul#basketList.approval li .b2.mengeBox {width: 100px; 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: 17px; margin-top:4px; }
	#basket .box ul#basketList li .b2.price1 {width: 100px; margin-left: 15px; }
	#basket .box ul#basketList li .b2.price1 strong { font-size:18px;}
	#basket .box ul#basketList li .b2.price2 {width: 150px; text-align: center; margin-left: 0px;}
	#basket .box ul#basketList li .b2.price2 .bg {font-size: 18px; margin-left: 15px;}
	#basket .box ul#basketList li .b2.remove {width: 80px; float: right; text-align: center; margin-left: 10px;  }
	#basket .box ul#basketList li .b2.remove img {width: 20px; margin-top:20px; }
	#basket .box .totalBox {width:100%; margin-top:40px; float: left;}
	#basket .box .totalBox .totalTitle {float:left; width: 240px; height: 60px;}
	#basket .box .totalBox .totalTitle span { height: 60px; font-size: 25px;}
	#basket .box .totalBox .totalPrice {height: 60px;}
	#basket .box .totalBox .totalPrice span { height: 60px; font-size: 25px;}

	#basket .box .basketButton {float: left; width: 100%; margin-top:50px; }
	#basket .box .basketButton .content span {font-size: 18px; width: 100%;}
	#basket .box .basketButton .button {font-size: 25px;}
	#basket .box .basketButton .button.a {font-size: 20px; }

	#basketApproval {padding-bottom: 50px;}
	#basketApproval .text {padding-top:30px;font-size: 18px; line-height: 25px; }
	#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; width: 100%; height: 70px;  font-size: 23px; color:#327bd6; font-weight: 600; }

	#customer .box {width:90%; margin:auto;}
	#customer .box .request {float: left; width:48%;}
	#customer .box .request .text {width: 70%;}
	#customer .box .request .text span {font-size: 15px; line-height: 20px; font-weight: 400;  }
	#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 25px; font-weight: 400; line-height: 50px;}
	#customer .box .request .next {width: 40px; height: 40px; margin-top:65px; margin-right: 30px; background-size: 40%; }
	#customer .box .cp .cleft {float: left; width: 100%; }
	#customer .box .cp .cleft .customerTitle {float: left; width: 100%;  font-size: 20px; letter-spacing: 10px;}
	
	#customer .box .cp .cleft ul#customerMenu li {margin-right: 20px;}
	#customer .box .cp .cleft ul#customerMenu li a {font-size: 18px; color:#327bd6; }

	#customer .box .cp .cleft ul#myOrder li {margin-bottom: 20px; }
	#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 2%; width: 32%; height: 70px; }
	#customer .box .cp .cleft ul#myOrder li .o1 span {line-height: 22px; font-size: 16px; height: 70px;}
	#customer .box .cp .cleft ul#myOrder li .o1.k {width: 33%; margin-left: 0px;}
	#customer .box .cp .cleft ul#myOrder li .o1.s {width: 33%; margin-left: 2%; }
	#customer .box .cp .cleft ul#myOrder li .o1.pdf {width: 33%; margin-left: 2%; }
	#customer .box .cp .cleft ul#myOrder li .detailbutton { float:left; margin-right: 10px; width: 100px; margin-top:10px;  font-size: 15px; font-weight: 600; padding:13px 24px 15px 24px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail {padding-top:30px; padding-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 100%; margin-left: 30px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 60%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 75px; height: 75px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {height: 75px; }
	#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: 20px; height: 75px; display: table; width: 70%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 50%; margin-left:0px; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {height: 70px; font-size: 15px; line-height: 25px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 {width: 50%; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:18px; 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: 20px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-top:8px; float: left; width: 23%; margin-left: 3%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle { font-size: 18px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow { margin-top:10px;font-size: 20px;}

	#customer .box .cp .cleft .passwordUpdate .image {text-align: center;}
	#customer .box .cp .cleft .passwordUpdate .image img {width: 70%;}

	#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:45%; float: left; margin-top:50px; margin-left: 55px; }
	#customer .box .cp .cleft .helpForm .image {text-align: center;}
	#customer .box .cp .cleft .helpForm .image img {width: 80%;}

	#customer .box .cp .cleft .information form .fleft {width: 48%; }
	#customer .box .cp .cleft .information form .fleft .groupTitle { font-size: 20px; }
	#customer .box .cp .cleft .information form .fleft input[type="text"] {width: 94%; height: 47px; font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="text"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"] {width: 94%; height: 47px; font-size:15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="submit"] {margin-top:40px; height: 65px; font-size: 15px; font-weight: 700;}

	#customer .box .cp .cleft .passwordUpdate form {width: 45%; margin-left:5%; }
	#customer .box .cp .cleft .passwordUpdate form label { font-size: 18px; margin-bottom: 20px; }
	#customer .box .cp .cleft .passwordUpdate form input[type="password"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .passwordUpdate form input[type="submit"] { height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .passwordUpdate .image {float: left; margin-top:50px; margin-left: 5%; width: 45%; }


	#customer .box .cp .cleft .helpForm form {width:45%; margin-left:5%; }
	#customer .box .cp .cleft .helpForm form label { font-size: 15px; margin-bottom: 20px; line-height: 18px;}
	#customer .box .cp .cleft .helpForm form input[type="text"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .helpForm form input[type="submit"] {height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .helpForm .image {float: left; margin-top:50px; margin-left: 5%; width: 45%; }


	#contact {margin-top:50px; }
	#contact .box {width:90%; margin:auto; }
	#contact .box .info {float: left; width:100%; }
	#contact .box .info p {padding-top:40px;}

	#contact .box .info .infoLine {width: 400px; margin-top:40px;}

	#contact .box form {float: left; margin-left: 0px; width:90%; margin-top:40px; 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 .box {width:90%; margin:auto;}
	#anfrage .box form .title { font-size: 23px;}
	#anfrage .box form .aleft input[type="text"] {height: 45px; margin-top: 15px; font-size: 15px;}
	#anfrage .box form .aright textarea { height: 236px; margin-top: 15px;font-size: 15px;}
	#anfrage .box form .aright textarea::placeholder { font-size: 15px;}
	#anfrage .box form .abottom  textarea { font-size: 15px; height: 250px;}
	#anfrage .box form .abottom textarea::placeholder { font-size: 15px;}
	#anfrage .box form .button input[type="submit"] {height: 60px;font-size: 30px;}


	#cookieText .text { display: table; height: auto; padding: 10px 15px 10px 15px; width:90%; float: left; text-align: center;}
	#cookieText .text span {height: auto;}
	#cookieText .buttons {float: none; display: table; margin: auto; width: auto; height: 50px;}
	#cookieText .buttons .button {padding-left: 20px; padding-right:20px; height: 30px; border-radius: 5px; background: #327bd6; margin-top:0px; display: table; float: right; margin-right: 10px;}
	#cookieText .buttons .button span {display: table-cell; vertical-align: middle; height: 30px; color:#FFF; }

}

@media only screen and (max-width:768px) and (min-width:576px) {

	#top {width: 100%; background: #1e1e1e; height: 40px; float: left; }
	#top .box {width: 100%;}
	#top .box .language {margin-left: 190px; }
	#top .box .language .icon { margin-right: 5px; height: 40px;}
	#top .box .language .icon a {height: 40px; }
	#top .box ul.menu {float: left; margin-left: 40px; }
	#top .box ul.menu li {margin-right: 15px; height: 40px;}
	#top .box ul.menu li a {height: 40px; color:#bacee7; font-size: 15px; }

	#header .box {width: 100%;}
	#header .box .logo {margin-left: 15px; border-bottom-left-radius: 75%; border-bottom-right-radius: 75%; padding:25px 10px 25px 15px; margin-top: -53px; text-align: center;}
	#header .box .logo img {width: 80%;}
	#header .box .contact {display: none;}
	#header .box .contact .info {height: 60px; }
	#header .box .contact .info .text {float: left; font-size: 17px;}
	#header .box .contact .info .text b {font-size: 15px; color:#327bd6; }

	#header .box .hmenu {float: right; width: 101px; height: 101px; background: #FFF; display: table;}
	#header .box .hmenu a {display: table-cell; vertical-align: middle; height: 101px; text-align: center;}
	#header .box .hmenu a img {width: 30px; }
	#header .box .hmenu {float: right; width: 60px; height: 60px;}
	#header .box .hmenu a {height: 60px;}
	#header .box .hmenu2 {display: none;}

	#header .box .user {float: right; width: 60px; height: 60px;}
	#header .box .user a {height: 60px;}
	#header .box .user a img {width: 40%;}
	#header .box .search {width: 60px; height: 60px;}
	#header .box .search span {height: 60px;}
	#header .box .search span img {width: 40%;}
	#header .box .search .searchBox { height: 60px; right: 60px;}
	#header .box .search .searchBox input[type="text"] { height: 58px; width: 170px; padding-left: 12px; font-size: 15px; }
	#header .box .search .searchBox input[type="text"]::placeholder {font-family: 'Overpass'; font-size: 15px; }
	#header .box .search:hover .searchBox {width: 170px;}
	#header .box ul#menu {margin-right: 0px; display: none; float: left;background:#327bd6; width: 100%;}
	#header .box ul#menu li { height: 60px; margin-right: 20px;}
	#header .box ul#menu li:nth-child(1) {margin-left: 190px; }
	#header .box ul#menu li a {height:60px; font-size: 19px; color:#FFF; }
	#header .box ul#menu li:last-child {margin-right: 0px; }
	#header .box.login ul#menu {float:left; margin-right: 0px; margin-left: 0px; }
	#header .box .userBox {display: none;}
	#header .box.login .userBox {float: right; height: 40px; display: block;}
	#header .box.login .userBox .button {float: left; height: 40px; margin-right: 10px; margin-top:10px;}
	#header .box.login .userBox .button .icon {float: left; width: 40px; height: 40px;}
	#header .box.login .userBox .button .icon span { height: 40px;}
	#header .box.login .userBox .button .icon span img { max-width: 50%;}
	#header .box.login .userBox .button .text {height: 43px; margin-left: 10px; }
	#header .box.login .userBox .button .text span {height: 43px; font-size: 14px; color:#327bd6; }

	#slider .box {position: relative; float: left;} 
	#slider .slider .bannerImage {width: 100%; height: 350px; overflow:hidden;  background-repeat: no-repeat; background-size:100%;  display: none;}
	#slider .slider img {display: block;}
 	#slider .box .searchBox {width:95%; margin-top:-50px;}
	#slider .box .searchBox .productSearch {right:0px; bottom:auto; position: relative; float: left; width: 90%; padding:15px 30px 15px 30px; border-top:15px solid #f80000;}
	#slider .box .searchBox .productSearch .title {width: 100%; text-align: center; font-size:20px;}
	#slider .box .searchBox .productSearch .title::before {width: 30px; height: 35px; position: absolute; left: -13px; }
	#slider .box .searchBox .productSearch .title::after { width: 30px; height: 35px;  position: absolute; right:  -13px; }
	#slider .box .searchBox .productSearch .info {font-size: 12px; color:#327bd6; line-height: 14px;}
	#slider .box .searchBox .productSearch .input { margin-top:10px;}
	#slider .box .searchBox .productSearch .input .icon { width: 60px; height: 35px; display: table; text-align: center;} 
	#slider .box .searchBox .productSearch .input .icon span {height: 35px; }
	#slider .box .searchBox .productSearch .input .icon span img {width: 40%; }
	#slider .box .searchBox .productSearch .input select {padding-left: 15px; height: 35px; float: left; width:85%; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 15px; height: 35px; float: left; width: 80%; font-size: 15px;}
	#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 15px; font-family: 'Overpass', sans-serif;}
	#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 40px;  float: left; margin-top: 10px; font-size: 18px;}

	#homeBox { border-top: 40px solid #bacee7; height: 280px; margin-top:-110px;}
	#homeBox .box {width: 95%;}
	#homeBox .box ul#boxList {margin-top:70px;}
	#homeBox .box ul#boxList li h2 {width: 90%; margin-left: 5%; position: absolute; bottom: 20px; font-size: 17px; color:#FFF; font-weight: 700; text-align: center; line-height: 22px;}
	#homeBox .box ul#boxList {float: left; width: 100%; margin-top:100px;}
	

	#services {padding-bottom: 50px;}
	#services .line { margin-top:250px; }
	#services .box {width: 90%; margin:auto;}
	#services .box ul#serviceList {float: left; width: 100%; margin-top:60px; }
	#services .box ul#serviceList li {width: 48%; margin-right: 2%; float: left; }
	#services .box ul#serviceList li h3 {min-width: 100%; border-bottom: 5px solid #000; padding:5px 0px 5px 0px; font-size: 20px; padding-bottom: 15px; }
	#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li:hover h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li p {font-size: 16px; color:#000; line-height: 20px; margin-top:20px;}
	#services .box .newProductText {margin-top:100px; font-size: 22px; line-height: 28px;}
	#services .box .newProductTitle {font-size: 25px; color:#327bd6; margin-top:72px; letter-spacing: 6px; padding-bottom: 100px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 60px; background-size: 150px; }
	#services .box .newProductTitle::after { font-size: 30px; position: absolute; top: -15px; letter-spacing: 6px;}	
	#services .box ul#newProduct {float: left; width: 100%; margin-top: 40px; margin-left: 0px; }
	#services .box ul#newProduct li { height: 60px; width: 23.5%; }
	#services .box ul#newProduct li a {width: 100%; display: table-cell; vertical-align: middle; height: 60px; font-size: 20px; color:#000;}


	#homeBanner .box .info {width:90%;  background-size: 20px; }
	#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 25px;}
	#homeBanner .box .info .text .detail {width: 60%; font-size: 14px; margin-top:20px; line-height: 15px;}

	
	#homeCompany {padding: 100px 0px 100px 0px; background-size: 90%; }
	#homeCompany .box {width: 90%; margin: auto; }
	#homeCompany .box .text {margin-bottom: 20px;}
	#homeCompany .box .text.t1 { font-size: 22px;}
	#homeCompany .box .text.t2 { font-size: 27px; line-height: 33px;}
	#homeCompany .box .text.t3 { font-size: 18px; color:#000000; line-height: 24px;}
	#homeCompany .box .buttonBox {width: 100%; float: left; margin-top:0px; }
	#homeCompany .box .buttonBox .button { padding:6px; height: 40px; padding-bottom: 4px; }
	#homeCompany .box .buttonBox .button .t {padding-left: 50px; padding-top: 4px; height: 40px; font-size:30px; min-width: 150px; }
	#homeCompany .box .buttonBox .button .arrow img {height: 40px; }
	#homeCompany .box .buttonBox .button:hover .arrow {transform: rotate(35deg); transition: transform 0.7s; }


	#quality .box {width:90%; margin:auto;}
	#quality .box .title { font-size: 30px; margin-top:60px; }
	#quality .box .title::after { font-size: 30px; letter-spacing: 6px;}
	#quality .box ul#qualityList {float: left; margin-top:40px; width:100%; }
	#quality .box ul#qualityList li {float: left; width: 100%; margin-right: 2%; margin-bottom:40px;}
	#quality .box ul#qualityList li .icon {width: 40%; height: 80px;}
	#quality .box ul#qualityList li .icon span { height: 160px;}
	#quality .box ul#qualityList li .icon span img {width: 40%; }
	#quality .box ul#qualityList li .info {float: left; margin-left: 4%;width: 55%;}
	#quality .box ul#qualityList li .info .t {font-size: 17px; font-weight: 600; border-bottom:5px solid #e10000; }
	#quality .box ul#qualityList li .info .detail {width: 100%; margin-top:10px; float: left; font-size: 13px; color:#FFF; line-height: 16px; height: 120px;}

	#footer {padding-top: 50px; padding-bottom: 50px;}
	#footer .box {width:90%; }
	#footer .box .contact {float: left; width:100%; margin-right: 140px; }
	#footer .box .contact .flogo {float: left; width: 30%; margin-bottom: 30px;}
	#footer .box .contact .flogo img {float: left; width: 100%; }
	#footer .box .contact .line {float: left; width: 60%; margin-left: 5%;  margin-bottom: 10px;}
	#footer .box .contact .line:nth-child(2) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(3) {width: 30%; margin-top:20px; }
	#footer .box .contact .line:nth-child(4) {margin-top:20px; width: 100%; margin-left: 0px; margin-top:0px;}
	#footer .box .contact .line .title {font-size: 17px;}
	#footer .box .contact .line .t {font-size: 13px;margin-top:10px;}
	#footer .box ul#fmenu {float: left; width:33%; margin-top:25px; }
	#footer .box ul#fmenu li { font-size: 15px; margin-bottom: 10px;}
	#footer .box ul#fmenu li a { font-size: 15px;}
	#footer .box ul#fmenu li.title {font-size: 20px;  margin-bottom: 20px;}

	#copyright {height: 60px;}
	#copyright .box {width: 100%; height: 60px;}
	#copyright .box .text {height: 60px; text-align: center; width: 100%;}
	#copyright .box .text span {font-size: 13px; height: 60px; line-height: 20px; }
	#copyright .box .hfk {float: right; height: 60px; display: none; }
	#copyright .box .hfk a {display: table-cell;vertical-align: middle; height: 60px; }
	#copyright .box .hfk a img {width: 50%; }

	#pageBanner {margin-bottom: 20px;}
	#pageBanner h1 {padding-top:15px; padding-bottom: 15px; font-size: 40px; bottom:50px;}
	#pageBanner .pageinfo {height: 40px;}
	#pageBanner .pageinfo span { font-size: 12px; font-weight: 600; height: 40px;}
	#pageBanner .pageinfo span::after {content:''; width:34px; height:11px; position: absolute; margin-left: 10px; margin-top:2px; background:url('../img/pageinforight.png');}
	#pageBanner .pageinfo span::before {content:''; width:34px; height:11px; position: absolute; margin-left:-50px; margin-top:2px; background:url('../img/pageinfoleft.png');}


	#page {width: 100%; float: left; }
	#page .box {width:90%; padding-top:50px; }
	#page .box .text { margin-bottom: 30px; float: left;}
	#page .box .text.t1 { font-size: 15.32px;}
	#page .box .text.t2 { font-size: 22px; line-height: 25px;}
	#page .box .text.t3 { font-size: 14px; line-height: 20px;}

	#page.page .box {width: 90%;}
	#page .box .pleft {width: 100%;}
	#page .box .pleft .title {height: 50px; display: none;}
	#page .box .pleft .title span {height: 50px; font-size: 17px;}
	#page .box .pleft ul#sidebar {display: none;}
	#page .box .pright {width:100%; line-height: 25px; font-size: 15px; color:#555; margin-top:20px; }
	#sidebarSelect {height: 50px; font-size: 17px; display: block;}

	#companyGallery {margin-top:0px; padding-bottom: 50px;}
	#companyGallery .box {width: 90%;}
	#companyGallery .box .titleimg { margin-top:75px; }
	#companyGallery .box .titleimg img {width:90%; }
	#companyGallery .box .title {font-size: 55px; font-weight: 900; margin-top:120px; padding-bottom: 80px;}
	#companyGallery .box .title::after { font-size:60px; top: -25px; }
	#companyGallery .box ul#gallery { width: 90%; margin-top:50px; margin-left: 5%;}
	#companyGallery .box ul#gallery li {float: left; width: 32%; margin-right: 2%; }
	#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 .box form {width: 90%; margin-top:50px;}
	#fContact .box form .fleft {float: left; width: 910px;}
	#fContact .box form .fleft input[type="text"] { width: 380px; padding-top:7px; margin-right: 25px; background: #FFF; border:none; padding-left: 36px; margin-bottom:12px; 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;}

	#fContact .box {width: 100%; height: 100%; position: absolute; top:0px; left:0px;}
	#fContact .box form {width: 80%; margin:auto; margin-top:10px;}
	#fContact .box form .fleft {float: left; width: 79%;}
	#fContact .box form .fleft input[type="text"] { width: 45%; padding-left: 2%; margin-right: 3%; font-size: 13px; }
	#fContact .box form .fleft input[type="text"]::placeholder {font-size: 13px;}
	#fContact .box form .fright {float: right; width: 20%; }
	#fContact .box form .fright input[type="submit"] {width: 100%; height:14.8vw; border:none; background:#327bd6; font-size: 20px; color:#FFF; font-family: 'Overpass'; font-weight: 500;}


	#productPage {width: 100%; margin-top:10px; padding-bottom:10px;}
	#productPage .box {width: 90%;}
	
	#productPage .box .pageSearch .input {margin-top:10px; width: 48%; margin-right: 1%; }
	#productPage .box .pageSearch .input .icon {float: left; width: 45px; height: 46px;} 
	#productPage .box .pageSearch .input .icon span {height: 46px;}
	#productPage .box .pageSearch .input .icon span img {width:50%; }
	#productPage .box .pageSearch .input select {padding-left: 10px; height:46px; width: 80%; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"] {padding-left: 10px; height: 44px; float: left; width: 75%; font-size: 14px;}
	#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 14px; font-family: 'Overpass', sans-serif;}
	#productPage .box .pageSearch input[type="submit"] {width: 48%; height: 58px; font-size: 18px; margin-top:10px; }

	#productPage .box .pleft {margin-top:30px; width: 100%; }
	#productPage .box .pleft .title {height: 50px; display: none;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 5px; height: 40px; display: none;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#productPage .box .pright {width:100%; float: right; margin-top:30px; }

	ul#products {width: 100%; float: left;}
	ul#products li {float: left; width: 47.5%; margin-right:4%; margin-bottom: 10px; padding-top:10px;}
	ul#products li:nth-child(2n+2) {margin-right: 0px;}
	ul#products li:nth-child(3n+3) {margin-right: 4%;}
	ul#products li:nth-child(6) {margin-right: 0px;}
	ul#products li .itemnumber .text {font-size: 11px; padding-left: 5px; padding-top:2px; }
	ul#products li .itemnumber .code {margin-right: 10px; font-size: 12px;color:#327bd6; font-weight: 900;}
	ul#products li .image {width: 100%;}
	ul#products li .image span {width: 100%; }
	ul#products li .detail {height: 45px;}
	ul#products li .detail span {height: 45px;font-size: 12px;font-weight: 500;  }
	ul#products li .showLogin {width: 100%; height: 44px;}
	ul#products li .showLogin .logintext {padding-left:10px; font-size: 12px;text-align: center;}

	ul#products li .priceBox {width:100%;  height: 50px;  }
	ul#products li .priceBox span {font-size: 12px; font-weight: 600; line-height: 20px; height: 50px;}
	ul#products li .priceBox span b {font-size: 18px; font-weight: 900;}
	ul#products li .priceBox span:nth-child(2) {background: #cbb500;}
	#productPage .box .pright .pagination {margin-top:50px;}
	#productPage .box .pright .pagination .pbox .arrow {float: left; width: 10px; height: 20px; margin-top:5px; }
	#productPage .box .pright .pagination .pbox .arrow img {width: 100%; }
	#productPage .box .pright .pagination .pbox ul#pages {margin-left: 20px;}
	#productPage .box .pright .pagination .pbox ul#pages li {width: 28px; height:28px; margin-right: 10px;}
	#productPage .box .pright .pagination .pbox ul#pages li a {height: 28px; padding-top:4px; font-size: 15px;}
	#productPage .box .pright .productinfo {width: 100%; margin-left:0px; margin-top:50px; font-size: 15px; line-height: 20px;}

	#productPageText {width: 100%; float: left; background: #ecf3f5; }
	#productPageText .box {width: 90%; line-height: 30px; padding-top:80px; padding-bottom: 80px;}

	#anfrageBanner {margin-top:50px; padding-bottom: 50px; }
	#anfrageBanner .box { width: 90%;}
	#anfrageBanner .box img {width: 100%; }
	#anfrageBanner .box .top span {margin-top:20px; margin-left: 50px; float: left;}
	#anfrageBanner .box .top span .title {font-size: 55px;}
	#anfrageBanner .box .top span p {font-size: 16px; line-height: 20px;}
	#anfrageBanner .box .top span .arrow {float: left; width: 50px; height: 50px; margin-top:10px;}
	#anfrageBanner .box .top span .arrow img {width: 18px; margin-top:10px;}

	#footerProduct .box {text-align: center; padding-top:40px; padding-bottom: 50px; font-size: 30px; line-height: 45px; }
	#footerProduct .box b {font-size: 35px;}


	#productDetail {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;}
	#productDetail .box {width: 95%;}
	#productDetail .box.notlogin .productTop {width: 100%;}
	#productDetail .box .productTop .image {width:100%;}
	#productDetail .box .productTop .image .title span {font-size:15px; }
	#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 18px;}
	#productDetail .box .productTop .image img { float: left;width: 100%; }
	#productDetail .box .productTop .basketBox {float: right; width: 100%; margin-top:40px; }
	#productDetail .box .productTop .basketBox .title span {font-size:18px; }
	#productDetail .box .productTop .basketBox .basketLine {margin-bottom: 10px; margin-top:20px; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width:100%}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width:70%;}  
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price span { font-size: 25px; color:#FFF; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {width:22%; font-size:25px; 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: 7%; overflow: hidden; height: 55px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {height: 24px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {height: 27px;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket {background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 25px; margin-top:20px; color:#FFF; float: left; margin-left: 120px; padding-top:5px; height: 40px; border-radius: 50px; font-size:17px; 	}
	#productDetail .box .productTop .basketBox .basketLine .addbasket span {height: 40px;}
	#productDetail .box .productTop .basketBox .explanation {margin-top:15px; }
	#productDetail .box .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box.notlogin .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box .productBottom .description {float: left; width: 100%; margin-top:20px; }
	#productDetail .box.notlogin .productBottom .description:nth-child(1) {float: left; width: 100%; margin-top:20px; }
	#productDetail .box .productBottom .description .title {width: 100%; font-size: 20px; }
	#productDetail .box .productBottom .description .title::after {width: 200px;}
	#productDetail .box.notlogin .productBottom .description .title::after {width:100%;}
	#productDetail .box .productBottom .description .content {margin-top:15px; font-size: 15px; line-height: 20px;}

	.generalTitle {font-size: 35px; padding-bottom: 80px;}
	.generalTitle::after {font-size: 40px; top: -15px;}

	#productDetail .box .generalTitle {margin-top:100px; }
	#productDetail .box ul#products {margin-top:20px; padding-top:30px; }
	#productDetail .box ul#products li:nth-child(3n+3) {margin-right: 0px; }
	#productDetail .box ul#products li:nth-child(4n+4) {display: none;}

	#user {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;  }
	#user .box {width: 90%; margin:auto;}
	#user .box .uleft {width:100%;}
	#user .box .uleft .title {font-size: 20px;}
	#user .box .uleft .title b {font-size: 30px; font-weight: 900; }
	#user .box .uleft .title a {font-size: 25px;}
	#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 20px; }
	#user .box .uleft form .inputLine {margin-bottom: 20px; }
	#user .box .uleft form .inputLine label {font-size: 17px; }
	#user .box .uleft form .inputLine input[type="text"] { font-size: 17px; height: 45px;}
	#user .box .uleft form .inputLine input[type="password"] { font-size: 17px; height:45px;}
	#user .box .uleft form .passreminder {font-size: 15px;}
	#user .box .uleft form input[type="submit"] {height: 45px; margin-top:15px; font-size:20px;}
	#user .box .uright {float: right; width: 100%; margin-top:40px;}
	#user .box .uright .title {padding-top:30px; padding-bottom: 20px; font-weight: 700; font-size: 30px; line-height: 20px;}
	#user .box .uright .amenities p {font-size: 20px;line-height: 25px; }
	#user .box .uright .amenities .listTitle {margin-top:40px; font-weight: 700; font-size: 20px;}
	#user .box .uright .amenities ul#list li {margin-top:20px; padding-left: 20px; font-size: 20px;}
	#user .box .uright .amenities ul#list li:before {content:''; width: 10px; height: 10px;}
	#user .box .uright .amenities .register { padding:15px 18px 12px 18px; font-size: 20px;}

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

	#register {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#register .box {width: 90%;}
	#register .box .title {font-size: 20px; color:#000;  margin: auto;}
	#register .box .title b {font-size: 30px;}
	#register .box .title a {font-size: 25px;}
	#register .box p {width: 100%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 22px; }
	#register .box form .fleft {width: 100%;}
	#register .box form .fleft img {float: left; width: 100%; margin-top:50px; }
	#register .box form .fleft:last-child {float: right;}
	#register .box form .fleft .groupTitle {font-size: 20px; margin-top:50px; }
	#register .box form .fleft input[type="text"] {height: 50px; font-size: 18px;}
	#register .box form .fleft input[type="text"]::placeholder {font-size: 18px;}
	#register .box form .fleft input[type="password"] {width: 94%; height: 50px; font-size: 17px;}
	#register .box form .fleft input[type="password"]::placeholder {font-size: 17px;}
	#register .box form .fleft input[type="submit"] {float: left; width: 100%; margin-top:20px; height: 75px; font-size:30px;}

	#basket {margin-top:50px; padding-bottom:50px;}
	#basket .box {width:90%; margin:auto; }
	#basket .box .title {width: 100%; float: left; font-size:35px; color:#327bd6; }
	#basket .box ul#basketList {margin-top:20px; }
	#basket .box ul#basketList li {height: auto; padding-bottom: 15px; margin-bottom:15px; }
	#basket .box ul#basketList li .b1 {padding-top:10px; width: 75px; }
	#basket .box ul#basketList li .b1 .img {width: 75px; height: 75px; }
	#basket .box ul#basketList li .b1 .img span {height: 75px; }
	#basket .box ul#basketList li .b1 .img span img {width: 100%; }
	#basket .box ul#basketList li .b2 {height: 75px; width: 125px; margin-top:10px; margin-left: 10px;}
	#basket .box ul#basketList li .b2 span {height:75px; font-size: 13px; line-height: 20px; }
	#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 17px; }
	#basket .box ul#basketList li .b2.mengeBox {width: 75px; margin-left: 15px; }
	#basket .box ul#basketList.approval li .b2.mengeBox {width: 100px; 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: 17px; margin-top:4px; }
	#basket .box ul#basketList li .b2.price1 {width: 100px; margin-left: 15px; }
	#basket .box ul#basketList li .b2.price1 strong { font-size:18px;}
	#basket .box ul#basketList li .b2.price2 {width: 150px; text-align: center; margin-left: 0px;}
	#basket .box ul#basketList li .b2.price2 .bg {font-size: 18px; margin-left: 15px;}
	#basket .box ul#basketList li .b2.remove {width: 80px; float: right; text-align: center; margin-left: 10px;  }
	#basket .box ul#basketList li .b2.remove img {width: 20px; margin-top:20px; }
	#basket .box .totalBox {width:100%; margin-top:40px; float: left;}
	#basket .box .totalBox .totalTitle {float:left; width:45%; height: 60px;}
	#basket .box .totalBox .totalTitle span { height: 60px; font-size: 25px;}
	#basket .box .totalBox .totalPrice {height: 60px; width: 45%; padding-left: 0px; padding-right: 0px; }
	#basket .box .totalBox .totalPrice span { height: 60px; font-size: 25px;}

	#basket .box .basketButton {float: left; width: 100%; margin-top:50px; }
	#basket .box .basketButton .content span {font-size: 18px; width: 100%;}
	#basket .box .basketButton .button {font-size: 25px; width: 45%; padding-left: 0px; padding-right: 0px; }
	#basket .box .basketButton .button.a {font-size: 20px; }

	#basketApproval {padding-bottom: 50px;}
	#basketApproval .text {padding-top:30px;font-size: 18px; line-height: 25px; }
	#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; width: 100%; height: 70px;  font-size: 23px; color:#327bd6; font-weight: 600; }

	#customer .box {width:90%; margin:auto;}
	#customer .box .request {float: left; width:100%; margin-bottom: 15px;}
	#customer .box .request .text {width: 70%;}
	#customer .box .request .text span {font-size: 15px; line-height: 20px; font-weight: 400;  }
	#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 25px; font-weight: 400; line-height: 50px;}
	#customer .box .request .next {width: 40px; height: 40px; margin-top:65px; margin-right: 30px; background-size: 40%; }
	#customer .box .cp .cleft {float: left; width: 100%; }
	#customer .box .cp .cleft .customerTitle {float: left; width: 100%;  font-size: 20px; letter-spacing: 10px;}
	
	#customer .box .cp .cleft ul#customerMenu li {margin-right: 30px; margin-bottom: 15px;}
	#customer .box .cp .cleft ul#customerMenu li a {font-size: 18px; color:#327bd6; }


	
	#customer .box .cp .cleft ul#myOrder li {margin-bottom: 20px; }
	#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 2%; width: 32%; height: 70px; }
	#customer .box .cp .cleft ul#myOrder li .o1 span {line-height: 22px; font-size: 16px; height: 70px;}
	#customer .box .cp .cleft ul#myOrder li .o1.k {width: 33%; margin-left: 0px;}
	#customer .box .cp .cleft ul#myOrder li .o1.s {width: 33%; margin-left: 2%; }
	#customer .box .cp .cleft ul#myOrder li .o1.pdf {width: 33%; margin-left: 2%; }
	#customer .box .cp .cleft ul#myOrder li .detailbutton { float:left; margin-right: 10px; width: 100px; margin-top:10px;  font-size: 15px; font-weight: 600; padding:13px 24px 15px 24px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail {padding-top:30px; padding-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 95%; margin-left: 2.5%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 50%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 75px; height: 75px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {height: 75px; }
	#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: 20px; height: 75px; display: table; width: 60%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 50%; margin-left:0px; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {height: 70px; font-size: 15px; line-height: 25px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 {width: 50%; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:18px; font-style: italic; font-weight: 300; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price2 {width: 50%; 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: 20px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-top:8px; float: left; width: 40%; margin-left: 3%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle { font-size: 18px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow { margin-top:10px;font-size: 20px;}

	#customer .box .cp .cleft .passwordUpdate .image {text-align: center;}
	#customer .box .cp .cleft .passwordUpdate .image img {width: 100%;}

	#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:45%; float: left; margin-top:50px; margin-left: 55px; }
	#customer .box .cp .cleft .helpForm .image {text-align: center;}
	#customer .box .cp .cleft .helpForm .image img {width: 80%;}

	#customer .box .cp .cleft .information form .fleft {width: 100%; margin-left: 0%;}
	#customer .box .cp .cleft .information form .fleft:nth-child(2) {width: 100%; margin-left: 0%; }
	#customer .box .cp .cleft .information form .fleft .groupTitle { font-size: 20px; }
	#customer .box .cp .cleft .information form .fleft input[type="text"] {width: 94%; height: 47px; font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="text"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"] {width: 94%; height: 47px; font-size:15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="submit"] {margin-top:40px; height: 65px; font-size: 15px; font-weight: 700;}

	#customer .box .cp .cleft .passwordUpdate form {width: 90%; margin-left:5%; }
	#customer .box .cp .cleft .passwordUpdate form label { font-size: 18px; margin-bottom: 20px; }
	#customer .box .cp .cleft .passwordUpdate form input[type="password"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .passwordUpdate form input[type="submit"] { height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .passwordUpdate .image {float: left; margin-top:50px; margin-left: 25%; width: 50%; }


	#customer .box .cp .cleft .helpForm form {width:90%; margin-left:5%; }
	#customer .box .cp .cleft .helpForm form label { font-size: 15px; margin-bottom: 20px; line-height: 18px;}
	#customer .box .cp .cleft .helpForm form input[type="text"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .helpForm form input[type="submit"] {height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .helpForm .image {float: left; margin-top:50px; margin-left: 25%; width: 50%; }


	#contact {margin-top:50px; }
	#contact .box {width:90%; margin:auto; }
	#contact .box .info {float: left; width:100%; }
	#contact .box .info p {padding-top:40px; width: 90%; margin-left: 5%;}

	#contact .box .info .infoLine {width: 80%; margin-left: 10%; margin-top:40px; padding-left: 10%; }

	#customer .box .cp .cleft .orderBar .allOrders {display: none;}

	#contact .box form {float: left; margin-left: 0px; width:90%; margin-top:40px; 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:none;}
	.mobilButtonShow {display:block;}

	#anfrage .box {width:90%; margin:auto;}
	#anfrage .box form .title { font-size: 20px;}
	#anfrage .box form .aleft {width: 100%;}
	#anfrage .box form .aright {width: 100%;}
	#anfrage .box form .aleft input[type="text"] {height: 45px; margin-top: 15px; font-size: 15px;}
	#anfrage .box form .aright textarea { height: 236px; margin-top: 15px;font-size: 15px;}
	#anfrage .box form .aright textarea::placeholder { font-size: 15px;}
	#anfrage .box form .abottom  textarea { font-size: 15px; height: 250px;}
	#anfrage .box form .abottom textarea::placeholder { font-size: 15px;}
	#anfrage .box form .button input[type="submit"] {height: 60px;font-size: 30px;}

	#cookieText .text { display: table; height: auto; padding: 10px 15px 10px 15px; width:90%; float: left; text-align: center;}
	#cookieText .text span {height: auto;}
	#cookieText .buttons {float: none; display: table; margin: auto; width: auto; height: 50px;}
	#cookieText .buttons .button {padding-left: 20px; padding-right:20px; height: 30px; border-radius: 5px; background: #327bd6; margin-top:0px; display: table; float: right; margin-right: 10px;}
	#cookieText .buttons .button span {display: table-cell; vertical-align: middle; height: 30px; color:#FFF; }
}	


@media only screen and (max-width:576px) {
	

	#top {height: 43px;}
	#top .box {width: auto; display: table;}
	#top .box .language {margin-left: 0px; }
	#top .box .language .icon { margin-right: 5px; height: 40px;}
	#top .box .language .icon a {height: 40px; }
	#top .box ul.menu {float: left; margin-left: 10px; }
	#top .box ul.menu li {margin-right: 15px; height: 40px; padding-top: 3px; }
	#top .box ul.menu li a {height: 40px; color:#bacee7; font-size: 15px; }


	
	#top.toplogin .box {width:100%; display: table;}
	#top.toplogin .box .language {margin-left: 10px; float:left; }
	#top.toplogin .box ul.menu {float: left; margin-left: 10px;  }

	#top .box .basketicon {float: right; margin-top:7px; margin-right: 10px; }
	#top .box .basketicon .icon {float: left; height: 25px; }
	#top .box .basketicon .icon img {float: left; height: 25px; }

	#top .box .userbuttonicon {float: right; margin-top:7px; margin-right: 10px; }
	#top .box .userbuttonicon .icon {float: left; height: 25px; }
	#top .box .userbuttonicon .icon img {float: left; height: 25px; }

	#header .box {width: 100%;}
	#header .box .logo {margin-left: 0px; border-bottom-left-radius: 0px; height: auto; width: 65px; border-bottom-right-radius:0px; padding:0px; margin-top: 0px; text-align: center; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.39); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.39); position: relative; padding-top:10px; padding-bottom: 10px; }
	#header .box .logo img {width: 100%;}
	#header .box .contact {display: none;}
	
	#header .box .hmenu {display: none;}
	#header .box .hmenu2 {float:left; width: 76px; height: 76px; background: #FFF; display: table;}
	#header .box .hmenu2 a {display: table-cell; vertical-align: middle; height: 76px; text-align: center;}
	#header .box .hmenu2 a img {width: 30px; }
	


	#header .box .user {float: right; width: 50px; height: 50px; margin-top:10px; margin-right: 5%;	}
	#header .box .user a {height: 50px;}
	#header .box .user a img {width: 40%;}
	#header .box .search {width: 50px; height: 50px; margin-top:10px; position: initial;}
	#header .box .search span {height: 50px;}
	#header .box .search span img {width: 40%;}
	#header .box .search .searchBox { height: 50px; right: 0px; width: 100%; display: none;}
	#header .box .search .searchBox input[type="text"] { height: 58px; width:100%; padding-left: 12px; font-size: 15px; }
	#header .box .search .searchBox input[type="text"]::placeholder {font-family: 'Overpass'; font-size: 15px; }
	#header .box .search:hover .searchBox {width: 100%; display: block; margin-top:60px; z-index: 999}
	#header .box ul#menu {margin-right: 0px; display: none; float: left;background:#327bd6; width: 100%;}
	#header .box ul#menu li { height: 50px; margin-right: 0px; width: 100%; border-bottom:1px solid #c5c5c5; }
	#header .box ul#menu li:nth-child(1) {margin-left: 0px; }
	#header .box ul#menu li a {height:50px; font-size: 19px; color:#FFF; padding-left:20px; }
	#header .box ul#menu li:last-child {margin-right: 0px; }
	#header .box.login ul#menu {float:left; margin-right: 0px; margin-left: 0px; }
	#header .box .userBox {display: none;}
	#header .box.login .userBox {float: right; height: 50px; display: none;}
	#header .box.login .userBox .button {float: left; height: 48px; margin-right: 0px; margin-top:10px;}
	#header .box.login .userBox .button .icon {float: left; width: 50px; height: 48px;}
	#header .box.login .userBox .button .icon span { height: 48px;}
	#header .box.login .userBox .button .icon span img { max-width: 50%;}
	#header .box.login .userBox .button .text {display: none;}

	#slider .box {position: relative; float: left;} 
	#slider .slider .bannerImage {background:none; display: none;}
	#slider .slider img {display: block;}
 	#slider .box .searchBox {width:80%; margin-top:-50px; margin-left: 10%;}
	#slider .box .searchBox .productSearch {right:0px; bottom:auto; position: absolute; float: left; width: 90%; padding:15px 5% 15px 5%; border-top:15px solid #f80000;}
	#slider .box .searchBox .productSearch .title {width: 100%; text-align: center; font-size:20px;}
	#slider .box .searchBox .productSearch .title::before {width: 30px; height: 35px; position: absolute; left: -5px; }
	#slider .box .searchBox .productSearch .title::after { width: 30px; height: 35px;  position: absolute; right:  -5px; }

	#slider .box .searchBox .productSearch .info {font-size: 12px; color:#327bd6; line-height: 14px;}
	#slider .box .searchBox .productSearch .input { margin-top:10px;}
	#slider .box .searchBox .productSearch .input .icon { width: 20%; height: 35px; display: table; text-align: center;} 
	#slider .box .searchBox .productSearch .input .icon span {height: 35px; }
	#slider .box .searchBox .productSearch .input .icon span img {width: 40%; }
	#slider .box .searchBox .productSearch .input select {padding-left: 5%; height: 35px; float: left; width:75%; font-size: 15px;  background: none;}
	#slider .box .searchBox .productSearch .input input[type="text"] {padding-left: 5%; height: 35px; float: left; width: 70%; font-size: 15px; background: none;}
	#slider .box .searchBox .productSearch .input input[type="text"]::placeholder {font-size: 15px; font-family: 'Overpass', sans-serif;}
	#slider .box .searchBox .productSearch input[type="submit"] {width: 100%; height: 40px;  float: left; margin-top: 10px; font-size: 18px;}

	#homeBox {width: 100%; float: left; border-top: 60px solid #bacee7; background: #327bd6; height: auto; }
	#homeBox .box {width: 100%;}
	#homeBox .box ul#boxList {margin-top:300px;}
	#homeBox .box ul#boxList li {width: 100%; border-top: 5px solid #FFF;}
	#homeBox .box ul#boxList li img {width: 100%; float: left; }
	#homeBox .box ul#boxList li h2 {width: 90%; margin-left: 5%; position: absolute; bottom: 40px; font-size: 30px; line-height: 35px; color:#FFF; font-weight: 700; text-align: center; line-height: 40px;}
	#homeBox .box ul#boxList {float: left; width: 100%; margin-top:270px;}
	
	#services {padding-bottom: 50px;}
	#services .line { margin-top:30px; }
	#services .box {width: 90%; margin:auto;}
	#services .box ul#serviceList {float: left; width: 100%; margin-top:60px; }
	#services .box ul#serviceList li {width: 100%; margin-right: 0px; float: left; margin-bottom: 30px; }
	#services .box ul#serviceList li h3 {min-width: 100%; border-bottom: 5px solid #000; padding:5px 0px 5px 0px; font-size: 20px; padding-bottom: 15px; }
	#services .box ul#serviceList li:nth-child(1) h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li:hover h3 {border-bottom: 5px solid #f80000;}
	#services .box ul#serviceList li p {font-size: 16px; color:#000; line-height: 20px; margin-top:20px;}
	#services .box .newProductText {margin-top:50px; font-size: 20px; line-height: 25px;}
	#services .box .newProductTitle {font-size: 5.5vw; color:#327bd6; margin-top:72px; letter-spacing: 6px; padding-bottom: 100px; background: url('../img/newproductbg.png') no-repeat bottom center; padding-bottom: 60px; background-size: 150px; }
	#services .box .newProductTitle::after { font-size: 6vw; position: absolute; top: -2.5vw; letter-spacing: 6px;}	
	#services .box ul#newProduct {float: left; width: 100%; margin-top: 40px; margin-left: 0px; }
	#services .box ul#newProduct li { height: 60px; width: 100%; margin-bottom: 5px; }
	#services .box ul#newProduct li a {width: 100%; display: table-cell; vertical-align: middle; height: 60px; font-size: 20px; color:#000;}

	#homeBanner .box .info {width:90%;  background-size: 20px; }
	#homeBanner .box .info .text .title {float: left;width: 100%; font-size: 20px;}
	#homeBanner .box .info .text .detail {width: 85%; font-size: 12px; margin-top:20px; line-height: 12px; padding-top: 5px;}

	#homeCompany {padding: 30px 0px 30px 0px; background-size: 90%; }
	#homeCompany .box {width: 90%; margin: auto; }
	#homeCompany .box .text {margin-bottom: 20px;}
	#homeCompany .box .text.t1 { font-size: 22px;}
	#homeCompany .box .text.t2 { font-size: 27px; line-height: 33px;}
	#homeCompany .box .text.t3 { font-size: 18px; color:#000000; line-height: 24px;}
	#homeCompany .box .buttonBox {width: 100%; float: left; margin-top:0px; }
	#homeCompany .box .buttonBox .button { padding:6px; height: 40px; padding-bottom: 4px; }
	#homeCompany .box .buttonBox .button .t {padding-left: 50px; padding-top: 4px; height: 40px; font-size:30px; min-width: 150px; }
	#homeCompany .box .buttonBox .button .arrow img {height: 40px; }
	#homeCompany .box .buttonBox .button:hover .arrow {transform: rotate(35deg); transition: transform 0.7s; }

	#quality .box {width:90%; margin:auto;}
	#quality .box .title { font-size: 0px; margin-top:60px; }
	#quality .box .title::after { font-size: 6vw; letter-spacing: 6px;}
	#quality .box ul#qualityList {float: left; margin-top:40px; width:100%; }
	#quality .box ul#qualityList li {float: left; width: 100%; margin-right: 2%; margin-bottom:40px;}
	#quality .box ul#qualityList li .icon {width: 40%; height: 80px;}
	#quality .box ul#qualityList li .icon span { height: 160px;}
	#quality .box ul#qualityList li .icon span img {width: 40%; }
	#quality .box ul#qualityList li .info {float: left; margin-left: 2%;width: 55%;}
	#quality .box ul#qualityList li .info .t {font-size: 17px; font-weight: 600; border-bottom:5px solid #e10000; }
	#quality .box ul#qualityList li .info .detail {width: 100%; margin-top:10px; float: left; font-size: 13px; color:#FFF; line-height: 16px; height: 120px;}

	#footer {padding-top: 50px; padding-bottom: 50px;}
	#footer .box {width:90%; }
	#footer .box .contact {float: left; width:100%; margin-right: 0px; }
	#footer .box .contact .flogo {float: left; width: 70%; margin-bottom: 30px; margin-left: 15%;}
	#footer .box .contact .flogo img {float: left; width: 100%; }
	#footer .box .contact .line {float: left; width: 50%; margin-left:0%;  margin-bottom: 10px;}
	#footer .box .contact .line:nth-child(2) {width: 50%; margin-top:20px; }
	#footer .box .contact .line:nth-child(3) {width: 100%; margin-top:20px; }
	#footer .box .contact .line:nth-child(4) {margin-top:20px; width: 100%; margin-left: 0px;}
	#footer .box .contact .line .title {font-size: 17px;}
	#footer .box .contact .line .t {font-size: 13px;margin-top:10px;}
	#footer .box ul#fmenu {float: left; width:100%; margin-top:25px; }
	#footer .box ul#fmenu li { font-size: 15px; margin-bottom: 10px;}
	#footer .box ul#fmenu li a { font-size: 15px;}
	#footer .box ul#fmenu li.title {font-size: 20px;  margin-bottom: 20px;}

	#copyright {height: auto;}
	#copyright .box {width: 100%; height: auto;}
	#copyright .box .text {height: auto; text-align: center; width: 100%;}
	#copyright .box .text span {font-size: 13px; height: 60px; line-height: 20px; }
	#copyright .box .hfk {float: right; height: 60px; display: none; }

	#pageBanner {margin-bottom: 20px;}
	#pageBanner h1 {padding-top:15px; padding-bottom: 15px; font-size: 25px; bottom:50px; color:#FFF; -webkit-appearance:none;}
	#pageBanner h1 a {color:#FFF;}
	#pageBanner .bannerImage { width: 100%; height: 100px; overflow:hidden;  background-repeat: no-repeat; background-size: 100% 100%; }
	#pageBanner .pageinfo {height: 40px;}
	#pageBanner .pageinfo span { font-size: 12px; font-weight: 600; height: 40px;}
	#pageBanner .pageinfo span::after {display: none; content:''; width:34px; height:11px; position: absolute; margin-left: 10px; margin-top:2px; background:url('../img/pageinforight.png');}
	#pageBanner .pageinfo span::before {display: none;content:''; width:34px; height:11px; position: absolute; margin-left:-50px; margin-top:2px; background:url('../img/pageinfoleft.png');}

	#page {width: 100%; float: left; }
	#page .box {width:90%; padding-top:20px; }
	#page .box .text { margin-bottom: 20px; float: left;}
	#page .box .text.t1 { font-size: 15.32px;}
	#page .box .text.t2 { font-size: 22px; line-height: 25px;}
	#page .box .text.t3 { font-size: 14px; line-height: 20px;}

	#page.page .box {width:90%;}
	#page .box .pleft {width: 100%; }
	#page .box .pleft .title {height: 50px; display: none;}
	#page .box .pleft .title span {height: 50px; font-size: 17px;}
	#page .box .pleft ul#sidebar {display: none;}
	#page .box .pright {width:100%; float: right; line-height: 22px; font-size: 14px; margin-top:20px;}
	#sidebarSelect { height: 50px;font-size: 17px;}
	#sidebarSelect::-ms-expand {    display: none; }

	#companyGallery {margin-top:0px; padding-bottom: 50px;}
	#companyGallery .box {width: 90%;}
	#companyGallery .box .titleimg { margin-top:30px; }
	#companyGallery .box .titleimg img {width:90%; }
	#companyGallery .box .title {font-size: 5.5vw; font-weight: 900; margin-top:120px; padding-bottom: 80px;}
	#companyGallery .box .title::after { font-size:6vw; top: -2.5vw; }
	#companyGallery .box ul#gallery { width: 90%; margin-top:50px; margin-left: 5%;}
	#companyGallery .box ul#gallery li {float: left; width: 32%; margin-right: 2%; }
	#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 {display: none;}
	#fContact .box form {width: 90%; margin-top:10px;}
	#fContact .box form .fleft {float: left; width: 100%;}
	#fContact .box form .fleft input[type="text"] { width:100%; padding-top:7px; margin-right: 0px; background: #FFF; border:none; padding-left: 36px; margin-bottom:12px; 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%; margin-top:10px; padding-bottom:10px;}
	#productPage .box {width: 90%;}
	
	#productPage .box .pageSearch .input {margin-top:10px; width: 100%; margin-right: 0px; }
	#productPage .box .pageSearch .input .icon {float: left; width: 20%; height: 46px;} 
	#productPage .box .pageSearch .input .icon span {height: 46px;}
	#productPage .box .pageSearch .input .icon span img {width:40%; }
	#productPage .box .pageSearch .input select {padding-left: 2%; height:46px; width: 73%; font-size: 14px; background: #FFF;}
	#productPage .box .pageSearch .input input[type="text"] {padding-left: 10px; height: 44px; float: left; width: 73%; font-size: 14px; background: #FFF;}
	#productPage .box .pageSearch .input input[type="text"]::placeholder {font-size: 14px; font-family: 'Overpass', sans-serif;}
	#productPage .box .pageSearch input[type="submit"] {width: 100%; height: 58px; font-size: 18px; margin-top:10px; border-radius: 0px; -webkit-appearance: none;
  appearance: none;}

	#productPage .box .pleft {margin-top:30px; width: 100%; }
	#productPage .box .pleft .title {height: 50px; display: none;}
	#productPage .box .pleft .title span {height: 50px; font-size: 17px;}
	#productPage .box .pleft ul#sidebar li {margin-bottom: 5px; height: 40px; display: none;}
	#productPage .box .pleft ul#sidebar li a { height: 40px; padding-left: 40px; background: url('../img/icons/arrow2.png') no-repeat left 20px center; background-size:9px; font-size: 13px; padding-top: 3px;}
	#productPage .box .pright {width:100%; float: right; margin-top:30px; }
	#sidebarSelect {display: block;}

	ul#products {width: 100%; float: left;}
	ul#products li {float: left; width: 100%; margin-right:0px; margin-bottom: 10px; padding-top:10px;}
	ul#products li:nth-child(2n+2) {margin-right: 0px;}
	ul#products li:nth-child(3n+3) {margin-right: 4%;}
	ul#products li:nth-child(6) {margin-right: 0px;}
	ul#products li .itemnumber .text {font-size: 15px; padding-left: 5px; padding-top:2px; }
	ul#products li .itemnumber .code {margin-right: 10px; font-size: 20px;color:#327bd6; font-weight: 900;}
	ul#products li .image {width: 100%;}
	ul#products li .image span {width: 100%;}
	ul#products li .detail {height: 45px;}
	ul#products li .detail span {height: 55px;font-size: 16px;font-weight: 500;  }
	ul#products li .showLogin {width: 100%; height: 55px;}
	ul#products li .showLogin .logintext {padding-left:10px; font-size: 15px;text-align: center;}

	ul#products li .priceBox {width:100%;  height: 55px;}
	ul#products li .priceBox span {font-size: 15px; font-weight: 600; line-height: 24px; height: 55px;}
	ul#products li .priceBox span b {font-size: 25px; font-weight: 900;}
	ul#products li .priceBox span:nth-child(2) {background: #cbb500;}


	#productPage .box .pright .pagination {margin-top:20px;}
	#productPage .box .pright .pagination .pbox .arrow {float: left; width: 10px; height: 20px; margin-top:5px; display: none;}
	#productPage .box .pright .pagination .pbox .arrow img {width: 100%; }
	#productPage .box .pright .pagination .pbox ul#pages {margin-left: 0px; width: 100%;}
	#productPage .box .pright .pagination .pbox ul#pages li {width: 28px; height:28px; margin-right: 5px; margin-bottom: 5px;}
	#productPage .box .pright .pagination .pbox ul#pages li a {height: 28px; padding-top:4px; font-size: 15px;}
	#productPage .box .pright .productinfo {width: 100%; margin-left:0px; margin-top:50px; font-size: 15px; line-height: 20px;}

	#productPageText {width: 100%; float: left; background: #ecf3f5; }
	#productPageText .box {width: 90%; line-height: 30px; padding-top:80px; padding-bottom: 80px;}

	#anfrageBanner {margin-top:0px; padding-bottom: 0px; }
	#anfrageBanner .box { width: 100%;}
	#anfrageBanner .box img {width: 100%; }
	#anfrageBanner .box .top span {margin-top:20px; margin-left: 10px; float: left;}
	#anfrageBanner .box .top span .title {font-size: 8vw;}
	#anfrageBanner .box .top span p {font-size: 3vw; line-height: 20px;}
	#anfrageBanner .box .top span .arrow {float: left; width: 50px; height: 50px; margin-top:10px; display: none;}
	#anfrageBanner .box .top span .arrow img {width: 18px; margin-top:10px;}

	#footerProduct .box {text-align: center; padding-top:40px; padding-bottom: 50px; font-size: 20px; line-height: 25px; }
	#footerProduct .box b {font-size: 25px;}

	#productDetail {width: 100%; float: left; margin-top:20px; margin-bottom: 20px;}
	#productDetail .box {width: 90%;}
	#productDetail .box.notlogin .productTop {width: 100%;}
	#productDetail .box .productTop .image {width:100%;}
	#productDetail .box .productTop .image .title span {font-size:15px; }
	#productDetail .box .productTop .image .title span b {font-weight: 900; font-size: 18px;}
	#productDetail .box .productTop .image .title span b a {color:#327bd6;}
	#productDetail .box .productTop .image img { float: left;width: 100%; }
	#productDetail .box .productTop .basketBox {float: right; width: 100%; margin-top:40px; }
	#productDetail .box .productTop .basketBox .title span {font-size:18px; }
	#productDetail .box .productTop .basketBox .basketLine {margin-bottom: 10px; margin-top:20px; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox {float: left; width:100%; margin-bottom: 10px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price {float: left; width:70%;}  
	#productDetail .box .productTop .basketBox .basketLine .priceBox .price span { font-size: 25px; color:#FFF; }
	#productDetail .box .productTop .basketBox .basketLine .priceBox input[type="text"] {width:21%; font-size:25px; 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: 7%; overflow: hidden; height: 55px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .plus {height: 24px;}
	#productDetail .box .productTop .basketBox .basketLine .priceBox .total .sour {height: 27px;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket {background:url('../img/icons/addbasket.png') no-repeat right 25px center #000; background-size: 25px; margin-top:20px; color:#FFF; float: left; margin-left: 0px; padding-top:0px; height: 40px; border-radius: 50px; font-size:17px; display: table; margin:auto; float: none; 	border:none;}
	#productDetail .box .productTop .basketBox .basketLine .addbasket span {height: 40px; padding-left: 20px;}
	#productDetail .box .productTop .basketBox .explanation {margin-top:15px; }
	#productDetail .box .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box.notlogin .productBottom {float: left; width: 100%; margin-top:40px; }
	#productDetail .box .productBottom .description {float: left; width: 100%; margin-top:20px; }
	#productDetail .box.notlogin .productBottom .description:nth-child(1) {float: left; width: 100%; margin-top:20px; }
	#productDetail .box .productBottom .description .title {width: 100%; font-size: 20px; }
	#productDetail .box.notlogin .productBottom .description .title {width: 100%; font-size: 20px; }
	#productDetail .box .productBottom .description .title::after {width: 200px;}
	#productDetail .box.notlogin .productBottom .description .title::after {width: 100%;}
	#productDetail .box .productBottom .description .content {margin-top:15px; font-size: 15px; line-height: 20px;}

	.generalTitle {font-size: 5.5vw; padding-bottom: 80px;}
	.generalTitle::after {font-size:6vw; top: -2vw;}

	#productDetail .box .generalTitle {margin-top:100px; }
	#productDetail .box ul#products {margin-top:20px; padding-top:30px; width: 90%; margin-left: 5%; }
	#productDetail .box ul#products li:nth-child(3n+3) {margin-right: 0px; }
	#productDetail .box ul#products li:nth-child(4n+4) {display: none;}


	#user {width: 100%; float: left; margin-top:50px; margin-bottom: 50px;  }
	#user .box {width: 90%; margin:auto;}
	#user .box .uleft {width:100%;}
	#user .box .uleft .title {font-size: 20px;}
	#user .box .uleft .title b {font-size: 30px; font-weight: 900; }
	#user .box .uleft .title a {font-size: 25px;}
	#user .box .uleft p {width: 80%; margin-left: 10%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 20px; }
	#user .box .uleft form .inputLine {margin-bottom: 20px; }
	#user .box .uleft form .inputLine label {font-size: 17px; }
	#user .box .uleft form .inputLine input[type="text"] { font-size: 17px; height: 45px;}
	#user .box .uleft form .inputLine input[type="password"] { font-size: 17px; height:45px;}
	#user .box .uleft form .passreminder {font-size: 15px;}
	#user .box .uleft form input[type="submit"] {height: 45px; margin-top:15px; font-size:20px; -webkit-appearance: none;appearance: none;}
	#user .box .uright {float: right; width: 100%; margin-top:40px;}
	#user .box .uright .title {padding-top:30px; padding-bottom: 20px; font-weight: 700; font-size: 30px; line-height: 20px;}
	#user .box .uright .amenities p {font-size: 20px;line-height: 25px; }
	#user .box .uright .amenities .listTitle {margin-top:40px; font-weight: 700; font-size: 20px;}
	#user .box .uright .amenities ul#list li {margin-top:20px; padding-left: 20px; font-size: 20px;}
	#user .box .uright .amenities ul#list li:before {content:''; width: 10px; height: 10px;}
	#user .box .uright .amenities .register { padding:15px 18px 12px 18px; font-size: 20px;}


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

	#register {width: 100%; float: left; margin-top:50px; padding-bottom: 50px; }
	#register .box {width: 90%;}
	#register .box .title {font-size: 20px; color:#000;  margin: auto; width: 100%;}
	#register .box .title b {font-size: 30px;}
	#register .box .title a {font-size: 25px;}
	#register .box p {width: 100%; margin-top:30px; padding-bottom: 50px; font-size: 18px; line-height: 22px; }
	#register .box form .fleft {width: 100%!important;}
	#register .box form .fleft img {float: left; width: 100%; margin-top:50px; }
	#register .box form .fleft:last-child {float: right;}
	#register .box form .fleft .groupTitle {font-size: 20px; margin-top:50px; }
	#register .box form .fleft input[type="text"] {height: 50px; font-size: 18px;}
	#register .box form .fleft input[type="text"]::placeholder {font-size: 18px;}
	#register .box form .fleft input[type="password"] {width: 94%; height: 50px; font-size: 17px;}
	#register .box form .fleft input[type="password"]::placeholder {font-size: 17px;}
	#register .box form .fleft input[type="submit"] {float: left; width: 100%; margin-top:20px; height: 75px; font-size:30px;}


	#basket {margin-top:50px; padding-bottom:50px;}
	#basket .box {width:90%; margin:auto; }
	#basket .box .title {width: 100%; float: left; font-size:23px; color:#327bd6; }
	#basket .box ul#basketList {margin-top:20px; }
	#basket .box ul#basketList li {height: auto; padding-bottom: 15px; margin-bottom:15px; }
	#basket .box ul#basketList li .b1 {padding-top:10px; width: 75px; }
	#basket .box ul#basketList li .b1 .img {width: 75px; height: 75px; }
	#basket .box ul#basketList li .b1 .img span {height: 75px; }
	#basket .box ul#basketList li .b1 .img span img {width: 100%; }
	#basket .box ul#basketList li .b2 {height: 75px; width: 125px; margin-top:10px; margin-left: 10px;}
	#basket .box ul#basketList li .b2 span {height:75px; font-size: 13px; line-height: 20px; }
	#basket .box ul#basketList li .b2 span a {color:#327bd6; font-size: 17px; }
	#basket .box ul#basketList li .b2.mengeBox {width: 75px; margin-left: 15px; }
	#basket .box ul#basketList.approval li .b2.mengeBox {width: 100px; 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: 17px; margin-top:4px; }
	#basket .box ul#basketList li .b2.price1 {width: 25%; margin-left: 15px; }
	#basket .box ul#basketList li .b2.price1 strong { font-size:18px;}
	#basket .box ul#basketList li .b2.price2 {width: 50%; text-align: center; margin-left: 0px;}
	#basket .box ul#basketList li .b2.price2 .bg {font-size: 18px; margin-left: 15px;}
	#basket .box ul#basketList li .b2.remove {width: 15%; float: right; text-align: center; margin-left: 10px;  }
	#basket .box ul#basketList li .b2.remove img {width: 20px; margin-top:20px; }
	#basket .box .totalBox {width:100%; margin-top:40px; float: left; position: relative;}
	#basket .box .totalBox .totalTitle {float:left; width:40%; height: 45px; display: table; position: absolute;}
	#basket .box .totalBox .totalTitle span { height: 45px; font-size: 17px; text-align: right; padding-right: 20px;}
	#basket .box .totalBox .totalPrice {float: right; height: 45px; width: 60%; padding-left: 0px; padding-right: 0px; min-width: auto; }
	#basket .box .totalBox .totalPrice span { height: 45px; font-size: 20px;}

	#basket .box .basketButton {float: left; width: 100%; margin-top:50px; }
	#basket .box .basketButton .content span {font-size: 18px; width: 100%;}
	#basket .box .basketButton .button {font-size: 25px; width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 10px;}
	#basket .box .basketButton .button.a {font-size: 20px; }

	#basketApproval {padding-bottom: 50px; width: 80%; margin-left: 10%; }
	#basketApproval .text {padding-top:30px;font-size: 18px; line-height: 25px; }
	#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; width: 100%; height: 70px;  font-size: 23px; color:#327bd6; font-weight: 600; }

	#customer {margin-top:0px;}
	#customer .box {width:90%; margin:auto;}
	#customer .box .request {float: left; width:100%; margin-bottom: 15px;}
	#customer .box .request .text {width: 70%;}
	#customer .box .request .text span {font-size: 15px; line-height: 20px; font-weight: 400;  }
	#customer .box .request .text span b {font-family: 'Staatliches'; font-size: 25px; font-weight: 400; line-height: 50px;}
	#customer .box .request .next {width: 40px; height: 40px; margin-top:65px; margin-right: 30px; background-size: 40%; }
	#customer .box .cp .cleft {float: left; width: 100%; }
	#customer .box .cp .cleft .customerTitle {float: left; width: 100%;  font-size: 20px; letter-spacing: 10px;}
	
	#customer .box .cp .cleft ul#customerMenu li {width: 100%; margin-right: 30px; margin-bottom: 15px;}
	#customer .box .cp .cleft ul#customerMenu li a {font-size: 18px; color:#327bd6; }


	#customer .box .cp .cleft .passwordUpdate form {width: 90%; margin-left:5%; }
	#customer .box .cp .cleft .passwordUpdate form label { font-size: 18px; margin-bottom: 20px; }
	#customer .box .cp .cleft .passwordUpdate form input[type="password"] {margin-bottom: 15px; height: 55px;}
	#customer .box .cp .cleft .passwordUpdate form input[type="submit"] { height: 65px; font-size: 19px; font-weight: 700;}
	#customer .box .cp .cleft .passwordUpdate .image {float: left; margin-top:50px; margin-left: 0%; width: 100%; text-align: center;}
	#customer .box .cp .cleft .passwordUpdate .image img {width: 50%; }

	#customer .box .cp .cleft .information form .fleft {width: 100%!important; margin-left: 0%;}
	#customer .box .cp .cleft .information form .fleft:nth-child(2) {width: 100%; margin-left: 0%; }
	#customer .box .cp .cleft .information form .fleft .groupTitle { font-size: 20px; }
	#customer .box .cp .cleft .information form .fleft input[type="text"] {width: 94%; height: 47px; font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="text"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"] {width: 94%; height: 47px; font-size:15px;}
	#customer .box .cp .cleft .information form .fleft input[type="password"]::placeholder {font-size: 15px;}
	#customer .box .cp .cleft .information form .fleft input[type="submit"] {margin-top:40px; height: 65px; font-size: 15px; font-weight: 700;}

	#customer .box .cp .cleft form .information .fleft {width: 100%;}


	#contact {margin-top:50px; }
	#contact .box {width:90%; margin:auto; }
	#contact .box .info {float: left; width:100%; }
	#contact .box .info p {padding-top:40px; width: 90%; margin-left: 5%;}

	#contact .box .info .infoLine {width: 80%; margin-left: 10%; margin-top:40px; padding-left: 10%; }

	#customer .box .cp .cleft .orderBar .allOrders {display: none;}

	#contact .box .info .title { font-size:5.5vw; font-weight: 900; position: relative;}
	#contact .box .info .title::after { font-size:6vw; position: absolute; top: -2.5vw;}
	#contact .box .info p {padding-top:40px; margin-left: 0px; margin-top:30px; width:100%; background-size: 80px;}

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


	#contact .box form {float: left; margin-left: 0px; width:90%; margin-top:40px; 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 5% 40px 5%; }
	#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:10px; height: 350px; float: left; }

	#customer .box .cp .cleft .orderBar {margin-top:30px;}
	#customer .box .cp .cleft .orderBar .search { height: 60px;  margin-left:0px; width: 90%; margin-left: 5%; }
	#customer .box .cp .cleft .orderBar .search input[type="text"] {margin-left: 5%; width: 70%; }
	#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:15%; height: 35px; float:right;}
	#customer .box .cp .cleft .orderBar .search .button input[type="image"] {float: left; margin-left: 10px;}
	#customer .box .cp .cleft .orderBar .allOrders {display: none;}

	#customer .box .cp .cleft ul#myOrder li {margin-bottom: 20px; position: relative;}
	#customer .box .cp .cleft ul#myOrder li .o1 {float: left; margin-left: 10%; width:80%; height: 70px; }
	#customer .box .cp .cleft ul#myOrder li .o1 span {line-height: 22px; font-size: 16px; height: 70px;}
	#customer .box .cp .cleft ul#myOrder li .o1.k {width: 80%; margin-left: 10%;}
	#customer .box .cp .cleft ul#myOrder li .o1.s {width: 80%; margin-left: 10%; margin-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .o1.pdf {position: absolute;top: 10px; right: 10px;}
	#customer .box .cp .cleft ul#myOrder li .detailbutton { float:none; margin-right: 10px; width: 100px; margin-top:10px;  font-size: 15px; font-weight: 600; padding:13px 24px 15px 24px; display: table; margin:auto; margin-bottom: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail {padding-top:30px; padding-bottom: 10px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts {float: left; width: 95%; margin-left: 2.5%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product {float: left; width: 80%; padding-right:10%; padding-left:10%;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image {width: 75px; height: 75px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .image span {height: 75px; }
	#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: 20px; height: 75px; display: table; width: 60%; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.mengeBox {width: 50%; margin-left:0px; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span {height: 70px; font-size: 15px; line-height: 25px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2 span a {color:#327bd6; font-size: 20px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 {width: 50%; border-top:1px solid #ccc; margin-top:5px; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price1 strong {color:#8f8f8f; font-size:18px; font-style: italic; font-weight: 300; }
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .product .b2.price2 {width: 50%; 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: 20px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice {margin-top:8px; float: left; width: 100%; margin-left: 0px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .ttitle { font-size: 18px;}
	#customer .box .cp .cleft ul#myOrder li .orderDetail #orderProducts .totalprice .priceShow { margin-top:10px;font-size: 20px;}

	#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:90%; margin-left: 5%; float: left; margin-top:50px;  }
	#customer .box .cp .cleft .helpForm .image {text-align: center;}
	#customer .box .cp .cleft .helpForm .image img {width: 80%;}


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

	#anfrage .box {width:90%; margin:auto;}
	#anfrage .box form .title { font-size: 20px;}
	#anfrage .box form .aleft {width: 100%;}
	#anfrage .box form .aright {width: 100%;}
	#anfrage .box form .aleft input[type="text"] {height: 45px; margin-top: 15px; font-size: 15px;}
	#anfrage .box form .aright textarea { height: 236px; margin-top: 15px;font-size: 15px;}
	#anfrage .box form .aright textarea::placeholder { font-size: 15px;}
	#anfrage .box form .abottom  textarea { font-size: 15px; height: 250px;}
	#anfrage .box form .abottom textarea::placeholder { font-size: 15px;}
	#anfrage .box form .button input[type="submit"] {height: 60px;font-size: 30px;}

	#cookieText .text { display: table; height: auto; padding: 10px 15px 10px 15px; width:90%; float: left; text-align: center;}
	#cookieText .text span {height: auto; line-height: 15px;}
	#cookieText .buttons {float: none; display: table; margin: auto; width: auto; height: 50px;}
	#cookieText .buttons .button {padding-left: 20px; padding-right:20px; height: 30px; border-radius: 5px; background: #327bd6; margin-top:0px; display: table; float: right; margin-right: 10px;}
	#cookieText .buttons .button span {display: table-cell; vertical-align: middle; height: 30px; color:#FFF; }

	input {-webkit-appearance: none;appearance: none;}
	select {-webkit-appearance: none;appearance: none;}
	textarea {-webkit-appearance: none;appearance: none;}
	button {-webkit-appearance: none;appearance: none;}

	#popupBg {position: fixed; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none;}
	#newsletterBg {position: fixed; width:100%; height: 100%; display: none;z-index: 1001;}
	#newsletter {float:left; padding:20px; padding-top:30px; width:80%; margin-left: 5%; 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;}

}