html {
  color: #000;
  background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
legend {
  color: #000;
}
@font-face {
  font-family: "Metabo W01 Regular";
  src: url("../font/daaa984f-fb09-498a-8150-affbfac97199.eot?#iefix");
  src: url("../font/daaa984f-fb09-498a-8150-affbfac97199.eot?#iefix") format("eot"), url("../font/f1f80b37-a858-4410-9ad9-cdc56cec0fab.woff") format("woff"), url("../font/97aae1f9-8636-46fb-a6bc-2f46f2281abf.ttf") format("truetype"), url("../font/76ffdc5d-359e-4f2f-bdb0-355742a85095.svg#76ffdc5d-359e-4f2f-bdb0-355742a85095") format("svg");
}
@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?mtkwl8');
  src: url('../font/icomoon.eot?#iefixmtkwl8') format('embedded-opentype'), url('../font/icomoon.woff?mtkwl8') format('woff'), url('../font/icomoon.ttf?mtkwl8') format('truetype'), url('../font/icomoon.svg?mtkwl8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
#fontDefinition .h1Style {
  font-size: 1.625em;
  font-weight: bold;
  line-height: 2.5em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
#fontDefinition .h2Style {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
.catDescriptionContainer #fontDefinition .h2Style {
  margin: 1.25em 0;
}
#fontDefinition .h3Style {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
.box.category #fontDefinition .h3Style {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category #fontDefinition .h3Style a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
#fontDefinition .h4Style {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
#fontDefinition .boxHeadLineStyle {
  font-size: 1.625em;
  font-weight: normal;
  line-height: 2.5em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#fontDefinition .boxHeaderGreenStyle {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
#fontDefinition .boxHeaderStyle {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#fontDefinition .productTitleStyle {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#fontDefinition .productTitleStyle:hover {
  text-decoration: underline;
}
#fontDefinition .productTitleBiggerStyle {
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.875em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#fontDefinition .priceStyle {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.875em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#fontDefinition .boxSubHeadLineStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#fontDefinition .boxTextStyle {
  color: #ffffff;
}
#fontDefinition .boxTextStyleInvert {
  color: #000000;
  font-weight: bold;
}
#fontDefinition .boxTextFooterStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#fontDefinition .subNavigationStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#fontDefinition .categoryTextStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#fontDefinition .categoryTextSubMenuStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#fontDefinition .footerHeaderStyle {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#fontDefinition .footerSubMenuHeaderStyle {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
}
#linkDefinition .navLinkStyle {
  font-size: 0.875em;
  font-weight: normal;
  line-height: 3.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#linkDefinition .navLinkTopStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#linkDefinition .navLinkTopStyleInvert {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#linkDefinition .boxHeaderStyle {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#linkDefinition .productTitleMoreStyle {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#linkDefinition .boxTextFooterStyle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#linkDefinition .boxTextFooterStyle:hover {
  text-decoration: underline;
}
#linkDefinition .boxTextFooterStyle:hover span {
  text-decoration: underline;
}
h1 {
  font-size: 1.625em;
  font-weight: bold;
  line-height: 2.5em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0;
}
h1.webfontmetabo {
  font-family: 'Metabo W01 Regular';
  font-weight: normal;
}
h1.pageHead {
  line-height: normal;
  margin: 0 0 0.8em 0;
}
#content.fullSize h1.pageHead {
  margin: 0 0 0 0.7em;
}
#content.fullSize #details h1.pageHead {
  margin: 0 0 0.25em 0;
}
#rightCol h1 {
  line-height: normal;
}
.csc-header h1 {
  line-height: 1.625em;
}
h2 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0;
}
.catDescriptionContainer h2 {
  margin: 1.25em 0;
}
#content.fullSize #details h2 {
  margin: 0 0 0.25em 0;
}
h3 {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0;
}
.box.category h3 {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category h3 a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
#accessories h3 {
  margin: 0 0 1.25em 0;
}
#worldWideContainer h3 {
  margin: 1.25em;
}
h4 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0;
}
h5 {
  color: #224b44;
  font-size: 0.625em;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
div.languageHeader {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 1.25em;
}
.box.category div.languageHeader {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category div.languageHeader a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
#findologic-logo {
  float: right;
}
#findologic-logo a {
  display: block;
}
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.noStyle {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.noStyle li {
  float: left;
}
html {
  height: 100%;
  background: #224b44;
  background-size: cover;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 0;
  margin-right: 0 !important;
  overflow: auto !important;
}
body {
  font-size: 100.01%;
  font-family: Arial, sans-serif;
  cursor: default;
  color: #000000;
  padding: 0;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
body:before,
body:after {
  content: " ";
  display: table;
}
body:after {
  clear: both;
}
@media (max-width: 600px) {
  #header {
    display: none;
  }
}
body:not(.mobileDevice) #header {
  display: block;
}
#page {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 6.55em 0 15em 0;
  line-height: 1.4;
  -webkit-box-shadow: 0px 0px 75px 10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 75px 10px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 75px 10px rgba(0,0,0,0.75);
  outline: 1px solid rgba(0,0,0,0.3);
}
#page:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#msgContainer {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #EA3343;
  background-color: #cfcfcf;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 2em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  padding: 1.25em;
  box-sizing: border-box;
}
#msgContainer.noScript {
  top: 0;
}
#msgContainer.oldIe {
  top: 0em;
}
#msgContainer.oldIe .closeMsg {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  cursor: pointer;
}
#msgContainer.oldIe .closeMsg:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.25em;
  vertical-align: top;
  content: "\e67e";
}
#msgContainer.oldIe .closeMsg.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.25em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
select {
  appearance: button;
  -moz-appearance: button;
  -webkit-appearance: button;
}
input[type='text'] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type='radio'] {
  -webkit-appearance: radio;
  border-radius: 0;
}
input[type='checkbox'] {
  -webkit-appearance: checkbox;
  border-radius: 0;
}
input[type="button"] {
  -webkit-appearance: checkbox;
  border-radius: 0;
}
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.oxSlider {
  display: none;
}
.categoryTagsBox {
  display: none;
}
#pageTeaser {
  width: 100%;
  height: 16em;
  margin: 0 0 1.25em 0;
  float: left;
}
iframe {
  width: 100%;
}
caption {
  font-size: 0.75em;
  padding: 1em;
}
.csc-default {
  margin: 0 0 1.25em 0;
}
.csc-default p + .editedList {
  margin-top: 0.625em;
}
.csc-default .editedList + p {
  margin-top: 0.625em;
}
#leftCol .csc-default {
  margin-left: 1.25em;
}
#leftCol .csc-default.dce_dceuid24 {
  margin-left: 0;
}
#leftCol .stdImage .csc-header {
  margin-bottom: 1.25em;
}
#leftCol .stdTextPic {
  width: 94%;
}
.csc-textpic-caption {
  caption-side: bottom;
  font-style: italic;
}
.sBlock {
  margin: 0 1.25em;
}
a {
  text-decoration: none;
  color: #224b44;
}
a:hover {
  text-decoration: underline;
}
a[href^="mailto"] {
  color: #224b44;
  text-decoration: underline;
}
.csc-default p > a {
  text-decoration: underline;
}
a.ext-link:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  vertical-align: top;
  content: "\e663  ";
}
a.ext-link.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  color: #000;
  vertical-align: top;
  content: "\e663  ";
}
a.ext-link:before {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
a.film-link:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  vertical-align: top;
  content: "\e67d  ";
}
a.film-link.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  color: #000;
  vertical-align: top;
  content: "\e67d  ";
}
a.film-link:before {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
ul.mainNavigationLevel2 a {
  color: #000;
}
.searchItem a {
  font-weight: normal;
  font-size: 0.875em;
}
.moreCategories a {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  height: 2.6em;
  line-height: 2.6em;
  padding: 0 0 0 1.65em;
}
#footerBottomRow a {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.footerCategory li a {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
.footerCategory li a:hover {
  text-decoration: underline;
}
.footerCategory li a:hover span {
  text-decoration: underline;
}
#mobileFooter li a {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#mobileFooter li a:hover {
  text-decoration: underline;
}
#mobileFooter li a:hover span {
  text-decoration: underline;
}
.boxLinkContainer a:hover {
  text-decoration: underline;
}
.box.greenBg .boxLinkContainer a {
  color: #ffffff;
}
.boxRight .boxLinkContainer a {
  display: block;
  padding: 0 0%;
  width: 100%;
  height: 2.5em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.5em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  width: 100%;
}
.boxRight .boxLinkContainer a:HOVER {
  text-decoration: none;
  color: #fff;
}
.box.noText a {
  display: block;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  margin: auto 5%;
  text-overflow: ellipsis;
}
.subMenuFooter .footerHeader a {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
a.viewAllHover,
a.sliderHover {
  display: none !important;
}
.titleBox a {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.titleBox a:hover {
  text-decoration: underline;
}
.infoBox a.title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.infoBox a.title:hover {
  text-decoration: underline;
}
a.titleBlock {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  text-align: center;
  display: block;
}
a.titleBlock:hover {
  text-decoration: underline;
}
#breadCrumb a {
  color: #000000;
}
#breadCrumb a:last-child {
  text-decoration: underline;
}
h2 a {
  color: #224b44;
}
.dceLink a {
  text-decoration: underline;
}
ol {
  list-style: decimal outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
  padding-left: 19px;
}
ol.editedList {
  list-style: decimal outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
  padding-left: 19px;
}
ul.editedList {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
}
.greyBg ul.editedList {
  color: #000000;
}
.greenBg ul.editedList {
  color: #ffffff;
}
.dceText ul.editedList {
  font-size: 1em;
}
.dceText ul:not(.editedList) {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
}
#rightCol ul:not(.editedList) {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
}
.stdTextPic ul:not(.editedList) {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
}
.stdTextPic .csc-textpic ul:not(.editedList) {
  list-style: square inside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
}
hr {
  height: 1px;
  border: none;
  border-top: 1px solid #cfcfcf;
  color: transparent;
  background-color: transparent;
}
.divider {
  margin: 0 0 1.25em;
  width: 100%;
  height: 1px;
  background-color: #cfcfcf;
  float: left;
}
.divider hr {
  display: none;
}
#rightCol .divider {
  width: 92.5%;
}
.csc-textpic-above {
  width: 100%;
}
.csc-textpic img {
  width: 100%;
  height: auto;
}
.csc-textpic a[rel="lightbox"] img {
  width: 100%;
  height: auto;
}
.youtube_video {
  margin: 0 0 1.25em;
}
.csc-textpic-imagewrap.w10 {
  width: 10%;
  height: auto;
}
.csc-textpic-imagewrap.w20 {
  width: 20%;
  height: auto;
}
.csc-textpic-imagewrap.w30 {
  width: 30%;
  height: auto;
}
.csc-textpic-imagewrap.w40 {
  width: 40%;
  height: auto;
}
.csc-textpic-imagewrap.w50 {
  width: 50%;
  height: auto;
}
.csc-textpic-imagewrap.w70 {
  width: 70%;
  height: auto;
}
.csc-textpic-imagewrap.w100 {
  width: 100%;
  height: auto;
}
.w30video iframe {
  width: 30%;
  height: 100%;
}
.w50video iframe {
  width: 50%;
  height: 100%;
}
.w70video iframe {
  width: 70%;
  height: 100%;
}
.w100video iframe {
  width: 100%;
  height: 100%;
}
#content3col .w30video,
#content.smallContent .w30video {
  height: 7.375em;
}
#content3col .w50video,
#content.smallContent .w50video {
  height: 12.25em;
}
#content3col .w70video,
#content.smallContent .w70video {
  height: 17.099em;
}
#content3col .w100video,
#content.smallContent .w100video {
  height: 24.39em;
}
#content2col .w30video,
#content.standard .w30video {
  height: 10.3em;
}
#content2col .w50video,
#content.standard .w50video {
  height: 19em;
}
#content2col .w70video,
#content.standard .w70video {
  height: 23.875em;
}
#content2col .w100video,
#content.standard .w100video {
  height: 34em;
}
@media screen and (max-width: 640px) {
  #content2col .youtube_video,
  #content.standard .youtube_video,
  #content3col .youtube_video,
  #content.smallContent .youtube_video {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
  }
  #content2col .youtube_video iframe,
  #content.standard .youtube_video iframe,
  #content3col .youtube_video iframe,
  #content.smallContent .youtube_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 0.825em;
}
.errorPageCol div.csc-textpic-intext-right .csc-textpic-imagewrap,
.errorPageCol div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 0;
}
div.csc-textpic {
  margin: 0 0 1.25em 0;
}
div.csc-textpic:before,
div.csc-textpic:after {
  content: " ";
  display: table;
}
div.csc-textpic:after {
  clear: both;
}
.stdTextPic div.csc-textpic {
  margin: 0;
}
div[class*='csc-header-'] + div.csc-textpic-text {
  margin: 0 0 1.25em 0;
}
div[class*='csc-header-'] {
  margin: 0 0 0.4em 0;
}
p + div[class*='csc-header-'] {
  margin: 1.25em 0 0 0;
}
div[class*='csc-header-'] ~ .csc-textpic {
  margin: 1.25em 0 0 0;
}
.csc-textpic-intext-left-nowrap .w70 + div.csc-header {
  float: right;
  width: 27.8%;
}
.csc-textpic-intext-right-nowrap .w70 + div.csc-header {
  float: left;
  width: 27.8%;
}
div.csc-textpic-image {
  margin: 0 0 0.625em 0;
}
div[class*='-left'] .csc-textpic-imagewrap {
  float: left;
  margin-right: 1.25em;
}
div[class*='-right'] .csc-textpic-imagewrap {
  float: right;
}
.errorPageCol div[class*='-right'] .csc-textpic-imagewrap {
  float: none;
}
.csc-textpic-left .csc-textpic-text {
  clear: left;
}
.csc-textpic-right .csc-textpic-text {
  clear: right;
}
div.csc-textpic-below .csc-textpic-imagewrap {
  margin: 0.625em auto 0 auto;
}
div.csc-textpic-center {
  position: relative;
}
div.csc-textpic-center .csc-textpic-center-outer {
  text-align: center;
}
div.csc-textpic-center .csc-textpic-imagewrap {
  margin: 0 auto;
}
.csc-header-date {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.csc-subheader {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.sText div {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#content1col {
  box-sizing: border-box;
  padding: 1.25em;
}
.gW25 {
  float: left;
  width: 23.125%;
}
.gW25:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gW30 {
  float: left;
  width: 31.66%;
}
.gW30:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gW50 {
  float: left;
  width: 48.75%;
}
.gW50:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gW50.grid_4small_1big1.col5 {
  float: right;
}
.gW70 {
  float: left;
  width: 65.8%;
}
.gW70:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gW100 {
  float: left;
  width: 100%;
}
.gW100:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid_4small_1big1 {
  margin: 0 0 0 2.5%;
}
#content {
  float: left;
  margin: 0 0 3.25em 0;
  min-height: 34em;
}
#content.fullSize {
  width: 100%;
}
#content.standard {
  width: 75.7%;
  margin: 0 1.5% 3.25em 0;
}
#content.smallContent {
  width: 54.3%;
}
#sidebar {
  float: left;
  width: 20.8%;
  margin: 0 2% 1.25em 0;
  overflow: hidden;
}
#sidebarRight {
  float: right;
  width: 20.8%;
  margin: 0 0 1.25em 0;
}
#sidebarRight #rightCol {
  width: 100%;
}
#contentCol {
  min-height: 1px;
  float: left;
  width: 100%;
}
#content2col #contentCol {
  width: 75.7%;
  margin: 0 1.5% 0 2%;
}
#content3col #contentCol {
  width: 54.3%;
  margin: 0 2%;
}
#content3col:after:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content2col:after:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#leftCol {
  width: 20.8%;
  float: left;
  overflow: hidden;
}
#sidebar #leftCol {
  width: 100%;
}
#rightCol {
  width: 20.8%;
  float: left;
  overflow: hidden;
}
#sidebarRight #rightCol {
  width: 100%;
}
#contentTopCol {
  margin: 0 0 1.25em 0;
}
.grid_30_70.col1 {
  float: left;
  width: 31.65%;
  margin: 0 2.5% 0 0;
}
.grid_30_70.col2 {
  float: left;
  width: 65.8%;
}
.grid_70_30.col1 {
  float: left;
  width: 65.8%;
  margin: 0 2.5% 0 0;
}
.grid_70_30.col2 {
  float: left;
  width: 31.65%;
}
.grid_1_1_1_big.contentLayout.col1,
.grid_1_1_1_big.contentLayout.col2,
.grid_1_1_1_big.contentLayout.col3 {
  width: 31.65%;
}
.grid_1_1.col1 {
  float: left;
  width: 48.75%;
}
.grid_1_1.col2 {
  float: left;
  width: 48.75%;
  margin-left: 2.5%;
}
.element2cols:after,
.element3cols:after,
.element4cols:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.element3cols .col2,
.element3cols .col3 {
  margin-left: 2.5%;
}
.video {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.25em 0;
}
.video .video-js-box {
  width: 100%;
}
.video .video-js-box video {
  width: 100%;
  max-width: 100%;
}
.errorContainer {
  margin: 1.25em;
}
.errorContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorContainer.noLeftGap {
  margin-left: 0;
}
.errorContainer._404 {
  margin: 0;
}
.errorContainer._404 .element2cols,
.errorContainer._404 .element3cols,
.errorContainer._404 .element4cols {
  clear: both;
}
.errorContainer._404 .csc-default.stdText {
  margin: 1.25em 1.25em 0 1.25em;
  width: 50%;
}
.errorContainer._404 .errorHomeContainer {
  width: 15%;
  float: left;
}
.errorContainer._404 .errorHomeContainer a {
  display: block;
  margin: 1.25em 1.25em 2em 1.4em;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
.errorContainer._404 .errorHomeContainer a:HOVER {
  text-decoration: none;
  color: #fff;
}
.errorContainer._404 .errorContactContainer {
  width: 15%;
  float: left;
}
.errorContainer._404 .errorContactContainer a#getContact {
  display: block;
  margin: 1.25em 0 2em 0;
  border: none;
  line-height: 2em;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.errorContainer._404 .errorContactContainer a#getContact:HOVER {
  text-decoration: none;
  color: #fff;
}
.errorContainer .errorFormContainer {
  float: left;
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  margin: 1em 0;
}
.errorContainer .msgText {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 0.875em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: none;
}
.status.notice {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  background: #09726A;
  margin: 0 0 0 1.25em;
  padding: 1.25em;
  box-sizing: border-box;
  width: 76.5%;
}
.status.error {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #ed1a3b;
  margin: 0 0 0 1.25em;
  padding: 1.25em;
  box-sizing: border-box;
  width: 76.5%;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  max-width: 1280px;
  z-index: 11001;
}
.mfp-content {
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
}
.mfp-figure {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #000;
}
.mfp-figure .mfp-close {
  padding: 0;
  color: #ffffff;
  font-size: 1.7em;
  line-height: 0;
  right: 0.3em;
  top: 0.3em;
  height: 0.625em;
  width: 0.625em;
}
.mfp-figure .mfp-close:active {
  top: 0.3em;
}
.mfp-content img.mfp-img {
  padding: 1.875em 0 0 0;
}
.accountDashboardView dl {
  font-size: 0.875em;
  font-weight: normal;
  line-height: 0.875em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin-bottom: 1.25em;
}
.accountDashboardView dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.accountDashboardView dl .iconFont {
  margin-right: 1em;
}
.accountDashboardView dl dt {
  float: left;
  width: 21%;
  margin: 0 1em 0 0;
}
@media screen and (min-width: 1280px) {
  .slideshow .control {
    top: 11.25em !important;
  }
  .categoryBox .boxImageContai {
    top: 0;
    width: 50%;
  }
  .categoryBox .boxContentContainer {
    right: 0;
    top: 0;
    width: 50%;
    padding-bottom: 0;
  }
  .categoryBox .boxLongText {
    visibility: visible;
    height: 46%;
    opacity: 1;
  }
  .categoryBox .boxShortText {
    margin-bottom: 1em;
  }
  .categoryBox .boxContent {
    top: 7.5% !important;
    height: 87% !important;
  }
  .categoryBox .boxImageContainer {
    width: 50% !important;
  }
}
.ls-slide a h1,
.ls-slide a h2,
.ls-slide a h3,
.ls-slide a h4,
.ls-slide a h5 {
  color: white;
}
.ls-link.ls-preloaded {
  z-index: 1000;
}
.loadingfade {
  background: #fff;
  z-index: 5000;
}
.loadingiconbg {
  background: url(../../img/loading_bg.png) no-repeat center center;
  z-index: 5001;
}
.loadingicon {
  background: url(../../img/loading.gif) no-repeat center center;
  z-index: 5002;
}
.contactNavigationContainer {
  margin: 0;
}
.contactNavigationContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.contactNavigationContainer .contactHomeContainer {
  width: 18%;
  float: left;
}
.contactNavigationContainer .contactHomeContainer a {
  display: block;
  margin: 1.25em 1.25em 2em 1.2em;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
.contactNavigationContainer .contactHomeContainer a:HOVER {
  text-decoration: none;
  color: #fff;
}
.contactNavigationContainer .contactContactContainer {
  width: 18%;
  float: left;
}
.contactNavigationContainer .contactContactContainer a#getContact {
  display: block;
  margin: 1.25em 0 2em 0;
  border: none;
  line-height: 2em;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.contactNavigationContainer .contactContactContainer a#getContact:HOVER {
  text-decoration: none;
  color: #fff;
}
.icon-icon_last:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e661";
}
.icon-icon_last.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e661";
}
.icon-icon_angesehene_artikel:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e661";
}
.icon-icon_angesehene_artikel.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e661";
}
.icon-icon_drucken:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e602";
}
.icon-icon_drucken.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e602";
}
.icon-icon_externer_link:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e663";
}
.icon-icon_externer_link.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e663";
}
.icon-icon_info:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e664";
}
.icon-icon_info.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e664";
}
.icon-icon_kontakt:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.1em;
  vertical-align: top;
  content: "\e665";
}
.icon-icon_kontakt.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.1em;
  color: #000;
  vertical-align: top;
  content: "\e665";
}
.icon-icon_mein_metabo:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e666";
}
.icon-icon_mein_metabo.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e666";
}
.icon-icon_menu:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e667";
}
.icon-icon_menu.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e667";
}
.icon-icon_merkzettel:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e668";
}
.icon-icon_merkzettel.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e668";
}
.icon-icon_metabo:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e669";
}
.icon-icon_metabo.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e669";
}
.icon-icon_newsletter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66a";
}
.icon-icon_newsletter.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66a";
}
.icon-icon_pdf:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66b";
}
.icon-icon_pdf.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66b";
}
.icon-icon_pfeil_hoch:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66c";
}
.icon-icon_pfeil_hoch.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66c";
}
.icon-icon_pfeil_li:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66d";
}
.icon-icon_pfeil_li.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66d";
}
.icon-icon_pfeil_offen_hoch:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
.icon-icon_pfeil_offen_hoch.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
.icon-icon_pfeil_offen_li:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66f";
}
.icon-icon_pfeil_offen_li.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66f";
}
.icon-icon_pfeil_offen_re:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e670";
}
.icon-icon_pfeil_offen_re.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e670";
}
.icon-icon_pfeil_offen_runter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
.icon-icon_pfeil_offen_runter.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
.icon-icon_pfeil_offen_runter.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
.icon-icon_pfeil_offen_runter.invert.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
.icon-icon_pfeil_re:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e672";
}
.icon-icon_pfeil_re.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e672";
}
.icon-icon_pfeil_runter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e673";
}
.icon-icon_pfeil_runter.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e673";
}
.icon-icon_pfeile_offen_li:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e674";
}
.icon-icon_pfeile_offen_li.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e674";
}
.icon-icon_pfeile_offen_re:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e675";
}
.icon-icon_pfeile_offen_re.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e675";
}
.icon-icon_plus:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e676";
}
.icon-icon_plus.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e676";
}
.icon-icon_social_media_facebook:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e677";
}
.icon-icon_social_media_facebook.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e677";
}
.icon-icon_social_media_google_plus:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e678";
}
.icon-icon_social_media_google_plus.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e678";
}
.icon-icon_social_media_twitter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e679";
}
.icon-icon_social_media_twitter.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e679";
}
.icon-icon_social_media_youtube:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67a";
}
.icon-icon_social_media_youtube.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67a";
}
.icon-icon_suche:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67b";
}
.icon-icon_suche.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67b";
}
.icon-icon_vergleichen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67c";
}
.icon-icon_vergleichen.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67c";
}
.icon-icon_video:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67d";
}
.icon-icon_video.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67d";
}
.icon-icon_x_schliessen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67e";
}
.icon-icon_x_schliessen.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
.icon-icon_zoom:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67f";
}
.icon-icon_zoom.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67f";
}
.icon-icon_haendlersuche_pin:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e601";
}
.icon-icon_haendlersuche_pin.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e601";
}
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline-block;
  text-decoration: none;
  vertical-align: baseline;
}
.menuIcon {
  position: absolute;
  top: 0;
  right: 0;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  cursor: pointer;
}
.headerTopMenu .iconFont {
  margin-right: 0.5em;
}
.headerTopMenu .icon-icon_kontakt {
  position: relative;
  top: 0.14em;
}
.headerTopMenu .icon-icon_metabo {
  margin-right: 0.25em;
}
a.ls-nav-prev {
  color: white;
}
a.ls-nav-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  vertical-align: top;
  content: "\e66f";
}
a.ls-nav-prev.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  color: #000;
  vertical-align: top;
  content: "\e66f";
}
a.ls-nav-prev:hover {
  text-decoration: none;
}
a.ls-nav-next {
  color: white;
}
a.ls-nav-next:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  vertical-align: top;
  content: "\e670";
}
a.ls-nav-next.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  color: #000;
  vertical-align: top;
  content: "\e670";
}
a.ls-nav-next:hover {
  text-decoration: none;
}
#searchForm button {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 1.55em;
  right: 1.55em;
}
#searchForm button span {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 550px) {
  #searchForm button {
    top: 0.625em;
    right: 0.3125em;
  }
}
.socialMedia li span {
  background-color: #09726A;
  font-size: 1.25em;
  margin-right: 0.25em;
  vertical-align: middle;
}
.categoryBox .exp > span {
  float: right;
  color: white;
  font-size: 1em;
}
.moreCategories span {
  float: right;
  font-size: 1em;
}
.icon-icon_pfeil_offen_re {
  vertical-align: middle;
  color: #ed1a3b;
  font-size: 1.25em;
}
ul.headerBottomMenu {
  position: static;
  z-index: 100;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  margin-right: 9.75%;
  float: right;
}
ul.headerBottomMenu li {
  display: block;
  box-sizing: border-box;
  float: left;
  text-align: center;
  position: relative;
}
ul.headerBottomMenu li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul.headerBottomMenu li {
  height: 99%;
  position: static;
  cursor: pointer;
}
ul.headerBottomMenu li.current {
  background-color: #fff;
}
ul.headerBottomMenu > div[id*='c'] {
  float: left;
}
ul.headerBottomMenu a.mainNavigationLevel1 {
  font-size: 0.875em;
  font-weight: normal;
  line-height: 3.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 0.75em;
}
ul.headerBottomMenu a.mainNavigationLevel1.current {
  color: #000;
}
li.accessoryFlyoutLeft ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
li.accessoryFlyoutLeft ul li {
  display: block;
  box-sizing: border-box;
  float: left;
  text-align: left;
  position: relative;
}
li.accessoryFlyoutLeft ul li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
li.accessoryFlyoutLeft ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
li.accessoryFlyoutLeft ul li.accessoryImage {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 1.75em 0 0 0;
  box-sizing: border-box;
}
li.accessoryFlyoutLeft ul li.accessoryImage img {
  width: 90%;
  height: auto;
  max-width: 309px;
  display: block;
  margin: 0 auto;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink {
  width: 95%;
  max-width: 95%;
  height: 100%;
  position: relative;
  margin: 2em 0 0 0;
  box-sizing: border-box;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink .heading {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0 0 1.8em 0;
}
.box.category li.accessoryFlyoutLeft ul li.accessoryTextAndLink .heading {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category li.accessoryFlyoutLeft ul li.accessoryTextAndLink .heading a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink .text {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink .accessoryLinkContainer {
  margin: 0.95em 0 0 0;
  float: left;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink .accessoryLinkContainer a.stdLink {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: none;
}
li.accessoryFlyoutLeft ul li.accessoryTextAndLink .accessoryLinkContainer a.stdLink:hover {
  color: #224b44;
}
ul.mainNavigationLevel2 {
  display: none;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #224b44;
  position: absolute;
  background-color: #fff;
  cursor: default;
  left: -14.1%;
  right: 0.1%;
  padding: 1em 0 0 1em;
  z-index: 101;
}
ul.mainNavigationLevel2 li {
  text-align: left;
  width: 18.8%;
  max-width: 18.8%;
  height: 12.81em;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
  position: relative;
  background-color: transparent;
  margin: 0 1.3% 1.25% 0;
}
ul.mainNavigationLevel2 li:nth-child(5n) {
  margin: 0 0 1.25% 0;
}
ul.mainNavigationLevel2 li a {
  white-space: pre-line;
  line-height: 1.4;
  height: 3em;
}
ul.mainNavigationLevel2 li a:hover {
  text-decoration: underline;
}
ul.mainNavigationLevel2 li.accessoryFlyoutLeft {
  width: 32%;
  max-width: 32%;
  border: none;
}
ul.mainNavigationLevel2 li.accessoryFlyoutLeft li.accessoryImage {
  float: left;
  border: none;
}
ul.mainNavigationLevel2 li.accessoryFlyoutLeft li.accessoryTextAndLink {
  float: right;
  border: none;
}
ul.mainNavigationLevel2 li.accessoryFlyoutRight {
  width: 30%;
  max-width: 30%;
  border: none;
}
ul.mainNavigationLevel2 li.accessoryFlyoutRight .heading {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 20% 0 0 0;
}
ul.mainNavigationLevel3 {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  margin: 0.25em 0 0 0;
  cursor: default;
}
ul.mainNavigationLevel3 li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
ul.mainNavigationLevel3 li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul.mainNavigationLevel3 li {
  width: 100%;
  max-width: none;
  border: none;
  margin: 0 1.3% 0 0;
  height: auto;
}
ul.mainNavigationLevel3 li a {
  white-space: pre-line;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  line-height: 1.6;
  height: auto;
}
ul.mainNavigationLevel3 li.moreCatThirdLevel {
  position: absolute;
  bottom: 1.5em;
  left: 0;
}
ul.headerTopMenu {
  float: right;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
ul.headerTopMenu li {
  display: block;
  box-sizing: border-box;
  float: left;
  text-align: center;
  position: relative;
}
ul.headerTopMenu li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul.headerTopMenu li {
  padding: 0.39em 0.78em;
}
ul.headerTopMenu li p {
  margin: 0;
}
ul.headerTopMenu li a {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
ul.headerTopMenu li:hover {
  background-color: #fff;
}
ul.headerTopMenu li:hover a {
  color: #224b44;
}
ul#myMetabo {
  position: absolute;
  top: 100%;
  right: -1px;
  z-index: 101;
  min-width: 10.5em;
  width: auto;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #224b44;
  padding: 0.4em 0.78em;
}
ul#myMetabo li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
ul#myMetabo li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul#myMetabo li {
  padding: 0.2em 0;
  width: 100%;
  position: relative;
}
ul#myMetabo li a {
  position: relative;
  text-align: left;
}
ul#myMetabo li a span {
  padding: 0 2.5em 0 1.3em;
  text-align: left;
  color: #224b44;
}
ul#myMetabo li a span.iconFont {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
}
ul#myMetabo li a span.counter {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  text-align: right;
}
ul#myMetabo li a:hover span {
  text-decoration: underline;
}
ul#myMetabo li a:hover span.iconFont {
  text-decoration: none;
}
#breadCrumb {
  height: 2.9375em;
  line-height: 2.9375em;
  color: #000;
  font-size: 0.75em;
  margin: 0 0 0 1.6em;
}
#breadCrumb .homeIcon {
  margin: 0 0.55em 0 0;
}
#breadCrumb .homeIcon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e680";
}
#breadCrumb .homeIcon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e680";
}
#breadCrumb .breadcrumbSeparator {
  letter-spacing: -0.55em;
  margin: 0 0.55em 0 0;
}
#breadCrumb .breadcrumbSeparator:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e670 \e670";
}
#breadCrumb .breadcrumbSeparator.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e670 \e670";
}
#breadCrumb.breadcrumbSparePartContainer {
  margin: 0 0 1em 0;
  height: 100%;
  line-height: 2.0em;
}
#breadCrumb.breadcrumbSparePartContainer a {
  text-decoration: underline;
}
#breadCrumb.breadcrumbSparePartContainer a.tabCloserLink {
  text-decoration: none;
}
#breadCrumb.breadcrumbSparePartContainer a:hover.tabCloserLink {
  text-decoration: underline;
}
#footerBottomRow ul.level_1 {
  bottom: 0;
  width: 100%;
  padding: 0 0.625em;
  box-sizing: border-box;
}
#footerBottomRow ul.level_1 li {
  width: 10em;
  height: 2.5em;
}
#footerBottomRow ul.level_1 li a {
  display: block;
  text-align: center;
  line-height: 3.2em;
}
#footerBottomRow ul.level_1 li a:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "  \e66e";
}
#footerBottomRow ul.level_1 li a.invert:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "  \e66e";
}
#footerBottomRow ul.level_1 li a:after {
  display: inline-block;
  text-decoration: none;
  margin-left: 0.3em;
}
#footerBottomRow ul.level_1 li:hover {
  background-color: #fff;
}
#footerBottomRow ul.level_1 li:hover a {
  color: #000000;
}
#footerBottomRow ul.level_1 li:hover .subMenuFooter {
  display: block;
}
#footerBottomRow ul.level_1 .subMenuCategories > div {
  width: 100%;
}
#footerBottomRow ul.level_1 li .subMenuContainer a {
  line-height: 2em;
  text-align: left;
  text-transform: none;
}
#footerBottomRow ul.level_1 li .subMenuContainer a:after {
  content: "";
}
.subMenuFooter {
  display: none;
  position: absolute;
  left: 0.6em;
  right: 0.6em;
  bottom: 2.5em;
  box-sizing: border-box;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #224b44;
  background-color: #fff;
}
.subMenuFooter .subMenuContainer {
  margin: 1.1em;
}
.subMenuFooter div {
  float: left;
}
.subMenuFooter .subMenuText {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.subMenuFooter .subMenuHeader {
  width: 100%;
  margin-bottom: 1.25em;
}
.subMenuFooter .subMenuHeader span {
  font-weight: bold;
  text-transform: uppercase;
}
.subMenuFooter .subMenuCategories {
  width: 40%;
}
.subMenuFooter .subMenuCategories ul {
  margin: 0;
  padding: 0;
}
.subMenuFooter .subMenuCategories ul li {
  width: 50%;
}
.subMenuFooter .subMenuCategories ul li::after {
  border-width: 0;
}
.subMenuFooter .subMenuProducts {
  width: 40%;
}
.subMenuFooter .subMenuProducts div {
  width: 100%;
}
.subMenuFooter .subMenuProducts div p {
  margin: 0;
}
.subMenuFooter .subMenuProducts div img {
  margin: 0;
  float: left;
  width: auto;
  margin-right: 1em;
}
.subMenuFooter .subMenuText {
  width: 60%;
}
.subMenuFooter .subMenuText.losungen {
  width: 39%;
  padding-left: 1%;
}
.subMenuFooter .subMenuText p {
  margin: 0;
}
.subMenuFooter .subMenuText img {
  margin: 0;
  float: left;
  width: auto;
  padding-right: 1.25em;
  padding-bottom: 1.25em;
}
.subMenuFooter ul {
  position: relative;
}
.subMenuFooter ul li {
  padding: 0;
  float: left;
}
.topnaviOne .topnavi_img > img {
  width: 100%;
}
.topnaviTwo .topnavi_img > img {
  width: 100%;
  height: 7.125em;
}
.topnavi_img {
  min-height: 7.5em;
  max-height: 7.5em;
}
ul.mainNavigationLevel2.topnaviOne > li {
  min-height: 21.5em;
  height: auto;
}
ul.mainNavigationLevel2.topnaviTwo > li {
  width: 38.5%;
  max-width: 38.5%;
  min-height: 21.5em;
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ul.mainNavigationLevel2.topnaviOne > li {
    min-height: 23em;
  }
  ul.mainNavigationLevel2.topnaviTwo > li {
    min-height: 23em;
  }
}
ul.mainNavigationLevel2.topnaviTwo > li:nth-child(3n) {
  width: 18.5%;
  max-width: 18.5%;
}
ul.mainNavigationLevel2.topnaviTwo > li:nth-child(6) {
  margin-left: 1em;
}
@media screen and (min-width: 550px) {
  #headerTopRow ul li:hover > ul {
    display: block;
  }
  #headerBottomRow ul li:hover > #megaMenu {
    height: 31.5em;
    border-bottom: 1px solid #224b44;
  }
  #headerBottomRow > li:hover,
  #headerTopRow li.mainLevel1:hover {
    color: #000;
    background-color: #fff;
  }
  #headerBottomRow > li:hover > a,
  #headerTopRow li.mainLevel1:hover > a {
    color: #000;
  }
  #headerBottomRow > li:hover:after,
  #headerTopRow li.mainLevel1:hover:after {
    border-color: transparent transparent #000000 transparent;
  }
}
#mobileHeader {
  display: none;
}
.menu-link {
  display: inline-block;
  font-size: 0.5625em !important;
  z-index: 10;
  width: 2em;
  height: 1em;
  margin-right: 0.5em;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
  background-color: #fff;
  width: 100%;
  height: .3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
li:hover .menu-link span,
li:hover .menu-link span:before,
li:hover .menu-link span:after {
  background-color: black;
}
.menu-link span:before,
.menu-link span:after {
  position: absolute;
  top: -0.55em;
  content: " ";
}
.menu-link span:after {
  top: .55em;
}
.menu-link span {
  position: relative;
  display: block;
  margin-top: 0.4em;
}
.menu-link.on span {
  background-color: transparent;
}
.menu-link.on span:before {
  -webkit-transform: rotateZ(45deg) translate(0.3em,0.55em);
  -moz-transform: rotateZ(45deg) translate(0.3em,0.55em);
  -ms-transform: rotateZ(45deg) translate(0.3em,0.55em);
  -o-transform: rotateZ(45deg) translate(0.3em,0.55em);
  transform: rotateZ(45deg) translate(0.3em,0.55em);
}
.menu-link.on span:after {
  -webkit-transform: rotateZ(-45deg) translate(0.25em,-0.5em);
  -moz-transform: rotateZ(-45deg) translate(0.25em,-0.5em);
  -ms-transform: rotateZ(-45deg) translate(0.25em,-0.5em);
  -o-transform: rotateZ(-45deg) translate(0.25em,-0.5em);
  transform: rotateZ(-45deg) translate(0.25em,-0.5em);
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 6.55em;
  width: 100%;
  box-sizing: border-box;
  z-index: 10001;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #224b44;
}
#header.nonFix {
  position: absolute;
}
#header .logo {
  width: auto;
  height: 100%;
  box-sizing: border-box;
  padding: 1em;
}
#header .logo img {
  width: auto;
  height: 100%;
}
#header.reduced {
  border-bottom: 1px solid white;
}
.logoContainer {
  background: url('../bg/metabo/metabo_logo_claim_desktop.png') no-repeat;
  background-size: contain;
  height: 100%;
  width: 19.4%;
}
.reduced .logoContainer {
  background-size: cover;
}
.mobileDevice .logoContainer {
  background: url('../bg/metabo/metabo_logo_mobile.png') no-repeat;
  background-size: cover;
  height: 23px;
  width: 109px;
  margin-top: 5px;
}
#headerTopRow {
  position: absolute;
  right: 0.5%;
  top: 7%;
}
#headerBottomRow {
  position: absolute;
  right: 1.47%;
  bottom: 0;
  width: 85%;
  height: auto;
}
.searchFormContainer {
  height: 14.8em;
  width: 96.9%;
  position: absolute;
  padding: 0;
  box-sizing: border-box;
  margin: 0 1.5%;
  display: none;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #224b44;
  background-color: #fff;
}
.searchFormContainer div.searchLabel {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  float: left;
  line-height: 1.5em;
  width: 100%;
  margin: 0 0 1em 0;
}
.searchFormContainer .closeSearch {
  position: absolute;
  top: 0.8em;
  right: 1.25em;
  cursor: pointer;
  color: #626262;
  display: none;
}
.searchFormContainer .closeSearch:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67e";
}
.searchFormContainer .closeSearch.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
#search {
  position: absolute;
  top: -0.25em;
  right: 0.1%;
  width: 7%;
  height: 100%;
}
#search .btn-toggle-searchform {
  display: block;
  margin: 0 0.5em 0 0;
  position: absolute;
  outline: none;
}
#search .btn-toggle-searchform:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#search .btn-toggle-searchform .icon-icon_suche {
  color: #ffffff;
}
#search svg {
  height: 0.875em;
  width: 0.875em;
  position: relative;
  top: 17%;
}
#myMetabo {
  display: none;
}
.listCountsTriggerAjax {
  z-index: 102;
}
#worldWideContainer {
  display: none;
  position: fixed;
  max-width: 1260px;
  margin: 0 auto;
  left: 0.75em;
  right: 0.75em;
  top: 7em;
  min-height: 20em;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: black;
  z-index: 10000;
  background: #fff url('../bg/metabo/sprachauswahl_weltkarte_HiRes.jpg') top center no-repeat;
  background-size: 100%;
}
#worldWideContainer .close {
  position: absolute;
  top: 0.8em;
  right: 1.25em;
  cursor: pointer;
}
#worldWideContainer .close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67e";
}
#worldWideContainer .close.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
#worldWideContainer > ul {
  margin: 0 0 0 1.15em;
  width: 15%;
}
#worldWideContainer > ul.left {
  float: left;
}
#worldWideContainer > ul.continent {
  margin-bottom: 1em;
}
#worldWideContainer > ul li.continent {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0 0 0.625em 0;
}
#worldWideContainer > ul li.text {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}
#worldWideContainer > ul .sprite {
  display: block;
  float: left;
  height: 1em;
  width: 2em;
}
#worldWideContainer > ul .sprite img {
  width: 75%;
  height: auto;
}
#mask {
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  display: none;
}
.menuButton {
  display: none;
}
.subMenuItem {
  display: block;
}
.subMenuItemNext {
  display: block;
}
@media screen and (min-width: 550px) {
  .menuButton {
    display: block;
  }
  .formContainer {
    display: none;
  }
  .searchItem {
    display: block;
  }
  .subMenuItem {
    display: none;
  }
  .subMenuItemNext {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .subMenuItemNext {
    display: block;
  }
  .searchItem {
    display: block;
  }
  .formContainer {
    display: none;
  }
  #search form {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .menuButton {
    display: none;
  }
  .subMenuItem {
    display: block;
  }
}
.searchItem {
  position: absolute;
  top: 36%;
  right: 0;
  width: 100%;
  text-align: right;
  cursor: pointer;
  text-transform: uppercase;
}
.searchItem a {
  color: white;
}
.searchItem.reduced ~ div.formContainer {
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 167%;
  top: 108%;
  left: -58.5%;
  padding: 0 0.6em;
  background-color: #224b44;
}
.searchItem.reduced ~ div.formContainer form {
  display: block !important;
}
.searchItem.reduced ~ div.formContainer .icon-icon_suche {
  color: #fff;
}
.searchAddContainer .searchTipps {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0 0 0.625em 0;
}
.searchAddContainer #searchFormPage:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.searchAddContainer .searchHomeContainer {
  width: 15%;
  float: left;
}
.searchAddContainer .searchHomeContainer a {
  display: block;
  margin: 1.25em 1.25em 1.25em 0;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
.searchAddContainer .searchHomeContainer a:HOVER {
  text-decoration: none;
  color: #fff;
}
.searchAddContainer .searchContactContainer {
  width: 15%;
  float: left;
}
.searchAddContainer .searchContactContainer a#getContact {
  display: block;
  margin: 1.25em 0 1.25em 0;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
.searchAddContainer .searchContactContainer a#getContact:HOVER {
  text-decoration: none;
  color: #fff;
}
#searchList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.resultContainer {
  position: absolute;
  bottom: 1.6em;
  height: 2.5em;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 2.3em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.resultContainer .count {
  margin: 0 0.3em 0 0.1em;
}
.searchHighlight {
  color: #ed1a3b;
  font-weight: bold;
}
ul#ui-id-1.ui-autocomplete {
  box-sizing: border-box;
  border-color: #cfcfcf;
  width: 61em !important;
}
ul#ui-id-1.ui-autocomplete li.ui-autocomplete-category.ui-autocomplete-allResults h3 {
  border: none !important;
  font-size: 1em !important;
  padding: 1em;
  text-align: center;
}
ul#ui-id-1.ui-autocomplete li.ui-autocomplete-category.ui-autocomplete-allResults h3 b {
  color: #ed1a3b !important;
}
ul#ui-id-1.ui-autocomplete li.ui-autocomplete-content.ui-autocomplete-allResults h3 {
  border: none !important;
  font-size: 0.75em !important;
}
ul#ui-id-1.ui-autocomplete li.ui-autocomplete-content.ui-autocomplete-allResults h3 b {
  color: #ed1a3b !important;
}
.fl-autocomplete.fl-has-two-columns li.fl-item-cat,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-cat,
.fl-autocomplete.fl-has-two-columns li.fl-item-vendor,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-vendor,
.fl-autocomplete.fl-has-two-columns li.fl-item-landingpage,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-landingpage,
.fl-autocomplete.fl-has-two-columns li.fl-item-suggest,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-suggest,
.fl-autocomplete.fl-has-two-columns li.fl-item-content,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-content {
  clear: left !important;
  float: left !important;
  width: 49% !important;
  margin: 0 !important;
}
.fl-autocomplete.fl-has-two-columns .fl-block-product,
.fl-autocomplete.fl-has-two-columns li.fl-item-product {
  margin-left: 49% !important;
  width: 49% !important;
}
.fl-autocomplete.fl-has-two-columns .fl-item-cat,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-cat,
.fl-autocomplete.fl-has-two-columns li.fl-item-content,
.fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-content {
  border-right: 1px solid #ccc !important;
}
.fl-autocomplete.ui-autocomplete {
  font-size: 0.75em !important;
}
.fl-autocomplete .ui-menu-item .fl-ac-highlight {
  color: #ed1a3b !important;
}
.fl-autocomplete .ui-autocomplete-category h3 {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  font-size: 1.25em !important;
}
.box.category .fl-autocomplete .ui-autocomplete-category h3 {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category .fl-autocomplete .ui-autocomplete-category h3 a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
.fl-autocomplete .ui-autocomplete-content h3 {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  font-size: 1.25em !important;
}
.box.category .fl-autocomplete .ui-autocomplete-content h3 {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category .fl-autocomplete .ui-autocomplete-content h3 a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
#footer {
  max-width: 1280px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;
  width: 100%;
  height: 15em;
  background-color: #224b44;
  box-sizing: border-box;
  z-index: 9500;
}
#footer #footerToggle {
  background-color: #224b44;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px 3px 0 0;
  width: 14em;
  height: 2em;
  top: -2em;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 2em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #224b44;
}
#footer #panel {
  margin: 1.875em 0 0.625em 0;
}
#footer #panel:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer.fix {
  position: fixed;
  height: 0.5em;
  padding: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
