* {}

.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: block;}

#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;}


h1 {font-size: 30px; line-height: 35px;}
h2 {font-size: 22px; line-height: 30px;}

/* MOBILE NAVIGATION */
#menuButton {display:block; left: 0;}
#menuButton span {margin-left: 45px; font-size: 25px;}
#menuicon {width: 40px; height: auto; position: absolute; margin-top: -5px;}
#navigation {left:0px;display:none; margin-top: 50px; width: 100%; top: 288px;}
#navigation.opened {display:block;}
ul#navigation {border: solid 2px #fff;}

#navigation li ul {border: solid 0px #fff;}

#navigation li {float:none;background:#1d3a8f;display:block;margin:0;position:relative;width:100%;}
#navigation li:hover > ul {display:none;}
#navigation li.opened > ul {display:block;}
#navigation li.hasChilds > a {padding-right:24px;}
#navigation li.hasChilds > a > .mobilenavigationitem {display:block;position:absolute;top:2px;right:4px;width:15px;height:15px;background-image: url(../../images/plus.png); background-size: cover;}
#navigation li.hasChilds.opened > a > .mobilenavigationitem {background-image: url(../../images/minus.png); background-size: cover;}
#navigation li ul {position:relative;top:0;left:0;padding:0;}
#navigation li ul li ul {left:0;}
#navigation li ul li.first {margin-top: 0;}

#navigation li.active > a {border-bottom: solid 0px #ab374f; color: #1e94d8;}
#navigation li:hover > a {text-decoration:none;border-bottom: solid 0px #ab374f; color: #1e94d8;}

/* NEWS */
.newsContentThumbnail {float:none;width:100%;height:auto;margin:0;}
.newsContentText {float:none;width:100%;}


#header {height: 260px;}
#header-content {max-width:280px;height: 260px;}
#content {max-width:280px; padding: 15px 10px 40px 10px;}
#footer-content {max-width:280px;}
#infoline {width: 280px; position: relative; right: 0;}
#rightinfos { position: absolute; float: left; text-align: left; margin-left: 0;}
#leftinfos { position: absolute; float: left; text-align: left; margin-top: 30px;}
#phoneicon {margin-left: 6px;}
#mapicon {margin-left: 0;}
#rightinfos span {margin-left: 40px;}
#leftinfos span {margin-left: 40px; display: block;}
#ressources {width: 280px;}
#kategories {width: 280px; }
#brands {width: 280px; }

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

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

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


#infocontent {width: 100%; top: 365px; height: 415px; background: #1d3a8f;}
#infos { font-size: 12px; width: 100%; background: #1d3a8f; font-size: 14px; height: 230px;}
#headertext {margin-top: 15px; margin-left: 15px;}
.font1 {font-size: 20px;}
.font2 {font-size: 20px; margin-top: -23px;}
.font3 {font-size: 15px; margin-top: -20px;}


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

#footer-navi li {margin-top: 5px;}
#navigation li.first {margin-top: 7px;}

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

#mapline1 {float: left; margin-left: 0;}
#mapline2 {float: left;  margin-left: 0; margin-top: 140px; position: absolute;}
#mapline3 {margin-left: 0px; margin-top: 210px;}
#mapline4 {margin-top: 50px; margin-left: 0;}
#title { margin-left: 0;}
#mobilecontainer {width: 280px; margin: 0 auto; position: relative;}

#fbicon {right: 0; top: -27px;}

.back-to-top {bottom: 25px; right: 0;}



.productGroupContainer {width:100%;float:none;margin:0 0 10px 0;}
.productGroupContainer .productGroupImage {width:90px;background-size:90px auto;background-position:0 center;}
.productGroupContainer .productGroupLabel {width:calc(100% - 90px);font-size:18px;}

.productContainer {width:100%;margin:10px 10px 10px 0;height:auto;min-height:350px;padding-bottom:73px;}
.productContainer .productImage {height:220px;}
.productContainer h2 {font-size:22px;}

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

.productDetailView .productDetailHeadLeft .productImages {width:280px;}
.productDetailView .productDetailHeadLeft .productDetailHeadMiddle {width:calc(100% - 270px); min-width: 280px;}

#content .cartButtonRow .cartOverviewButton {display:block;margin:0 0 5px 0;width:100%;}
#content button, #content .button, #content .cartOverviewButton, #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {font-size:12px;padding:5px 5px;}
#content button, #content .button {width:auto;letter-spacing:-0.25px;}
#content .cartButtonRow {float:none;}
#content .checkoutButtonRow {float:none;}
#content .checkoutButtonRow input {width:100%;font-weight:bold;}

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

#cartTable {font-size:12px;}
#cartTable .numberOrImageRow, #cartTable .firstHeader {font-size:0;line-height:0;width:0;color:transparent;overflow:hidden;padding:0;}
#cartTable input.changeAmountInput {width:50px !important;}
#cartTable tfoot tr.topRowFoot td {font-size:14px;}

#cartHeader {width: 100%; margin: 0; margin-top: 40px; position: relative; margin-left: -7px;}

.cartRow {margin-bottom:0px;}

#ressources .slick-next {top: -65px!important; width: 35px; height: 35px; }
#ressources .slick-prev {top: -65px!important; width: 35px; height: 35px; }

.productGroupContainer {height: 215px;}
.productGroupContainer .productGroupImage {width: 100%; background-position: top center; background-size: contain; height: 130px; background-position: 50% 50%;}
.productGroupContainer .productGroupLabel {font-size: 16px; width: 100%; word-break: break-word; text-align: center; line-height: 20px; margin-top: 20px;}