body,header,main,footer{min-width:320px}
header nav#menu ul>li.customerLoginNav,header nav#menu ul>li.desktop-hide{display:none}
@media only screen and (min-width:1350px){header #top div#topnav a#customerLogin,header #top nav#topnav a#customerLogin{position:absolute;right:0;background:url('../../fileadmin/package/images/button_Kundenbereich_de.png') left top no-repeat;margin:-4px 0 0;width:180px;height:47px}
header #top nav#topnav a#customerLogin.en{background:url('../../fileadmin/package/images/button_Kundenbereich_en.png') left top no-repeat; }
header #top nav#topnav a#customerLogin.fr { background: url('../../fileadmin/package/images/button_Kundenbereich_fr.png') left top no-repeat; }
header #top nav#topnav a#customerLogin.es { background: url('../../fileadmin/package/images/button_Kundenbereich_es.png') left top no-repeat; }
header #top div#topnav a#customerLogin span,
header #top div#topnav a#customerLogin:before,
header #top nav#topnav a#customerLogin span,
header #top nav#topnav a#customerLogin:before {
display: none;
}
}
@media only screen and (max-width: 1349px) {
header #top div#topnav a#customerLogin,
header #top nav#topnav a#customerLogin {
background: #c6ce00;
color: #ffffff;
margin-left: 0;
padding: 3px 6px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
header #top div#topnav a#customerLogin span:before,
header #top nav#topnav a#customerLogin span:before {
display: none;
}
}
@media only screen and (max-width: 850px) {
header nav#menu ul > li > a {
padding: 0 8px 7px;
}
header nav#menu ul > li > a span:before {
left: -8px;
}
header #top {
margin-top: 10px;
}
header #top nav#topnav {
margin-right: 0;
}
header #top div.search {
display: block;
margin-top: 5px;
}
header nav#menu {
margin: 5px 0 0 0;
clear: both;
}
header nav#menu ul {
float: none;
width: 100%;
height: 26px;
text-align: justify;
}
header nav#menu ul > li {
float: none;
}
header nav#menu ul > li > a > span::before {
display: none;
}
header nav#menu ul:after {
content: "";
display: inline-block;
width: 100%;
}
.columns .span3 {
width: 49.15254%;
}
.columns .span3:nth-child(2n+1) {
margin-left: 0;
}
.columns .span3.sidebarmenu {
width: 32.20338% !important;
}
.columns .span9.sidebarcontent {
width: 66.10169%;
}
.columns .span4 {
width: 32.20338%;
}
.columns .span5 {
width: 40.67796%;
}
.columns .span6 {
width: 49.15254%;
}
.columns .span7 {
width: 57.62711%;
}
.columns .span8 {
width: 66.10169%;
}
.columns .span10 {
width: 83.05084%;
}
.columns .span11 {
width: 91.52542%;
}
.columns .span12 {
width: 100%;
}
main .products .product {
position: relative;
margin: 1.69492% 0 0 1.69492%;
-webkit-flex: 0 0 49.15254%;
flex: 0 0 49.15254%;
}
main .products .productgrid:nth-child(1)  { -webkit-order: 1; order: 1; margin-left: 0; }
main .products .productgrid:nth-child(3)  { -webkit-order: 2; order: 2; margin-left: 1.69492%; }
main .products .productgrid:nth-child(2)  { -webkit-order: 3; order: 3; margin-left: 0; }
main .products .productgrid:nth-child(4)  { -webkit-order: 4; order: 4; margin-left: 0; }
main .products .productgrid:nth-child(5)  { -webkit-order: 5; order: 5; margin-left: 0; }
main .products .productgrid:nth-child(7)  { -webkit-order: 6; order: 6; margin-left: 1.69492%; }
main .products .productgrid:nth-child(6)  { -webkit-order: 7; order: 7; margin-left: 0; }
main .products .productgrid:nth-child(8)  { -webkit-order: 8; order: 8; margin-left: 0; }
main .products .productgrid:nth-child(9)  { -webkit-order: 9; order: 9; margin-left: 0; }
main .products .productgrid:nth-child(11) { -webkit-order: 10; order: 10; margin-left: 1.69492%; }
main .products .productgrid:nth-child(10) { -webkit-order: 11; order: 11; margin-left: 0; }
main .products .productgrid:nth-child(12) { -webkit-order: 12; order: 12; margin-left: 0; }
main .products .productgrid:nth-child(13) { -webkit-order: 13; order: 13; margin-left: 0; }
main .products .productgrid:nth-child(15) { -webkit-order: 14; order: 14; margin-left: 1.69492%; }
main .products .productgrid:nth-child(14) { -webkit-order: 15; order: 15; margin-left: 0; }
main .products .productgrid:nth-child(16) { -webkit-order: 16; order: 16; margin-left: 0; }
main .products .productgrid:nth-child(17) { -webkit-order: 17; order: 17; margin-left: 0; }
main .products .productgrid:nth-child(19) { -webkit-order: 18; order: 18; margin-left: 1.69492%; }
main .products .productgrid:nth-child(18) { -webkit-order: 19; order: 19; margin-left: 0; }
main .products .productgrid:nth-child(20) { -webkit-order: 20; order: 20; margin-left: 0; }
main .products .productgrid:nth-child(21) { -webkit-order: 21; order: 21; margin-left: 0; }
main .products .productgrid:nth-child(23) { -webkit-order: 22; order: 22; margin-left: 1.69492%; }
main .products .productgrid:nth-child(22) { -webkit-order: 23; order: 23; margin-left: 0; }
main .products .productgrid:nth-child(24) { -webkit-order: 24; order: 24; margin-left: 0; }
main .products .productgrid:nth-child(25) { -webkit-order: 25; order: 25; margin-left: 0; }
main .products .productgrid:nth-child(27) { -webkit-order: 26; order: 26; margin-left: 1.69492%; }
main .products .productgrid:nth-child(26) { -webkit-order: 27; order: 27; margin-left: 0; }
main .products .productgrid:nth-child(28) { -webkit-order: 28; order: 28; margin-left: 0; }
main .products .productgrid:nth-child(29) { -webkit-order: 29; order: 29; margin-left: 0; }
main .products .productgrid:nth-child(31) { -webkit-order: 30; order: 30; margin-left: 1.69492%; }
main .products .productgrid:nth-child(30) { -webkit-order: 31; order: 31; margin-left: 0; }
main .products .productgrid:nth-child(32) { -webkit-order: 32; order: 32; margin-left: 0; }
main .products .productgrid:nth-child(33) { -webkit-order: 33; order: 33; margin-left: 0; }
main .products .productgrid:nth-child(35) { -webkit-order: 34; order: 34; margin-left: 1.69492%; }
main .products .productgrid:nth-child(34) { -webkit-order: 35; order: 35; margin-left: 0; }
main .products .productgrid:nth-child(36) { -webkit-order: 36; order: 36; margin-left: 0; }
main .products .productgrid:nth-child(37) { -webkit-order: 37; order: 37; margin-left: 0; }
main .products .productgrid:nth-child(39) { -webkit-order: 38; order: 38; margin-left: 1.69492%; }
main .products .productgrid:nth-child(38) { -webkit-order: 39; order: 39; margin-left: 0; }
main .products .productgrid:nth-child(40) { -webkit-order: 40; order: 40; margin-left: 0; }
main .products .productgrid:nth-child(41) { -webkit-order: 41; order: 41; margin-left: 0; }
main .products .productgrid:nth-child(43) { -webkit-order: 42; order: 42; margin-left: 1.69492%; }
main .products .productgrid:nth-child(42) { -webkit-order: 43; order: 43; margin-left: 0; }
main .products .productgrid:nth-child(44) { -webkit-order: 44; order: 44; margin-left: 0; }
main .products .productgrid:nth-child(45) { -webkit-order: 45; order: 45; margin-left: 0; }
main .products .productgrid:nth-child(47) { -webkit-order: 46; order: 46; margin-left: 1.69492%; }
main .products .productgrid:nth-child(46) { -webkit-order: 47; order: 47; margin-left: 0; }
main .products .productgrid:nth-child(48) { -webkit-order: 48; order: 48; margin-left: 0; }
main .products .productgrid:nth-child(49) { -webkit-order: 49; order: 49; margin-left: 0; }
main .products .productgrid:nth-child(51) { -webkit-order: 50; order: 50; margin-left: 1.69492%; }
main .products .productgrid:nth-child(50) { -webkit-order: 51; order: 51; margin-left: 0; }
main .products .productgrid:nth-child(52) { -webkit-order: 52; order: 52; margin-left: 0; }
main .products .productgrid:nth-child(53) { -webkit-order: 53; order: 53; margin-left: 0; }
main .products .productgrid:nth-child(54) { -webkit-order: 54; order: 54; margin-left: 1.69492%; }
main .products .productgrid:nth-child(55) { -webkit-order: 55; order: 55; margin-left: 0; }
main .products .productgrid:nth-child(57) { -webkit-order: 56; order: 56; margin-left: 0; }
main .products .productgrid:nth-child(56) { -webkit-order: 57; order: 57; margin-left: 0; }
main .products .productgrid:nth-child(58) { -webkit-order: 58; order: 58; margin-left: 1.69492%; }
main .products .productgrid:nth-child(59) { -webkit-order: 59; order: 59; margin-left: 0; }
main .products .productgrid:nth-child(60) { -webkit-order: 60; order: 60; margin-left: 0; }
}
@media only screen and (max-width: 670px) {
header #top #topnav a {
display: none;
}
header #top #topnav a#customerLogin { display: inline; }
header #top div.search { display: inline-block; vertical-align: top; }
}
@media only screen and (max-width: 600px) {
.columns .span1,
.columns .span2,
.columns .span3,
.columns .span4,
.columns .span5,
.columns .span6,
.columns .span7,
.columns .span8,
.columns .span9,
.columns .span10,
.columns .span11,
.columns .span12 {
margin-left: 0;
width: 100%;
}
.columns.head .span1.bkndGreen,
.columns.head .span1.bkndOrange,
.columns.head .span2.bkndGreen,
.columns.head .span2.bkndOrange,
.columns.head .span3.bkndGreen,
.columns.head .span3.bkndOrange,
.columns.head .span4.bkndGreen,
.columns.head .span4.bkndOrange,
.columns.head .span5.bkndGreen,
.columns.head .span5.bkndOrange,
.columns.head .span6.bkndGreen,
.columns.head .span6.bkndOrange,
.columns.head .span7.bkndGreen,
.columns.head .span7.bkndOrange,
.columns.head .span8.bkndGreen,
.columns.head .span8.bkndOrange,
.columns.head .span9.bkndGreen,
.columns.head .span9.bkndOrange,
.columns.head .span10.bkndGreen,
.columns.head .span10.bkndOrange,
.columns.head .span11.bkndGreen,
.columns.head .span11.bkndOrange,
.columns.head .span12.bkndGreen,
.columns.head .span12.bkndOrange {
margin-top: 0;
}
main .products .product {
position: relative;
margin: 1.69492% 0 0 0;
display: block;
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
}
main .products .productgrid:nth-child(1n+1)  { -webkit-order: inherit; order: inherit; margin-left: 0; }
}
@media only screen and (max-width: 590px) {
header #top div.search {
display: inline-block;
}
header nav#menu {
margin-top: -5px;
height: 40px;
}
header nav#menu ul>li.customerLoginNav {
display: block;
}
header nav#menu ul>li.desktop-hide {
display: inline;
}
header nav#menu div.mobileMenu {
position: relative;
display: block;
margin: 0 -1.69492% 0 -1.69492%;
padding-left: 1.69492%;
text-indent: 2em;
background: #c6ce00;
color: #ffffff;
cursor: pointer;
height: 40px;
line-height: 40px;
}
header nav#menu div.mobileMenu::before {
padding: 0 1.69492%;
line-height: 30px;
content: "";
position: absolute;
top: .85em;
left: 1.69492%;
width: .3em;
height: .2em;
border-top: .65em double #ffffff;
border-bottom: .25em solid #ffffff;
}
header nav#menu ul {
display: none;
}
header nav#menu:hover ul {
display: block;
margin: 0;
}
header nav#menu:hover ul > li {
float: none;
display: block;
margin: 0 -1.69492% 0 -1.69492%;
background: #c6ce00;
text-align: center;
border-top: 1px solid rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
}
header nav#menu:hover ul > li a {
display: block;
padding: 0 1.69492%;
line-height: 40px;
text-align: center;
color: rgba(255,255,255,0.9);
}
header nav#menu:hover ul > li a > span {
display: block;
}
header nav#menu:hover ul > li a > span::after {
display: none;
}
header nav#menu:hover ul > li:hover > a {
color: #ffffff;
}
header nav#menu:hover ul > li > ol {
position: relative;
display: none;
float: none;
background: #ffffff;
padding: 0;
}
header nav#menu:hover ul > li > ol > li {
display: block;
float: none;
font-size: 90%;
background: #ffffff;
-webkit-box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
}
header nav#menu:hover ul > li > ol > li > a {
color: rgba(0,0,0,0.7);
line-height: 30px;
}
header nav#menu:hover ul > li > ol > li > a:hover {
color: #000000;
}
header nav#menu:hover ul > li:hover > ol {
display: block;
}
header nav#menu:hover ul > li:hover > ol > li:hover ol {
display: block;
}
header nav#menu:hover ul > li > ol > li > ol > li {
display: block;
float: none;
font-size: 90%;
background: #ffffff;
-webkit-box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
box-shadow: inset 0 -3px 5px -3px rgba(255,255,255,0.2) !important;
}
header nav#menu:hover ul > li > ol > li > ol > li > a {
color: rgba(0,0,0,0.7);
line-height: 30px;
}
header nav#menu:hover ul > li > ol > li > ol > li > a:hover {
color: #000000;
}
header nav#menu:hover li.active > ol li {
margin-top: 0;
}
header nav#menu:hover ul > li.active > ol,
header nav#menu:hover ul > li > ol > li.active > ol {
display: block;
opacity: 1;
visibility: visible;
}
header nav#menu:hover li.active {
opacity: 1;
}
header nav#menu:hover ul > li > ol > li.active > a { color: #000; }
header nav#menu:hover ul > li > ol > li > ol > li.active > a { color: #000; }
main .wrapped_header .homeSlider .flexslider {
display: none;
}
main .wrapped_header .homeSlider .flexslider div.image {
background-image: none !important;
}
main .wrapped_header .wrapped {
margin-top: 20px;
}
footer nav ul {
text-align: center;
}
footer nav ul li {
position: relative;
display: inline-block;
text-align: center;
}
footer nav ul li a {
padding: 3px 10px;
}
.columns .span3.sidebarmenu {
display: none;
}
.columns .span9.sidebarcontent {
width: 100%;
float: none;
margin-left: 0;
}
.user-myhs-pi1 table td {
display: block;
width: 100% !important;
}
.user-myhs-pi1 table td.full {
display: table-cell;
width: auto !important;
}
.user-myhs-pi1 table td.tdright {
text-align: left;
}
.user-myhs-pi1 #map-canvas {
width: 100% !important;
height: 300px !important;
margin-bottom: 15px;
}
.user-myhs-pi1 #divQuery {
text-align: left !important;
display: block;
width: 100%;
}
.user-myhs-pi1 #resultDiv {
width: 100% !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
}
@media only screen and (max-width: 480px) {
#customerLogin span {
text-indent: 40px;
white-space: nowrap;
overflow: visible;
display: block;
width: 16px;
height: 16px;
line-height: 0;
background: url('../../fileadmin/package/images/icon_customerlogin.png') center center no-repeat}
header #top div#topnav a#customerLogin,header #top nav#topnav a#customerLogin{padding:3px;display:block}
header #top>div,header #top>nav{margin-left:2px}
}
.user-myhs-pi1 table{width:100% !important}