#footer.fix #footerToggle {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  border-bottom: 1px solid #224b44;
}
#footer.open {
  height: 15em;
  position: fixed;
}
#footer.always {
  position: absolute;
  height: 15em;
}
#footerTopRow {
  margin: 0 1.25em;
}
#footerTopRow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footerBottomRow #footerLogo {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em;
  width: 14.3%;
  box-sizing: border-box;
}
#footerBottomRow #footerLogo img {
  width: 100%;
  height: auto;
}
#footer.footer_typo3.fix #footerToggle {
  display: none;
}
#footer.footer_typo3.fix #footerBottomRow {
  display: none;
}
.footerHeader span {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
#subMenuFooter .subMenuHeader span {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.footerHeader span a {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1em;
}
.copyright img {
  width: 100%;
}
.copyright {
  width: 8%;
  float: right;
}
.footerCategory {
  float: left;
  width: 20%;
  margin-left: 1%;
}
.footerCategory li {
  width: 100%;
}
.footerCategory:first-child {
  margin-left: 8%;
}
.footerCategory .footerHeader {
  padding-bottom: 1.25em;
}
.socialMedia li {
  margin-bottom: 0.25em;
}
#mobileFooter,
.footerCategory.mobile {
  display: none;
}
.lngList a {
  color: #ffffff;
  font-size: 0.75em;
  line-height: 3.2em;
}
.lngList .icon {
  color: #ffffff;
  position: relative;
  top: -0.05em;
}
.lngList .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
.lngList .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
span[class*='icon-icon_social_media']:before {
  color: #ffffff;
}
ul.form {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
ul.form .formRow {
  width: 100%;
}
ul.form label {
  width: 100%;
  float: left;
}
ul.form input[type="text"] {
  border: none;
  text-indent: 0.5em;
  float: left;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 0 0.5em 0 0;
}
ul.form textarea {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  resize: none;
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
  max-width: 31em;
}
ul.form select {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  height: 2.5em;
  width: 100%;
  max-width: 15.5em;
}
ul.form button.submitButton {
  border: none;
  float: left;
  padding: 0 3%;
  width: auto;
  height: 2.9em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.9em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
ul.form button.submitButton:HOVER {
  text-decoration: none;
  color: #fff;
}
ul.form input[type="text"] {
  background-color: #CFCFCF;
  color: #000000;
}
ul.form.contact {
  margin: 1.5em 0 0 0;
  float: left;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  padding: 1.25em;
  width: auto;
}
ul.form.contact label {
  line-height: 2.5em;
  float: left;
  width: 20%;
}
ul.form.contact label.req:after {
  content: '*';
}
ul.form.contact input[type="text"] {
  height: 2.3em;
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  font-size: 1em;
  width: 80%;
  max-width: 80%;
  margin: 0;
  box-sizing: border-box;
}
ul.form.contact select {
  max-width: 80%;
  width: 80%;
  height: 2.3em;
}
ul.form.contact textarea {
  max-width: 80%;
}
ul.form.contact li {
  width: 100%;
  margin: 0 0 0.5em 0;
}
ul.form.contact li.verify img {
  height: 2.35em;
  width: auto;
  position: relative;
  top: 0.07em;
}
ul.form.contact li.buttonLine {
  margin: 0;
}
ul.form.contact li.buttonLine button {
  float: right;
  margin: 0;
}
ul.form.contact li.verify input[type="text"] {
  width: 16.7%;
  margin: 0 0.625em 0 0;
}
ul.form.contact li.verify .oxValidateError {
  margin-left: 20%;
}
ul.form.newsletter {
  margin: 1.5em 0 1.5em 0;
}
ul.form p.oxValidateError {
  display: none;
}
ul.form p.oxValidateError span {
  line-height: 2.5em;
}
ul.form li {
  float: left;
  width: 100%;
}
ul.form li.w50 {
  width: 100%;
}
ul.form li.formNote {
  margin: 1.25em 0;
}
ul.form li.oxInValid input[type="text"],
ul.form li.oxInValid select {
  border-color: #ed1a3b;
}
#accessorySearchForm * {
  box-sizing: border-box;
}
#accessorySearchForm .formRow {
  height: 1.7em;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  top: 0.3em;
  width: 100%;
  margin: 0.3em auto 0 auto;
}
#accessorySearchForm input#accessory_searchParam {
  height: 100%;
  width: 94%;
  text-indent: 0.5em;
  position: absolute;
  right: 6%;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
