* {}

.width_2 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 0 10px;}
.width_2.rightColumn {padding:0 0 10px;}
.width_3.leftColumn {padding:0 0 10px;}
.width_3.middleColumn {padding:0 0 10px;}
.width_3.rightColumn {padding:0 0 10px;}

.desktopOnly {display: none;}
.mobileOnly {display: block;}
.tabletOnly {display: none;}
.smartphoneOnly {display: bock;}

#main {min-height:0;}
#content {padding-bottom:40px;}
#footer {margin-top:0;}

/* MOBILE CONTENT FIX */
#content img {max-width:100%;height:auto !important;}
#content table {max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}

#content table td {display: block; width: 100%;}
#content table td img {width: 100%!important; height: auto!important;}
table#service td img {width: 25px!important; height: auto!important;}

table#service td span {display: block; margin-left:50px; margin-top: -30px;}

#header {height: 230px;}
#header-content {max-width:690px;height: 230px;}
#content {max-width:690px; padding: 15px 10px 40px 10px;}
#footer-content {max-width:690px;}
#infoline {width: 690px; }
#ressources {width: 690px;}
#kategories {width: 690px; }
#brands {width: 690px; }

#navigation {top: 170px;}
#header-content #logo {margin: 60px 0 0 0;}

#headerimg {width: 700px; background-size: cover; box-shadow: 0px 7px 10px 3px rgba(0,0,0,0.0); height: 395px;}

#kategories {height: 370px;}
.kategorie {width: 205px; margin-right: 25px;}
.kategorie table {height: 70px; width: 205px;}
.kategorie.screen2last {margin-right: 25px; margin-top: 15px;}
.kategorie.screen2line2 {margin-top: 15px;}


#infocontent {width: 100%; top: 365px; height: 315px; background: #1d3a8f;}
#infos { font-size: 12px; width: 100%; background: #1d3a8f; font-size: 14px; height: 230px;}
#headertext {margin-top: 70px; margin-left: 60px;}
.font1 {font-size: 50px;}
.font2 {font-size: 50px;}
.font3 {font-size: 22px;}


#navigation li {margin-left: 15px;}
#navigation li a {font-size: 16px;}


#bot-content-row {height: 845px;}

#mapline1 {float: left; margin-left: 0;}
#mapline2 {float: left;  margin-left: 0; margin-left: 393px; margin-top: 100px;position: absolute;}
#mapline3 {margin-left: 393px;}
#mapline4 {margin-top: 45px; margin-left: 0;}
#title { margin-left: 0;}
#mobilecontainer {width: 690px; margin: 0 auto; position: relative;}




.productGroupContainer .productGroupImage {width:100px;background-size: 100px auto;background-position:0 center;}
.productGroupContainer .productGroupLabel {width:calc(100% - 100px);font-size:20px;}

.productContainer {width:302px;margin:0 10px 10px 0;height:400px;}
.productContainer .productImage {height:220px;}
.productContainer h2 {font-size:22px;}

.productDetailPrimaryImageContainer img {max-height:300px;max-width:300px;}
.productDetailHeadRight #subProductSelectWrapper select {border:1px solid #e2e2e3;height:28px;}

#content .cartButtonRow .cartOverviewButton {margin-right:10px;}
#content button, #content .button, #content .cartOverviewButton, #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {font-size:14px;padding:10px 15px;}

.formRow select {border:1px solid #e2e2e3;height:28px;}
.buttonRow a.button {width:250px;}

#cartHeader {width: 100%; margin: 0;}

.productGroupContainer .productGroupImage {width: 140px;}
.productGroupContainer .productGroupLabel {font-size: 14px; width: 150px; word-break: break-word; text-align: center; line-height: 20px; margin-top: 40px;}