#accessorySearchForm .searchSubmitButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 6%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
  cursor: pointer;
}
#searchForm * {
  box-sizing: border-box;
}
#searchForm .formRow {
  position: relative;
  top: 4em;
  width: 31%;
  margin: 0 auto;
}
.errorContainer #searchForm .formRow {
  margin: 0 0 0 1.25em;
  height: 1.7em;
  overflow: hidden;
  width: 40%;
  top: 0.3em;
}
#searchForm .searchBar {
  height: 2em;
  overflow: hidden;
  position: relative;
  width: 100%;
  float: left;
}
#searchForm input#searchParam {
  height: 100%;
  width: 94%;
  right: 6%;
  text-indent: 0.5em;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
.errorContainer #searchForm input#searchParam {
  left: 0;
  width: 70%;
}
#searchForm .searchSubmitButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 6%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
  cursor: pointer;
}
.errorContainer #searchForm .searchSubmitButton {
  left: 70%;
}
#searchFormPage * {
  box-sizing: border-box;
}
#searchFormPage .formRow {
  height: 1.7em;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  top: 0.3em;
  width: 30%;
  margin: 0.3em auto 0 auto;
}
#searchFormPage .formRow.leftAlign {
  float: left;
}
#searchFormPage input#searchParam {
  height: 100%;
  width: 90%;
  text-indent: 0.5em;
  position: absolute;
  left: 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
#searchFormPage .searchSubmitButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #fff;
  background: transparent url('../bg/metabo/farbverlauf_rot.png') top left repeat-y;
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: transparent;
  border-radius: 3px;
  cursor: pointer;
}
.compareCatForm button {
  border: none;
  background-color: transparent;
  font-size: 1em;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
div.contactContainer {
  box-sizing: border-box;
  padding: 1.25em;
  width: 80%;
}
ul.contactList {
  list-style: none outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
  padding: 0;
}
.categoryBox {
  margin-bottom: 1.5em;
}
.categoryBox ul {
  padding: 0;
  margin: 0;
  margin-bottom: 0.625em;
}
ul.accountMenu {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 0.825em;
}
ul.accountMenu li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
ul.accountMenu li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul.accountMenu li {
  margin: 0.5em 0;
}
ul.accountMenu li > a {
  color: #ffffff;
  background-color: #224b44;
  display: block;
  line-height: 2em;
  padding: 0 0 0 1.25em;
  white-space: normal;
  margin-right: 2em;
}
ul.accountMenu li ul {
  margin: 0 0 0 1.5em;
}
ul.accountMenu li ul.compareMenu {
  margin: 0 0 0 1.3em;
  width: 84%;
}
ul.accountMenu li .counter {
  float: right;
  margin: 0 1.25em 0 0;
}
#treeContainer {
  margin: 0.5em 0 0 0;
}
ul#tree {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 0.825em;
}
ul#tree li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
ul#tree li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
#sidebar ul#tree,
#mainMenu ul#tree {
  margin: 0 0 2.5em 0;
}
ul#tree li {
  margin: 0.5em 0;
}
ul#tree li ul {
  display: none;
}
ul#tree li .menuIcon {
  top: 0.2em;
}
ul#tree li .menuIcon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
ul#tree li .menuIcon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
ul#tree li .menuIcon.open:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
ul#tree li .menuIcon.open.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
ul#tree li.secondLevel.hasSub {
  margin: 0.2em 0;
}
ul#tree li.secondLevel.hasSub .menuIcon {
  top: 0.2em;
}
ul#tree li.secondLevel.hasSub .menuIcon:before,
ul#tree li.secondLevel.hasSub .menuIcon.open:before {
  color: #fff;
}
ul#tree li a {
  line-height: 1.2em;
  padding: 0 1.25em 0 1.25em;
  color: #000;
  white-space: normal;
}
ul#tree li a:hover {
  text-decoration: underline;
}
ul#tree li.exp .menuIcon {
  height: 1.2em;
  line-height: 1.2em;
}
ul#tree li.exp .headingContainer {
  position: relative;
  margin: 0 0 0.3em 0;
  background-color: #224b44;
}
ul#tree li.exp .headingContainer a {
  color: #fff;
  line-height: 2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25em;
  padding-left: 1em;
}
ul#tree li.exp .headingContainer .menuIcon {
  height: 2em;
  line-height: 2em;
}
ul#tree li.exp ul li.exp > a {
  background-color: transparent;
  color: #000000;
  line-height: 1.2em;
}
ul#tree li.exp ul li.secondLevel > a {
  background: #224b44;
  color: #fff;
  padding: 0.4em 1.25em;
  text-transform: uppercase;
}
ul#tree li .menuIcon:before {
  color: #fff;
}
ul#tree li ul li.hasSub > .menuIcon:before {
  color: #000000;
}
ul#tree li .noFilterBox {
  margin: 0 1.25em;
}
ul#tree > li {
  margin: 0;
}
ul#tree li.firstLevel {
  display: none;
}
.category_sidebar ul#tree li.firstLevel {
  display: block;
}
ul#tree li.normal {
  margin: 0 0 0.625em 0;
}
ul#tree li.hasSubActive {
  display: block;
}
ul#tree li.hasSubActive > ul {
  display: block;
}
ul#tree li.hasSubActive .menuIcon[data-level="firstLevel"]:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
ul#tree li.hasSubActive .menuIcon[data-level="firstLevel"].invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
ul#tree li.open >  ul {
  display: block;
}
ul.level_2,
ul.level_3,
ul.level_4,
ul.level_5 {
  padding: 0 0 0 0.5em;
  display: none;
}
ul.level_2 .menuIconNonFunction,
ul.level_3 .menuIconNonFunction,
ul.level_4 .menuIconNonFunction,
ul.level_5 .menuIconNonFunction {
  position: absolute;
  top: -0.2em;
  right: 0;
}
ul.level_2 .menuIconNonFunction:before,
ul.level_3 .menuIconNonFunction:before,
ul.level_4 .menuIconNonFunction:before,
ul.level_5 .menuIconNonFunction:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
ul.level_2 .menuIconNonFunction.invert:before,
ul.level_3 .menuIconNonFunction.invert:before,
ul.level_4 .menuIconNonFunction.invert:before,
ul.level_5 .menuIconNonFunction.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
ul.level_2 .menuIconNonFunction.invert:before,
ul.level_3 .menuIconNonFunction.invert:before,
ul.level_4 .menuIconNonFunction.invert:before,
ul.level_5 .menuIconNonFunction.invert:before {
  color: #000000;
}
ul.level_2 a.withIcon,
ul.level_3 a.withIcon,
ul.level_4 a.withIcon,
ul.level_5 a.withIcon {
  position: relative;
  margin: 0 !important;
  z-index: 1;
}
ul.level_2 li .menuIcon:before,
ul.level_3 li .menuIcon:before,
ul.level_4 li .menuIcon:before,
ul.level_5 li .menuIcon:before {
  color: #000000;
}
ul.level_2 li a,
ul.level_3 li a,
ul.level_4 li a,
ul.level_5 li a {
  font-size: 0.9em;
}
ul.level_2 li a.active,
ul.level_3 li a.active,
ul.level_4 li a.active,
ul.level_5 li a.active {
  text-decoration: underline !important;
}
ul.level_2 li.normal,
ul.level_3 li.normal,
ul.level_4 li.normal,
ul.level_5 li.normal {
  margin: 0 0 0.625em 0;
}
ul.level_2 li.hasSubActive ul,
ul.level_3 li.hasSubActive ul,
ul.level_4 li.hasSubActive ul,
ul.level_5 li.hasSubActive ul {
  display: block;
}
ul.level_2 li.hasSubActive > a,
ul.level_3 li.hasSubActive > a,
ul.level_4 li.hasSubActive > a,
ul.level_5 li.hasSubActive > a {
  text-decoration: underline !important;
}
ul.level_2 li.open ul,
ul.level_3 li.open ul,
ul.level_4 li.open ul,
ul.level_5 li.open ul {
  display: block;
}
ul.level_2 li.thirdLevel.open ul,
ul.level_3 li.thirdLevel.open ul,
ul.level_4 li.thirdLevel.open ul,
ul.level_5 li.thirdLevel.open ul {
  display: block;
}
.categoryBox ul.level_2 {
  padding: 0;
}
.categoryBox ul.level_2 li.hasSubActive > a {
  font-weight: bold !important;
  text-decoration: none !important;
}
.categoryBox ul.level_2 .secondLevel .menuIconNonFunction.invert {
  z-index: 1;
  top: 0.1em;
  right: 0.4em;
}
.categoryBox ul.level_2 .secondLevel .menuIconNonFunction.invert:before {
  color: #fff;
}
#partContainer ul#tree li.exp ul li.secondLevel > a {
  background: transparent;
  padding: 0 1.25em;
  text-transform: none;
}
#partContainer ul#tree li.exp .headingContainer a {
  font-size: 1em;
}
.moreCategories {
  position: relative;
  margin: 0 0 1.1em 0;
  border-top: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}
#toxid_curl_subLeft:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#mainMenu {
  position: relative;
  margin: 0;
}
ul.menuLeft.mainMenu {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  margin: 0;
}
ul.menuLeft.mainMenu li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
ul.menuLeft.mainMenu li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
ul.menuLeft.mainMenu li {
  position: relative;
}
ul.menuLeft.mainMenu li a {
  display: block;
  height: 2em;
  line-height: 2em;
  padding: 0 0 0 1.25em;
}
ul.menuLeft.mainMenu li.level1 .headingContainer {
  background-color: #224b44;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
ul.menuLeft.mainMenu li.level1 .headingContainer a {
  color: #fff;
}
ul.menuLeft.mainMenu li.level1:last-child .headingContainer {
  border: none;
}
ul.menuLeft.mainMenu li.active .headingContainer {
  background-color: #09726A;
}
ul.menuLeft.mainMenu li.active .headingContainer a {
  color: #fff;
}
ul.menuLeft.mainMenu li.normal.level2 a {
  color: #000;
}
ul.menuLeft.mainMenu li .menuIcon {
  position: absolute;
  top: 0;
  right: 0;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  cursor: pointer;
}
ul.menuLeft.mainMenu .activeCur a {
  text-decoration: underline;
}
ul.menuLeft.mainMenu .notActiveCur a {
  text-decoration: none;
}
ul.menuLeft.level2 li.normal.level2 a {
  color: #000;
}
.dceText p {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 0;
}
.dceLink a {
  color: #224b44;
}
.addresses div {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.dceDownload {
  margin-bottom: 1.5em;
  overflow: hidden;
  float: left;
  width: 100%;
}
#rightCol .dceDownload .dlcPdfs {
  padding: 0;
}
.dceDownload .dlcPdfFile {
  margin: 0.5em auto;
}
#contentCol .dceDownload .dlcPdfs {
  width: 20%;
}
.dceDownload .dceLink {
  float: left;
  width: 100%;
}
.dceDownload .dceLink a {
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
}
.dceDownload .dceLink a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.dceDownload .dceLink a span {
  position: relative;
  left: 0.75em;
  top: 0;
  line-height: 2.5em;
}
.dceDownload .dceLink.pdfType a {
  background-image: url("../../img/pdficon_large.png");
  background-repeat: no-repeat;
  height: 2.5em;
  padding-left: 2.5em;
  background-size: auto 100%;
}
.dceDownload .dceLink.jpegType a {
  background-image: url("../../img/jpegicon_large.png");
  background-repeat: no-repeat;
  height: 2.5em;
  padding-left: 2.5em;
  background-size: auto 100%;
}
.dceDownload .dceDescription {
  display: none;
}
.dceDownload .dcePdfSize {
  display: none;
}
#contentCol .dceTitle {
  margin-right: 1em;
}
#contentCol .dceDownload {
  padding-top: 0.5em;
}
.dceAddress {
  margin: 0 0 1.25em 0;
}
.dceAddress:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.dceAddress .addressStreetPlzCountry {
  margin-bottom: 0.625em;
}
.dceContact {
  margin: 0 0 1.25em 0;
  float: left;
  width: 100%;
}
.dceContact:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#rightCol .tx-dce-pi1 {
  padding: 0 1.25em 0 0;
  box-sizing: border-box;
}
.dceTitle {
  border-bottom: solid 1px #cfcfcf;
}
.dceTitle:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.dceTitle div {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  line-height: 1.6;
  margin-left: 1.6em;
}
.dceTitle span[class*='icon-'] {
  float: left;
  color: #224b44;
  line-height: 1.4em;
}
#rightCol .dceTitle span[class*='icon-'] {
  padding: 0;
}
.dceText {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  width: 95%;
  margin-top: 0.3em;
}
.dceLink a {
  font-size: 0.75em;
  color: #224b44;
  margin: 0.3em 0 0 0;
}
.dceContact .dceLink {
  margin: 0.3em 0 0 1.25em;
}
.dceDescription {
  font-size: 0.75em;
  color: #626262;
  margin: 0 0 0 3.2em;
}
.dcePdfSize {
  font-size: 0.75em;
  color: #626262;
  position: relative;
  top: 0;
  margin: 0 0 0 3.2em;
}
#stage1 {
  width: 100%;
  margin-bottom: 1em;
}
#stage2 {
  width: 100%;
  margin-bottom: 1.25em;
}
#stage3 {
  float: left;
  width: 100%;
}
.grid_1big1_4small .boxContentContainer,
.grid_4small_1big1 .boxContentContainer,
.grid_1_1_middle .box.noPicture {
  padding-bottom: 26%;
}
.grid_4small_1big:nth-last-child(4),
.grid_4small_1big:nth-last-child(1),
.grid_1big_4small:nth-last-child(3),
.grid_1big_4small:nth-last-child(1),
.grid_1big_4small:nth-last-child(2),
.grid_1big_4small:nth-last-child(4) {
  margin-left: 2.5%;
}
.grid_1_1_middle:nth-last-child(1) {
  margin-left: 2.5%;
}
.grid_1_1_1_1_small:nth-last-child(1),
.grid_1_1_1_1_small:nth-last-child(2),
.grid_1_1_1_1_small:nth-last-child(3),
.grid_1_1_1_1_small:nth-last-child(5),
.grid_1_1_1_1_small:nth-last-child(6),
.grid_1_1_1_1_small:nth-last-child(7) {
  margin-left: 2.5%;
}
.boxHover .boxContent {
  top: 1em;
  bottom: 1em;
  width: 74.5%;
}
.boxHover .boxLongText {
  display: block;
  text-decoration: none !important;
}
.boxHover .contentToggle {
  transform: rotate(180deg);
}
.boxHover .contentToggle span {
  background-color: transparent;
}
.boxHover .boxShortText {
  margin-bottom: 1em;
}
.boxHover .boxHeadline {
  margin-bottom: 0.3em;
}
.box.noRightGap.noBg.greyTeaser .boxLinkContainer {
  position: absolute;
  bottom: 0;
}
.box.noRightGap.noBg.greyTeaser .boxLinkContainer > a {
  color: #000;
}
.boxContainerHover {
  display: none;
}
.greyTeaserHover {
  cursor: pointer;
}
.greyTeaserHover .boxContentContainer .boxShortText p {
  text-transform: none;
}
#topCol {
  max-height: 22em;
  overflow: hidden;
}
#topCol img {
  width: 100%;
  height: auto;
}
#breadcrumbs {
  margin: 0.25em;
}
#breadcrumbs a {
  margin-left: 1em;
}
@media screen and (max-width: 960px) {
  .grid_1_1_1_big.col1,
  .grid_1_1_1_big.col2,
  .grid_1_1_1_big.col3 {
    width: 48.75%;
  }
  .grid_1_1_1_big.col3 {
    display: none;
  }
  .grid_1_1_1_big.contentLayout.col3 {
    display: block;
  }
}
.box {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 0 1.5em 0;
  position: relative;
  padding-bottom: 64.5%;
}
.box * {
  box-sizing: border-box;
}
.box.greyBg {
  background-color: #CFCFCF;
}
.box.greenBg {
  background-color: #224b44;
}
.box.noPicture {
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
  padding-bottom: 30.5%;
}
.box.noPicture.noText {
  padding-bottom: 0;
  height: 5.05em;
}
.box.relatedBox {
  padding-bottom: 0;
}
.box.greyTeaser {
  padding: 0;
  background-color: #CFCFCF;
}
.box.greyTeaser:hover .boxContainer {
  visibility: hidden;
}
.box.greyTeaser:hover .boxContainerHover {
  display: block;
}
#stage2 .box.greyTeaser {
  padding-bottom: 0;
}
.grid_30_70.col1 .box {
  width: 30%;
  color: #000000;
}
.grid_30_70.col2 .box {
  width: 70%;
  color: #000000;
}
.box.content_30_70 {
  padding-bottom: 22.5%;
  margin: 0 0 1.25em 0;
  background-color: #224b44;
}
.box.content_30_70.greyBg {
  background-color: #CFCFCF;
}
.box.content_70_30 {
  padding-bottom: 22.5%;
  margin: 0 0 1.25em 0;
  background-color: #224b44;
}
.box.content_70_30.greyBg {
  background-color: #CFCFCF;
}
.box.category {
  float: left;
  position: relative;
  padding: 0;
  text-align: left;
  width: 14em;
  height: 14em;
  margin: 0 0 1.5em 1.5em;
}
.box.category:nth-child(4n+1) {
  margin: 0 0 1.5em 0;
}
.box.category a {
  color: #000000;
}
.box.category a.category-name {
  color: #ffffff;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
  min-height: 6em;
  padding: 4%;
  z-index: 1;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category .subcatPic {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
.box.category .subcatPic img {
  width: 100%;
  height: auto;
}
.grid_4small_1big.col1 .box {
  height: 5.05em;
  padding: 0;
  margin: 0 0 1.45em 0;
}
.grid_4small_1big.col2 .box {
  height: 5.05em;
  padding: 0;
  margin: 0 0 1.45em 0;
}
.grid_4small_1big.col3 .box {
  height: 5.05em;
  padding: 0;
}
.grid_4small_1big.col4 .box {
  height: 5.05em;
  padding: 0;
}
.grid_4small_1big1.col5 .box {
  padding: 0;
  height: 11.55em;
}
.grid_1big_4small.col1 .box {
  height: 5.05em;
  padding: 0;
  margin: 0 0 1.45em 0;
}
.grid_1big_4small.col2 .box {
  height: 5.05em;
  padding: 0;
  margin: 0 0 1.45em 0;
}
.grid_1big_4small.col3 .box {
  height: 5.05em;
  padding: 0;
}
.grid_1big_4small.col4 .box {
  height: 5.05em;
  padding: 0;
}
.grid_1big1_4small.col5 .box {
  padding: 0;
  height: 11.55em;
}
.contentBox {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 0 1.5em 0;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 134%;
}
.contentBox.reducedTextbox {
  padding-bottom: 115%;
}
.errorPageCol .contentBox.reducedTextbox {
  padding-bottom: 134%;
}
.contentBox .boxImageContainer {
  height: 53%;
  overflow: hidden;
}
.contentBox .boxContentContainer {
  padding-bottom: 62.8%;
}
.contentBox.greyBg {
  background-color: #CFCFCF;
}
.contentBox.greenBg {
  background-color: #224b44;
}
#leftCol .contentBox {
  margin: 0 0 1.25em 0;
}
.categoryBox .boxContentContainer {
  padding-bottom: 13.75%;
}
.categoryBox .contentToggle + .boxContent {
  width: 70%;
}
.categoryBox .boxImageContainer {
  width: 100%;
}
.categoryBox .contentToggle.doNotShow {
  display: none;
}
.slideshow {
  margin: 0 auto;
  overflow: hidden;
}
.slideshow .control {
  position: absolute;
  top: 32.5em;
  right: 1.25em;
  z-index: 1;
}
.slideshow .control .slide_thumb {
  float: left;
  height: 0.75em;
  margin-left: 0.5em;
  width: 0.75em;
  background: grey;
  cursor: pointer;
}
.slideshow .control #thumb_0 {
  background: white;
}
.slideshow .inner {
  background: lightgray;
}
.slideshow .inner > div {
  width: 60.53em;
  margin-left: 0;
  float: left;
}
.slideshow .categoryBox {
  padding-bottom: 21.4%;
}
.slideshow .boxShortText.noLink {
  height: auto;
  max-height: none;
}
.boxLeft {
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: 2.5%;
  width: 53%;
  overflow: hidden;
}
.boxRight {
  position: absolute;
  top: 5%;
  right: 3%;
  bottom: 5%;
  width: 33%;
}
.boxContainer {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #CFCFCF;
}
.boxContainerHover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #CFCFCF;
}
.boxContentContainer {
  position: absolute;
  bottom: 0;
  padding-bottom: 26%;
  width: 100%;
  box-sizing: border-box;
}
.box.content_30_70 .boxContentContainer {
  padding-bottom: 22%;
  top: 0;
  right: 0;
  width: 68.25%;
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
}
.box.content_70_30 .boxContentContainer {
  padding-bottom: 22%;
  top: 0;
  left: 0;
  width: 68.25%;
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
}
.box.content_30_70.greyBg .boxContentContainer {
  background: #CFCFCF;
}
.box.content_70_30.greyBg .boxContentContainer {
  background: #CFCFCF;
}
.box.content_70_30.biggerSideImage .boxContentContainer {
  float: left;
  top: 0;
  right: 0;
  width: 31.65%;
}
.box.content_30_70.biggerSideImage .boxContentContainer {
  float: left;
  top: 0;
  right: 0;
  width: 31.65%;
}
.box.noPicture .boxContentContainer {
  height: 100%;
  padding: 0;
}
.box.noText .boxContentContainer {
  height: 100%;
  padding: 0;
}
.box.greyBg .boxContentContainer {
  background-color: #CFCFCF;
}
.box.greenBg .boxContentContainer {
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
}
.greyTeaser .boxContainer .boxContentContainer {
  float: right;
  position: relative;
  padding: 0;
  height: 100%;
  width: 45%;
  padding-bottom: 39%;
}
.greyTeaser .boxContainerHover .boxContentContainer {
  height: 97%;
  width: 97%;
  padding: 0;
  margin: 0 1.5% 1.5% 1.5%;
}
.contentBox.reducedTextbox .boxContentContainer {
  padding-bottom: 43%;
}
.errorPageCol .contentBox.reducedTextbox .boxContentContainer {
  padding-bottom: 62.8%;
}
.boxContent {
  position: absolute;
  top: 0;
  bottom: 1%;
  left: 0;
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}
.box.noText .boxContent {
  margin: auto;
  vertical-align: middle;
  display: table;
  height: 100%;
}
.box.noText .boxContent a {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.box.noText .boxContent .icon-icon_pfeil_offen_re {
  display: none;
}
.contentToggle + .boxContent {
  background-color: transparent;
  bottom: 17.5%;
  left: 5%;
  overflow: hidden;
  position: absolute;
  right: 5%;
  top: 16%;
  width: 91%;
  height: 75%;
}
.contentBox .boxContent {
  background-color: transparent;
  bottom: 17.5%;
  left: 5%;
  overflow: hidden;
  position: absolute;
  right: 5%;
  top: 16%;
  width: 91%;
  height: 75%;
}
.greyTeaser .boxContainer .boxContent {
  height: 95%;
}
.greyTeaser .boxContainerHover .boxContent {
  height: 77%;
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: 2.5%;
  width: 95%;
  overflow: hidden;
}
.box.content_30_70 .boxContent {
  top: 6%;
  left: 3.55%;
  height: 89%;
  width: 96%;
}
.box.content_70_30 .boxContent {
  top: 6%;
  left: 3.55%;
  height: 89%;
  width: 96%;
}
.boxLinkContainer {
  position: absolute;
  bottom: 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.box .boxContentContainer .boxRight .boxLinkContainer {
  right: 0;
  bottom: 2.2%;
  height: 2.5em;
  width: 100%;
  font-size: 1em;
}
.box.noRightGap.noBg.greyTeaser .boxLinkContainer {
  bottom: 1.5%;
  left: 2%;
}
.contentBox.greenBg .boxLinkContainer a {
  color: #ffffff;
  text-decoration: none;
}
.contentBox.greyBg .boxLinkContainer a {
  color: #000000;
  text-decoration: none;
}
.box.content_30_70 .boxLinkContainer a {
  color: #ffffff;
  text-decoration: none;
}
.box.content_70_30 .boxLinkContainer a {
  color: #ffffff;
  text-decoration: none;
}
.box.content_30_70.greyBg .boxLinkContainer a {
  color: #000000;
  text-decoration: none;
}
.box.content_70_30.greyBg .boxLinkContainer a {
  color: #000000;
  text-decoration: none;
}
.boxHeadline {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 2.6% 0;
}
.box.noBg.greyTeaser .boxContainer .boxHeadline {
  padding: 0;
  color: #000000;
  text-align: center;
  margin: 0.825em 0 0 0;
  max-height: 9em;
  overflow: hidden;
  line-height: 1.4;
}
.box.noBg.greyTeaser .boxContainerHover .boxHeadline {
  padding: 0;
  color: #000000;
}
.box.greyBg .boxHeadline {
  color: #000000;
}
.contentBox.greyBg .boxHeadline {
  color: #000000;
}
.boxShortText {
  color: #ffffff;
  overflow: hidden;
  height: auto;
  max-height: 4em;
}
.greyBg .boxShortText {
  color: #000000;
}
.boxLeft .boxShortText {
  max-height: 66%;
}
.box.greyTeaser .boxShortText {
  height: 71%;
  color: #000000;
}
.boxShortText ul li {
  font-size: 1em;
}
.box.content_30_70 .boxShortText {
  max-height: 12.1em;
}
.box.content_70_30 .boxShortText {
  max-height: 12.1em;
}
.boxShortText.noLink {
  height: 5.5em;
  max-height: 5.5em;
}
.gW30 .boxShortText {
  max-height: 2.5em;
}
.gW30 .greyTeaser .boxShortText {
  max-height: 100%;
}
#content2col .gW30 .boxShortText {
  max-height: 1.5em;
}
.bigTextBox .boxShortText {
  height: 5.5em;
  max-height: 5.5em;
}
#content2col .gW30 .bigTextBox .boxShortText {
  height: 5.5em;
  max-height: 5.5em;
}
.boxShortText p {
  margin: 0;
  font-size: 1em;
}
.greenBg .boxShortText a {
  color: white;
}
.videoBox .contentToggle {
  display: none;
}
.videoBox .boxVideoPlayer iframe,
.videoBox .boxVideoPlayer object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.videoBox .boxVideoPlayer {
  position: relative;
  padding-bottom: 16.25em;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.videoBox .boxVideoPlayer.hide {
  display: none;
}
.box.content_30_70 .noLink,
.box.content_70_30 .noLink {
  max-height: 13.75em !important;
  height: 13.75em !important;
}
.boxLongText {
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 65%;
  display: none;
  transition: height 0.5s linear;
}
.box.greyBg .boxLongText {
  color: #000000;
}
.box.content_30_70 .boxLongText {
  display: none;
}
.gW30 .boxLongText {
  max-height: 10em;
  height: 10em;
}
.boxLongText p {
  margin: 0;
  font-size: 1em;
}
.csc-default p {
  color: #000000;
  font-size: 0.75em;
  margin: 0;
}
.csc-default p.align-left {
  text-align: left;
}
.csc-default p.align-right {
  text-align: right;
}
.csc-default p.align-center {
  text-align: center;
}
.greenBg p {
  color: #ffffff;
}
.greyBg p {
  color: #000000;
}
div[class^="grid_"] > p {
  margin: 0;
}
div.csc-textpic-text > p {
  margin: 0;
}
.dceText p {
  font-size: 1em;
}
.boxImageContainer {
  position: absolute;
  top: 0;
  width: 100%;
}
.boxImageContainer img {
  width: 100%;
  height: auto;
}
.box.noBg.greyTeaser .boxImageContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  padding: 0;
}
.box.noBg.greyTeaser .boxImageContainer img {
  width: 100%;
  height: auto;
}
.contentBox.reducedTextbox .boxImageContainer {
  height: 62%;
}
.errorPageCol .contentBox.reducedTextbox .boxImageContainer {
  height: 53%;
}
.box.content_30_70 .boxImageContainer {
  float: left;
  top: 0;
  left: 0;
  width: 31.65%;
}
.box.content_70_30 .boxImageContainer {
  float: left;
  top: 0;
  right: 0;
  width: 31.65%;
}
.box.content_70_30.biggerSideImage .boxImageContainer {
  float: left;
  top: 0;
  right: 0;
  width: 68.25%;
}
.box.content_30_70.biggerSideImage .boxImageContainer {
  float: left;
  top: 0;
  right: 0;
  width: 68.25%;
}
.boxNewsletter .boxLinkBg {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #ffffff;
  bottom: 0%;
  font-size: 6em;
}
.contentToggle {
  position: absolute;
  height: 1.625em;
  width: 1.625em;
  background-color: #224b44;
  color: #ffffff;
  text-align: center;
  right: 2%;
  top: -1.625em;
  z-index: 10;
  cursor: pointer;
}
.contentToggle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
.contentToggle.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
.contentToggle:before {
  line-height: 1.625em;
}
.contentToggle span {
  padding: 0.3em;
  display: none;
}
.box.greyBg .contentToggle span {
  background-color: #CFCFCF;
  color: #000000;
}
.box.greenBg .contentToggle span {
  background-color: #224b44;
  color: #ffffff;
}
.contentBox.greyBg .contentToggle span {
  background-color: #CFCFCF;
  color: #000000;
}
.contentBox.greenBg .contentToggle span {
  background-color: #224b44;
  color: #ffffff;
}
.contentToggle .box.open:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
.contentToggle .box.open.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
@media screen and (max-width: 1400px) {
  .contentToggle + .boxContent {
    top: 11%;
    right: 5%;
    bottom: 1%;
    height: 84%;
  }
}
@media screen and (max-width: 1100px) {
  .contentToggle + .boxContent {
    top: 8%;
    right: 5%;
    bottom: 1%;
    height: 88%;
  }
}
@media screen and (max-width: 1035px) {
  .contentToggle + .boxContent {
    top: 5%;
    right: 5%;
    bottom: 1%;
    height: 95%;
  }
}
@media screen and (max-width: 960px) {
  .contentToggle + .boxContent {
    background-color: transparent;
    bottom: 17.5%;
    left: 5%;
    overflow: hidden;
    position: absolute;
    right: 5%;
    top: 16%;
    width: 91%;
    height: 75%;
  }
}
@media screen and (max-width: 640px) {
  .contentToggle + .boxContent {
    width: 95%;
    height: 75%;
    left: 3%;
    top: 13%;
  }
}
.productCompareAddContainer a.helper {
  display: block;
  float: left;
  margin: 0 0.3em 0 0;
  text-decoration: none;
}
.productCompareAddContainer a.helper .iconContainer.add {
  color: #224b44;
}
.productCompareAddContainer a.helper .iconContainer.add:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  vertical-align: top;
  content: "\e67c";
}
.productCompareAddContainer a.helper .iconContainer.add.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  color: #000;
  vertical-align: top;
  content: "\e67c";
}
.productCompareAddContainer a.helper .iconContainer.remove {
  color: #224b44;
}
.productCompareAddContainer a.helper .iconContainer.remove:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  vertical-align: top;
  content: "\e681";
}
.productCompareAddContainer a.helper .iconContainer.remove.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
.productCompareAddContainer a.compare {
  display: block;
  float: left;
  line-height: 2em;
  font-size: 0.75em;
  color: #224b44;
}
.productCompareAddContainer a.compare.add .icon {
  margin: 0 0.625em 0 0;
}
.productCompareAddContainer a.compare.add .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2em;
  vertical-align: top;
  content: "\e67c";
}
.productCompareAddContainer a.compare.add .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2em;
  color: #000;
  vertical-align: top;
  content: "\e67c";
}
.productCompareAddContainer a.compare.remove .icon {
  margin: 0 0.625em 0 0;
}
.productCompareAddContainer a.compare.remove .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2em;
  vertical-align: top;
  content: "\e681";
}
.productCompareAddContainer a.compare.remove .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
.gridView .productCompareAddContainer {
  width: auto;
}
.addPriceInfo {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 1.25em 0;
}
.addPriceInfo.leftGap {
  margin-left: 1.25em;
}
#comparePageContainer .addPriceInfo {
  position: relative;
  left: -29.9%;
}
#content {
  margin: 0 0 3.25em 0;
}
.listRefine {
  height: auto;
  position: relative;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
.listRefine a {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.listRefine #itemsPerPage {
  display: none;
  margin: 0 1.25em 0 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.listRefine #sortItems {
  position: absolute;
  right: 0;
  z-index: 9;
  width: 20.65%;
  padding: 0 0.725em;
  box-sizing: border-box;
  margin: 0.35em 0 1.25em 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
.listRefine #sortItems p.sortHeading {
  width: 100%;
  margin: 0;
  height: 2.5em;
  line-height: 2.5em;
}
.listRefine .drop {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 100% !important;
  display: none;
}
.listRefine .drop li {
  line-height: 1.7;
  width: 100%;
}
.listRefine .drop li :hover {
  background-color: #CFCFCF;
}
.listRefine .drop li a {
  display: block;
  line-height: 1.7em;
  padding: 0 0 0 0.725em;
  box-sizing: border-box;
}
.listRefine .drop li.value {
  display: none;
}
.listRefine .drop li:last-child {
  margin: 0 0 0.725em 0;
}
.refineParams > div {
  float: left;
}
.refineParams {
  height: 2.5em;
  margin: 0 0 0.92em 0;
  position: relative;
}
.bottomParams {
  height: 2em;
  padding: 0 0 1.25em 0;
  margin: 1.25em 0;
  position: relative;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
#storeLocatorList .bottomParams {
  width: 296%;
  margin: 1.6em 0 0 0;
  padding: 0 0 1.1em 1.25em;
}
#productList,
#noticelistProductList,
#searchList,
#lastProducts,
#searchContentList {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#productList:after,
#noticelistProductList:after,
#searchList:after,
#lastProducts:after,
#searchContentList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productList li,
#noticelistProductList li,
#searchList li,
#lastProducts li,
#searchContentList li {
  box-sizing: border-box;
  padding: 0 1.25em 0 0;
}
.productData {
  width: 100%;
}
.productData:nth-child(odd) {
  float: left;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
.productData:nth-child(even) {
  float: right;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
.productData.gridView {
  float: left;
  width: 24%;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
  margin: 0 1.3% 1.25em 0;
}
.productData.gridView:nth-child(4n+4) {
  margin: 0 0 1.25em 0;
}
.productData.empty {
  border: none;
}
#searchList .productData {
  box-sizing: border-box;
}
.productDataContainer {
  width: 100%;
  margin: 0 0 1em 0;
  position: relative;
  color: #000;
}
.productDataContainer .pricePerUnit {
  display: none;
}
.lineView .productDataContainer {
  min-height: 11.3125em;
}
.lineView .productDataContainer .pictureBox {
  float: left;
  width: 30%;
  height: 11.3125em;
  position: relative;
  margin: 6% 2% 0 0;
}
.lineView .productDataContainer .pictureBox img {
  width: 100%;
  height: auto;
  margin: auto;
}
.lineView .productDataContainer .infoBox {
  float: right;
  margin: 1.25em 0 0 0;
  min-height: 8.3125em;
  width: 68%;
  position: relative;
}
.lineView .productDataContainer .description {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.lineView .productDataContainer .functions {
  float: right;
  position: relative;
  width: 68%;
}
.lineView .productDataContainer .functions a {
  color: #000;
}
.lineView .productDataContainer .price {
  float: right;
}
.lineView .productDataContainer .removeButton {
  border: none;
  float: left;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #ed1a3b url('../bg/metabo/farbverlauf_rot.png') top center repeat-y;
  background-size: 100%;
}
.lineView .productDataContainer .removeButton:HOVER {
  text-decoration: none;
  color: #fff;
}
.lineView .productDataContainer .pricePerUnit {
  display: none;
}
.infogrid .productDataContainer .gridPicture {
  float: left;
  width: 25%;
  max-height: 17.3125em;
  position: relative;
  margin: 1.25em 1.25em 0 0;
  overflow: hidden;
}
.infogrid .productDataContainer .gridPicture img {
  width: 100%;
  height: auto;
  margin: auto;
}
.infogrid .productDataContainer .listDetails {
  min-height: 10em;
  margin: 1.25em 0 0 0;
  width: 70%;
  position: relative;
  float: right;
}
.infogrid .productDataContainer .listDetails .titleBox {
  margin-bottom: 0.625em;
}
.infogrid .productDataContainer .listDetails .titleBox .look-h2 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
.catDescriptionContainer .infogrid .productDataContainer .listDetails .titleBox .look-h2 {
  margin: 1.25em 0;
}
.infogrid .productDataContainer .listDetails .titleBox p {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
}
.infogrid .productDataContainer .listDetails .selectorsBox {
  height: 4%;
}
.infogrid .productDataContainer .listDetails .priceBox {
  position: absolute;
  bottom: 14%;
  right: -0.1%;
  color: #000;
  text-align: right;
}
.infogrid .productDataContainer .listDetails .compareLinkContainer {
  position: static;
  bottom: 0;
  left: 0;
  color: #000;
  text-align: right;
  float: left;
  width: 100%;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer {
  position: static;
  float: left;
  width: 100%;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer a.linkToNoticeList {
  line-height: 2em;
  font-size: 0.75em;
  color: #224b44;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon {
  margin: 0 0.1em 0 0;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e668";
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e668";
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon:before {
  vertical-align: middle;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove {
  margin: 0 0.1em 0 0;
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e681";
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
.infogrid .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove:before {
  vertical-align: middle;
}
.infogrid .productDataContainer .listDetails .buttonBox {
  position: absolute;
  bottom: 0;
  right: -0.35em;
  color: #000;
  text-align: right;
  line-height: 1.7em;
  width: auto;
  float: right;
}
#searchContentList .productDataContainer .contentSearchPicture.gridPicture {
  float: left;
  margin: 0.35em 1.25em 0 0;
  height: auto;
  min-height: 6em;
}
#searchContentList .productDataContainer .titleBox {
  margin: 0.9em 0 0.625em;
}
#searchContentList .productDataContainer .contentShortDescription {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  min-height: 5em;
  box-sizing: border-box;
  padding: 0 5em 0 0;
}
#searchContentList .productDataContainer .buttonBox {
  position: absolute;
  bottom: 0;
  right: -0.35em;
  color: #000;
  text-align: right;
  line-height: 1.7em;
  width: auto;
  float: right;
}
.gridView .productDataContainer .pictureBox {
  float: left;
  width: 30%;
  margin: 2em 0 0 0.8em;
}
.gridView .productDataContainer .pictureBox img {
  width: 100%;
  height: auto;
}
.gridView .productDataContainer .listDetails {
  min-height: 15em;
  margin: 1.25em 0 0 0;
  width: 62%;
  position: relative;
  float: right;
}
.gridView .productDataContainer .listDetails .titleBox {
  margin: 0 0 0.625em;
}
.gridView .productDataContainer .listDetails .selectorsBox {
  height: 4%;
}
.gridView .productDataContainer .listDetails .priceBox {
  position: absolute;
  bottom: 14%;
  right: 0;
  color: #000;
  text-align: right;
}
.gridView .productDataContainer .listDetails .compareLinkContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  text-align: right;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer {
  position: absolute;
  bottom: 2em;
  left: 0;
  float: left;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer a.linkToNoticeList {
  line-height: 2em;
  font-size: 0.75em;
  color: #224b44;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon {
  margin: 0 0.1em 0 0;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e668";
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e668";
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon:before {
  vertical-align: middle;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove {
  margin: 0 0.1em 0 0;
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e681";
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
.gridView .productDataContainer .listDetails .linkToNoticeListContainer .icon.remove:before {
  vertical-align: middle;
}
.gridView .productDataContainer .listDetails .buttonBox {
  position: absolute;
  bottom: 0;
  right: -0.35em;
  color: #000;
  text-align: right;
  line-height: 1.7em;
  width: 25%;
}
#noticelistProductList.gridView .productDataContainer .functions {
  float: right;
  position: relative;
  width: 62%;
}
#noticelistProductList.gridView .productDataContainer .functions:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#noticelistProductList.gridView .productDataContainer .functions a {
  color: #000;
}
#noticelistProductList.gridView .productDataContainer .functions .price {
  float: right;
  position: relative;
  top: -2.4em;
}
#noticelistProductList.gridView .productDataContainer .functions .tobasketFunction {
  float: right;
}
#noticelistProductList.gridView .productDataContainer .functions .tobasketFunction button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 0.3em;
  right: 7em;
  font-size: 0.725em;
}
.price {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.875em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  line-height: 1;
}
.moreStyle {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  text-transform: uppercase;
}
.productCountPanel {
  position: absolute;
  bottom: 1.6em;
  height: 2.5em;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 2.3em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.attributesSymbol {
  margin: 0.625em 0 0 0;
}
.attributesSymbol:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.attributesSymbol.symbol2 {
  height: auto;
  float: right;
  width: 11%;
  margin-top: -42px;
}
#detailsMain .attributesSymbol {
  margin: 0 0 0.625em 0;
}
#detailsRelated .attributesSymbol {
  width: 80%;
}
#searchList .attributesSymbol {
  width: 80%;
}
#productList .attributesSymbol {
  width: 80%;
}
#lastProducts .attributesSymbol {
  width: 80%;
}
#noticelistProductList .attributesSymbol {
  width: 80%;
}
div[class*='attrValueSymbol_'] {
  float: left;
  height: 2.4em;
  width: 2.4em;
  margin: 0 0.625em 0.625em 0;
}
.listDetails div[class*='attrValueSymbol_'] {
  height: 2em;
  width: 2em;
}
div[class*='attrValueSymbol_'] img {
  width: 100%;
  height: auto;
}
.attributesGroup {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  font-weight: bold;
}
.attributes {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  display: table;
  border-collapse: collapse;
  margin: 1.25em 0;
}
.attributes:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#detailsRelated .attributes {
  width: 100%;
}
.listDetails .attributes {
  width: 65%;
}
.attributes .attribute:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.attributes .attributesRow {
  display: table-row;
  line-height: 2;
  border-bottom: 1px solid #cfcfcf;
}
.attributes div[class*='attrTitle_'],
.attributes .attrTitle {
  float: left;
  width: 55%;
  overflow: hidden;
  display: table-cell;
}
#detailsRelated .attributes div[class*='attrTitle_'],
#detailsRelated .attributes .attrTitle {
  width: 20%;
}
.attributes div[class*='attrValue_'],
.attributes .attrValue {
  float: left;
  width: 45%;
  overflow: hidden;
  display: table-cell;
}
#detailsRelated .attributes div[class*='attrValue_'],
#detailsRelated .attributes .attrValue {
  width: 80%;
}
#description {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 1.25em 0;
}
#description:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#description strong {
  font-weight: bold;
}
#description em {
  font-style: italic;
}
#itemsPager {
  height: 2.5em;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  margin: 0.35em 1.25em 0 0;
}
#itemsPager:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#itemsPager a {
  display: block;
  float: left;
  box-sizing: border-box;
  line-height: 2.5em;
  text-align: center;
  color: #000000;
  background-color: #CFCFCF;
  margin: 0 1.25em 0 0;
  height: 100%;
}
#itemsPager a.active {
  text-decoration: underline;
}
#itemsPager a.page {
  width: 2.5em;
}
#itemsPager a.next {
  width: auto;
  margin: 0;
  padding: 0 0.725em;
}
#itemsPager a.prev {
  width: auto;
  margin: 0 1.25em 0 0;
  padding: 0 0.725em;
}
#itemsPager a:hover {
  background-color: #626262;
  color: #fff;
}
#itemsPager a.active {
  text-decoration: none;
  color: #fff;
  background-color: #224b44;
}
#itemsPagerbottom {
  height: 2.5em;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#itemsPagerbottom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#itemsPagerbottom a {
  display: block;
  float: left;
  box-sizing: border-box;
  line-height: 2.5em;
  text-align: center;
  color: #000000;
  background-color: #CFCFCF;
  margin: 0 1.25em 0 0;
  height: 100%;
}
#itemsPagerbottom a.active {
  text-decoration: underline;
}
#itemsPagerbottom a.page {
  width: 2.5em;
}
#itemsPagerbottom a.next {
  width: auto;
  margin: 0;
  padding: 0 0.725em;
}
#itemsPagerbottom a.prev {
  width: auto;
  margin: 0 1.25em 0 0;
  padding: 0 0.725em;
}
#itemsPagerbottom a:hover {
  background-color: #626262;
  color: #fff;
}
#itemsPagerbottom a.active {
  text-decoration: none;
  color: #fff;
  background-color: #224b44;
}
#itemsPagerbottom .paging-divider {
  width: 2em;
  height: 2.5em;
  line-height: 2.5em;
  float: left;
}
#details_container {
  margin: 1.25em 1.25em 0;
  position: relative;
}
#details_container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#details {
  position: relative;
  color: #000;
}
#details .detailsParams,
#details #productTitle,
#details .rating {
  display: none;
}
#details #overviewLink {
  float: right;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#productinfo {
  position: relative;
}
#productinfo .productMainInfo {
  width: 75%;
  float: left;
}
#productinfo .productMainInfo .attributes {
  width: 100%;
}
#productinfo .productMainInfo .attributes .attrTitle {
  width: 40%;
}
#productinfo .tobasket {
  width: 21%;
  float: right;
  margin-top: 2em;
}
#productinfo .tobasket .priceBlock {
  display: block;
  text-align: right;
}
#productinfo .tobasket .submitButton {
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
#productinfo:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo #detailsMain {
  padding: 0 0 1.5em 0;
  margin: 0;
  box-sizing: border-box;
}
#productinfo #detailsMain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo #detailsMain .detailsInfo:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs {
  float: right;
  width: 58.5%;
  padding: 0.25em 0;
  margin-top: 2em;
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
  position: relative;
  min-height: 1em;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs a {
  color: white;
  text-transform: uppercase;
  font-size: 0.85em;
  margin: 0 2em;
  display: inline-block;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs a:nth-child(2) {
  margin-right: 10em;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs .attributesSymbol {
  position: absolute;
  right: 0;
  width: auto;
  bottom: 0.75em;
  margin: 0;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs .attributesSymbol a {
  margin: 0;
  display: block;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs .attributesSymbol a:hover {
  text-decoration: none;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs .attributesSymbol .attributeSymbol {
  float: right;
}
#productinfo #detailsMain .detailsInfo .product-attributes-pdfs .attributesSymbol .attributeSymbol div[class*='attrValueSymbol_'] {
  width: 4em;
  height: 4em;
  margin-right: 1em;
  margin-bottom: 0;
}
#productinfo #detailsMain .productHead {
  float: right;
  width: 58.5%;
}
#productinfo .imagesContainer {
  float: left;
  width: 37.5%;
  position: relative;
}
#productinfo .picture {
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 67%;
}
#productinfo .picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 19.325em;
}
#productinfo .picture .productVideoWrapperStartIcon {
  position: absolute;
  display: none;
  cursor: pointer;
  margin-top: 30%;
  left: 50%;
}
#productinfo .picture .productVideoWrapperStartIcon .productVideo {
  position: absolute;
  height: 70px;
  width: 70px;
  opacity: .75;
  left: -35px;
  top: -35px;
  z-index: 1000;
  background-image: url("../../img/play_btn_big.png");
  background-color: lightgray;
  border-radius: 35px;
}
#productinfo .information {
  float: right;
  width: 58.5%;
}
#productinfo #detailsRelated {
  float: left;
  margin: 1.5em 0 0 0;
  width: 100%;
  color: #000000;
  position: relative;
}
#productinfo #detailsRelated a {
  color: #000000;
}
#productinfo #detailsRelated a.openable {
  color: #ffffff;
}
#productinfo #productArtnumContainer {
  margin: 0 0 1.25em 0;
}
#productinfo .prodinfo {
  margin: 0 0 1.25em 0;
}
#productinfo .prodinfo:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo .prodinfo ul {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#productinfo .prodinfo .prodinfolinkContainer {
  float: left;
  margin: 0.5em 0 0 0;
}
#productinfo .prodinfo .prodinfolinkContainer a#prodinfolink {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: none;
}
#productinfo .prodinfo .prodinfolinkContainer .iconFont.forProdinfolink {
  margin: 0 0 0 0.3em;
  line-height: 1;
}
#productinfo .prodinfo .prodinfolinkContainer .iconFont.forProdinfolink:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.75em;
  vertical-align: top;
  content: "\e673";
}
#productinfo .prodinfo .prodinfolinkContainer .iconFont.forProdinfolink.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.75em;
  color: #000;
  vertical-align: top;
  content: "\e673";
}
#productinfo .prodinfo .prodinfolinkContainer .iconFont.forProdinfolink:before {
  vertical-align: middle;
}
#productinfo .actionLinks {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  margin: 0 0 1.25em 0;
  width: 25%;
}
#productinfo .actionLinks li {
  display: block;
  box-sizing: border-box;
  float: none;
  text-align: left;
  position: relative;
}
#productinfo .actionLinks li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
#productinfo .actionLinks:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo .actionLinks a {
  color: #000000;
  float: left;
}
#productinfo .actionLinks a .iconText {
  font-size: 0.75em;
  margin: 0 0 0 0.625em;
}
#productinfo .actionLinks a .iconText:hover {
  text-decoration: underline;
}
#productinfo .actionLinks a#removeFromCompare .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e681";
}
#productinfo .actionLinks a#removeFromCompare .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
#productinfo .actionLinks a#addToCompare .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67c";
}
#productinfo .actionLinks a#addToCompare .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67c";
}
#productinfo .actionLinks a#linkToNoticeList .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e668";
}
#productinfo .actionLinks a#linkToNoticeList .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e668";
}
#productinfo .actionLinks a#linkToSpecSheet .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e688";
}
#productinfo .actionLinks a#linkToSpecSheet .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e688";
}
#productinfo #productShortdesc {
  color: #000000;
  font-weight: bold;
}
#productinfo .tobasket {
  float: right;
  text-align: right;
  position: relative;
}
#productinfo .tobasket .additionalInfo {
  color: #000000;
  font-weight: bold;
}
#productinfo .tobasket #productPrice {
  font-weight: bold;
}
#productinfo .tobasket #productPrice .price-vat {
  font-weight: normal;
  font-size: 0.5em;
  margin-bottom: 0.5em;
}
#productinfo .tobasket #productPrice .bruttoPrice {
  font-size: 0.7em;
}
#productinfo button#toBasket {
  position: absolute;
  right: 0;
  bottom: -2.5em;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #ed1a3b url('../bg/metabo/farbverlauf_rot.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
#productinfo button#toBasket:HOVER {
  text-decoration: none;
  color: #fff;
}
#productinfo #storeSearch {
  padding: 0 3%;
  width: 100%;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  width: 94%;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
#productinfo #storeSearch:HOVER {
  text-decoration: none;
  color: #fff;
}
#productinfo .relatedInfo #description.styledList ul {
  list-style: square outside none;
  overflow: initial;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 1em;
}
#productinfo .widgetBox.reviews {
  display: none;
}
#productinfo .widgetBoxBottomRound {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  z-index: 1;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1.25em;
  margin: 0 0 1.25em 0;
}
#productinfo #detailsRelated .widgetBoxBottomRound {
  padding: 1.25em 1.25em 0.5em 1.25em;
}
#productinfo .featuredList {
  position: relative;
  height: 19em;
}
#productinfo .featuredList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#productinfo .featuredList .singleBlock {
  float: left;
  width: 13em;
  height: 100%;
  margin: 0 1.25em 0 0;
  overflow: hidden;
  position: relative;
}
#productinfo .featuredList .singleBlock:last-child {
  margin: 0;
}
#productinfo .featuredList .singleBlock .articleTitle {
  height: 3.3em;
  max-height: 3.3em;
  padding: 0 0.875em;
}
#productinfo .featuredList .articleImage {
  max-height: 13em;
}
#productinfo .featuredList .articleTitle {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#productinfo .featuredList .articleTitle a:hover {
  text-decoration: underline;
}
#productinfo .featuredList .blockContainer {
  position: absolute;
  left: 3em;
  width: auto;
  height: 100%;
  overflow: hidden;
}
#productinfo .featuredList .slideButton {
  width: 3em;
  position: absolute;
  top: 0;
  bottom: 0;
}
#productinfo .featuredList .slideButton.buttonLeft {
  left: 0;
}
#productinfo .featuredList .slideButton.buttonRight {
  right: 0;
}
#productinfo .featuredList.pictureGallery {
  height: 13em;
}
#productinfo .featuredList.pictureGallery .positionContainer {
  position: absolute;
  top: 35%;
  left: 50%;
  height: 8em;
  width: 11.5em;
}
#productinfo .featuredList.pictureGallery .articleImage {
  position: absolute;
  height: 8em;
  top: -40%;
  left: -50%;
}
#productinfo .featuredList.pictureGallery .articleImage img {
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
}
#productinfo .featuredList.pictureGallery .articleTitle {
  height: 4em;
  max-height: 4em;
}
#productinfo ul#tree li.partCategoryLi .headingContainer a {
  color: #ffffff !important;
  position: relative;
  margin-right: 0;
  padding: 0 0 0 1.25em;
  z-index: 1;
}
#productinfo ul#tree li.partCategoryLi .headingContainer .menuIconNonFunction {
  position: absolute;
  top: 0.25em;
  right: 0.5em;
  color: #ffffff !important;
}
#productinfo ul#tree li.partCategoryLi .headingContainer .menuIconNonFunction:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
#productinfo ul#tree li.partCategoryLi .headingContainer .menuIconNonFunction.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
#productinfo ul#tree li.partCategoryLi a.partCategory {
  text-decoration: none !important;
}
#productinfo ul#tree li.partCategoryLi a.partCategory:hover {
  text-decoration: underline !important;
}
#productinfo ul#tree li.partCategoryLi .menuIconNonFunction.invert {
  right: 0.5em;
}
.itemCode {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  display: block;
}
.compareItem .itemCode {
  font-size: inherit;
}
.listContainer {
  position: relative;
  width: 100%;
  margin: 0 0 1.25em 0;
  float: left;
}
.listLinkContainer {
  margin: 0 0 1.25em 0;
  color: #000;
  width: 100%;
}
.listLinkContainer .coverage {
  float: left;
}
.listLinkContainer .showAllProducts {
  float: right;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  cursor: pointer;
}
.catDescriptionContainer {
  margin-top: 1.25em;
}
.catDescriptionContainer .textContent {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.messageBox {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.infoBox {
  float: left;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#compareListTable {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  position: relative;
}
#compareListTable tr {
  height: 2em;
}
#compareListTable #compareFirstCol {
  position: absolute;
  top: 26em;
  width: 24.15em;
  left: -29.5%;
  height: auto;
}
#compareListTable #compareFirstCol table {
  width: 100%;
}
#compareListTable #compareFirstCol table tr {
  background-color: #cfcfcf;
}
#compareListTable #compareFirstCol table tr:nth-child(1) {
  background-color: transparent;
}
#compareListTable #compareFirstCol table tr.groupTitle {
  background-color: #224b44;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
}
#compareListTable #compareFirstCol table td {
  padding: 0 1.25em;
  box-sizing: border-box;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
#compareListTable #compareFirstCol .js-firstCol {
  line-height: 2;
}
#compareListTable #compareFirstCol td[class^="cmpAttrTitle_"] {
  font-weight: normal;
}
#compareListTable #compareDataDiv {
  width: 82em;
}
#compareListTable #compareDataDiv table {
  width: 100%;
  float: right;
}
#compareListTable #compareDataDiv tr td {
  padding: 0 1.25em;
  box-sizing: border-box;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
#compareListTable #compareDataDiv tr td:last-child {
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
#compareListTable #compareDataDiv tr#firstTr td {
  padding: 0;
  width: 33%;
}
#compareListTable #compareDataDiv tr:nth-child(1) td {
  border-bottom-color: #fff;
}
#compareListTable #compareDataDiv tr.groupTitle {
  background-color: #224b44;
  color: #ffffff;
}
#compareListTable #compareDataDiv td div[class^="cmpAttr_"] {
  box-sizing: border-box;
  height: 2em;
  line-height: 2;
}
#compareListTable #compareDataDiv tr td:nth-child(n+4) {
  display: none;
}
#compareListTable #compareDataDiv .lineBox {
  height: 1.25em;
}
#compareListTable tr.groupTitle .icon {
  margin: 0 0 0 0.5em;
}
#compareListTable tr.groupTitle .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
#compareListTable tr.groupTitle .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
#compareListTable tr.groupTitle .icon.closed {
  margin: 0 0 0 0.5em;
}
#compareListTable tr.groupTitle .icon.closed:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
#compareListTable tr.groupTitle .icon.closed.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
.compareItem {
  overflow: hidden;
  height: 28em;
  max-height: 28em;
  box-sizing: border-box;
  padding: 0 0.8em;
  max-width: 26em;
  position: relative;
  margin: 0 auto;
}
.compareItem a.picture {
  display: block;
  height: 10em;
  width: 15em;
  overflow: hidden;
  margin: 0 auto 1.25em auto;
}
.compareItem a.picture img {
  width: 100%;
  height: auto;
}
.compareItem .title {
  display: block;
  font-weight: bold;
  height: 2.5em;
}
.compareItem #productArtnumContainer {
  margin-top: 0.625em;
}
.compareItem .identifier {
  display: none;
}
.compareItem .additionalInfo {
  font-size: 0.75em;
}
.compareItem .buttonBox {
  position: absolute;
  bottom: 0;
  right: -0.35em;
  color: #000;
  text-align: right;
  line-height: 1.7em;
  width: 25%;
  right: 0.4em;
  bottom: 1.8em;
}
.compareItem .buttonBox .moreStyle {
  font-size: 1em;
}
.compareItem .compareLinkContainer {
  position: absolute;
  bottom: 0;
  right: 20%;
  color: #000;
  text-align: right;
}
.compareItem .linkToNoticeListContainer {
  position: absolute;
  bottom: 1.5em;
  left: 0.725em;
  display: block;
  float: left;
}
.compareItem .linkToNoticeListContainer a.linkToNoticeList {
  line-height: 2em;
  color: #224b44;
}
.compareItem .linkToNoticeListContainer .icon {
  margin: 0 0.25em 0 0.25em;
}
.compareItem .linkToNoticeListContainer .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e668";
}
.compareItem .linkToNoticeListContainer .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e668";
}
.compareItem .linkToNoticeListContainer .icon:before {
  vertical-align: middle;
}
.compareItem .productCompareAddContainer {
  position: absolute;
  bottom: 3em;
}
.compareItem .productCompareAddContainer a.compare {
  font-size: 1em;
}
.compareItem .productCompareAddContainer .iconContainer {
  float: left;
  margin: 0.3em 0.7em 0 0;
}
.compareItem .productCompareAddContainer .iconContainer:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2 em;
  vertical-align: top;
  content: "\e681";
}
.compareItem .productCompareAddContainer .iconContainer.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.2 em;
  color: #000;
  vertical-align: top;
  content: "\e681";
}
.compareItem .productCompareAddContainer .iconContainer:before {
  line-height: 1.4em;
}
.compareItem .tobasket .price {
  float: right;
  font-size: 1.5em;
}
.productBadge {
  position: absolute;
  z-index: 9;
}
.productBadge img {
  width: 100%;
  height: auto;
}
.detailsInfo .productBadge {
  top: -1em;
  left: 2%;
  width: 10.25%;
}
.singleBlock .productBadge {
  top: 0%;
  left: 2%;
  width: 20%;
}
#productList .productDataContainer .productBadge {
  top: 2%;
  left: 2%;
  width: 5%;
}
#searchList .productDataContainer .productBadge {
  top: 2%;
  left: 2%;
  width: 5%;
}
#noticelistProductList .productDataContainer .productBadge {
  top: 2%;
  left: 2%;
  width: 5%;
}
#lastProducts .productDataContainer .productBadge {
  top: 2%;
  left: 2%;
  width: 5%;
}
.compareItem .productBadge {
  top: 2%;
  left: 2%;
  width: 15%;
}
.zoomTriggerContainer {
  display: none;
  width: 100%;
  height: 2.3em;
  position: relative;
}
.zoomTriggerContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#zoomTrigger {
  cursor: pointer;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  height: 2.2em;
  width: 2.3em;
  background: rgba(255,255,255,0.4);
  border-radius: 2.2em;
  z-index: 10;
  text-decoration: none;
}
#zoomTrigger:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.6em;
  vertical-align: top;
  content: "\e67b";
}
#zoomTrigger.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.6em;
  color: #000;
  vertical-align: top;
  content: "\e67b";
}
#zoomTrigger:before {
  margin-left: 0.2em;
}
.cloud-zoom-big {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
}
#zoomModal {
  position: relative;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  width: 50em !important;
  display: none;
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #000;
}
#zoomModal .closePop {
  position: absolute;
  right: 0.6em;
  top: 0.6em;
  cursor: pointer;
  height: 0.625em;
  width: 0.625em;
}
.zoomHead {
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
  height: 1.875em;
}
div.zoomed {
  width: 100%;
  padding-bottom: 65%;
}
div.zoomed #zoomImg {
  width: 80%;
  height: 67%;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  margin: 0 auto;
}
div.zoomed .productVideoWrapperStartIcon {
  position: absolute;
  background: transparent;
  height: auto;
  width: auto;
  display: none;
  cursor: pointer;
  z-index: 1000;
}
div.zoomed .productVideo {
  position: absolute;
  height: 70px;
  width: 70px;
  margin-left: 360px;
  margin-top: 230px;
  opacity: 0.75;
  background-image: url("../../img/play_btn_big.png");
  background-color: lightgray;
  border-radius: 35px;
}
div.zoomed .productVideoWrapper {
  position: relative;
  left: 80px;
  margin-top: 25px;
  display: none;
  background: transparent;
  width: 645px;
}
div.zoomed .productVideoWrapper iframe {
  height: 465px;
  width: 100%;
}
#moreZoomPicsContainer {
  width: 37.5em;
  margin: 0 auto;
}
#moreZoomPicsContainer img {
  max-height: 3.4em;
}
#dialog {
  position: relative;
  display: none;
  background-color: #fff;
  margin: auto !important;
  max-width: 25em;
  width: auto !important;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #000;
}
#dialog .closePop {
  position: absolute;
  right: 2%;
  top: 0.5em;
  cursor: pointer;
  height: 0.625em;
  width: 0.625em;
}
#dialog .buttonContainer {
  text-align: center;
}
#dialog .closeTrigger.closePop {
  position: static;
  border: none;
  margin-bottom: 1.25em;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
#dialog .closeTrigger.closePop:HOVER {
  text-decoration: none;
  color: #fff;
}
.dialogHead {
  background: #224b44 url("../bg/metabo/farbverlauf_metabo.png") repeat-y scroll center top;
  background-size: 100% 100%;
  height: 1.875em;
}
.dialogContent {
  padding: 1.25em;
  box-sizing: border-box;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#cloud-zoom-big {
  left: 110% !important;
  width: 100% !important;
}
@media screen and (max-width: 500px) {
  #cloud-zoom-big {
    left: 0% !important;
  }
}
@media screen and (max-width: 960px) {
  .productData {
    width: 100%;
    margin: 0;
    min-height: auto;
  }
  .productData:nth-child(odd) {
    float: left;
    border-top: 0 solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-right: 0 solid #cfcfcf;
    border-left: 0 solid #cfcfcf;
    border-color: #cfcfcf;
  }
  .productData:nth-child(even) {
    float: left;
    border-top: 0 solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-right: 0 solid #cfcfcf;
    border-left: 0 solid #cfcfcf;
    border-color: #cfcfcf;
  }
  #productList.lineView .productData .pictureBox {
    width: 13%;
  }
  #productList.lineView .productData .infoBox {
    width: 73%;
  }
  #noticelistProductList.lineView .productData .pictureBox {
    width: 13%;
  }
  #noticelistProductList.lineView .productData .infoBox {
    width: 73%;
  }
  #noticelistProductList .productData .productCompareAddContainer a.compare {
    line-height: 2.2em;
  }
  #noticelistProductList .productData .productCompareAddContainer .iconContainer {
    margin: 0.1em 0.2em 0 0;
  }
  .gridView .productDataContainer .listDetails a.linkToNoticeList {
    left: 0;
  }
}
.tabs {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  position: relative;
  z-index: 0;
}
.tabs li {
  display: block;
  box-sizing: border-box;
  float: left;
  text-align: left;
  position: relative;
}
.tabs li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
.tabs li {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  position: relative;
  top: 1px;
  background-color: #cfcfcf;
  margin: 0 0 0 1px;
}
.tabs li.ui-state-active {
  background-color: #fff;
  margin: 0;
}
.tabs li a.ui-tabs-anchor {
  padding: 0.62em 1.25em;
  font-weight: bold;
}
.tabs li:first-child {
  margin: 0;
}
.tabs li.ui-state-active.ui-state-default + li.ui-state-default {
  margin: 0;
}
.tabs li.temp {
  display: none;
}
.ui-tabs-panel {
  position: relative;
}
.tabCloser {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  cursor: pointer;
}
.tabCloser:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e67e";
}
.tabCloser.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
.detailArea .imgContainer {
  float: left;
  width: 10%;
  margin: 0 2.5em 0 0;
}
.detailArea .tabListContainer {
  float: left;
  width: 70%;
  margin: 0 0 1.25em 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.detailArea .tabListContainer .listHeading {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0 0 1.25em 0;
}
.detailArea .tableContainer {
  float: left;
  width: 100%;
}
.tStyle {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  width: 100%;
}
.tStyle * {
  box-sizing: border-box;
}
.tStyle .headStyle {
  display: table-header-group;
}
.tStyle .headElement.mobile {
  display: none;
}
.tStyle .headElement {
  display: table-cell;
  overflow: hidden;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
  border-bottom-color: black;
}
.tStyle .headElement:nth-child(odd) {
  background-color: #e1e1e1;
}
.tStyle .headElement:nth-child(even) {
  background-color: #d1d1d1;
}
.tStyle .headElement:last-child {
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: black;
}
.tStyle .bodyStyle {
  display: table-row-group;
}
.tStyle .elementRow {
  display: table-row;
}
.tStyle .rowElement {
  display: table-cell;
  vertical-align: middle;
  border-top: 0 solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
.tStyle .rowElement:last-child {
  border: none;
}
.tStyle.noMain .rowElement {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
.tStyle.noMain .rowElement:last-child {
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
.tStyle .headElement {
  min-width: 7.5em;
  height: auto;
  padding: 0.75em;
}
.tStyle .mainRow {
  display: table-row;
  width: 100%;
  height: auto;
  margin: 0 0 0 0.8em;
}
.tStyle .mainRow .mContent {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0px solid #cfcfcf;
  border-left: 0px solid #cfcfcf;
  border-color: #ffffff;
  margin: 0.5em 0 0 0;
  box-sizing: border-box;
  padding: 0 0 0 0.8em;
  height: 11em;
  position: relative;
}
.tStyle .mainRow .mContent img {
  height: 7.2em;
  width: auto;
}
.tStyle .elementRow {
  min-height: 3em;
  width: 100%;
}
.tStyle .elementRow .rowElement {
  min-width: 7.5em;
  height: 3em;
  padding: 0 0.75em;
}
.tStyle .elementRow .rowElement:nth-child(4n+2) {
  background-color: #e1e1e1;
}
.tStyle .elementRow .rowElement:nth-child(4n+4) {
  background-color: #d1d1d1;
}
.mobileDevice .tStyle {
  font-size: 1em;
  display: block;
  border: none;
}
.mobileDevice .tStyle .headStyle {
  display: none;
}
.mobileDevice .tStyle .bodyStyle {
  display: block;
}
.mobileDevice .tStyle .mainRow {
  display: block;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #e1e1e1;
  margin: 0;
}
.mobileDevice .tStyle .mainRow .mContent {
  width: 100%;
  border: none;
}
.mobileDevice .tStyle .elementRow {
  display: block;
  margin: 0 0 1.5em 0;
}
.mobileDevice .tStyle .elementRow .headElement {
  display: block;
  width: 50%;
  float: left;
  height: 3em;
  background-color: #d1d1d1;
  border-top: 0 solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
.mobileDevice .tStyle .elementRow .headElement:nth-child(4n+1) {
  background-color: #e1e1e1;
}
.mobileDevice .tStyle .elementRow .rowElement {
  display: block;
  width: 50% !important;
  float: left;
  background-color: #d1d1d1;
  padding: 0.75em;
}
.mobileDevice .tStyle .elementRow .rowElement:nth-child(4n+2) {
  background-color: #e1e1e1;
}
#sparepartsDetailsContainer .partContactContainer {
  width: 15%;
}
#sparepartsDetailsContainer a#getContact {
  display: block;
  margin: 1.25em 0 1.25em 0;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
#sparepartsDetailsContainer a#getContact:HOVER {
  text-decoration: none;
  color: #fff;
}
#scopeofdelivery ul.attributes li {
  line-height: 2;
  width: 100%;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
#storeLocatorContainer {
  position: relative;
  top: 0;
  left: 0;
  width: 96.8%;
  height: auto;
  min-height: 30em;
  margin: 1em 1.25em 1.25em 1.25em;
}
#storeLocatorGMap {
  width: 100%;
  height: 100%;
}
#map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 30em;
  width: 100%;
}
#map-canvas .gm-style-iw {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  font-size: 1em;
}
#storeLocatorSearchForm {
  position: absolute;
  top: 1.25em;
  left: 6.25em;
  height: auto;
  width: 20%;
  padding: 0.725em;
  background: transparent url('../bg/metabo/transparent80Green.png') top left repeat;
  box-sizing: border-box;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#storeLocatorSearchForm:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#storeLocatorSearchForm.extern {
  display: none;
  top: 3.7em;
  left: 0;
  width: 100%;
  background: none;
  background-color: #224b44;
}
#storeLocatorSearchForm .storeLocatorHeading {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1em;
  margin: 0 0 0.5em 0;
}
#storeLocatorSearchForm .formRow {
  height: 2em;
  overflow: hidden;
  background-color: #ed1a3b;
  position: relative;
  top: 0.3em;
  margin: 0 0 1em 0;
}
#storeLocatorSearchForm input#storeLocatorSearchTextField {
  font-size: 1em;
  height: 100%;
  width: 90.5%;
  border: none;
  text-indent: 0.5em;
  background-color: #fff;
}
#storeLocatorSearchForm #storeLocatorSearchButton {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #fff;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0em;
  width: 9.7%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#storeLocatorSearchForm #storeLocatorRange:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#storeLocatorSearchForm #storeLocatorRange p {
  float: left;
  margin: 0 0.625em 0 0;
  line-height: 2em;
}
#storeLocatorSearchForm #storeLocatorRange select {
  float: right;
  width: 61%;
  height: 2em;
}
#storeLocatorSearchForm #storeLocatorTypes {
  margin: 1.25em 0;
  overflow-y: auto;
}
#storeLocatorSearchForm .storeAtrributeHeader {
  margin: 0 0 0.625em 0;
}
#storeLocatorSearchForm .storeAtrributeContainer {
  overflow: hidden;
  min-height: 6em;
}
#storeLocatorSearchForm .storeAtrributeContainer .attributeRow {
  margin: 0 0 0.625em 0;
}
#storeLocatorSearchForm .storeAtrributeContainer .attributeRow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#storeLocatorSearchForm .storeAtrributeContainer .attributeRow input[type="checkbox"] {
  float: left;
}
#storeLocatorSearchForm .storeAtrributeContainer .attributeRow .attributeText {
  float: left;
  margin: 0 0 0 0.625em;
}
#storeLocatorSearchForm .storeLocatorTooltip {
  float: left;
  margin: 0 0 0 0.625em;
  height: auto;
  width: 1.5em;
  cursor: pointer;
  position: relative;
}
#storeLocatorSearchForm .storeLocatorTooltip:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e664";
}
#storeLocatorSearchForm .storeLocatorTooltip.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e664";
}
#storeLocatorSearchForm .storeLocatorTooltip:hover .storeLocatorTooltipContent {
  display: block;
}
.storeLocatorTooltipContent {
  position: absolute;
  top: 0.625em;
  bottom: auto;
  left: 0.625em;
  right: 0.625em;
  height: auto;
  width: 15em;
  z-index: 1;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.storeLocatorTooltipContent .tooltipInner {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 0.5em;
  min-height: 4em;
  max-height: 7em;
  overflow: hidden;
}
.storeLocatorTooltipContent .tooltipArrow {
  position: absolute;
  top: 1em;
  left: -1.7em;
  width: 1.875em;
  height: 1.8em;
  background: transparent url('../bg/metabo/tooltip_arrow.png') top left no-repeat;
  background-size: 100% auto;
}
#storeLocatorMsg {
  margin: 0 1.25em;
  height: 2em;
  background-color: #09726A;
  padding: 0.5em 0;
  box-sizing: border-box;
}
#storeLocatorMsg .noResult {
  display: block;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #ffffff;
  text-transform: none;
}
#storeLocatorMsg .icon {
  float: left;
  margin: 0 0 0 0.625em;
  height: auto;
  width: 1.5em;
  color: #ffffff;
  line-height: 1em;
}
#storeLocatorMsg .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e664";
}
#storeLocatorMsg .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e664";
}
#tippContainer {
  margin: 1.25em 1.25em 0 1.25em;
}
#tippContainer .heading {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.125em;
  font-family: Arial, sans-serif;
  color: #224b44;
  text-transform: uppercase;
  margin: 0;
}
.box.category #tippContainer .heading {
  min-height: 5em;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4%;
  right: 0;
  line-height: normal;
  font-size: 0.75em;
  z-index: 1;
  background: #224b44 url('../bg/metabo/farbverlauf_gruen.png') top center repeat-y;
  background-size: 100%;
}
.box.category #tippContainer .heading a {
  display: block;
  color: #ffffff;
  overflow: hidden;
  width: 15em;
  max-width: 15em;
  text-overflow: ellipsis;
}
#tippContainer .storeContactContainer {
  width: 15%;
}
#tippContainer .storeContactContainer a#getContact {
  display: block;
  margin: 1.25em 0 1.25em 0;
  border: none;
  padding: 0 3%;
  width: auto;
  height: 2.1em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 2.1em;
  font-family: Arial, sans-serif;
  color: #fff;
  text-transform: none;
  background-color: #ed1a3b;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #ed1a3b url('../bg/metabo/farbverlauf_rot.png') top center repeat-y;
  background-size: 100%;
  line-height: 2em;
}
#tippContainer .storeContactContainer a#getContact:HOVER {
  text-decoration: none;
  color: #fff;
}
#sparepartsDetailsContainer #tippContainer {
  margin: 0;
}
#storeLocatorList {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
#storeLocatorList .noResult {
  margin: 0 1.6em;
}
#storeLocatorList .storeLocatorHeader {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  background-color: #09726A;
  color: #fff;
  height: 2em;
  line-height: 2em;
  text-align: left;
  display: table-header-group;
  font-weight: bold;
}
#storeLocatorList .storeLocatorInfoHeader {
  display: table-cell;
  width: 33.3334%;
  padding: 0 1.25em;
}
#storeLocatorList .storeLocatorDistanceHeader {
  display: table-cell;
  width: 15%;
  padding: 0 1.25em;
}
#storeLocatorList .storeLocatorTypHeader {
  display: table-cell;
  width: 51.3334%;
  padding: 0 1.25em;
}
#storeLocatorList .resultRow {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  display: table-row-group;
}
#storeLocatorList .resultRow .singleLine {
  position: relative;
}
#storeLocatorList .resultRow .singleLine:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#storeLocatorList .storeLocatorData {
  display: table-row;
}
#storeLocatorList .storeLocatorInfo {
  display: table-cell;
  width: 33.3334%;
  padding: 0 1.25em;
  border-bottom: 1px solid #cfcfcf;
}
#storeLocatorList .storeLocatorInfo:first-of-type {
  padding: 0.625em 1.25em 0 1.25em;
}
#storeLocatorList .storeLocatorDistance {
  display: table-cell;
  width: 15%;
  padding: 0 1.25em;
  border-bottom: 1px solid #cfcfcf;
}
#storeLocatorList .storeLocatorDistance:first-of-type {
  padding: 0.625em 1.25em 0 1.25em;
}
#storeLocatorList .storeLocatorDistance .icon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1em;
  height: 1em;
  background: transparent url('../bg/metabo/distance_icon.png') center left no-repeat;
  background-size: 100% auto;
}
#storeLocatorList .storeLocatorTyp {
  display: table-cell;
  width: 51.3334%;
  padding: 0 1.25em;
  border-bottom: 1px solid #cfcfcf;
}
#storeLocatorList .storeLocatorTyp:first-of-type {
  padding: 0.625em 1.25em 0 1.25em;
}
#storeLocatorList .storeLocatorTyp .icon {
  width: 1em;
  height: 1em;
  margin: 0 0.5em 0 0;
  float: left;
  background: transparent url('../bg/metabo/haken_icon.png') center center no-repeat;
  background-size: 80% auto;
}
#storeLocatorList .slTitle {
  font-weight: bold;
  margin: 0 0 0.625em;
}
#storeLocatorList .slAddress {
  margin: 0 0 0.625em;
}
#storeLocatorList .slPhone {
  margin: 0 0 0.625em;
}
#storeLocatorList .slMail {
  margin: 0 0 0.625em;
}
.linkContainer {
  position: absolute;
  top: -2em;
  right: 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
.pac-container {
  width: 14.4em !important;
  left: 6.48em !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.startPageGallery {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1em;
}
.startPageGallery:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.galleryArea {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 0.5em 0;
}
.galleryArea strong {
  display: none;
}
.startPageGallery .galleryArea {
  width: 100%;
  padding-bottom: 14%;
}
.ui-tabs-panel .galleryArea {
  width: 100%;
  padding-bottom: 17.4%;
  margin: 0;
}
#detailsMain .galleryArea {
  float: left;
  width: 100%;
  padding-bottom: 28%;
  margin: 0.5em 0 0 0;
}
#moreZoomPicsContainer .galleryArea {
  padding-bottom: 14%;
}
#moreZoomPicsContainer .galleryArea .thumbnailBarContainer {
  right: 0;
}
.galleryArea .pictureGalleryContainer {
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.galleryArea .pictureGallery {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
.galleryArea .thumbnailBarContainer {
  position: absolute;
  top: 0;
  right: 2%;
  left: 2%;
  bottom: 0;
  overflow: hidden;
}
.galleryArea .thumbnailBar {
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: auto;
}
.galleryArea #popupGallery .thumbnail {
  height: auto;
}
.galleryArea .thumbnail {
  cursor: pointer;
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.ui-tabs-panel .galleryArea .thumbnail {
  border: none;
}
.galleryArea .thumbnail .productVideoWrapperStartIconSmall {
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 10;
  height: 30px;
  left: 50%;
}
.galleryArea .thumbnail .productVideoWrapperStartIconSmall .productVideoSmall {
  background-image: url("../../img/play_btn_small.png");
  position: absolute;
  height: 28px;
  left: -50%;
  top: -50%;
  width: 28px;
  opacity: 0.75;
  background-color: lightgray;
  border-radius: 35px;
}
.galleryArea .artIcon {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.galleryArea .artIcon img {
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 5.5em;
}
.galleryArea .galleryGap {
  float: left;
  position: relative;
  height: 100%;
  width: 2%;
  box-sizing: border-box;
}
.ui-tabs-panel .galleryArea .galleryGap {
  width: 26px;
}
.startPageGallery .galleryArea .galleryGap {
  width: 65px;
}
#detailsMain .galleryArea .galleryGap {
  width: 4px;
}
.galleryArea .leftButton {
  bottom: 2%;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  z-index: 10;
}
.galleryArea .leftButton .icon:before {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 0;
}
.galleryArea .leftButton .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66f";
}
.galleryArea .leftButton .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66f";
}
.galleryArea .leftButton.inactive {
  display: none;
}
.ui-tabs-panel .galleryArea .leftButton {
  width: 2%;
  font-size: 2em;
}
.startPageGallery .galleryArea .leftButton {
  width: 2%;
  font-size: 2em;
}
#detailsMain .galleryArea .leftButton {
  left: -0.2em;
}
.galleryArea .rightButton {
  bottom: 2%;
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  width: 5%;
  z-index: 10;
}
.galleryArea .rightButton .icon:before {
  position: absolute;
  width: 100%;
  top: 40%;
  right: 0;
}
.galleryArea .rightButton .icon {
  text-align: right;
}
.galleryArea .rightButton .icon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e670";
}
.galleryArea .rightButton .icon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e670";
}
.galleryArea .rightButton.inactive {
  display: none;
}
.ui-tabs-panel .galleryArea .rightButton {
  width: 2%;
  font-size: 2em;
}
.startPageGallery .galleryArea .rightButton {
  width: 2%;
  font-size: 2em;
}
#detailsMain .galleryArea .rightButton {
  right: -0.2em;
  bottom: 0;
}
.galleryArea .marker {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.2;
  z-index: -1;
}
.ui-tabs-panel:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.startPageGallery .thumbnail {
  border: none;
}
.startPageGallery .thumbnail .singleBlock .articleImage {
  height: 7em;
  margin: 0 auto 0.3em auto;
  overflow: hidden;
}
.startPageGallery .thumbnail .singleBlock .articleTitle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  font-weight: bold;
  height: 6.3em;
  max-height: 6.3em;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0.875em;
}
.startPageGallery .thumbnail .singleBlock .articleTitle a {
  color: #000000;
}
.galleryArea + div {
  float: left;
  width: 100%;
}
.otherPictures img {
  position: relative;
  vertical-align: middle;
  z-index: 1;
}
.startPageGallery .galleryArea.mobileDevice {
  width: 100%;
  padding-bottom: 0;
  height: 9em;
}
.ui-tabs-panel .galleryArea.mobileDevice {
  width: 100%;
  padding-bottom: 0;
  height: 13em;
}
#detailsMain .galleryArea.mobileDevice {
  width: 100%;
  padding-bottom: 0;
  height: 4.56em;
  top: 0;
}
.ui-tabs-panel .galleryArea.mobileDevice .thumbnailBarContainer {
  left: 15%;
  right: 15%;
}
.startPageGallery .galleryArea.mobileDevice .thumbnailBarContainer {
  left: 8%;
  right: 8%;
}
#detailsMain .galleryArea.mobileDevice .thumbnailBarContainer {
  left: 5%;
  right: 5%;
}
.ui-tabs-panel .galleryArea.mobileDevice .thumbnailBarContainer.landscape {
  left: 6%;
  right: 6%;
}
.startPageGallery .galleryArea.mobileDevice .thumbnailBarContainer.landscape {
  left: 5%;
  right: 5%;
}
.ui-tabs-panel .galleryArea.mobileDevice .leftButton {
  width: 15%;
}
.startPageGallery .galleryArea.mobileDevice .leftButton {
  width: 8%;
}
#detailsMain .galleryArea.mobileDevice .leftButton {
  width: 5%;
}
.ui-tabs-panel .galleryArea.mobileDevice .leftButton.landscape {
  width: 6%;
}
.startPageGallery .galleryArea.mobileDevice .leftButton.landscape {
  width: 5%;
}
.ui-tabs-panel .galleryArea.mobileDevice .rightButton {
  width: 15%;
}
.startPageGallery .galleryArea.mobileDevice .rightButton {
  width: 8%;
}
#detailsMain .galleryArea.mobileDevice .rightButton {
  width: 5%;
}
.ui-tabs-panel .galleryArea.mobileDevice .rightButton.landscape {
  width: 6%;
}
.startPageGallery .galleryArea.mobileDevice .rightButton.landscape {
  width: 5%;
}
.ui-tooltip {
  padding: 10px 10px;
  background: #224b44;
  border: 1px solid white;
  color: white;
  border-radius: 0.6em;
  font-size: 0.75em;
  font-weight: none;
  line-height: normal;
  font-family: Arial, sans-serif;
  color: 1em;
  text-transform: none;
  box-shadow: 0 0 7px #224b44;
  z-index: 9999;
  width: auto;
  max-width: 50%;
  position: absolute;
  top: 100px;
  left: 100px;
  height: auto;
}
.arrow_box_bottom {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow_box_bottom:after {
  background: #224b44;
  border: 1px solid white;
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px #224b44;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow_box_right {
  width: 16px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  right: -16px;
}
.arrow_box_right:after {
  background: #224b44;
  border: 1px solid white;
  content: "";
  position: absolute;
  top: 20px;
  left: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px #224b44;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow_box_left {
  width: 16px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: -16px;
}
.arrow_box_left:after {
  background: #224b44;
  border: 1px solid white;
  content: "";
  position: absolute;
  top: 20px;
  right: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px #224b44;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow_box_top {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  top: -16px;
}
.arrow_box_top:after {
  background: #224b44;
  border: 1px solid white;
  content: "";
  position: absolute;
  top: 20px;
  right: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px #224b44;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#fl-price-slider.ui-slider {
  position: relative;
  text-align: left;
}
#fl-price-slider.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.7em;
  height: 1.43em;
  cursor: default;
  border: none;
}
#fl-price-slider.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
#fl-price-slider.ui-slider-horizontal {
  height: .8em;
}
#fl-price-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
#fl-price-slider.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
#fl-price-slider.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
#fl-price-slider.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
#fl-price-slider.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
#fl-price-slider.ui-widget .ui-widget {
  font-size: 1em;
}
#fl-price-slider.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
#fl-price-slider.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../../img/slider-bg_flat.png) 50% 50% no-repeat;
  color: #222222;
  margin: 0 0 0.75em 0.75em;
  width: 95%;
}
#fl-price-slider.ui-widget-content a {
  color: #222222;
}
#fl-price-slider .ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(../../img/slider-bg_highlight.png) 50% 50% no-repeat;
  color: #222222;
  font-weight: bold;
}
#fl-price-slider .ui-widget-header a {
  color: #222222;
}
#fl-price-slider .ui-state-default {
  background-image: url(../../img/slider-handle.gif);
  outline: none;
  background-size: 100%;
  background-repeat: no-repeat;
}
#fl-price-slider .ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
#fl-price-slider .ui-state-hover {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
  background-size: 100%;
  background-repeat: no-repeat;
}
#fl-price-slider .ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
#fl-price-slider .ui-state-active {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
  background-size: 100%;
  background-repeat: no-repeat;
}
#fl-price-slider .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
#fl-price-slider .ui-widget :active {
  outline: none;
}
#flpricemax {
  float: right;
}
#flChosenPriceFilter {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fl-range-slider.ui-slider {
  position: relative;
  text-align: left;
}
.fl-range-slider.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.7em;
  height: 1.43em;
  cursor: default;
  border: none;
}
.fl-range-slider.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.fl-range-slider.ui-slider-horizontal {
  height: .8em;
}
.fl-range-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.fl-range-slider.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.fl-range-slider.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.fl-range-slider.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.fl-range-slider.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.fl-range-slider.ui-widget .ui-widget {
  font-size: 1em;
}
.fl-range-slider.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.fl-range-slider.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../../img/slider-bg_flat.png) 50% 50% no-repeat;
  color: #222222;
  margin: 0 0 10px 10px;
  width: 95%;
}
.fl-range-slider.ui-widget-content a {
  color: #222222;
}
.fl-range-slider .ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(../../img/slider-bg_highlight.png) 50% 50% no-repeat;
  color: #222222;
  font-weight: bold;
}
.fl-range-slider .ui-widget-header a {
  color: #222222;
}
.fl-range-slider .ui-state-default {
  background-image: url(../../img/slider-handle.gif);
  outline: none;
}
.fl-range-slider .ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.fl-range-slider .ui-state-hover {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
}
.fl-range-slider .ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.fl-range-slider .ui-state-active {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
}
.fl-range-slider .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.fl-range-slider .ui-widget :active {
  outline: none;
}
.flrangemax {
  float: right;
}
.flSlider.ui-slider {
  position: relative;
  text-align: left;
}
.flSlider.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.7em;
  height: 1.43em;
  cursor: default;
  border: none;
}
.flSlider.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.flSlider.ui-slider-horizontal {
  height: .8em;
}
.flSlider.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.flSlider.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.flSlider.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.flSlider.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.flSlider.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.flSlider.ui-widget .ui-widget {
  font-size: 1em;
}
.flSlider.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.flSlider.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../../img/slider-bg_flat.png) 50% 50% no-repeat;
  color: #222222;
  margin-bottom: 10px;
}
.flSlider.ui-widget-content a {
  color: #222222;
}
.flSlider .ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(../../img/slider-bg_highlight.png) 50% 50% no-repeat;
  color: #222222;
  font-weight: bold;
}
.flSlider .ui-widget-header a {
  color: #222222;
}
.flSlider .ui-state-default {
  background-image: url(../../img/slider-handle.gif);
  outline: none;
}
.flSlider .ui-state-hover {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
}
.flSlider .ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.flSlider .ui-state-active {
  background-image: url(../../img/slider-handle-active.gif);
  outline: none;
}
.flSlider .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.flSlider .ui-widget :active {
  outline: none;
}
.flSlider {
  clear: both;
}
.flRightValue {
  float: right;
}
.flSliderWrapper {
  position: relative;
}
.flSliderWrapper .flLabels {
  margin-top: 1em;
  margin-bottom: 20px;
}
.flSliderToolTip {
  position: absolute;
  padding: 4px;
  background: #CCC;
  left: 0;
  top: 75px;
  text-align: center;
}
.flSlideMarker {
  position: absolute;
  left: 0;
  top: 0;
  background: #CCC;
  width: 1px;
  height: 16px;
}
.flSlideMarker .label {
  display: none;
  position: relative;
  left: -5px;
  font-size: 80%;
  color: #777;
}
.flSlideMarker .label.top {
  top: -12px;
}
.flSlideMarker .label.bottom {
  top: 22px;
}
.flSlideMarker .activeMarkerLabel {
  color: #000;
}
#findologic-logo + h1.pageHead + .listRefine {
  clear: right;
}
.box li.findologic_selected_links {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 10px;
}
.box li.findologic_remove_all {
  list-style: none;
  margin: 0;
  padding: 20px 0 10px 10px;
}
.box li.findologic_remove_all a {
  font-weight: bold;
}
.findologic_selected ul {
  background: #fff;
}
.findologic_sort ul {
  background: #fff;
}
.findologic_sort_select {
  width: 160px;
  padding: 10px 0 10px 10px;
}
.infogridView li.findologic_box {
  list-style: none;
  float: left;
  margin: 0 20px 0 10px;
  width: 195px;
}
.findologic_filterbox {
  height: 80px;
  overflow: auto;
  border: 1px solid #CCCCCC;
  padding: 4px;
}
.fl_ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.fl_li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.findologic_filterbox {
  width: auto;
  min-width: 195px;
}
.findologic_filterbox .fl_box {
  display: inline-block;
}
.findologic_filterbox .fl_image {
  display: inline-block;
  vertical-align: middle;
}
.findologic_filterbox a.fl_image_link {
  display: block;
  border: 2px solid #d9dfe1;
  float: left;
}
.findologic_filterbox a.fl_image_link:hover {
  background-color: #aaa;
  border: 2px solid #aaa;
}
.findologic_filterbox .fl_image.hidden {
  display: none;
}
.findologic_filterbox .fl_name_box {
  display: inline-block;
  vertical-align: middle;
}
.findologic_filterbox .fl_name {
  display: inline-block;
  vertical-align: middle;
}
.findologic_filterbox .fl_name.hidden {
  display: none;
}
.findologic_filterbox .fl_hits {
  display: inline-block;
  vertical-align: middle;
}
.findologic_filterbox .fl_checkbox {
  float: left;
}
.findologic_filterbox .fl_checkbox:hover {
  cursor: pointer;
}
.flPromotion {
  text-align: center;
  margin-top: 46px;
}
#flColorFilter .fl_li {
  float: left;
  overflow: hidden;
  padding: 1px;
}
#flColorFilter .colorPickerWrapper {
  position: relative;
  text-align: center;
  width: 22px;
  height: 22px;
}
#flColorFilter .colorPicker {
  width: 18px;
  height: 18px;
  position: absolute;
  margin: 2px;
  left: 0;
  top: 0;
}
#flColorFilter .noColorFound {
  padding-top: 4px;
}
.infogridView li.findologic_clear {
  list-style: none;
  clear: both;
}
#findologic_morefilter_btn {
  margin: 10px 0 10px 10px;
  outline: 0 none;
  padding: 0;
}
.findologic_filtername {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0 0 10px;
  display: block;
}
div.filterBoxClosed {
  display: none;
}
.boxfilter {
  position: relative;
}
#filterContainer {
  width: 100%;
  height: auto;
  position: relative;
  margin: 1.25em 0 0.65em 0;
  z-index: 10;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
}
#filterContainer ul > li:not(.fl_li) {
  min-height: 2.5em;
  float: left;
  box-sizing: border-box;
  width: 31.6%;
  margin: 0 0.7% 0.62em 0;
}
#filterContainer .filter {
  min-height: 2.5em;
  max-height: 2.5em;
  padding: 0.55em 2em 0.5em 0.725em;
  box-sizing: border-box;
  line-height: 1.4;
  background-color: #CFCFCF;
  cursor: pointer;
  position: relative;
}
#filterContainer .filter .filterText {
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#filterContainer .filter .iconElement {
  position: absolute;
  top: 0.5em;
  right: 3%;
}
#filterContainer .filter .iconElement:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e671";
}
#filterContainer .filter .iconElement.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
#filterContainer .filter.open .iconElement:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
#filterContainer .filter.open .iconElement.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
#filterContainer .filter.open .filterBoxClosed {
  display: block;
  z-index: 100;
}
#filterContainer .moreFilter {
  float: right;
  width: 1.25em;
  height: 1.25em;
  background-color: #CFCFCF;
  line-height: 1.2;
  text-align: center;
  font-size: 2em;
  cursor: pointer;
}
#filterContainer .moreFilter.mobile {
  display: none;
}
#filterContainer .moreFilter:before {
  content: "+";
}
#filterContainer .moreFilter.open:before {
  content: "-";
}
#filterContainer .filterBoxClosed {
  background-color: #fff;
  position: absolute;
  z-index: 1;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  left: 0;
  right: 0;
  padding: 0.675em;
  box-sizing: border-box;
  top: 2.5em;
}
#filterContainer .filterBoxClosed li.fl_li {
  width: 100%;
  margin: 0 0 0.675em 0;
  min-height: 0;
}
#filterContainer .filterBoxClosed li.fl_li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#filterContainer .filterBoxClosed li.fl_li .fl_checkbox {
  float: left;
  margin: 0 0.675em 0 0;
}
#filterContainer .filterBoxClosed li.fl_li a.fl_image_link {
  display: block;
  float: left;
}
#filterContainer .filterBoxClosed.mobile {
  display: none;
}
.fl_ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.infogridView li.findologic_box {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.findologic_selected {
  margin: 0;
  position: relative;
}
.findologic_selected:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.findologic_selected .findologic_remove_all {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  line-height: 2.5em;
}
.findologic_selected ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  float: left;
  width: 100%;
  max-width: 100%;
  margin: 0.6em 0.625em 0 0;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
.findologic_selected ul li {
  float: left;
}
.findologic_selected ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.findologic_selected ul li {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.25em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  float: left;
  line-height: 1.4;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  padding: 0.5em;
  margin: 0 0 0.75em 0;
  width: 31.6%;
  box-sizing: border-box;
}
.findologic_selected ul li.findologic_selected_links {
  margin: 0 0.62em 0.75em 0;
}
.findologic_selected ul li:nth-child(3n+3) {
  margin: 0 0 0.75em 0;
}
.findologic_selected .findologic_filtername {
  padding: 0;
  font-size: 1em;
  line-height: 1.4;
  margin: 0;
}
body.mobileDevice {
  font-size: 83%;
}
body.mobileDevice #mobileMetaMenuContainer {
  float: left;
  margin-top: -4px;
  margin-right: 5px;
  height: 50px;
}
body.mobileDevice #mobileMetaMenuContainer .mobileHeaderIcon {
  color: #fff;
}
body.mobileDevice #mobileMetaMenuContainer .mobileHeaderIcon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  vertical-align: top;
  content: "\e667";
}
body.mobileDevice #mobileMetaMenuContainer .mobileHeaderIcon.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 3em;
  color: #000;
  vertical-align: top;
  content: "\e667";
}
body.mobileDevice #mobileSearchContainer {
  margin-top: 5px;
  margin-right: 10px;
  float: left;
}
body.mobileDevice #mobileSearchContainer .mobileSearchToggle {
  color: #fff;
}
body.mobileDevice #mobileSearchContainer .mobileSearchToggle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  vertical-align: top;
  content: "\e67b";
}
body.mobileDevice #mobileSearchContainer .mobileSearchToggle.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  color: #000;
  vertical-align: top;
  content: "\e67b";
}
body.mobileDevice #mobileSearchContainer .flyoutSearch {
  position: absolute;
  left: 0;
  top: 50px;
  display: block;
  background-color: white;
  padding: 20px 10px;
  margin: 0 10px;
}
body.mobileDevice #mobileIntraMenuContainer {
  float: left;
  margin-top: 5px;
  margin-right: 15px;
}
body.mobileDevice #mobileIntraMenuContainer .mobileIntraMenuToggle {
  color: #fff;
}
body.mobileDevice #mobileIntraMenuContainer .mobileIntraMenuToggle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  vertical-align: top;
  content: "\e666";
}
body.mobileDevice #mobileIntraMenuContainer .mobileIntraMenuToggle.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  color: #000;
  vertical-align: top;
  content: "\e666";
}
body.mobileDevice .mobileStoreLocatorToggle {
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
body.mobileDevice .mobileStoreLocatorToggle a {
  color: #fff;
  font-size: 1.8em;
}
body.mobileDevice .mobileLangToggle {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
body.mobileDevice .mobileLangToggle a {
  color: #fff;
  font-size: 2em;
}
body.mobileDevice #page {
  position: relative;
  padding: 0;
}
body.mobileDevice #page:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.mobileDevice #page #worldWideContainer {
  top: 4em;
  position: absolute;
  background: #fff url('../bg/metabo/sprachauswahl_weltkarte_mobile.jpg') top center no-repeat;
}
body.mobileDevice #page #worldWideContainer .languageHeader {
  font-size: 1em;
}
body.mobileDevice #page #worldWideContainer ul {
  width: 100%;
}
body.mobileDevice #page #worldWideContainer ul li.text {
  font-size: 1em;
}
body.mobileDevice #page #worldWideContainer .close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.5em;
  vertical-align: top;
  content: "\e67e";
}
body.mobileDevice #page #worldWideContainer .close.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.5em;
  color: #000;
  vertical-align: top;
  content: "\e67e";
}
body.mobileDevice #toxid_curl_main {
  width: 100%;
  overflow: hidden;
}
body.mobileDevice #toxid_curl_main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.mobileDevice .csc-default > p img {
  width: 100%;
  height: auto;
}
body.mobileDevice #mobileMask {
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10001;
  display: none;
}
body.mobileDevice h1.pageHead {
  margin: 10px 10px 10px 10px;
  font-size: 1.25em;
  float: none;
  width: 100%;
}
body.mobileDevice #content.fullSize h1.pageHead {
  margin: 10px;
  font-size: 1.25em;
}
body.mobileDevice #content.smallContent h1.pageHead {
  margin: 1em 0 0 0.6em;
}
body.mobileDevice .addPriceInfo {
  margin: 10px;
}
body.mobileDevice .errorContainer {
  margin: 10px;
}
body.mobileDevice #rightCol .stdTextPic {
  margin: 0 10px;
}
body.mobileDevice .contentLayout.col1 {
  width: 93%;
}
body.mobileDevice .contentLayout.col2 {
  width: 93%;
  margin-left: 0 !important;
}
body.mobileDevice .menuToogle {
  width: 40px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0 solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
  color: #fff;
  text-align: center;
  line-height: 46px;
}
body.mobileDevice .menuToogle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2.5em;
  vertical-align: top;
  content: "\e671";
}
body.mobileDevice .menuToogle.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2.5em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
body.mobileDevice .menuToogle.secondLevel {
  line-height: 34px;
}
body.mobileDevice .menuToogle.open:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2.5em;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice .menuToogle.open.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2.5em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice ul.headerBottomMenu {
  clear: both;
  background-color: #224b44;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 50px;
}
body.mobileDevice ul.headerBottomMenu li {
  position: relative;
  float: none;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #fff;
}
body.mobileDevice ul.headerBottomMenu li.current {
  background-color: #224b44;
}
body.mobileDevice ul.headerBottomMenu li.current a {
  color: #ffffff;
}
body.mobileDevice ul.headerBottomMenu li:hover ul.mainNavigationLevel2 {
  display: none;
}
body.mobileDevice ul.headerBottomMenu li.open ul.mainNavigationLevel2 {
  display: block;
}
body.mobileDevice ul.headerBottomMenu .menuToogle {
  color: #ffffff;
}
body.mobileDevice ul.headerBottomMenu .topnavi_img {
  display: none;
}
body.mobileDevice ul.mainNavigationLevel2 {
  left: 0;
  padding: 0;
}
body.mobileDevice ul.mainNavigationLevel2 .menuToogle {
  color: #000;
}
body.mobileDevice ul.mainNavigationLevel2 li {
  height: auto;
  width: 100%;
  max-width: 100%;
  min-height: 100% !important;
  margin-bottom: 0;
}
body.mobileDevice ul.mainNavigationLevel2 li a.level_2 {
  box-sizing: border-box;
  line-height: 36px;
  font-size: 14px;
  padding: 0 0px 0 1.5em;
  width: 83%;
}
body.mobileDevice ul.mainNavigationLevel2 li:nth-child(5n) {
  margin: 0 0 0 0;
}
body.mobileDevice ul.mainNavigationLevel2.topnaviTwo > li:nth-child(3n) {
  width: 100%;
  max-width: 100%;
}
body.mobileDevice ul.mainNavigationLevel3 {
  display: none;
  margin: 0;
}
body.mobileDevice ul.mainNavigationLevel3 {
  background-color: #CFCFCF;
}
body.mobileDevice ul.mainNavigationLevel3 li {
  height: auto;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #000000;
}
body.mobileDevice ul.mainNavigationLevel3 a {
  font-size: 14px;
  line-height: 36px;
  padding: 0 0 0 1.4em;
}
body.mobileDevice ul.mainNavigationLevel3 li.moreCatThirdLevel {
  bottom: 0;
}
body.mobileDevice ul.headerBottomMenu a.mainNavigationLevel1 {
  padding: 0 1.6em;
  font-size: 14px;
}
body.mobileDevice .headerBottomMenu {
  display: none;
}
body.mobileDevice #accessorySearchForm {
  font-size: 1.25em;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout {
  margin-top: 0;
  font-size: 14px;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li {
  cursor: default;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryImage {
  width: 100%;
  margin: 0 0 1.6em 0;
  text-align: center;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryTextAndLink {
  width: auto;
  margin: 1em 1em;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryTextAndLink .heading {
  font-size: 1em;
  margin: 0 0 1.0em 0;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryTextAndLink .text {
  font-size: 1em;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryTextAndLink a.stdLink.level_2 {
  padding: 0 60px 0 0;
  font-size: 1em;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryFlyoutLeft {
  margin-top: 16px;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryFlyoutLeft .menuToogle.secondLevel {
  display: none;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryFlyoutRight .heading {
  margin: 1.25em 1.6em 0 1.6em;
  font-size: 1em;
}
body.mobileDevice ul.mainNavigationLevel2.accessoryFlyout li.accessoryFlyoutRight .searchBox {
  margin: 1.25em 1.6em 1.6em 1.6em;
}
body.mobileDevice #myMetabo {
  display: none;
  background-color: #fff;
  height: auto;
  left: 0;
  right: 0;
  top: 50px;
  border: none;
}
body.mobileDevice #myMetabo li {
  position: relative;
  float: none;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
body.mobileDevice #myMetabo li a {
  line-height: 2.5em;
  font-size: 16px;
}
body.mobileDevice #myMetabo li a span.iconFont {
  font-size: 36px;
  padding-left: 0;
}
body.mobileDevice #myMetabo li a span {
  padding-left: 42px;
}
body.mobileDevice #myMetabo .iconFont {
  margin: 0 10px 0 0;
}
body.mobileDevice #myMetabo span.counter {
  display: block;
  color: #000000;
  position: absolute;
  top: 0;
  right: 10px;
  width: auto;
  height: 100%;
  text-align: center;
}
body.mobileDevice .searchFormContainer {
  top: 50px;
  height: 140px;
  display: none;
}
body.mobileDevice .searchFormContainer .searchLabel {
  font-size: 16px;
  margin-top: 10px;
}
body.mobileDevice .searchFormContainer #searchForm .formRow {
  top: 0;
  height: 33px;
  width: 95%;
}
body.mobileDevice .searchFormContainer #searchForm .searchSubmitButton {
  width: 12%;
  font-size: 2em;
}
body.mobileDevice .searchFormContainer #searchForm input#searchParam {
  width: 88%;
  right: 12%;
  font-size: 1.2em;
}
body.mobileDevice .searchFormContainer #searchForm .searchBar {
  height: 36px;
}
body.mobileDevice .searchFormContainer .closeSearch {
  display: none;
}
body.mobileDevice .searchAddContainer {
  margin: 0 10px;
}
body.mobileDevice .searchAddContainer .searchHomeContainer {
  width: 48%;
}
body.mobileDevice .searchAddContainer .searchContactContainer {
  width: 48%;
}
body.mobileDevice #headerBottomRow {
  display: none;
}
body.mobileDevice #header {
  position: relative;
  height: 50px;
  z-index: 10002;
}
body.mobileDevice #header .logo {
  position: relative;
  height: auto;
  width: 120px;
  float: left;
  top: 0;
  left: 0;
  padding: 0.5em;
}
body.mobileDevice #header .logo img {
  width: 100%;
  height: auto;
}
body.mobileDevice #toxid_curl_topCol {
  margin-top: 10px;
}
body.mobileDevice .box {
  margin-left: 0;
}
body.mobileDevice .box.content_30_70 {
  padding-bottom: 0;
}
body.mobileDevice .box.content_30_70:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.mobileDevice .box.content_30_70 .boxImageContainer {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}
body.mobileDevice .box.content_30_70 .boxContentContainer {
  position: relative;
  float: left;
  width: 100%;
  padding: 1em !important;
}
body.mobileDevice .box.content_30_70 .boxContentContainer .boxContent {
  position: relative;
}
body.mobileDevice .box.greenBg .boxContentContainer {
  padding-bottom: 30%;
}
body.mobileDevice .box.noPicture {
  padding-bottom: 31%;
  height: 16em;
}
body.mobileDevice .box.noPicture.noText {
  height: 50px;
  padding: 0;
}
body.mobileDevice .boxShortText {
  max-height: 5.9em;
  line-height: 1em;
  font-size: 1.1em;
}
body.mobileDevice .boxLongText {
  max-height: 50%;
}
body.mobileDevice .boxLongText p {
  line-height: 1.2em;
}
body.mobileDevice .boxHeadline {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}
body.mobileDevice .greenBg p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mobileDevice .greenBg.open p,
body.mobileDevice .greenBg.noPicture p {
  white-space: normal;
}
body.mobileDevice .gW25 {
  width: 48.75%;
}
body.mobileDevice .gW30 {
  width: 100%;
}
body.mobileDevice .gW50 {
  width: 100%;
}
body.mobileDevice .gW50.grid_4small_1big1.col5 {
  float: left;
}
body.mobileDevice .gW70 {
  width: 100%;
}
body.mobileDevice .gW100 {
  width: 100%;
}
body.mobileDevice .grid_1big_4small.col1,
body.mobileDevice .grid_1big_4small.col3,
body.mobileDevice .grid_1big_4small.col5,
body.mobileDevice .grid_4small_1big1.col1,
body.mobileDevice .grid_4small_1big1.col3,
body.mobileDevice .grid_4small_1big1.col5 {
  margin-left: 0;
}
body.mobileDevice .grid_1_1.col2 {
  margin-left: 0;
}
body.mobileDevice .grid_1_1.col2.contentLayout {
  margin-left: 2.5%;
}
body.mobileDevice .grid_1_1_1_big.col3 {
  display: block;
  width: 100%;
}
body.mobileDevice .element3cols .col1,
body.mobileDevice .element3cols .col2,
body.mobileDevice .element3cols .col3 {
  margin-left: 0;
}
body.mobileDevice .grid_1_1_1_1_small.col3 {
  margin-left: 0;
}
body.mobileDevice #sidebar {
  display: none;
}
body.mobileDevice #content {
  width: 100%;
  overflow: hidden;
  min-height: 0;
  margin: 0;
}
body.mobileDevice #content.standard {
  margin: 0.625em 0 0 0;
}
body.mobileDevice #sidebarRight {
  width: 100%;
}
body.mobileDevice #breadCrumb {
  display: none;
}
body.mobileDevice #contentCol {
  width: 100%;
  margin: 0;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  box-sizing: border-box;
}
body.mobileDevice #content2col #leftCol {
  display: none;
}
body.mobileDevice #content2col #contentCol {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}
body.mobileDevice #content2col #contentCol .pageTitle {
  padding: 10px;
}
body.mobileDevice #content3col #leftCol {
  display: none;
}
body.mobileDevice #content3col #rightCol {
  width: 100%;
  margin: 0;
  padding: 1.25em 0 0 0;
}
body.mobileDevice #content3col #contentCol {
  width: 100%;
}
body.mobileDevice #contentTopCol {
  margin: 0;
  line-height: 1;
}
body.mobileDevice .listContainer {
  width: 100%;
  margin: 0;
}
body.mobileDevice .catDescriptionContainer {
  margin: 10px;
}
body.mobileDevice .box.category {
  width: 48%;
  margin: 0 5px 5px 0;
}
body.mobileDevice .box.category h2 a {
  width: auto;
}
body.mobileDevice .box.category h3 a {
  width: auto;
}
body.mobileDevice .categoryBox {
  padding-bottom: 69%;
}
body.mobileDevice .box.greenBg.categoryBox .boxContentContainer {
  padding-bottom: 26%;
}
body.mobileDevice #details #overviewLink {
  float: left;
  width: 100%;
  background-color: #CFCFCF;
}
body.mobileDevice #details #overviewLink a {
  display: block;
  line-height: 38px;
  text-align: center;
}
body.mobileDevice #details_container h1 {
  float: left;
  margin: 0.6125em 0;
}
body.mobileDevice #productinfo .imagesContainer {
  width: 100%;
}
body.mobileDevice #productinfo .picture {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
body.mobileDevice #productinfo .picture a {
  position: relative;
  display: block;
}
body.mobileDevice #productinfo .picture a .productVideoWrapperStartIcon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
body.mobileDevice #productinfo .picture a .productVideoWrapperStartIcon .productVideo {
  display: none;
  top: 0;
  left: 0;
}
body.mobileDevice #productinfo .picture img {
  position: relative;
}
body.mobileDevice #productinfo .information {
  float: left;
  width: 100%;
  height: auto;
}
body.mobileDevice #productinfo .detailsInfo div.product-attributes-pdfs {
  padding: 0 !important;
  width: 100% !important;
  margin: 0 0 2em 0;
}
body.mobileDevice #productinfo .detailsInfo div.product-attributes-pdfs div.attributesSymbol.symbol2 {
  height: 0;
  bottom: -1em !important;
}
body.mobileDevice #productinfo .detailsInfo div.product-attributes-pdfs div.attributesSymbol.symbol2 a {
  padding: 0;
}
body.mobileDevice #productinfo .detailsInfo div.product-attributes-pdfs a {
  width: 100%;
  display: block;
  margin: 0 !important;
  text-align: center;
  padding: 1em 0;
  font-size: 90%;
  border-top: 1px solid #fff;
}
body.mobileDevice #productinfo #detailsMain {
  margin: 0 0 1.25em 0;
}
body.mobileDevice #productinfo #detailsMain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.mobileDevice #productinfo #detailsMain .productHead {
  width: 100%;
  margin: 1em 0;
}
body.mobileDevice #productinfo #detailsMain .productHead .pageHead {
  float: none;
}
body.mobileDevice #productinfo #storeSearch {
  width: 34%;
  box-sizing: border-box;
}
body.mobileDevice #productinfo .productMainInfo {
  float: none;
  width: 100%;
}
body.mobileDevice #productinfo .tobasket {
  position: relative;
  margin: 0;
  width: 100%;
}
body.mobileDevice #productinfo #zoomTrigger {
  display: none;
}
body.mobileDevice #productinfo #productArtnumContainer {
  margin: 1.25em 0;
}
body.mobileDevice .productCompareAddContainer {
  width: 10em;
}
body.mobileDevice .listDetails .attributes {
  width: 100%;
}
body.mobileDevice #content .infogrid {
  margin: 0 10px;
}
body.mobileDevice #searchContentList .productDataContainer .contentShortDescription {
  min-height: 7em;
}
body.mobileDevice .resultContainer {
  margin: 0 0 0 10px;
}
body.mobileDevice #productList li,
body.mobileDevice #noticelistProductList li,
body.mobileDevice #searchList li,
body.mobileDevice #lastProducts li,
body.mobileDevice #searchContentList li {
  box-sizing: border-box;
  padding: 0;
}
body.mobileDevice .productDataContainer .gridPicture {
  width: 100%;
  text-align: center;
}
body.mobileDevice .productDataContainer .gridPicture img {
  width: 70%;
}
body.mobileDevice .productDataContainer .listDetails {
  width: 100%;
  float: left;
}
body.mobileDevice .productDataContainer .listDetails {
  width: 100%;
  float: left;
}
body.mobileDevice .infoBox {
  margin: 10px;
}
body.mobileDevice .listStrip {
  margin: 0 0 0 10px;
}
body.mobileDevice #productList .productDataContainer .productBadge {
  width: 15%;
}
body.mobileDevice #noticelistProductList .productDataContainer .productBadge {
  width: 15%;
}
body.mobileDevice #searchList .productDataContainer .productBadge {
  width: 15%;
}
body.mobileDevice #lastProducts .productDataContainer .productBadge {
  width: 15%;
}
body.mobileDevice .refineParams {
  position: relative;
}
body.mobileDevice .boxfilter.findologic_selected {
  margin: 25px 10px 0 10px;
}
body.mobileDevice ul.selectedFilterList li.findologic_selected_links {
  width: 100%;
}
body.mobileDevice ul.selectedFilterList li.findologic_selected_links a {
  display: block;
  line-height: 1.5em;
}
body.mobileDevice ul.selectedFilterList li.findologic_selected_links a img {
  position: relative;
  top: 0.2em;
  float: right;
}
body.mobileDevice ul.selectedFilterList li.findologic_selected_links .findologic_filtername {
  float: left;
  margin: 0 0.2em 0 0;
}
body.mobileDevice .findologic_remove_all {
  top: -2em;
}
body.mobileDevice .findologic_remove_all img {
  position: relative;
  top: 0.2em;
}
body.mobileDevice .moreFilter {
  position: absolute;
  left: 0;
  top: 0;
  width: 42%;
  cursor: pointer;
  max-height: 2.5em;
  background-color: #fff;
  overflow: hidden;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-color: #cfcfcf;
  margin: 10px;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 2.5em;
  font-family: Arial, sans-serif;
  color: #000000;
  text-transform: none;
  text-align: center;
}
body.mobileDevice .moreFilter .iconElement {
  position: absolute;
  right: 0;
  top: 0;
  right: 0.625em;
}
body.mobileDevice .moreFilter.open {
  background-color: #CFCFCF;
}
body.mobileDevice .moreFilter.open .iconElement:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice .moreFilter.open .iconElement.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice .moreFilter.mobile {
  display: block;
}
body.mobileDevice #filterContainer {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 3.9em;
  width: auto;
  margin: 0;
  z-index: 10;
}
body.mobileDevice #filterContainer ul > li:not(.fl_li) {
  width: 100%;
  margin: 0;
}
body.mobileDevice #filterContainer .filter {
  width: 100%;
  border-top: 0 solid #cfcfcf;
  border-bottom: 2px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: white;
  box-sizing: border-box;
  margin: 0;
}
body.mobileDevice .listRefine #sortItems {
  width: 48%;
  margin: 10px;
}
body.mobileDevice .productCountPanel {
  margin: 0 10px;
  box-sizing: border-box;
}
body.mobileDevice #itemsPager {
  display: none;
}
body.mobileDevice #itemsPagerbottom {
  margin: 0 10px;
  box-sizing: border-box;
}
body.mobileDevice #itemsPagerbottom .paging-divider {
  width: 1.5em;
  height: 2.5em;
  line-height: 2.5em;
  float: left;
}
body.mobileDevice #itemsPagerbottom a {
  margin-right: 0.75em;
}
body.mobileDevice #footer {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  position: relative;
}
body.mobileDevice #footer #panel {
  margin: 0;
}
body.mobileDevice #footerBottomRow ul {
  display: none;
}
body.mobileDevice #footer ul {
  display: none;
}
body.mobileDevice .socialMedia {
  display: none;
}
body.mobileDevice #footer .lngList {
  display: none;
}
body.mobileDevice #footerBottomRow {
  position: relative;
  overflow: auto;
  padding: 0.5em;
}
body.mobileDevice #footerLogo img {
  margin: 1em auto;
  float: none;
  display: block;
}
body.mobileDevice .footerCategory {
  width: 100%;
  border-bottom: 1px solid white;
  padding: 0;
}
body.mobileDevice .footerCategory .footerHeader {
  padding: 0;
}
body.mobileDevice .footerCategory .footerHeader span {
  float: left;
  padding: 0.75em;
}
body.mobileDevice .footerCategory.mobile {
  display: block;
}
body.mobileDevice .footerCategory li a {
  font-size: 14px;
}
body.mobileDevice #mobileFooter {
  display: block;
  margin: 0 auto;
  width: 16em;
  overflow: auto;
  padding: 1em 0 0.5em;
}
body.mobileDevice #mobileFooter ul {
  display: block;
  position: relative;
}
body.mobileDevice #mobileFooter ul li {
  padding: 0;
}
body.mobileDevice #mobileFooter ul li:after {
  display: none;
}
body.mobileDevice #mobileFooter ul li:nth-child(-n+2) a {
  border-top: 0 solid #cfcfcf;
  border-bottom: 0 solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
body.mobileDevice #mobileFooter ul li a {
  padding: 0 1em;
}
body.mobileDevice #footer {
  min-height: 8em;
  height: auto;
}
body.mobileDevice .footerCategory {
  margin-left: 0;
  min-height: 33px;
  height: auto;
  position: relative;
}
body.mobileDevice .footerCategory > ul {
  margin: 0 1.25em 1.25em 1.25em;
}
body.mobileDevice .footerCategory > ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.mobileDevice .footerCategory .mobileFooterToggle {
  color: #ffffff;
  position: absolute;
  top: 5px;
  right: 0;
  text-align: center;
  height: auto;
  width: 50px;
  cursor: pointer;
  z-index: -1;
}
body.mobileDevice .footerCategory .mobileFooterToggle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  vertical-align: top;
  content: "\e671";
}
body.mobileDevice .footerCategory .mobileFooterToggle.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  color: #000;
  vertical-align: top;
  content: "\e671";
}
body.mobileDevice .footerCategory .mobileFooterToggle.open:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice .footerCategory .mobileFooterToggle.open.invert:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2em;
  color: #000;
  vertical-align: top;
  content: "\e66e";
}
body.mobileDevice .footerCategory .footerHeader span {
  font-size: 14px;
  line-height: 2em;
  font-weight: normal;
  width: 100%;
  box-sizing: border-box;
}
body.mobileDevice #rightCol .tx-dce-pi1 {
  padding: 0;
}
body.mobileDevice .dceDownload {
  margin: 0 10px;
}
body.mobileDevice .dceContact {
  margin: 0 10px;
  width: 93%;
}
body.mobileDevice #storeLocatorContainer {
  min-height: 37em;
}
body.mobileDevice #storeLocatorContainer .linkContainer {
  right: 1.5em;
}
body.mobileDevice #map-canvas {
  width: 95%;
  height: 20em;
  top: 17.5em;
}
body.mobileDevice #storeLocatorSearchForm {
  left: 0;
  width: 95%;
  top: 0;
}
body.mobileDevice #storeLocatorMsg {
  height: 4em;
}
body.mobileDevice #tippContainer .heading {
  margin: 0 0 0.5em 0;
}
body.mobileDevice #tippContainer .storeContactContainer {
  width: 50%;
}
body.mobileDevice #storeLocatorMsg .noResult {
  padding: 0 1em 0 3em;
}
body.mobileDevice #storeLocatorList .storeLocatorHeader {
  display: block;
  display: none;
}
body.mobileDevice #storeLocatorList .resultRow {
  display: block;
  width: 100%;
  margin: 0 0 1.25em 0;
  border-top: 0 solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
body.mobileDevice #storeLocatorList .resultRow:nth-child(2) {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 0 solid #cfcfcf;
  border-left: 0 solid #cfcfcf;
  border-color: #cfcfcf;
}
body.mobileDevice #storeLocatorList .storeLocatorData {
  display: block;
}
body.mobileDevice #storeLocatorList .storeLocatorInfo {
  display: block;
  width: 100%;
  border: none;
}
body.mobileDevice #storeLocatorList .storeLocatorDistance {
  display: block;
  width: 100%;
  border: none;
}
body.mobileDevice #storeLocatorList .storeLocatorDistance .lineText {
  padding: 0 0 0 1.5em;
  box-sizing: border-box;
}
body.mobileDevice #storeLocatorList .storeLocatorDistance .icon {
  left: 0;
  box-sizing: border-box;
}
body.mobileDevice #storeLocatorList .storeLocatorTyp {
  display: block;
  width: 100%;
  border: none;
  margin: 0 0 1em 0;
}
body.mobileDevice .messageBox {
  margin: 0 0 0 1em;
}
body.mobileDevice .contactContainer {
  padding: 0;
  width: 100%;
}
body.mobileDevice .contactContainer .csc-default {
  box-sizing: border-box;
  padding: 0 1em;
}
body.mobileDevice .contactContainer ul.form.contact {
  margin: 1em;
  width: auto;
}
body.mobileDevice .contactContainer ul.form.contact label,
body.mobileDevice .contactContainer ul.form.contact select,
body.mobileDevice .contactContainer ul.form.contact input,
body.mobileDevice .contactContainer ul.form.contact textarea {
  width: 100%;
  max-width: 100%;
}
body.mobileDevice .contactContainer ul.form.contact li.verify .oxValidateError {
  margin-left: 0;
}
body.mobileDevice .contactContainer ul.form.contact li.verify input[type="text"] {
  width: 30%;
}
body.mobileDevice .status.notice {
  box-sizing: border-box;
  margin: 1em;
  width: auto;
}
body.mobileDevice #comparePageContainer {
  width: auto;
  height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}
body.mobileDevice #comparePageContainer .messageBox {
  padding: 0 0 1em 0;
}
body.mobileDevice #comparePageContainer .addPriceInfo {
  left: 0;
}
body.mobileDevice #comparePageContainer #compareFirstCol {
  left: 0;
  top: 13em;
  position: relative;
}
body.mobileDevice #comparePageContainer #compareDataDiv {
  left: 0;
}
body.mobileDevice .categoryBox .boxShortText {
  display: none;
}
body.mobileDevice .categoryBox .boxLongText {
  display: none;
}
body.mobileDevice .categoryBox .contentToggle.doNotShow {
  display: block;
}
body.mobileDevice .categoryBox.open .boxShortText {
  display: block;
}
body.mobileDevice .categoryBox.open .boxLongText {
  display: block;
}
body.mobileDevice #findologic-logo {
  float: none;
  margin-top: 1em;
}
body.mobileDevice #findologic-logo a {
  text-align: right;
}
body.mobileDevice #detailsRelated .attributes div[class*='attrTitle_'] {
  border: 0;
  width: 100%;
  font-weight: bold;
}
body.mobileDevice #detailsRelated .attributes div[class*='attrValue_'] {
  border: 0;
  width: 100%;
}
body.mobileDevice #productinfo .productMainInfo .attributes .attrTitle {
  width: 60%;
}
body.mobileDevice #productinfo .productMainInfo .attributes .attrValue {
  width: 40%;
}
body.mobileDevice .attributes .attributesRow {
  border-bottom: 1px solid #cfcfcf;
}
body.mobileDevice .attributesGroup {
  font-size: 1em;
}
body.mobileDevice .copyright {
  display: none;
}
body.mobileDevice .fl-autocomplete.ui-autocomplete {
  display: none !important;
}
body.mobileDevice .ui-autocomplete-loading {
  background-image: none !important;
}
body.mobileDevice .slideshow .inner > div {
  width: 100%;
}
body.mobileDevice .errorContainer._404 .csc-default.stdText {
  width: 100%;
  margin: 0;
}
body.mobileDevice .errorContainer._404 .errorHomeContainer {
  width: 50%;
}
body.mobileDevice .errorContainer._404 .errorHomeContainer a {
  margin: 1em 0;
}
body.mobileDevice .errorContainer._404 .errorContactContainer {
  width: 50%;
}
body.mobileDevice .errorContainer._404 .errorContactContainer a#getContact {
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.mobileDevice .errorContainer._404 #searchForm .formRow {
  margin: 0;
  width: 100%;
}
body.mobileDevice .errorContainer._404 #searchForm input#searchParam {
  width: 94%;
}
body.mobileDevice .errorContainer._404 #searchForm .searchSubmitButton {
  left: 94%;
}
body.mobileDevice .errorContainer #searchForm .formRow {
  width: 100%;
}
body.mobileDevice .galleryArea .thumbnail .productVideoWrapperStartIconSmall .productVideoSmall {
  display: none;
}
body.mobileDevice .tabs li {
  margin: 0;
  width: 50%;
}
body.mobileDevice #stage3 h1 {
  line-height: 1.5em;
  margin-bottom: 1em;
}
body.mobileDevice .contactNavigationContainer .contactHomeContainer {
  width: 50%;
}
body.mobileDevice .contactNavigationContainer .contactHomeContainer a {
  margin: 1em 0;
}
body.mobileDevice .contactNavigationContainer .contactContactContainer {
  width: 50%;
}
body.mobileDevice .contactNavigationContainer .contactContactContainer a#getContact {
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (max-width: 420px) {
  #layerslider-container .ls-inner .ls-slide h2 {
    line-height: 6px;
  }
}