/*genrated on 2025-19-08 10:15:11*******************************************/
/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('/_libs/fonts/google/raleway-v28-latin-100.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-100.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/_libs/fonts/google/raleway-v28-latin-200.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-200.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('/_libs/fonts/google/raleway-v28-latin-300.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-300.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/_libs/fonts/google/raleway-v28-latin-regular.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-regular.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('/_libs/fonts/google/raleway-v28-latin-500.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-500.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('/_libs/fonts/google/raleway-v28-latin-600.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-600.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/_libs/fonts/google/raleway-v28-latin-700.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-700.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('/_libs/fonts/google/raleway-v28-latin-800.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-800.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('/_libs/fonts/google/raleway-v28-latin-900.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-900.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('/_libs/fonts/google/raleway-v28-latin-100italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-100italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('/_libs/fonts/google/raleway-v28-latin-200italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-200italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('/_libs/fonts/google/raleway-v28-latin-300italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-300italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('/_libs/fonts/google/raleway-v28-latin-italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('/_libs/fonts/google/raleway-v28-latin-500italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-500italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('/_libs/fonts/google/raleway-v28-latin-600italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-600italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('/_libs/fonts/google/raleway-v28-latin-700italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-700italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('/_libs/fonts/google/raleway-v28-latin-800italic.eot');
  src: local(''), url('/_libs/fonts/google/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_libs/fonts/google/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('/_libs/fonts/google/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_libs/fonts/google/raleway-v28-latin-800italic.svg#Raleway') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/*Wichtig: Nur hier die Schriftart/Größe für Editor setzen*/
td,
body {
  color: #35414d;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
  line-height: 21px;
}
table {
  width: 100%;
}
td {
  padding: 0px;
  vertical-align: top;
}
a img {
  border: none;
}
a {
  color: #000000;
}
h1 {
  font-size: 21px;
  font-weight: 600;
  color: #35414d;
  margin-top: 0px;
  margin-bottom: 6px;
}
h2 {
  margin-top: 0px;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 6px;
}
ul {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin: 7px 0px 7px 7px;
}
li {
  list-style: none;
  background: url("/_skins/base/images/ico_li.png");
  background-position: 0px 8px;
  background-repeat: no-repeat;
  padding: 1px 0px 1px 22px;
}
p {
  margin-top: 6px;
  margin-bottom: 6px;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
body,
html {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #f5f5f5;
  color: #35414d;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}
.BodyHolder {
  width: 100%;
}
/*useful config (don't delete)*/
.loading {
  pointer-events: none;
}
.loading a {
  pointer-events: auto;
}
html {
  overflow-y: scroll;
}
span a {
  cursor: pointer;
}
form {
  margin: 0px;
}
a {
  outline: none;
}
/* Basis layout */
div#container {
  text-align: left;
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
#Header {
  background-image: url('/_skins/base/images/bgd_header.jpg');
  background-repeat: no-repeat;
  background-position: left -80px;
  background-size: auto 250px;
  background-attachment: fixed;
  height: 140px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding-top: 30px;
  /*.inlay */
  /*.claimLeft*/
  /*.claimRight*/
  /*.search*/
}
#Header .inlay {
  text-align: left;
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
  height: 130px;
  margin-top: 15px;
  position: relative;
  /*.miniCart */
  /*.caption*/
  /*.ico */
}
#Header .inlay .top {
  width: 100%;
  height: 69px;
  float: left;
  margin-bottom: 11px;
}
#Header .inlay .bottom {
  width: 100%;
  height: 35px;
  float: left;
}
#Header .inlay .miniCart {
  width: 245px;
  height: 68px;
  background-color: rgba(61, 119, 192, 0.5);
  float: left;
  margin-left: 1px;
  color: #FFF;
  font-size: 14px;
}
#Header .inlay .caption {
  color: #FFF;
  font-size: 13px;
  text-align: right;
  margin: 23px 15px 0px 0px;
  float: left;
  width: 156px;
  height: 25px;
  line-height: 25px;
}
#Header .inlay .ico {
  background-image: url('/_skins/base/images/ico_cart.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 60px 54px;
  width: 60px;
  height: 54px;
  float: left;
  margin: 7px 0px 0px 0px;
  position: relative;
  /*.number*/
}
#Header .inlay .ico .number {
  background-color: rgba(2, 3, 5, 0.75);
  width: 24px;
  height: 24px;
  border-radius: 60px;
  color: #FFF;
  text-align: center;
  line-height: 24px;
  position: absolute;
  right: -10px;
  top: 0px;
  font-family: 'Lato', sans-serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
}
#Header .inlay .ico .number.ico_empty {
  display: none;
}
#Header #logo {
  width: 209px;
  height: auto;
  float: left;
  margin-right: 8px;
}
#Header #logo img.logoM {
  display: none;
}
#Header .claimLeft {
  background-image: url('/_skins/base/images/skc_claim.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 249px 69px;
  width: 249px;
  height: 69px;
  float: left;
  margin-right: 1px;
}
#Header .claimLeft img.claimM {
  display: none;
}
#Header .claimRight {
  background-image: url('/_skins/base/images/skc_claimBGD.png');
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 69px;
  width: 547px;
  height: 69px;
  float: left;
  position: relative;
}
#Header .claimRight .ico {
  position: absolute;
  top: -8px;
  height: 52px;
  width: 37px;
  background-size: 37px 52px;
}
#Header .claimRight .ico.icoTV {
  background-image: url("/_skins/base/images/icon_tv.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 125px;
}
#Header .claimRight .ico.icoMusic {
  background-image: url("/_skins/base/images/icon_music.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 190px;
}
#Header .claimRight .ico.icoComputer {
  background-image: url("/_skins/base/images/icon_computer.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 65px 92px;
  left: 250px;
  height: 92px;
  width: 65px;
  top: -25px;
}
#Header .claimRight .ico.icoMobil {
  background-image: url("/_skins/base/images/icon_mobil.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 340px;
}
#Header .claimRight .ico.icoCamera {
  background-image: url("/_skins/base/images/icon_camera.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 405px;
}
#Header .search {
  float: right;
  height: 30px;
  display: block;
  min-width: 370px;
  /*input*/
  /*#autosuggestionSubmit*/
  /*.autosuggestion*/
}
#Header .search input {
  width: 250px;
  height: 18px;
  padding: 5px;
  color: #b6babf;
  border: none;
  margin: 0px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 600;
  float: left;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#Header .search input:focus {
  border: 1px solid #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  width: 250px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
  -moz-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
  box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
}
#Header .search .asrContainer {
  display: block;
  width: 100%;
}
#Header .search .allSearchResults {
  display: block;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding: 10px 0px 10px 0px;
}
#Header .search #autosuggestionSubmit {
  width: 105px;
  height: 30px;
  line-height: 30px;
  margin-left: 2px;
  text-align: center;
  color: #FFFFFF;
  padding: 0px;
  float: left;
  border: 1px solid transparent;
  background-color: #3779bd;
  background-image: url("/_skins/base/images/ico_search.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#Header .search #autosuggestionSubmit:hover {
  background-color: #eee233;
  color: #35414d;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  cursor: pointer;
}
#Header .search div {
  display: block;
  float: left;
}
#Header .search .autosuggestion {
  min-height: 35px;
  z-index: 99999;
  /*~asBox div.Content*/
}
#Header .search .autosuggestion .asBox div.Content {
  padding: 5px 0px 10px 0px;
  color: #FFF;
  width: 370px;
  min-height: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*~searchResult, .allSearchResults*/
  /*.allSearchResults */
}
#Header .search .autosuggestion .asBox div.Content .searchResult,
#Header .search .autosuggestion .asBox div.Content .allSearchResults {
  margin-bottom: 1px;
  background-color: rgba(114, 114, 115, 0.9);
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 5px 0px 0px;
  text-decoration: none;
  line-height: 30px;
  display: block;
  width: 100%;
  color: #FFF;
  float: left;
  min-height: 30px;
  transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  /*.text*/
  /*&:hover*/
}
#Header .search .autosuggestion .asBox div.Content .searchResult a,
#Header .search .autosuggestion .asBox div.Content .allSearchResults a {
  text-decoration: none;
}
#Header .search .autosuggestion .asBox div.Content .searchResult .img,
#Header .search .autosuggestion .asBox div.Content .allSearchResults .img {
  width: 50px;
  height: 55px;
  float: left;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 19px;
  border-left: 1px solid #2d2d2e;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% auto;
  display: block;
}
#Header .search .autosuggestion .asBox div.Content .searchResult .text,
#Header .search .autosuggestion .asBox div.Content .allSearchResults .text {
  float: left;
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 21px;
  width: calc(100% - 70px);
  min-height: 30px;
  overflow: hidden;
  padding: 7px 2px 7px 0px;
  font-size: 13px;
  background-image: url(/_skins/base/images/ico_more.png);
  background-position: 365px 10px;
  background-repeat: no-repeat;
  background-size: 6px 12px ;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
#Header .search .autosuggestion .asBox div.Content .searchResult:hover,
#Header .search .autosuggestion .asBox div.Content .allSearchResults:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #3677bb;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
#Header .search .autosuggestion .asBox div.Content .searchResult:hover .text,
#Header .search .autosuggestion .asBox div.Content .allSearchResults:hover .text {
  background-position: 265px 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#Header .search .autosuggestion .asBox div.Content .searchResult:hover .img,
#Header .search .autosuggestion .asBox div.Content .allSearchResults:hover .img {
  border-color: #3677bb;
}
#Header .search .autosuggestion .asBox div.Content .allSearchResults {
  font-style: italic;
  color: #cacacb;
  text-align: center;
  padding-left: 0px;
  width: 100%;
  /*&:hover */
}
#Header .search .autosuggestion .asBox div.Content .allSearchResults:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: rgba(19, 68, 126, 0.9);
}
/*#Header*/
#Header.checkOut {
  height: 140px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding-top: 30px;
  /*.inlay */
}
#Header.checkOut .inlay {
  height: 125px;
}
#Header.checkOut .inlay .bottom {
  display: none;
}
#Header.checkOut .inlay .miniCart {
  display: none;
}
/*#Header.checkOut */
.mobileContainer {
  display: none;
}
div#top {
  width: 100%;
  height: 30px;
  background-color: #FFFFFF;
  margin-bottom: 25px;
  line-height: 30px;
  display: block;
  /*.userpanel*/
  /*.shortNavigation*/
}
div#top .userpanel {
  font-size: 12px;
  width: 840px;
  height: 30px;
  line-height: 30px;
  float: left;
  background-color: #FFFFFF;
  left: 0px;
  top: 0px;
  position: relative;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.userpanelInner*/
}
div#top .userpanel .icoSKC {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: 130px center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 200px;
  display: inline-block;
  float: left;
  height: 30px;
  margin-top: -200px;
  position: fixed;
  left: 0px;
  top: 0px;
  transition: margin 0.1s linear 0s;
  -webkit-transition: margin 0.1s linear 0s;
  -moz-transition: margin 0.1s linear 0s;
  -o-transition: margin 0.1s linear 0s;
  -ms-transition: margin 0.1s linear 0s;
}
div#top .userpanel .icoSKC_claim {
  background-color: #306aa7;
  width: 200px;
  display: inline-block;
  float: left;
  height: 30px;
  text-align: center;
  color: #FFFFFF;
  position: fixed;
  left: 200px;
  top: 0px;
  margin-top: -200px;
  transition: margin 0.1s linear 0s;
  -webkit-transition: margin 0.1s linear 0s;
  -moz-transition: margin 0.1s linear 0s;
  -o-transition: margin 0.1s linear 0s;
  -ms-transition: margin 0.1s linear 0s;
}
div#top .userpanel .userpanelInner {
  margin-left: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #555555;
  /*a*/
}
div#top .userpanel .userpanelInner a {
  text-decoration: none;
  font-weight: 700;
  color: #555555;
}
div#top .userpanel .userpanelInner a:hover {
  text-decoration: underline;
}
div#top .userpanel .userpanelInner .welcome {
  font-weight: 700;
}
div#top .userpanel .userpanelInner .login,
div#top .userpanel .userpanelInner .logout {
  color: #32c622;
}
div#top .userpanel .userpanelInner .logout,
div#top .userpanel .userpanelInner .myAccount {
  margin-left: 20px;
  font-weight: 400;
}
div#top .shortNavigation {
  max-width: 290px;
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  float: right;
}
div#top .shortNavigation a {
  text-decoration: none;
  font-weight: 700;
  color: #555555;
  text-transform: uppercase;
  float: left;
  padding: 0px 12px 0px 12px;
  border-left: 1px solid #f7f6f6;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#top .shortNavigation a:hover {
  background-color: #eee233;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#top .shortNavigation a.first {
  border: none;
}
/*div#top*/
body.site_id_1.site_level_1 div#top .userpanel .userpanelInner {
  margin-left: 335px;
}
div#top.fixed,
body.site_id_1.site_level_1 div#top.fixed {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#top.fixed .userpanel,
body.site_id_1.site_level_1 div#top.fixed .userpanel {
  background-color: #FFFFFF;
  width: 100%;
  left: 0px;
  z-index: 9999;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
}
div#top.fixed .userpanel .icoSKC,
body.site_id_1.site_level_1 div#top.fixed .userpanel .icoSKC {
  top: 0px;
  margin-top: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: margin 0.4s linear 0.2s;
  -webkit-transition: margin 0.4s linear 0.2s;
  -moz-transition: margin 0.4s linear 0.2s;
  -o-transition: margin 0.4s linear 0.2s;
  -ms-transition: margin 0.4s linear 0.2s;
}
div#top.fixed .userpanel .icoSKC_claim,
body.site_id_1.site_level_1 div#top.fixed .userpanel .icoSKC_claim {
  top: 0px;
  margin-top: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: margin 0.4s linear 0.2s;
  -webkit-transition: margin 0.4s linear 0.2s;
  -moz-transition: margin 0.4s linear 0.2s;
  -o-transition: margin 0.4s linear 0.2s;
  -ms-transition: margin 0.4s linear 0.2s;
}
div#top.fixed .userpanel .userpanelInner,
body.site_id_1.site_level_1 div#top.fixed .userpanel .userpanelInner {
  margin-right: 50px;
  display: inline-block;
  margin-left: 0px;
  float: right;
  transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
}
/*div#top.fixed*/
div#left {
  width: 200px;
  background-color: #C0C0C0;
  float: left;
}
div#middle {
  width: 100%;
  float: left;
  min-height: 400px;
  margin-bottom: 30px;
  /*.leftArea*/
  /*.rightArea*/
}
div#middle .offer {
  width: 100%;
  min-height: 465px;
  float: left;
  margin: 0px 0px 30px 0px;
}
div#middle .leftArea {
  width: 290px;
  float: left;
  min-height: 100px;
  /*.navbutton*/
}
div#middle .leftArea .navbutton {
  background-image: url(/_skins/base/images/ico_navbutton.png);
  background-position: 9px 9px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  min-width: 200px;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #4a4a49;
  padding-left: 32px;
  font-size: 12px;
  text-decoration: none;
  margin: 0px 0px 3px 5px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover */
}
div#middle .leftArea .navbutton a {
  text-decoration: none;
  color: #4a4a49;
  display: block;
}
div#middle .leftArea .navbutton:hover {
  background-color: #eee233;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#middle .leftArea #main-servicenavigation {
  width: 100%;
  min-height: 100px;
  float: left;
  margin-top: 20px;
}
div#middle .rightArea {
  width: 925px;
  float: right;
  min-height: 460px;
}
/*div#middle*/
div#right {
  width: 200px;
  background-color: #C0C0C0;
  float: left;
}
div#footer {
  width: 100%;
  background-color: #f6f6f6;
  height: 260px;
  clear: left;
  text-align: left;
  /*.gMap*/
  /*.googleMaps */
  /*.gMap.show */
  /*.store*/
  /*.newsReg */
  /*.newsReg.show*/
  /*.inlay*/
}
div#footer .gMap {
  overflow: hidden;
  width: 100%;
  background-color: #1e1e1e;
  height: 55px;
  border-top: 1px solid #6e6f70;
  clear: left;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.gMapBtn*/
  /*.gMapBtnShadow*/
}
div#footer .gMap .gMapBtn {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 35px;
  height: 0;
  border: 50px solid rgba(0, 0, 0, 0);
  border-top: 0 solid;
  border-top: 35px solid #5570bc;
  border-bottom: 35px;
  color: #000000;
  -o-text-overflow: clip;
  text-overflow: clip;
  margin: 0px auto 0px auto;
  text-align: center;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 9999;
  position: absolute;
  left: 50%;
  margin-left: -65px;
  top: 0px;
}
div#footer .gMap .gMapBtn a {
  display: block;
  background-image: url(/_skins/base/images/ico_pin.png);
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: 21px 24px;
  color: #FFF;
  width: 135px;
  height: 40px;
  position: absolute;
  left: -50px;
  top: -29px;
}
div#footer .gMap .gMapBtn:hover {
  border-top: 35px solid #fdcd1b;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  cursor: pointer;
}
div#footer .gMap .gMapBtnShadow {
  width: 100%;
  height: 55px;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
}
div#footer .googleMaps {
  width: 100%;
  height: 300px;
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#footer .googleMaps #googleMaps {
  width: 100%;
  height: 100%;
  display: block;
}
div#footer .gMap.show {
  height: 300px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.googleMaps */
}
div#footer .gMap.show .googleMaps {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
div#footer .gMap.show .gMapBtn {
  border-top: 35px solid #3c3c3e;
}
div#footer .storeBubble {
  width: 220px;
  float: left;
  height: 135px;
  /*.title */
  /*a*/
}
div#footer .storeBubble .title {
  height: 25px;
  margin-bottom: 10px;
  width: 100%;
}
div#footer .storeBubble .title span {
  height: 25px;
  line-height: 25px;
}
div#footer .storeBubble .title .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  margin-right: 9px;
  border-radius: 8px;
}
div#footer .storeBubble .title span {
  font-size: 16px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
div#footer .storeBubble a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-left: 3px;
  color: #35414d;
}
div#footer .storeBubble a span {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
div#footer .newsReg {
  -webkit-box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
  width: 100%;
  background-color: #1e1e1e;
  height: 330px;
  background-image: url(/_skins/base/images/bgd_newsletterReg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1900px 330px;
  display: none;
  /*.inlay*/
}
div#footer .newsReg .inlay {
  width: 580px;
  padding: 60px 0px 0px 0px;
  height: 330px;
  margin: 0px auto 0px auto;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*.title, .subTitle */
  /*.title*/
  /*.subtitle*/
  /*.newsReg*/
  /*.email*/
  /*.vorname, .nachname*/
  /*.imageCodeField*/
  /*.newsRegButton*/
  /*#layerNewsReg*/
  /*.text_thx*/
}
div#footer .newsReg .inlay .title,
div#footer .newsReg .inlay .subTitle {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
}
div#footer .newsReg .inlay .title {
  font-size: 50px;
  font-weight: 900;
  height: 75px;
  line-height: 75px;
}
div#footer .newsReg .inlay .subTitle {
  font-size: 21px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
div#footer .newsReg .inlay .newsReg {
  position: relative;
  width: 580px;
  height: 50px;
}
div#footer .newsReg .inlay .newsReg .newsRegContainer {
  width: 580px;
  height: 46px;
  margin: 30px 0px 0px 0px;
  border: 3px solid #3e76c0;
  padding: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#footer .newsReg .inlay .email {
  width: 415px;
  height: 38px;
  float: left;
  /*input*/
  /* input*/
}
div#footer .newsReg .inlay .email input {
  width: 415px;
  height: 38px;
  padding: 0px;
  padding: 0px 20px 0px 10px;
  margin: 0px;
  border: none;
  background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
  display: block;
  color: #8d8d8d;
  text-indent: -10000px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div#footer .newsReg .inlay .email input:focus {
  background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
}
div#footer .newsReg .inlay .email input.notEmpty {
  color: #FFF;
}
div#footer .newsReg .inlay .vorname,
div#footer .newsReg .inlay .nachname {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  pointer-events: none;
  visibility: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  width: 200px;
  height: 38px;
  float: left;
  margin-top: 5px;
  position: absolute;
  top: 550px;
  left: 160px;
  /*input*/
  /* input*/
}
div#footer .newsReg .inlay .vorname input,
div#footer .newsReg .inlay .nachname input {
  box-shadow: 0 0 10px #3e76c0;
  width: 150px;
  height: 44px;
  padding: 0px;
  padding: 0px 20px 0px 10px;
  margin: 0px;
  border: none;
  background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
  display: block;
  color: #8d8d8d;
  text-indent: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #3e76c0;
}
div#footer .newsReg .inlay .vorname input:focus,
div#footer .newsReg .inlay .nachname input:focus {
  background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
}
div#footer .newsReg .inlay .vorname input.notEmpty,
div#footer .newsReg .inlay .nachname input.notEmpty {
  color: #FFF;
}
div#footer .newsReg .inlay .vorname {
  margin-left: 0px;
  left: 0px;
}
div#footer .newsReg .inlay .imageCodeField {
  width: 260px;
  height: 44px;
  float: left;
  position: absolute;
  top: 550px;
  left: 330px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  pointer-events: none;
  visibility: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*input*/
}
div#footer .newsReg .inlay .imageCodeField input {
  box-shadow: 0 0 10px #3e76c0;
  width: 135px;
  height: 44px;
  padding: 0px 20px 0px 10px;
  margin: 0px 0px 0px 5px;
  background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
  display: block;
  color: #8d8d8d;
  text-indent: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #3e76c0;
}
div#footer .newsReg .inlay .imageCodeField input:focus {
  background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
}
div#footer .newsReg .inlay div.imageCodeField span.inputfield span {
  height: 44px;
  background-color: #FFF;
}
div#footer .newsReg .inlay div.imageCode {
  height: 44px;
  float: left;
  width: 110px;
  overflow: hidden;
  margin-right: 5px;
}
div#footer .newsReg .inlay .imageCode .image input {
  display: none;
}
div#footer .newsReg .inlay .imageCode .image img {
  height: 44px;
}
div#footer .newsReg .inlay .newsRegButton {
  width: 157px;
  height: 38px;
  background-color: #3e76c0;
  color: #FFF;
  text-align: center;
  float: left;
}
div#footer .newsReg .inlay .newsRegButton a {
  width: 157px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.3px;
  font-weight: 600;
  height: 38px;
  line-height: 38px;
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  display: block;
  text-decoration: none;
  pointer-events: none;
}
div#footer .newsReg .inlay #layerNewsReg {
  width: 415px;
  height: 45px;
  line-height: 45px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 75 );
  font-style: italic;
  font-size: 13px;
  color: #FFF;
  padding-left: 20px;
  background: rgba(61, 119, 192, 0.2) repeat scroll 0 0;
  text-transform: uppercase;
}
div#footer .newsReg .inlay #layerNewsReg:hover {
  cursor: pointer;
}
div#footer .newsReg .inlay .text_thx {
  color: #FFF;
  text-align: center;
  padding-top: 45px;
}
div#footer .newsReg .inlay .text_thx h2 {
  font-size: 21px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  color: #eee233;
}
div#footer .newsReg.show .inlay {
  /*.email*/
  /*.newsRegButton*/
}
div#footer .newsReg.show .inlay .newsRegContainer {
  box-shadow: 0 0 10px #3e76c0;
  margin-top: 80px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
div#footer .newsReg.show .inlay #layerNewsReg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  pointer-events: none;
  visibility: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#footer .newsReg.show .inlay .vorname,
div#footer .newsReg.show .inlay .nachname {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  pointer-events: auto;
  visibility: visible;
  top: -60px;
}
div#footer .newsReg.show .inlay .imageCodeField {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  pointer-events: auto;
  visibility: visible;
  top: -56px;
}
div#footer .newsReg.show .inlay .vorname,
div#footer .newsReg.show .inlay .nachname,
div#footer .newsReg.show .inlay .imageCodeField {
  transition: all 0.6s linear 0s;
  -webkit-transition: all 0.6s linear 0s;
  -moz-transition: all 0.6s linear 0s;
  -o-transition: all 0.6s linear 0s;
  -ms-transition: all 0.6s linear 0s;
}
div#footer .newsReg.show .inlay .email input {
  text-indent: 0px;
}
div#footer .newsReg.show .inlay .newsRegButton a {
  pointer-events: auto;
}
div#footer .inlay {
  width: 1260px;
  padding: 40px 0px 0px 0px;
  height: 220px;
  margin: 0px auto 0px auto;
  /*.left, .right*/
  /*.left*/
  /*.right*/
}
div#footer .inlay .left,
div#footer .inlay .right {
  min-height: 40px;
  float: left;
}
div#footer .inlay .left {
  width: 70%;
  /*.store*/
  /*storeInfos*/
}
div#footer .inlay .left .store {
  width: 280px;
  float: left;
  height: 135px;
  /*.title */
  /*a*/
}
div#footer .inlay .left .store .title {
  height: 25px;
  margin-bottom: 10px;
  width: 100%;
}
div#footer .inlay .left .store .title .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  margin-right: 9px;
  border-radius: 8px;
}
div#footer .inlay .left .store .title span {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
div#footer .inlay .left .store a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-left: 3px;
  color: #35414d;
}
div#footer .inlay .left .store a span {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
div#footer .inlay .left .store .address {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #35414d;
  padding-left: 3px;
}
div#footer .inlay .left .store2 {
  width: 280px;
}
div#footer .inlay .left .storeInfos {
  width: 100%;
  /*.paymentInfos*/
  /*.deliveryInfos*/
  /*.items*/
}
div#footer .inlay .left .storeInfos .paymentInfos {
  width: 550px;
  float: left;
  height: 80px;
}
div#footer .inlay .left .storeInfos .deliveryInfos {
  width: 280px;
  float: left;
  height: 80px;
}
div#footer .inlay .left .storeInfos .caption {
  color: #9d9fa1;
  font-size: 16px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  height: 30px;
  width: 100%;
}
div#footer .inlay .left .storeInfos .items {
  width: 100%;
  float: left;
  min-height: 60px;
}
div#footer .inlay .left .storeInfos .items .item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px 21px;
  float: left;
  width: 80px;
  display: block;
  margin-right: 10px;
  height: 40px;
}
div#footer .inlay .left .storeInfos .items .paypal {
  background-image: url(/_skins/base/images/payment_paypal.png);
  display: none;
}
div#footer .inlay .left .storeInfos .items .mastercard {
  background-image: url(/_skins/base/images/payment_mastercard.png);
  background-size: 51px 40px;
}
div#footer .inlay .left .storeInfos .items .sofort {
  background-image: url(/_skins/base/images/payment_sofort.png);
  background-size: 80px 25px;
}
div#footer .inlay .left .storeInfos .items .visa {
  background-image: url(/_skins/base/images/payment_visa.png);
  margin-right: 15px;
}
div#footer .inlay .left .storeInfos .items .rechnung {
  background-image: url(/_skins/base/images/payment_logo_rechnung.png);
  background-size: 104px 37px;
  width: 104px;
}
div#footer .inlay .left .storeInfos .items .vorraus {
  background-image: url(/_skins/base/images/payment_logo_vorraus.png);
  background-size: 124px 37px;
  width: 124px;
  margin-left: 5px;
}
div#footer .inlay .left .storeInfos .items .post {
  background-image: url(/_skins/base/images/delivery_post.png);
  background-size: 80px 15px;
}
div#footer .inlay .left .storeInfos .items .dpd {
  background-image: url(/_skins/base/images/delivery_dpd.png);
  background-size: 80px 33px;
}
div#footer .inlay .right {
  width: 30%;
  /*#footernavigation*/
}
div#footer .inlay .right .geizhals {
  background-image: url(/_skins/base/images/gh_at.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120px 60px;
  width: 120px;
  height: 60px;
  display: block;
  float: left;
  margin-top: 38px;
  margin-right: 30px;
}
div#footer .inlay .right .terra {
  background-image: url("/_skins/base/images/logo_terra.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 84px 100px;
  width: 84px;
  height: 100px;
  display: block;
  margin-right: 10px;
  float: left;
}
div#footer .inlay .right a.terra_service {
  background-image: url("/_skins/base/images/logo_terra_service.png");
}
div#footer .inlay .right #footernavigation {
  width: 100%;
  min-height: 20px;
  float: left;
  margin-bottom: 15px;
  /*.navbutton*/
}
div#footer .inlay .right #footernavigation .navbutton {
  background-image: url(/_skins/base/images/ico_navbutton.png);
  background-position: 9px 6px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  min-width: 130px;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #919190;
  padding-left: 32px;
  font-size: 12px;
  text-decoration: none;
  margin: 0px 0px 3px 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover */
}
div#footer .inlay .right #footernavigation .navbutton a {
  text-decoration: none;
  color: #919190;
  display: block;
}
div#footer .inlay .right #footernavigation .navbutton:hover {
  background-color: #eee233;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*div#footer*/
#footer.checkOut .gMap {
  height: 20px;
}
body.site_id_1.site_level_1 div#footer .newsReg {
  display: block;
}
#footerbottom {
  width: 100%;
  background-color: #4f70bc;
  height: 33px;
  line-height: 33px;
  clear: left;
  text-align: left;
  color: #FFF;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
#footerbottom .left,
#footerbottom .right {
  width: 45%;
  float: left;
  height: inherit;
  line-height: inherit;
  font-size: 11px;
}
#footerbottom .left {
  padding-left: 5%;
}
#footerbottom .right {
  padding-right: 5%;
}
#footerbottom .right a {
  float: right;
  color: #FFFFFF;
  font-weight: 700;
  margin-left: 30px;
  text-transform: uppercase;
  text-decoration: none;
}
/*#footerbottom */
/* @end */
#brands {
  background-color: #FFFFFF;
  width: 100%;
  height: 90px;
  margin: 60px 0px 0px 0px;
  padding-top: 15px;
  border-bottom: 1px solid #999;
  /*.brand*/
  /*.brand_first*/
  /*.brand_mod6*/
}
#brands .brandsInlay {
  max-width: 1260px;
  margin: 0px auto 0px auto;
  height: 90px;
  overflow: hidden;
}
#brands .brand {
  max-width: 174px;
  height: 100px;
  float: left;
  margin-left: 21px;
  margin-right: 27px;
  /*img*/
}
#brands .brand img {
  width: auto;
  height: 75px;
}
#brands .brand_first {
  margin-left: 125px;
}
#brands .brand_mod6 {
  margin-right: 0px;
}
/*.brandsStart*/
div#navigation {
  /* Navigation - Global*/
}
div#navigation .navbutton {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 1px;
  background-color: #A0A0A0;
  font-size: 14px;
  padding-left: 12px;
  float: left;
  color: #000;
}
div#navigation .navbutton_active {
  background-color: #D2D2D2;
}
div#navigation div.subnavigation {
  display: none;
}
div#navigation div.subnavigation_active {
  display: block;
}
div#navigation div.subnavbutton a {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 1px;
  background-color: #A0A0A0;
  font-size: 14px;
  padding-left: 24px;
  color: #000;
}
div#navigation div.subnavbutton_active a {
  background-color: #D2D2D2;
}
/* @end */
.productNavigation.show {
  position: fixed;
  top: 30px;
  z-index: 999;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation {
  width: 100%;
  background-color: #FFFFFF;
  height: 170px;
  padding-top: 15px;
  margin: 0px auto 10px auto;
  /*.level_inner_1*/
  /*.level_inner_1 .level_inner_2 .navbutton*/
}
.productNavigation .productNavigationInner {
  text-align: left;
  width: 1235px;
  margin-left: auto;
  margin-right: auto;
  height: 170px;
}
.productNavigation .level_0 {
  height: 170px;
  width: 100%;
  xoverflow: hidden;
  display: block;
}
.productNavigation .level_inner_1 {
  width: 175px;
  height: 170px;
  float: left;
  border-right: 1px solid #f7f6f6;
  /*.navbutton*/
  /*&:hover*/
}
.productNavigation .level_inner_1 .navbutton {
  width: inherit;
  height: 170px;
  float: left;
  text-decoration: none;
  text-align: center;
  color: #35414d;
  /*span.img*/
  /*span.title*/
}
.productNavigation .level_inner_1 .navbutton span.img {
  background-size: 170px 110px;
  width: 100%;
  height: 110px;
  display: block;
  text-align: center;
  margin-top: 5px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .navbutton span.title {
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  font-weight: 800;
  text-align: center;
  padding: 0px 10px 0px 10px;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 7px;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0.2);
  margin-top: 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .navbutton.active,
.productNavigation .level_inner_1 .navbutton.currentActive {
  border-bottom: 6px solid #eee334;
  height: 164px;
}
.productNavigation .level_inner_1 .navbutton.currentActive {
  /*span.title*/
}
.productNavigation .level_inner_1 .navbutton.currentActive span.title {
  height: 39px;
  line-height: 45px;
  background-color: #eee233;
  padding: 0px 0px 0px 0px;
  width: calc(100% - 0px);
  border-top: 1px solid #cbcbcb;
  border-radius: 0px;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton.currentActive {
  /*span.title*/
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton.currentActive span.title {
  height: 30px;
  line-height: 30px;
  background-color: #eee233;
  padding: 0px 10px 0px 10px;
  width: auto;
  border-top: none;
  border-radius: 0px;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .mobileClose {
  display: none;
}
.productNavigation .level_inner_1:hover span.img {
  margin-top: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1:hover span.title {
  margin-top: 15px;
  background-color: #eee233;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1:hover .level_inner_2 span.title {
  margin-top: 0px;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0);
}
.productNavigation .level_inner_1.navbutton_1 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_apple.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_2 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_pc.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_3 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_gaming.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_4 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_hardware.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_5 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_compo.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_6 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_netz.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_7 .navbutton .img.categoryImg {
  background-image: url('/_skins/base/images/cat_acc.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 170px 110px;
}
.productNavigation .level_inner_1.navbutton_8 {
  border-right: none;
}
.productNavigation .level_inner_1.navbutton_9,
.productNavigation .level_inner_1.navbutton_10 {
  display: none;
}
.productNavigation .level_0 .level_inner_1 {
  position: relative;
}
.productNavigation .level_inner_1 .level_1 {
  width: 545px;
  height: 0px;
  background-color: #FFF;
  position: absolute;
  top: 0px;
  overflow: hidden;
  padding-right: 10px;
  transition: opacity 0.2s linear 0s;
  -webkit-transition: opacity 0.2s linear 0s;
  -moz-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  -ms-transition: opacity 0.2s linear 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton,
.productNavigation .level_inner_1 .level_inner_2 {
  width: 175px;
  height: 40px;
  line-height: 40px;
  float: left;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton {
  font-size: 13px;
  color: #35414d;
  text-transform: none;
  text-align: left;
  padding-left: 20px;
  border: none;
  border-radius: 0px;
  /*&:hover*/
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton .title {
  background-color: #ffffff;
  border-radius: 0px;
  margin-top: 0px;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton:hover span.title {
  background-color: #eee233;
  border-radius: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .level_inner_2 {
  /*.level_2 .level_inner_3 .navbutton */
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton {
  font-size: 13px;
  color: #35414d;
  text-transform: none;
  text-align: left;
  padding-left: 20px;
  border: none;
  width: 170px;
  height: 27px;
  line-height: 27px;
  background-color: #FFFFFF;
  clear: both;
  /*&:hover*/
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton .title {
  background-color: #FFFFFF;
  height: 27px;
  line-height: 27px;
  margin-top: 0px;
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton:hover span.title {
  color: #FFFFFF;
  background-color: #35414d;
  border-radius: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_1 .level_inner_2.navbutton_1 {
  clear: both;
}
.productNavigation .level_inner_1:hover .navbutton {
  border-bottom: 6px solid #eee334;
  height: 164px;
}
.productNavigation .level_inner_1:hover .level_inner_2 .navbutton {
  border-bottom: none;
  height: 40px;
}
.productNavigation .level_inner_1:hover .level_1 {
  /**/
  transition: opacity 0.3s linear 0.1s;
  -webkit-transition: opacity 0.3s linear 0.1s;
  -moz-transition: opacity 0.3s linear 0.1s;
  -o-transition: opacity 0.3s linear 0.1s;
  -ms-transition: opacity 0.3s linear 0.1s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  min-height: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  top: 170px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: inline-table;
}
.productNavigation .level_inner_1 .level_1.show {
  /**/
  transition: opacity 0.3s linear 0.1s;
  -webkit-transition: opacity 0.3s linear 0.1s;
  -moz-transition: opacity 0.3s linear 0.1s;
  -o-transition: opacity 0.3s linear 0.1s;
  -ms-transition: opacity 0.3s linear 0.1s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  min-height: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  top: 170px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: inline-table;
}
.productNavigation .level_inner_1.navbutton_1:hover .level_1,
.productNavigation .level_inner_1.navbutton_2:hover .level_1,
.productNavigation .level_inner_1.navbutton_3:hover .level_1,
.productNavigation .level_inner_1.navbutton_4:hover .level_1,
.productNavigation .level_inner_1.navbutton_1 .level_1.show,
.productNavigation .level_inner_1.navbutton_2 .level_1.show,
.productNavigation .level_inner_1.navbutton_3 .level_1.show,
.productNavigation .level_inner_1.navbutton_4 .level_1.show {
  /*left Menüs*/
  left: 0px;
}
.productNavigation .level_inner_1.navbutton_5:hover .level_1,
.productNavigation .level_inner_1.navbutton_6:hover .level_1,
.productNavigation .level_inner_1.navbutton_7:hover .level_1,
.productNavigation .level_inner_1.navbutton_5 .level_1.show,
.productNavigation .level_inner_1.navbutton_6 .level_1.show,
.productNavigation .level_inner_1.navbutton_7 .level_1.show {
  /*right Menüs*/
  right: 0px;
}
.productNavigation .level_inner_1.navbutton_7 {
  border-right: none;
}
/*.productNavigation*/
/*tmp style*/
/*end tmp style*/
.productCrossMini .img::after {
  border: 7px solid #eee233;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productCrossMini .img::before {
  background-image: url("/_skins/base/images/ico_link_product.svg");
  background-position: right 0px;
  background-repeat: no-repeat;
  background-size: 20px auto;
  display: inline-block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 17px;
  height: 20px;
  pointer-events: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: background-color 0.35s ease 0s;
  -webkit-transition: background-color 0.35s ease 0s;
  -moz-transition: background-color 0.35s ease 0s;
  -o-transition: background-color 0.35s ease 0s;
  -ms-transition: background-color 0.35s ease 0s;
}
.productCrossMini {
  width: 100%;
  max-width: 300px;
  float: left;
  display: block;
}
.productCrossMini.productCrossMiniLeft {
  margin-right: 25px;
}
.productCrossMini .img {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.productCrossMini .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.productCrossMini:hover .img::after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productCrossMini:hover .img::before {
  top: 0;
  right: 0px;
  left: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  background-size: 30px auto;
  background-position: center;
  display: block;
  transition: background-color 0.35s ease 0s;
  -webkit-transition: background-color 0.35s ease 0s;
  -moz-transition: background-color 0.35s ease 0s;
  -o-transition: background-color 0.35s ease 0s;
  -ms-transition: background-color 0.35s ease 0s;
}
.overlayBox div.content {
  padding: 15px !important;
  min-width: 625px;
  max-width: 625px;
}
.overlayBox div.content .button,
.overlayBox div.content .button_g {
  width: 225px;
  border-radius: 10px;
  border: none;
  float: right;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  margin-top: 20px;
  background-color: #3e77c0;
  /*&:hover .btnInner*/
}
.overlayBox div.content .button:hover,
.overlayBox div.content .button_g:hover {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.overlayBox div.content .button_g {
  width: 300px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.3px;
  margin-left: 10px;
}
.overlayBox div.content .button_g strong {
  font-weight: 700;
}
.overlayBox div.content .button {
  width: 185px;
  float: left;
  background-color: #4d4d4d;
}
.overlayBox div.content .info {
  width: 100%;
  display: block;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
}
.overlayBox div.content .info .ok {
  background-image: url("/_skins/base/images/ico_check.png");
  background-position: right 1px;
  background-repeat: no-repeat;
  background-size: 28px auto;
  padding-right: 33px;
  display: inline-block;
}
.overlayBox div.content .info .txt {
  font-size: 15px;
  line-height: 19px;
  display: inline-block;
  margin: 15px 5px;
}
.stage {
  width: 925px;
  height: 461px;
  margin: 0px 0px 20px 0px;
  border-bottom: 5px solid #3d77c0;
  overflow: hidden;
  /*.slideItem*/
  /*.slideItem_mod1*/
}
.stage .stage_inlay {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.stage .slideItem {
  width: 925px;
  height: 460px;
  position: relative;
  overflow: hidden;
  /*.details*/
  /*.btn*/
}
.stage .slideItem .img {
  position: absolute;
  left: 50px;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.stage .slideItem .background.backgroundMobile {
  display: none;
}
.stage .slideItem .details {
  position: absolute;
  left: 470px;
  width: 400px;
  height: 350px;
  color: #454545;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
  /*span*/
  /*.type*/
  /*.title*/
  /*.description*/
}
.stage .slideItem .details span {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}
.stage .slideItem .details span.type {
  font-weight: 900;
  line-height: 25px;
  font-size: 14px;
  font-weight: 800;
  min-height: 25px;
  line-height: 18px;
  padding-bottom: 5px;
}
.stage .slideItem .details span.title {
  font-size: 44px;
  min-height: 25px;
  line-height: 47px;
  font-size: 36px;
  font-weight: 900;
  min-height: 24px;
  line-height: 40px;
}
.stage .slideItem .details span.description {
  font-size: 14px;
  font-weight: 300;
  min-height: 25px;
  line-height: 25px;
}
.stage .slideItem .details span.description ul {
  padding-left: 0px;
  margin: 10px 0px 5px 5px;
}
.stage .slideItem .details span.description ul li {
  background-image: none;
  background-color: #3f77c0;
  color: #FFF;
  display: table;
  padding: 1px 10px 1px 10px;
  list-style: none;
  margin-bottom: 1px;
  font-size: 14px;
}
.stage .slideItem .details span.description ul li strong {
  font-weight: 600;
}
.stage .slideItem .details span.description i,
.stage .slideItem .details span.description em {
  font-size: 11px;
}
.stage .slideItem .details.white {
  color: #FFF;
}
.stage .slideItem .details.small .description {
  text-transform: none;
}
.stage .slideItem .details.small .description ul li {
  font-size: 13px;
}
.stage .slideItem .btn {
  position: absolute;
  left: 475px;
  bottom: 70px;
  height: 28px;
  display: inline-block;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  overflow: hidden;
}
.stage .slideItem .btn .btnInner {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 28px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #454545;
}
.stage .slideItem .btn:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.stage .slideItem_mod1 .img {
  top: -800px;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.stage .slideItem_mod1 .details {
  top: -800px;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.stage .slideItem_mod2 .img {
  bottom: -800px;
}
.stage .slideItem_mod2 .details {
  bottom: -800px;
}
.stage .item.currentItem_0 .slideItem.slideItem_mod1 .img {
  top: 10px;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.stage .item.currentItem_0 .slideItem.slideItem_mod1 .details {
  top: 70px;
  transition: all 0.3s ease 0.7s;
  -webkit-transition: all 0.3s ease 0.7s;
  -moz-transition: all 0.3s ease 0.7s;
  -o-transition: all 0.3s ease 0.7s;
  -ms-transition: all 0.3s ease 0.7s;
}
.stage .item.currentItem_0 .slideItem.slideItem_mod2 .img {
  bottom: 0px;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.stage .item.currentItem_0 .slideItem.slideItem_mod2 .details {
  bottom: 70px;
  transition: all 0.3s ease 0.7s;
  -webkit-transition: all 0.3s ease 0.7s;
  -moz-transition: all 0.3s ease 0.7s;
  -o-transition: all 0.3s ease 0.7s;
  -ms-transition: all 0.3s ease 0.7s;
}
.stage .owl_navigation {
  height: 25px;
  position: absolute;
  bottom: 25px;
  left: 0%;
  width: 100%;
  /*.button_left, .button_right*/
  /*.button_left*/
  /*.button_right*/
  /*.buttons_select*/
}
.stage .owl_navigation .button_left,
.stage .owl_navigation .button_right {
  width: 30px;
  height: 56px;
  display: block;
  position: absolute;
  bottom: 160px;
  text-indent: -10000px;
  text-decoration: none;
}
.stage .owl_navigation .button_left a,
.stage .owl_navigation .button_right a {
  display: block;
  width: 30px;
  height: 56px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 29px 54px;
}
.stage .owl_navigation .button_left a.disabled,
.stage .owl_navigation .button_right a.disabled {
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 5 );
}
.stage .owl_navigation .button_left a.disabled:hover,
.stage .owl_navigation .button_right a.disabled:hover {
  cursor: default;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 10 );
}
.stage .owl_navigation .button_left {
  left: 10px;
}
.stage .owl_navigation .button_left a {
  background-image: url('/_skins/base/images/ico_stage_left.png');
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
}
.stage .owl_navigation .button_left a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.stage .owl_navigation .button_left a.disabled {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.stage .owl_navigation .button_left a.disabled:hover {
  cursor: default;
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.stage .owl_navigation .button_right {
  right: 10px;
}
.stage .owl_navigation .button_right a {
  background-image: url('/_skins/base/images/ico_stage_right.png');
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
}
.stage .owl_navigation .button_right a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.stage .owl_navigation .button_right a.disabled {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.stage .owl_navigation .button_right a.disabled:hover {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.stage .owl_navigation .buttons_select {
  height: 25px;
  position: absolute;
  top: 0px;
  left: 50%;
  /*a*/
  /*a.active*/
}
.stage .owl_navigation .buttons_select a {
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  border: 2px solid #444444;
  border-radius: 60px;
  display: block;
  float: left;
  margin-right: 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.stage .owl_navigation .buttons_select a:hover {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #5880d5;
  border-color: #5880d5;
}
.stage .owl_navigation .buttons_select a.active {
  background-color: #5880d5;
  border-color: #5880d5;
  width: 60px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.stage .owl_navigation .button_select.button_select_last a {
  margin-right: 0px;
}
/*.stage*/
.slideVO {
  width: 700px;
  padding-left: 20px;
  margin-top: 30px;
  float: left;
  min-height: 100px;
}
.slideVO p {
  font-size: 14px;
}
.slideVO h1 {
  margin-bottom: 20px;
}
.groupNavigation {
  min-height: 65px;
  /*a*/
}
.groupNavigation a {
  text-decoration: none;
  font-weight: 600;
  color: #928686;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  height: 32px;
  line-height: 32px;
  border-radius: 10px;
  padding: 0px 18px 0px 18px;
  margin: 0px 20px 0px 0px;
  display: inline-block;
  border-left: 1px solid #f7f6f6;
  transition: background-color 0.35s ease 0.2s;
  -webkit-transition: background-color 0.35s ease 0.2s;
  -moz-transition: background-color 0.35s ease 0.2s;
  -o-transition: background-color 0.35s ease 0.2s;
  -ms-transition: background-color 0.35s ease 0.2s;
}
.groupNavigation a:hover {
  background-color: #eee233;
  color: #555555;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.groupNavigation a.active {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: 11px 5px;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  padding-left: 75px;
  color: #555555;
  font-weight: 700;
  background-color: #eee233;
  transition: background-color 0.35s ease 0.2s;
  -webkit-transition: background-color 0.35s ease 0.2s;
  -moz-transition: background-color 0.35s ease 0.2s;
  -o-transition: background-color 0.35s ease 0.2s;
  -ms-transition: background-color 0.35s ease 0.2s;
}
/*.groupNavigation*/
.productStart,
.productList,
.productCross {
  width: 265px;
  height: 410px;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 15px 20px 0px 20px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.category*/
  /*.title*/
  /*.price*/
  /*priceLayer*/
  /*priceLayerInner*/
  /*.details*/
  /*.stock*/
  /*&:hover*/
}
.productStart span.maxSpan,
.productList span.maxSpan,
.productCross span.maxSpan {
  width: 100%;
  float: left;
  min-height: 20px;
}
.productStart .category,
.productList .category,
.productCross .category {
  font-size: 12px;
  color: #95999e;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  line-height: 17px;
}
.productStart .title,
.productList .title,
.productCross .title {
  font-size: 13px;
  color: #35414d;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 35px;
  left: 20px;
  width: 265px;
  line-height: 18px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart .titleSpacer,
.productList .titleSpacer,
.productCross .titleSpacer {
  height: 45px;
}
.productStart .price,
.productList .price,
.productCross .price {
  font-family: 'Lato', sans-serif;
  color: #33414e;
  font-size: 24px;
  font-weight: 400;
  height: 45px;
  text-align: right;
}
.productStart .price span.currency,
.productList .price span.currency,
.productCross .price span.currency {
  font-size: 21px;
  font-weight: 400;
  width: 15px;
  display: inline-block;
  line-height: 17px;
  text-align: left;
}
.productStart .price .streetprice,
.productList .price .streetprice,
.productCross .price .streetprice {
  text-align: left;
  display: inline-block;
  font-size: 16px;
  color: #a0a0a0;
  float: left;
  margin-right: 10px;
  position: relative;
  font-style: italic;
  padding: 3% 5px 3% 5px;
  display: none;
}
.productStart .price .streetprice span.currency,
.productList .price .streetprice span.currency,
.productCross .price .streetprice span.currency {
  font-size: 12px;
  width: 16px;
  text-align: center;
}
.productStart .price .streetprice::after,
.productList .price .streetprice::after,
.productCross .price .streetprice::after {
  width: calc(100% - 50px);
  height: 2px;
  left: 50px;
  background-color: red;
  position: absolute;
  top: 17px;
  content: "";
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 60 );
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productStart .price .priceLabel,
.productList .price .priceLabel,
.productCross .price .priceLabel {
  background-color: rgba(255, 255, 255, 0.7);
  float: right;
  text-align: right;
  padding: 3% 0px 3% 0px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart .priceLayer,
.productList .priceLayer,
.productCross .priceLayer {
  display: none;
  height: 63px;
  line-height: 63px;
  background-color: #eee233;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  xoverflow: hidden;
  position: absolute;
  top: 40px;
  right: -250px;
  display: inline-block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.productStart .priceLayer .streetprice,
.productList .priceLayer .streetprice,
.productCross .priceLayer .streetprice {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  color: #fff;
  font-style: italic;
  padding: 0px 5px 0px 5px;
  position: absolute;
  right: -120px;
  height: 35px;
  line-height: 35px;
  top: -30px;
  display: none;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productStart .priceLayer .streetprice span.currency,
.productList .priceLayer .streetprice span.currency,
.productCross .priceLayer .streetprice span.currency {
  font-size: 12px;
  width: 14px;
  text-align: center;
  display: inline-block;
}
.productStart .priceLayer .streetprice::after,
.productList .priceLayer .streetprice::after,
.productCross .priceLayer .streetprice::after {
  width: calc(100% - 50px);
  height: 2px;
  right: -100px;
  background-color: red;
  position: absolute;
  top: 18px;
  content: "";
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 80 );
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productStart .priceLayerInner,
.productList .priceLayerInner,
.productCross .priceLayerInner {
  height: 63px;
  line-height: 63px;
  font-family: 'Lato', sans-serif;
  color: #33414e;
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
  padding: 0px 20px 0px 20px;
}
.productStart .priceLayerInner span,
.productList .priceLayerInner span,
.productCross .priceLayerInner span {
  font-size: 21px;
  font-weight: 400;
  width: 13px;
  display: inline-block;
  height: 63px;
  line-height: 63px;
}
.productStart .details,
.productList .details,
.productCross .details {
  font-size: 11px;
  color: #586c80;
  font-weight: 400;
  line-height: 18px;
  height: 70px;
  width: 260px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.productStart .details p,
.productList .details p,
.productCross .details p {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
  margin: 0px;
  width: 260px;
}
.productStart span.img,
.productList span.img,
.productCross span.img {
  height: 220px;
  width: 265px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.productStart span.img table,
.productList span.img table,
.productCross span.img table {
  height: 220px;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  text-align: center;
  overflow: hidden;
}
.productStart span.img td,
.productList span.img td,
.productCross span.img td,
.productStart span.img tr,
.productList span.img tr,
.productCross span.img tr {
  padding: 0px;
  margin: 0px;
}
.productStart span.img td,
.productList span.img td,
.productCross span.img td {
  height: 220px;
  vertical-align: middle;
}
.productStart span.img img,
.productList span.img img,
.productCross span.img img {
  xmax-height: 220px;
  xwidth: auto;
  max-width: 265px;
  max-height: 225px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart .btn,
.productList .btn,
.productCross .btn {
  position: absolute;
  left: 100px;
  bottom: -50px;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  width: 105px;
  letter-spacing: 1px;
  color: #33414e;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  text-align: center;
  height: 50px;
  line-height: 20px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  pointer-events: none;
  xbackground: rgba(61, 119, 192, 0.6) repeat scroll 0 0;
  xbackground: rgba(238, 226, 51, 0.9) repeat scroll 0 0;
  padding-top: 8px;
  border-radius: 5px;
}
.productStart .btn strong,
.productList .btn strong,
.productCross .btn strong {
  font-weight: 900;
  font-size: 17px;
  margin-bottom: 50px;
  display: block;
}
.productStart .btn .btnInner,
.productList .btn .btnInner,
.productCross .btn .btnInner {
  position: absolute;
  left: 0px;
  height: 0px;
  width: 100%;
  display: block;
  z-index: 2;
}
.productStart .btn:before,
.productList .btn:before,
.productCross .btn:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background: rgba(238, 226, 51, 0.9) repeat scroll 0 0;
  content: "";
  -webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
  -moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
  -o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
  -ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
  transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.productStart .stock,
.productList .stock,
.productCross .stock {
  xbackground: rgba(61, 119, 192, 0.8) repeat scroll 0 0;
  background: #ffffff repeat scroll 0 0;
  xbackground: rgba(255, 255, 255, 0) repeat scroll 0 0;
  xbackground: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(61, 119, 192, 0) 0%, rgba(60, 93, 165, 0.85) 75%) repeat scroll 0 0;
  content: "";
  height: 100px;
  left: calc(-100% + 20px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  position: absolute;
  bottom: 0;
  overflow: hidden;
  display: block;
  padding: 8px 10px 10px 10px;
  color: #35414d;
  width: 100%;
  color: #0b0b0c;
  font-size: 12px;
  border-top: 1px solid #e6e6e6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*stockCity*/
  /*.captionLager*/
}
.productStart .stock .stockCity,
.productList .stock .stockCity,
.productCross .stock .stockCity {
  width: 100%;
  height: 23px;
  display: block;
  line-height: 14px;
  /*span.ico*/
}
.productStart .stock .stockCity span.ico,
.productList .stock .stockCity span.ico,
.productCross .stock .stockCity span.ico {
  width: 14px;
  float: left;
  height: 14px;
  display: block;
  margin-right: 6px;
  margin-bottom: 0px;
  background-color: #36c603;
  -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
}
.productStart .stock .stockCity span.ico.notInStock,
.productList .stock .stockCity span.ico.notInStock,
.productCross .stock .stockCity span.ico.notInStock {
  background-color: #eee233;
}
.productStart .stock .stockCity .capCity,
.productList .stock .stockCity .capCity,
.productCross .stock .stockCity .capCity {
  font-weight: 600;
  font-size: 12px;
  width: 80px;
  display: inline-block;
  padding-right: 5px;
}
.productStart .stock .captionLager,
.productList .stock .captionLager,
.productCross .stock .captionLager {
  position: absolute;
  top: 40px;
  right: -40px;
  display: block;
  text-align: center;
  height: 20px;
  width: 100px;
  font-size: 13px;
  letter-spacing: 1.3px;
  font-weight: 600;
  content: "Lagerinfo";
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  background-color: #878787;
  color: #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart .stock:hover,
.productList .stock:hover,
.productCross .stock:hover {
  width: 100%;
  left: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.captionLager*/
}
.productStart .stock:hover .captionLager,
.productList .stock:hover .captionLager,
.productCross .stock:hover .captionLager {
  background-color: #34bd03;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart div::before,
.productList div::before,
.productCross div::before {
  background: rgba(61, 119, 192, 0.8) repeat scroll 0 0;
  xbackground: rgba(255, 255, 255, 0) repeat scroll 0 0;
  xbackground: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(61, 119, 192, 0) 0%, rgba(60, 93, 165, 0.85) 75%) repeat scroll 0 0;
  content: "";
  height: 100px;
  left: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
}
.productStart div::before,
.productList div::before,
.productCross div::before {
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.productStart:hover,
.productList:hover,
.productCross:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart:hover .title,
.productList:hover .title,
.productCross:hover .title {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart:hover div::before,
.productList:hover div::before,
.productCross:hover div::before {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.productStart:hover .btn:before,
.productList:hover .btn:before,
.productCross:hover .btn:before {
  transition: all 0.35s ease 0.5s;
  -webkit-transition: all 0.35s ease 0.5s;
  -moz-transition: all 0.35s ease 0.5s;
  -o-transition: all 0.35s ease 0.5s;
  -ms-transition: all 0.35s ease 0.5s;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.productStart:hover img,
.productList:hover img,
.productCross:hover img {
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productStart:hover .layer,
.productList:hover .layer,
.productCross:hover .layer {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart:hover .btn,
.productList:hover .btn,
.productCross:hover .btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  bottom: 200px;
  transition: all 0.35s ease 0.2s;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  -o-transition: all 0.35s ease 0.2s;
  -ms-transition: all 0.35s ease 0.2s;
}
.productStart:hover .btn strong,
.productList:hover .btn strong,
.productCross:hover .btn strong {
  margin-bottom: 0px;
  transition: all 0.35s ease 0.4s;
  -webkit-transition: all 0.35s ease 0.4s;
  -moz-transition: all 0.35s ease 0.4s;
  -o-transition: all 0.35s ease 0.4s;
  -ms-transition: all 0.35s ease 0.4s;
}
.productStart:hover .price,
.productList:hover .price,
.productCross:hover .price,
.productStart:hover .priceLabel,
.productList:hover .priceLabel,
.productCross:hover .priceLabel {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productStart:hover .priceLayer,
.productList:hover .priceLayer,
.productCross:hover .priceLayer {
  display: none;
  right: -5px;
  transition: all 0.35s ease 0.3s;
  -webkit-transition: all 0.35s ease 0.3s;
  -moz-transition: all 0.35s ease 0.3s;
  -o-transition: all 0.35s ease 0.3s;
  -ms-transition: all 0.35s ease 0.3s;
}
.productStart:hover .priceLayer .streetprice,
.productList:hover .priceLayer .streetprice,
.productCross:hover .priceLayer .streetprice {
  right: 10px;
  transition: all 0.35s ease 0.4s;
  -webkit-transition: all 0.35s ease 0.4s;
  -moz-transition: all 0.35s ease 0.4s;
  -o-transition: all 0.35s ease 0.4s;
  -ms-transition: all 0.35s ease 0.4s;
  display: none;
}
.productStart:hover .priceLayer .streetprice::after,
.productList:hover .priceLayer .streetprice::after,
.productCross:hover .priceLayer .streetprice::after {
  right: 0px;
  transition: all 0.35s ease 0.6s;
  -webkit-transition: all 0.35s ease 0.6s;
  -moz-transition: all 0.35s ease 0.6s;
  -o-transition: all 0.35s ease 0.6s;
  -ms-transition: all 0.35s ease 0.6s;
}
/*.productStart*/
.productCross {
  width: 265px;
  height: 245px;
  /*&:hover*/
}
.productCross span.img {
  height: 140px;
}
.productCross span.img table {
  height: 140px;
}
.productCross span.img td {
  height: 140px;
}
.productCross span.img img {
  max-height: 140px;
}
.productCross:hover .title {
  color: #FFF;
  z-index: 999;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  top: 205px;
}
.productCross:hover .btn {
  bottom: 90px;
}
/*.productCross*/
.productStart_mod3,
.productList_mod3,
.productCross_mod3 {
  margin-right: 0px;
}
.offersStartLong,
.offersCrossLong {
  float: right;
  width: 1235px;
}
.offersStartLong .productStart,
.offersCrossLong .productStart,
.offersStartLong .productCross,
.offersCrossLong .productCross {
  margin: 0px 5px 0px 0px;
}
.offersStartLong .productStart_mod3,
.offersCrossLong .productStart_mod3,
.offersStartLong .productCross_mod3,
.offersCrossLong .productCross_mod3 {
  margin-right: 5px;
}
.offersStartLong .productStart_mod4,
.offersCrossLong .productStart_mod4,
.offersStartLong .productCross_mod4,
.offersCrossLong .productCross_mod4 {
  margin-right: 0px;
}
/*.offerStartLong */
.offersCrossLong h2 {
  margin-bottom: 20px;
}
.productListAll {
  min-height: 460px;
  width: 925px;
  float: left;
}
#filter {
  width: 290px;
  float: right;
  min-height: 100px;
  /*.f_category*/
  /*.filterPanelHeader*/
}
#filter .f_category {
  min-height: 30px;
  overflow: hidden;
  margin-bottom: 1px;
  position: relative;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.btn_filter.active */
  /*.filterOptions*/
  /*.filterOptions.show*/
  /*f_category &:hover */
}
#filter .f_category .caption {
  background-color: #2d4890;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  font-size: 14px;
  font-style: italic;
  padding-left: 15px;
}
#filter .f_category .btn_filter {
  background-image: url('/_skins/base/images/ico_openClose.png');
  background-repeat: no-repeat;
  background-position: 255px -81px;
  background-size: 35px 115px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
  top: 0px;
  position: absolute;
  right: 0px;
  text-align: center;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .f_category .btn_filter.active {
  background-image: url('/_skins/base/images/ico_openClose.png');
  background-repeat: no-repeat;
  background-position: 255px 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .f_category .btn_filter.active:hover {
  background-image: url('/_skins/base/images/ico_openClose.png');
  background-repeat: no-repeat;
  background-position: 255px 0px;
}
#filter .f_category .filterOptions {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.inlayFilter*/
  /*.inlayFilter.shortfields*/
  /*.inlayFilter.shortfields*/
}
#filter .f_category .filterOptions .inlayFilter {
  padding-top: 7px;
  padding-bottom: 6px;
  transition: all 0.35s ease 0.1s;
  -webkit-transition: all 0.35s ease 0.1s;
  -moz-transition: all 0.35s ease 0.1s;
  -o-transition: all 0.35s ease 0.1s;
  -ms-transition: all 0.35s ease 0.1s;
  /*a*/
  /*span.default */
}
#filter .f_category .filterOptions .inlayFilter a,
#filter .f_category .filterOptions .inlayFilter span.default {
  padding-left: 4px;
  height: 20px;
  line-height: 20px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 5px;
  color: #4a4a49;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover*/
}
#filter .f_category .filterOptions .inlayFilter a .ico,
#filter .f_category .filterOptions .inlayFilter span.default .ico {
  width: 19px;
  height: 19px;
  border: 1px solid #bbbbbb;
  background-color: #FFFFFF;
  display: block;
  margin-right: 7px;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
#filter .f_category .filterOptions .inlayFilter a .ico::before,
#filter .f_category .filterOptions .inlayFilter span.default .ico::before {
  content: " ";
  background-image: url('/_skins/base/images/ico_filter.png');
  background-repeat: no-repeat;
  background-position: 2px 4px;
  background-size: 16px 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  z-index: -1;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  overflow: hidden;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
#filter .f_category .filterOptions .inlayFilter a .name,
#filter .f_category .filterOptions .inlayFilter span.default .name {
  margin-right: 4px;
  letter-spacing: -0.5px;
}
#filter .f_category .filterOptions .inlayFilter a .count,
#filter .f_category .filterOptions .inlayFilter span.default .count {
  color: #2d4890;
  font-size: 11px;
}
#filter .f_category .filterOptions .inlayFilter a span,
#filter .f_category .filterOptions .inlayFilter span.default span {
  float: left;
  display: inline-block;
}
#filter .f_category .filterOptions .inlayFilter a:hover,
#filter .f_category .filterOptions .inlayFilter span.default:hover {
  cursor: pointer;
}
#filter .f_category .filterOptions .inlayFilter a:hover .ico::before,
#filter .f_category .filterOptions .inlayFilter span.default:hover .ico::before {
  background-position: 2px 4px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#filter .f_category .filterOptions .inlayFilter span.default {
  cursor: default !important;
  pointer-events: none !important;
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 40 );
  /*&:hover*/
}
#filter .f_category .filterOptions .inlayFilter span.default:hover {
  cursor: default !important;
  pointer-events: none !important;
}
#filter .f_category .filterOptions .inlayFilter span.default:hover .ico {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 10 );
  pointer-events: none;
  cursor: default;
}
#filter .f_category .filterOptions .inlayFilter span.default:hover .ico::before {
  background-position: 2px 4px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  cursor: default;
}
#filter .f_category .filterOptions .inlayFilter a.active {
  /*&:hover*/
}
#filter .f_category .filterOptions .inlayFilter a.active .ico::before {
  background-image: url('/_skins/base/images/ico_filter.png');
  background-repeat: no-repeat;
  background-position: 2px 4px;
  background-size: 16px 12px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#filter .f_category .filterOptions .inlayFilter a.active:hover .ico::before {
  background-position: 2px 4px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#filter .f_category .filterOptions .inlayFilter.noObjects {
  padding-bottom: 0px;
  transition: all 0.35s ease 0.1s;
  -webkit-transition: all 0.35s ease 0.1s;
  -moz-transition: all 0.35s ease 0.1s;
  -o-transition: all 0.35s ease 0.1s;
  -ms-transition: all 0.35s ease 0.1s;
}
#filter .f_category .filterOptions .inlayFilter.shortfields,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager {
  display: inline-block;
  width: 100%;
}
#filter .f_category .filterOptions .inlayFilter.shortfields a,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager a,
#filter .f_category .filterOptions .inlayFilter.shortfields span.default,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager span.default {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#filter .f_category .filterOptions .inlayFilter.shortfields span.default,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager span.default {
  pointer-events: none;
  cursor: default;
}
#filter .f_category .filterOptions .inlayFilter.shortfields span.default:hover,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager span.default:hover {
  cursor: default !important;
  pointer-events: none !important;
}
#filter .f_category .filterOptions .inlayFilter.shortfields .clearNo,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager .clearNo {
  display: none;
}
#filter .f_category .filterOptions .inlayFilter.shortfields a span.name,
#filter .f_category .filterOptions .inlayFilter.shortfields span.default span.name {
  max-width: calc(100% - 52px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager a,
#filter .f_category .filterOptions .inlayFilter.shortfieldsLager span.default {
  letter-spacing: -0.5px;
  display: block;
}
#filter .f_category .filterOptions.show {
  max-height: 1100px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .f_category:hover {
  /*.btn_filter */
  /*.btn_filter.active */
}
#filter .f_category:hover .caption {
  background-color: #4b4b4a;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .f_category:hover .btn_filter {
  background-image: url('/_skins/base/images/ico_openClose.png');
  background-repeat: no-repeat;
  background-position: 255px 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .f_category:hover .btn_filter.active {
  background-image: url('/_skins/base/images/ico_openClose.png');
  background-repeat: no-repeat;
  background-position: 255px 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .filterPanelHeader {
  background-color: #4b4b4a;
  font-size: 16px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#filter .filterPanelHeader strong {
  font-weight: 800;
}
#filter .disableFilters {
  background-image: url('/_skins/base/images/ico_closeOV.png');
  background-repeat: no-repeat;
  background-position: 15px 5px;
  background-size: 25px 25px;
  background-color: #888887;
  font-size: 13px;
  padding-left: 45px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 10px;
  padding-right: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover*/
}
#filter .disableFilters:hover {
  background-color: #4b4b4a;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#filter .closeFilter {
  display: none;
}
/*#filter*/
.f_categorySorter {
  width: 100%;
  background-color: #FFFFFF;
  height: 45px;
  margin-bottom: 5px;
  padding-top: 10px;
  /*.inlaySorter*/
  /*.listGroupTitle*/
}
.f_categorySorter .inlaySorter {
  display: inline-block;
  float: right;
  padding-right: 10px;
  /*a*/
  /*a.active*/
  /*.Title.asc*/
  /*.Title.desc*/
  /*.Price.asc*/
  /*.CreationDate, .sorterStandard*/
  /*.CreationDate*/
  /*.CreationDate.active, .sorterStandard.active*/
}
.f_categorySorter .inlaySorter span {
  height: 35px;
  line-height: 35px;
  display: inline-block;
}
.f_categorySorter .inlaySorter a {
  height: 35px;
  line-height: 35px;
  width: 30px;
  display: inline-block;
  background-color: #878787;
  text-align: center;
  color: #FFF;
  float: left;
}
.f_categorySorter .inlaySorter a {
  /*.name.up, .name.down */
}
.f_categorySorter .inlaySorter a .name.up,
.f_categorySorter .inlaySorter a .name.down {
  text-indent: -10000px;
  display: inline-block;
  width: 30px;
  position: relative;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
}
.f_categorySorter .inlaySorter a .name.up::before,
.f_categorySorter .inlaySorter a .name.up::after,
.f_categorySorter .inlaySorter a .name.down::before,
.f_categorySorter .inlaySorter a .name.down::after {
  width: 14px;
  height: 3px;
  background-color: #FFF;
  position: absolute;
  top: 16px;
  content: "";
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.f_categorySorter .inlaySorter a .name.up::before {
  left: 8px;
}
.f_categorySorter .inlaySorter a .name.up::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  right: 0px;
}
.f_categorySorter .inlaySorter a .name.down::before {
  left: -1px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.f_categorySorter .inlaySorter a .name.down::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 9px;
}
.f_categorySorter .inlaySorter a:hover .name.up::before,
.f_categorySorter .inlaySorter a:hover .name.up::after,
.f_categorySorter .inlaySorter a:hover .name.down::before,
.f_categorySorter .inlaySorter a:hover .name.down::after {
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  background-color: #4b4b4a;
}
.f_categorySorter .inlaySorter a.active .name.up::before,
.f_categorySorter .inlaySorter a.active .name.up::after,
.f_categorySorter .inlaySorter a.active .name.down::before,
.f_categorySorter .inlaySorter a.active .name.down::after {
  background-color: #2d4890;
}
.f_categorySorter .inlaySorter a.active .name.up::before:hover,
.f_categorySorter .inlaySorter a.active .name.up::after:hover,
.f_categorySorter .inlaySorter a.active .name.down::before:hover,
.f_categorySorter .inlaySorter a.active .name.down::after:hover {
  background-color: #2d4890;
}
.f_categorySorter .inlaySorter .Price.asc,
.f_categorySorter .inlaySorter .Title.asc {
  /*.caption*/
}
.f_categorySorter .inlaySorter .Price.asc .caption,
.f_categorySorter .inlaySorter .Title.asc .caption {
  height: 35px;
  position: absolute;
  background-color: #878787;
  text-align: center;
  color: #FFF;
  text-indent: 0px;
  text-transform: uppercase;
  font-size: 14px;
}
.f_categorySorter .inlaySorter .Title.asc {
  width: 30px;
  position: relative;
  margin-left: 126px;
  /*.caption*/
}
.f_categorySorter .inlaySorter .Title.asc .caption {
  width: 125px;
  left: -126px;
}
.f_categorySorter .inlaySorter .Title.desc {
  margin-right: 10px;
}
.f_categorySorter .inlaySorter .Price.asc {
  width: 30px;
  position: relative;
  margin-left: 61px;
  /*.caption*/
}
.f_categorySorter .inlaySorter .Price.asc .caption {
  width: 60px;
  left: -61px;
}
.f_categorySorter .inlaySorter .CreationDate,
.f_categorySorter .inlaySorter .sorterStandard {
  width: 123px;
  background-color: transparent;
  border: 1px solid transparent;
  color: #b3b3b3;
  height: 33px;
  line-height: 33px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.f_categorySorter .inlaySorter .CreationDate span.name,
.f_categorySorter .inlaySorter .sorterStandard span.name {
  font-size: 12px;
  line-height: 33px;
  font-style: italic;
  font-weight: 600;
}
.f_categorySorter .inlaySorter .CreationDate:hover,
.f_categorySorter .inlaySorter .sorterStandard:hover {
  background-color: #878787;
  border: 1px solid #878787;
  color: #ffffff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.f_categorySorter .inlaySorter .CreationDate {
  width: 96px;
  margin-left: 5px;
}
.f_categorySorter .inlaySorter .CreationDate.active,
.f_categorySorter .inlaySorter .sorterStandard.active {
  color: #2d4890;
}
.f_categorySorter .inlaySorter .CreationDate.active:hover,
.f_categorySorter .inlaySorter .sorterStandard.active:hover {
  background-color: transparent;
  color: #2d4890;
  border: 1px solid transparent;
}
.f_categorySorter .listGroupTitle {
  float: left;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  letter-spacing: 0.3px;
  font-size: 16px;
  text-transform: uppercase;
  color: #35414d;
  margin-left: 20px;
  font-weight: 900;
}
.f_categorySorter .listGroupTitle .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 70px;
  display: block;
  float: left;
  margin: 6px 9px 0px 0px;
  height: 25px;
}
/*.f_categorySorter */
.pagination {
  padding: 5px 0px 5px 5px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  float: right;
  font-size: 15px;
  padding-bottom: 20px;
}
.pagination .caption {
  font-size: 16px;
  float: left;
  color: #FFFFFF;
  margin-right: 4px;
  height: 30px;
  line-height: 30px;
}
.pagination a {
  background-image: none;
  background: #2d4891 none repeat scroll 0 0;
  margin: 0px 0px;
  margin-right: 4px;
  font-weight: 400;
  height: 30px;
  text-align: center;
  width: 30px;
  float: left;
  display: block;
  line-height: 30px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.pagination div.points {
  margin-right: 2px;
  height: 30px;
  width: 30px;
  float: left;
  display: block;
  line-height: 35px;
  text-decoration: none;
  padding: 0px;
  text-align: center;
}
.pagination .active {
  color: #38414d;
  background-image: none;
  background: #f5e12b none repeat scroll 0 0;
}
.pagination a:hover {
  text-decoration: none;
  color: #38414d;
  background: #f5e12b none repeat scroll 0 0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.pagination .active:hover {
  color: #38414d;
  cursor: default;
  text-decoration: none;
}
.pagination div {
  display: inline;
}
.pagination span.disabled {
  color: #999;
}
/*.pagination*/
.productDetail {
  /*.topInfo*/
  /*.topPart*/
  /*.leftPart*/
  /*.rightPart*/
  /*.stockSpacer*/
}
.productDetail .topInfo {
  background-color: #FFF;
  width: 100%;
  height: 53px;
  float: left;
  margin-bottom: 6px;
  /*.breadCrumb*/
  /*.goBack*/
  /*.goBackFixed*/
}
.productDetail .topInfo .breadCrumb {
  width: 890px;
  float: left;
  height: 33px;
  line-height: 34px;
  margin: 10px 0px 10px 23px;
  color: #35414d;
  letter-spacing: 0.3px;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  /*.mainCategory::before, .mainCategory::after*/
  /*.mainCategory::before*/
  /*.mainCategory::after*/
}
.productDetail .topInfo .breadCrumb .mainCategory {
  font-weight: 900;
  position: relative;
  padding-right: 25px;
  margin-right: 10px;
}
.productDetail .topInfo .breadCrumb .mainCategory .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  margin-right: 9px;
}
.productDetail .topInfo .breadCrumb .mainCategory::before,
.productDetail .topInfo .breadCrumb .mainCategory::after {
  background-color: #cacaca;
  right: 0px;
  position: absolute;
  width: 15px;
  content: "";
  height: 4px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productDetail .topInfo .breadCrumb .mainCategory::before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 5px;
}
.productDetail .topInfo .breadCrumb .mainCategory::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 13px;
}
.productDetail .topInfo .artNr {
  width: 200px;
  float: left;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
}
.productDetail .topInfo .artNr span {
  font-weight: 700;
}
.productDetail .topInfo .goBack {
  width: 147px;
  float: left;
  height: 53px;
  line-height: 33px;
  font-size: 12px;
  font-weight: 600;
  /*a*/
}
.productDetail .topInfo .goBack a {
  text-decoration: none;
  display: block;
  background-color: #fafafa;
  padding-top: 10px;
  text-align: center;
  height: 43px;
  border-left: 1px solid #35424e;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .topInfo .goBack a:hover {
  background-color: #35424e;
  color: #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .topInfo .goBackFixed {
  width: 160px;
  float: left;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  font-weight: 600;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 999;
  /*a*/
}
.productDetail .topInfo .goBackFixed a {
  text-decoration: none;
  display: block;
  background-color: #306AA7;
  text-align: center;
  height: 45px;
  line-height: 45px;
  color: #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .topInfo .goBackFixed a:hover {
  background-color: #eee233;
  color: #35424e;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .topPart {
  background-color: #FFF;
  width: 100%;
  min-height: 40px;
  float: left;
  /*.headerProduct*/
}
.productDetail .topPart .headerProduct {
  width: 95%;
  min-height: 60px;
  float: left;
  padding: 25px 45px 0px 25px;
  /*.title*/
}
.productDetail .topPart .headerProduct .brand {
  float: right;
}
.productDetail .topPart .headerProduct .title {
  display: inline-block;
  float: left;
  max-width: 850px;
  line-height: 35px;
  /*h1*/
}
.productDetail .topPart .headerProduct .title h1 {
  font-size: 17px;
  font-weight: 600;
  color: #35414d;
}
.productDetail .productMainPart {
  background-color: #FFF;
  width: 100%;
  min-height: 40px;
  float: left;
}
.productDetail .leftPart {
  width: 590px;
  float: left;
  min-height: 300px;
  margin-right: 60px;
  /*.productImgMain .noImage, .productImgMain .noImage:hover*/
  /*.productImgAlternative*/
  /*.productImgAlternativeOverlay*/
}
.productDetail .leftPart .productImgMain {
  width: 575px;
  height: 450px;
  overflow: hidden;
  text-align: center;
  margin: 0px 0px 0px 0px;
  position: relative;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.layer */
  /*&:hover*/
}
.productDetail .leftPart .productImgMain a {
  display: block;
  width: 100%;
}
.productDetail .leftPart .productImgMain .layer {
  background-image: url('/_skins/base/images/ico_openOV.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  pointer-events: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .leftPart .productImgMain:hover {
  cursor: pointer;
  xbackground: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(48, 106, 167, 0.85) 0%, rgba(61, 119, 192, 0) 75%) repeat scroll 0 0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.layer*/
}
.productDetail .leftPart .productImgMain:hover img {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 80 );
}
.productDetail .leftPart .productImgMain:hover .layer {
  background-size: 60px 60px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
  pointer-events: none;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .leftPart .productImgMain .noImage,
.productDetail .leftPart .productImgMain .noImage:hover {
  pointer-events: none;
  cursor: default;
}
.productDetail .leftPart .productImgMain .noImage img,
.productDetail .leftPart .productImgMain .noImage:hover img,
.productDetail .leftPart .productImgMain .noImage img:hover,
.productDetail .leftPart .productImgMain .noImage:hover img:hover {
  pointer-events: none;
  cursor: default;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.productDetail .leftPart .productImgAlternative {
  width: 100%;
  height: 125px;
  margin: 0px 0px 25px 30px;
  /*.imgAlternativ */
}
.productDetail .leftPart .productImgAlternative .imgAlternativ {
  width: 125px;
  height: 115px;
  text-align: center;
  border: 1px solid #d9d9d9;
  margin-right: 25px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  /*.layer */
  /*&:hover*/
}
.productDetail .leftPart .productImgAlternative .imgAlternativ table {
  height: 115px;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.productDetail .leftPart .productImgAlternative .imgAlternativ td,
.productDetail .leftPart .productImgAlternative .imgAlternativ tr {
  padding: 0px;
  margin: 0px;
}
.productDetail .leftPart .productImgAlternative .imgAlternativ td {
  height: 115px;
  vertical-align: middle;
}
.productDetail .leftPart .productImgAlternative .imgAlternativ .layer {
  background-image: url('/_skins/base/images/ico_openOV.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background-color: rgba(48, 106, 167, 0.9);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  pointer-events: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .leftPart .productImgAlternative .imgAlternativ:hover {
  /*.layer*/
}
.productDetail .leftPart .productImgAlternative .imgAlternativ:hover .layer {
  background-size: 30px 30px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .leftPart .productImgAlternativeOverlay {
  /*.imgAlternativBig*/
}
.productDetail .leftPart .productImgAlternativeOverlay .icoSKC {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: 130px center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 300px;
  display: inline-block;
  float: left;
  height: 30px;
  position: fixed;
  left: -200vw;
  bottom: 0px;
  margin-top: 0px;
  z-index: 9999;
  pointer-events: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.4s linear 0.2s;
  -webkit-transition: all 0.4s linear 0.2s;
  -moz-transition: all 0.4s linear 0.2s;
  -o-transition: all 0.4s linear 0.2s;
  -ms-transition: all 0.4s linear 0.2s;
}
.productDetail .leftPart .productImgAlternativeOverlay .icoSKC_claim {
  background-color: #306aa7;
  display: inline-block;
  float: left;
  height: 30px;
  line-height: 30px;
  text-align: right;
  color: #FFFFFF;
  padding-right: 10px;
  position: fixed;
  left: -300vw;
  bottom: 0px;
  width: calc(100vw - 318px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0px;
  pointer-events: none;
  z-index: 99999;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig.show .icoSKC {
  left: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.6s linear 0.3s;
  -webkit-transition: all 0.6s linear 0.3s;
  -moz-transition: all 0.6s linear 0.3s;
  -o-transition: all 0.6s linear 0.3s;
  -ms-transition: all 0.6s linear 0.3s;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig.show .icoSKC_claim {
  left: 300px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.6s linear 0.3s;
  -webkit-transition: all 0.6s linear 0.3s;
  -moz-transition: all 0.6s linear 0.3s;
  -o-transition: all 0.6s linear 0.3s;
  -ms-transition: all 0.6s linear 0.3s;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: inline-block;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(18, 39, 65, 0.9);
  z-index: 9999;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  pointer-events: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig table {
  height: 100vh;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td,
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig tr {
  padding: 0px;
  margin: 0px;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td {
  height: 100vh;
  vertical-align: middle;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig img {
  width: auto;
  max-height: 100vh;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close {
  background-image: url('/_skins/base/images/ico_closeOV.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 60px 60px;
  width: 60px;
  height: 60px;
  display: block;
  top: 40px;
  position: absolute;
  right: 40px;
  pointer-events: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-inde: 999;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close:hover {
  pointer-events: none;
  cursor: pointer;
}
.productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig.show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
  pointer-events: auto;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart {
  width: 570px;
  float: left;
  min-height: 300px;
  padding-bottom: 105px;
  /*.addCartForm*/
  /*.description*/
}
.productDetail .rightPart .addCartForm {
  width: 100%;
  float: left;
  height: 260px;
  margin-top: 50px;
  /*.price*/
  /*.streetPrice*/
  /*.price, .streetPrice */
  /*.btn_addCart */
  /*.deliveryHint*/
  /*.quantity*/
}
.productDetail .rightPart .addCartForm .price {
  font-family: 'Lato', sans-serif;
  font-size: 31px;
  color: #36c603;
  height: 40px;
  display: inline-block;
  float: right;
}
.productDetail .rightPart .addCartForm .price span {
  height: 100%;
  display: inline-block;
  float: left;
  font-size: 21px;
  font-weight: 700px;
  line-height: 12px;
}
.productDetail .rightPart .addCartForm .streetPrice {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  color: #b4b4b4;
  height: 35px;
  line-height: 30px;
  display: inline-block;
  float: right;
  display: none;
}
.productDetail .rightPart .addCartForm .streetPrice {
  display: inline-block;
  font-size: 16px;
  color: #a0a0a0;
  margin-right: 10px;
  position: relative;
  font-style: italic;
  padding: 0px 5px 0px 5px;
  display: none;
}
.productDetail .rightPart .addCartForm .streetPrice span.currency {
  font-size: 12px;
  width: 16px;
  text-align: center;
  display: inline-block;
}
.productDetail .rightPart .addCartForm .streetPrice::after {
  width: calc(100% - 50px);
  height: 2px;
  left: 50px;
  background-color: red;
  position: absolute;
  top: 15px;
  content: "";
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 60 );
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productDetail .rightPart .addCartForm .price,
.productDetail .rightPart .addCartForm .streetPrice {
  margin-right: 4px;
}
.productDetail .rightPart .addCartForm .btn_addCart {
  width: 200px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  float: right;
  overflow: hidden;
}
.productDetail .rightPart .addCartForm .btn_addCart .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  background-color: #3e77c0;
}
.productDetail .rightPart .addCartForm .btn_addCart:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .deliveryHint {
  background-image: url('/_skins/base/images/ico_cart.png');
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 42px 38px;
  padding-left: 50px;
  padding-top: 5px;
  margin-top: 25px;
  width: 188px;
  height: 40px;
  display: inline-block;
  float: right;
  line-height: 17px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*.txt*/
  /*.info*/
}
.productDetail .rightPart .addCartForm .deliveryHint .txt {
  width: 105px;
  height: 35px;
  color: #2fac03;
  font-size: 14px;
  display: inline-block;
  float: left;
}
.productDetail .rightPart .addCartForm .deliveryHint .txt span {
  font-size: 13px;
  width: 100%;
  font-style: italic;
  display: inline-block;
  letter-spacing: -0.1px;
}
.productDetail .rightPart .addCartForm .deliveryHint .txt span.title {
  font-size: 14px;
  font-weight: 600;
}
.productDetail .rightPart .addCartForm .deliveryHint a.info {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  float: left;
  display: inline-block;
  color: #FFF;
  margin-top: 7px;
  background-color: #828282;
  outline: none;
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
}
.productDetail .rightPart .addCartForm .deliveryHint a.info span {
  position: absolute;
  right: 0px;
  top: 18px;
  color: #35414d;
  font-size: 13px;
  width: 0px;
  height: 0px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
  padding: 7px 7px 5px 5px;
  background-color: #ffffff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .deliveryHint a.info span strong {
  font-weight: 600;
  color: #2fac03;
}
.productDetail .rightPart .addCartForm .deliveryHint a.info:hover {
  position: relative;
}
.productDetail .rightPart .addCartForm .deliveryHint a.info:hover span {
  width: 145px;
  height: 95px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
  -moz-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
  box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0.45);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .quantity {
  width: 205px;
  height: 38px;
  line-height: 38px;
  position: relative;
  float: left;
  /*input#Quantity */
  /*.quantityPlus, .quantityMinus*/
  /*.quantityPlus*/
  /*.quantityMinus*/
}
.productDetail .rightPart .addCartForm .quantity input#Quantity {
  width: 100px;
  height: 38px;
  line-height: 38px;
  border: none;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #35414d;
  padding: 0px;
  margin: 0px;
  margin-left: 50px;
  border-left: none;
  border-right: none;
  background-color: #fcfcfc;
  font-family: 'Raleway', sans-serif;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .quantity input#Quantity:hover,
.productDetail .rightPart .addCartForm .quantity input#Quantity:focus {
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .quantity input#Quantity:focus {
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
}
.productDetail .rightPart .addCartForm .quantity .quantityPlus,
.productDetail .rightPart .addCartForm .quantity .quantityMinus {
  width: 50px;
  height: 38px;
  line-height: 38px;
  position: absolute;
  top: 0px;
  border: 1px solid #e4e4e4;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover*/
}
.productDetail .rightPart .addCartForm .quantity .quantityPlus span,
.productDetail .rightPart .addCartForm .quantity .quantityMinus span {
  width: 100%;
  text-align: center;
  color: #39424e;
  font-size: 600;
  height: 38px;
  line-height: 38px;
  display: block;
  font-size: 44px;
}
.productDetail .rightPart .addCartForm .quantity .quantityPlus:hover,
.productDetail .rightPart .addCartForm .quantity .quantityMinus:hover {
  xbackground: rgba(45, 72, 144, 0.5) none repeat scroll 0 0;
  background: #f5e12b none repeat scroll 0 0;
  xbackground-color: #4b4b4a;
  border-color: #cccccc;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  cursor: pointer;
}
.productDetail .rightPart .addCartForm .quantity .quantityPlus {
  left: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetail .rightPart .addCartForm .quantity .quantityPlus:hover {
  -webkit-box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.productDetail .rightPart .addCartForm .quantity .quantityMinus {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  left: 149px;
}
.productDetail .rightPart .addCartForm .quantity .quantityMinus span {
  line-height: 33px;
}
.productDetail .rightPart .addCartForm .quantity .quantityMinus:hover {
  -webkit-box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.productDetail .rightPart .description {
  width: 100%;
  float: left;
  min-height: 15px;
  font-size: 12px;
  font-weight: 600;
}
.productDetail .stockSpacer {
  height: 100px;
  width: 100%;
  display: block;
}
/*.productDetail*/
.deliveryInfo {
  width: 100%;
  position: relative;
  /*.shops*/
}
.deliveryInfo .shops {
  width: 560px;
  height: 70px;
  position: absolute;
  right: 50px;
  top: -200px;
  /*span*/
  /*span.quantity*/
  /*span.quantityDelivery */
  /*span.ico*/
  /*.captionMain*/
}
.deliveryInfo .shops span {
  width: 120px;
  float: left;
  height: 18px;
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}
.deliveryInfo .shops span.quantity {
  width: 140px;
  margin-right: 10px;
}
.deliveryInfo .shops span.quantity strong {
  font-weight: 800;
  font-size: 14px;
}
.deliveryInfo .shops span.quantityDelivery {
  width: 180px;
  margin-right: 0px;
}
.deliveryInfo .shops span.quantityDelivery span.stock {
  float: left;
  max-width: 80px;
  display: inline-block;
}
.deliveryInfo .shops span.quantityDelivery span.delivery {
  font-size: 11px;
  line-height: 24px;
  font-style: italic;
  width: 95px;
}
.deliveryInfo .shops span.ico {
  width: 18px;
  float: left;
  height: 18px;
  display: block;
  margin-right: 10px;
  margin-bottom: 0px;
  background-color: #36c603;
  -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
}
.deliveryInfo .shops span.ico.notInStock {
  background-color: #eee233;
}
.deliveryInfo .shops .captionMain {
  width: 135px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  left: -135px;
  top: 4px;
}
/*.deliveryInfo*/
.deliveryInfo.noInfo {
  display: none;
}
.productDetailInformation {
  float: left;
  background-color: #FFFFFF;
  height: 90px;
  font-size: 12px;
  width: 100%;
  margin: 1px 0px 10px 0px;
  display: inline-block;
  /*.InformationInner*/
}
.productDetailInformation .InformationInner {
  padding: 20px 25px 25px 25px;
  min-height: 25px;
  float: left;
  max-width: 100%;
  display: block;
  /*.additionalInfo*/
  /*.info_txt*/
  /*span.ico*/
}
.productDetailInformation .InformationInner .additionalInfo {
  width: 623px;
  float: left;
  height: 55px;
  /*.caption */
  /*a*/
  /*.download*/
}
.productDetailInformation .InformationInner .additionalInfo .caption {
  color: #35414d;
  font-size: 14px;
  width: 100%;
  font-weight: 600;
}
.productDetailInformation .InformationInner .additionalInfo a {
  background-image: url(/_skins/base/images/ico_navbutton.png);
  background-position: 5px 9px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 130px;
  display: block;
  float: left;
  height: 30px;
  line-height: 31px;
  color: #4a4a49;
  padding-left: 27px;
  font-size: 12px;
  text-decoration: none;
  position: relative;
  /*span*/
}
.productDetailInformation .InformationInner .additionalInfo a span {
  position: absolute;
  height: 2px;
  width: 0px;
  left: 26px;
  display: block;
  bottom: 2px;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #3e77c0;
}
.productDetailInformation .InformationInner .additionalInfo a:hover {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetailInformation .InformationInner .additionalInfo a:hover span {
  width: 88px;
}
.productDetailInformation .InformationInner .additionalInfo .infoLinkLong:hover span {
  width: 112px;
}
.productDetailInformation .InformationInner .additionalInfo .download {
  background-image: url(/_skins/base/images/ico_download.png);
  background-position: 5px 7px;
  background-repeat: no-repeat;
  background-size: 12px 17px;
  width: 95px;
}
.productDetailInformation .InformationInner .additionalInfo .download:hover {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productDetailInformation .InformationInner .additionalInfo .download:hover span {
  width: 60px;
}
.productDetailInformation .InformationInner .infoTxts {
  float: left;
  width: 470px;
  min-height: 40px;
  margin-top: 5px;
  display: inline-block;
}
.productDetailInformation .InformationInner .info_txt {
  width: 100%;
  float: left;
  height: 21px;
  line-height: 17px;
  margin-bottom: 4px;
  color: #4a4a49;
  font-weight: 500;
  font-size: 12px;
}
.productDetailInformation .InformationInner div.info {
  width: 35px;
  float: left;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  margin-right: 10px;
  margin-bottom: 0px;
  color: #FFF;
  font-weight: 700;
  font-size: 11px;
  background-color: #36c603;
  -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
}
/*.productDetailInformation */
.marketingText,
.detailsTechnical {
  float: left;
  background-color: #FFFFFF;
  padding: 25px;
  min-height: 200px;
  font-size: 12px;
  width: 650px;
}
/*.marketingText, .detailsTechnical*/
.marketingText {
  margin-right: 10px;
}
.marketingText b {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  width: 100%;
  font-weight: 500;
  display: block;
  text-transform: uppercase;
}
/*.marketingText*/
.detailsTechnical {
  width: 500px;
  /*div*/
}
.detailsTechnical .ITSg {
  margin-top: 5px;
  min-height: 25px;
  line-height: 25px;
  float: left;
  width: 100%;
  display: inline-block;
}
.detailsTechnical div.ITSr0,
.detailsTechnical div.ITSr1 {
  border-bottom: 1px dotted #ececec;
  font-weight: 300;
  min-height: 25px;
  line-height: 25px;
  float: left;
  width: 100%;
  display: inline-block;
}
.detailsTechnical div.ITSr0 .caption,
.detailsTechnical div.ITSr1 .caption,
.detailsTechnical div.ITSr0 .ITSn,
.detailsTechnical div.ITSr1 .ITSn {
  color: #8f8f8f;
  width: 280px;
  float: left;
}
.detailsTechnical div.ITSr0 .value,
.detailsTechnical div.ITSr1 .value,
.detailsTechnical div.ITSr0 .ITSv,
.detailsTechnical div.ITSr1 .ITSv {
  color: #363636;
  width: 190px;
  float: left;
}
.detailsTechnical div:after {
  clear: both;
}
/*.detailsTechnical*/
.detailsTechnicalOld {
  width: 500px;
  /*div*/
}
.detailsTechnicalOld b {
  margin-top: 5px;
  min-height: 25px;
  line-height: 25px;
  float: left;
  width: 100%;
  display: inline-block;
}
.detailsTechnicalOld div {
  border-bottom: 1px dotted #ececec;
  font-weight: 300;
  min-height: 25px;
  line-height: 25px;
  float: left;
  width: 100%;
  display: inline-block;
}
.detailsTechnicalOld div .caption,
.detailsTechnicalOld div .ITSn {
  color: #babcbf;
  width: 280px;
  float: left;
}
.detailsTechnicalOld div .value {
  color: #363636;
  width: 190px;
}
.detailsTechnicalOld div:after {
  clear: both;
}
/*.detailsTechnical*/
.noText.detailsTechnicalx {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*div*/
}
.noText.detailsTechnicalx div {
  width: 45%;
}
.noText.detailsTechnicalx div .caption {
  width: 40%;
  float: left;
}
.noText.detailsTechnicalx div .value {
  width: 60%;
}
.prospektDownload {
  width: 100%;
  height: 60px;
  line-height: 60px;
  float: left;
  padding: 0% 2% 0% 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /*.download*/
}
.prospektDownload .date {
  float: left;
  width: 400px;
  height: 100%;
  font-size: 13px;
  font-style: italic;
}
.prospektDownload .download {
  background-image: url(/_skins/base/images/ico_download.png);
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 12px 17px;
  display: inline-block;
  float: right;
  padding-left: 22px;
}
.prospektDownload .download span {
  font-size: 12px;
}
/*.prospektDownload*/
.prospektDetail {
  width: 100%;
  min-height: 100px;
  float: left;
  padding: 2% 15% 2% 15%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #353535;
  -webkit-box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
  position: relative;
}
.prospektDetail img {
  width: 100%;
  height: auto;
  padding: 60px 20px 20px 20px;
  background-color: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.prospektDetail .counter {
  height: 40px;
  line-height: 40px;
  font-size: 21px;
  position: absolute;
  top: 0%;
  background-color: #353535;
  right: 0%;
  color: #FFF;
  display: block;
  width: 100%;
  text-align: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2%;
}
.prospektDetail .owl_navigation {
  height: 2%;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  /*.button_left, .button_right*/
  /*.button_left*/
  /*.button_right*/
}
.prospektDetail .owl_navigation .button_left,
.prospektDetail .owl_navigation .button_right {
  width: 14%;
  height: calc(100vh + 300px);
  display: block;
  position: absolute;
  top: 0px;
  text-indent: -10000px;
  text-decoration: none;
}
.prospektDetail .owl_navigation .button_left a,
.prospektDetail .owl_navigation .button_right a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.prospektDetail .owl_navigation .button_left a.disabled,
.prospektDetail .owl_navigation .button_right a.disabled {
  pointer-events: none;
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 5 );
}
.prospektDetail .owl_navigation .button_left a.disabled:hover,
.prospektDetail .owl_navigation .button_right a.disabled:hover {
  cursor: default;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 10 );
}
.prospektDetail .owl_navigation .button_left {
  left: 5px;
}
.prospektDetail .owl_navigation .button_left a {
  background-image: url("/_skins/base/images/arrow_left.svg");
  background-repeat: no-repeat;
  background-size: auto 260px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
}
.prospektDetail .owl_navigation .button_left a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.prospektDetail .owl_navigation .button_left a.disabled {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.prospektDetail .owl_navigation .button_left a.disabled:hover {
  cursor: default;
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.prospektDetail .owl_navigation .button_right {
  right: 5px;
}
.prospektDetail .owl_navigation .button_right a {
  background-image: url("/_skins/base/images/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: auto 260px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
}
.prospektDetail .owl_navigation .button_right a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.prospektDetail .owl_navigation .button_right a.disabled {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
.prospektDetail .owl_navigation .button_right a.disabled:hover {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 15 );
}
/*.prospektDetail*/
.priceInfo {
  margin-top: 20px;
  width: 100%;
  text-align: right;
  font-size: 11px;
  color: #999997;
  float: right;
}
/*.priceInfo*/
.werbeTeasers {
  width: 1235px;
  float: right;
  height: 290px;
  margin: 70px 0px 20px 0px;
  overflow: hidden;
  /*.werbeTeaser*/
  /*werbeTeaser_mod2*/
}
.werbeTeasers .werbeTeaser {
  width: 615px;
  height: 290px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  float: left;
  position: relative;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.category*/
  /*.title*/
  /*.btn*/
}
.werbeTeasers .werbeTeaser span.maxSpan {
  width: 100%;
  float: left;
  min-height: 20px;
}
.werbeTeasers .werbeTeaser .category {
  font-size: 12px;
  color: #454545;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  line-height: 17px;
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -190px;
  width: 380px;
  text-align: center;
}
.werbeTeasers .werbeTeaser .title {
  font-size: 38px;
  color: #454545;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -190px;
  width: 380px;
  text-align: center;
  z-index: 999;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.werbeTeasers .werbeTeaser .btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -100px;
  width: 205px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  border: 5px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.werbeTeasers .werbeTeaser .btn .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #3e77c0;
}
.werbeTeasers .werbeTeaser .btn:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.werbeTeasers .werbeTeaser.white .category,
.werbeTeasers .werbeTeaser.white .title {
  color: #FFF;
}
.werbeTeasers .werbeTeaser_mod2 {
  margin-right: 0px;
}
/*.werbeTeasers*/
.skcBusinessLinker {
  width: 103px;
  height: 29px;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  display: block;
  position: absolute;
  right: 0px;
  top: -39px;
  padding-left: 68px;
  font-size: 19px;
  font-weight: 900;
  color: #ffffff;
  line-height: 29px;
  background-image: url("/_skins/base/images/skc_small.svg");
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-position: -220px 7px;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
.skcBusinessLinker:hover {
  background-image: url("/_skins/base/images/skc_small.svg");
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-position: 7px 7px;
  background-color: #eee233;
  color: #454545;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
/*.skcBusinessLinker*/
.prospektStart {
  width: 100%;
  height: 100%;
  position: relative;
  /*.btn*/
}
.prospektStart .btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -100px;
  width: 205px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  border: 5px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.prospektStart .btn .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #3e77c0;
}
.prospektStart .btn:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.teaserbusiness .prospektStart {
  margin-bottom: 20px;
  display: block;
}
.teaserbusiness .prospektStart img {
  width: 100%;
  height: auto;
}
.prospektsInlay {
  /*prospektDownload*/
}
.prospektsInlay .prospektDownload {
  width: 291px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  height: 100%;
  position: relative;
  text-decoration: none;
  /*.btn*/
}
.prospektsInlay .prospektDownload .title {
  height: 50px;
  width: 100%;
  display: block;
  line-height: 21px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.prospektsInlay .prospektDownload .btn {
  position: absolute;
  left: 50%;
  bottom: 45px;
  margin-left: -78px;
  width: 205px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  border: 5px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.prospektsInlay .prospektDownload .btn .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #3e77c0;
}
.prospektsInlay .prospektDownload .btn:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div.ccm_form {
  /* Form - Global*/
  /*.panelLeft, .panelRight */
  /*div.field */
  /*div.field.Sex */
  /*div.IsCompany*/
  /*div input, div.ccm_form div textarea */
  /*div input, div.ccm_form div textarea*/
  /*.Password.output */
  /*div.PasswordRepeat.field, div.Password.field*/
  /*div.Country.field, div.CompanyName.field, div.UID.field*/
  /*.div.IsCompany.field, div.EmailNews.field*/
  /* div.EmailNews.field*/
  /* div.EmailNews.field*/
}
div.ccm_form .panelLeft,
div.ccm_form .panelRight {
  width: 375px;
  min-height: 200px;
  float: left;
  padding: 30px 20px 0px 20px;
  background-color: #FFF;
  border-bottom: 1px solid #d1d1d1;
  margin: 0px 10px 15px 0px;
}
div.ccm_form .panelLeft .caption,
div.ccm_form .panelRight .caption {
  height: 35px;
  line-height: 35px;
  width: 380px;
}
div.ccm_form .panelLeft .captionTop,
div.ccm_form .panelRight .captionTop {
  font-size: 16px;
  margin-bottom: 20px;
}
div.ccm_form .panelRight {
  width: 805px;
  margin-right: 0px;
  padding-right: 10px;
}
div.ccm_form .panelInnerLeft,
div.ccm_form .panelInnerRight {
  width: 400px;
  min-height: 200px;
  float: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
div.ccm_form div.field {
  min-height: 20px;
  float: left;
  margin: 0px 0px 15px 0px;
  font-size: 15px;
  width: 375px;
  position: relative;
}
div.ccm_form div.field.Sex {
  height: 40px;
  width: 380px;
  margin-top: 30px;
  margin-bottom: 7px;
}
div.ccm_form div.field.Sex div {
  width: 120px;
  float: left;
  height: 30px;
}
div.ccm_form div.field.Sex label {
  position: relative;
  height: 21px;
  line-height: 21px;
}
div.ccm_form div.field.Sex label {
  pointer-events: auto;
}
div.ccm_form .inputfield {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-left: 0px;
  vertical-align: top;
  margin-top: 20px;
}
div.ccm_form div.IsCompany label,
div.ccm_form .EmailNews label {
  padding: 0px;
  padding-left: 30px;
}
div.ccm_form div.IsCompany .inputfield,
div.ccm_form .EmailNews .inputfield {
  margin-top: 0px;
  margin-right: 10px;
}
div.ccm_form .specialInputfield {
  margin-top: 0px;
}
div.ccm_form div input,
div.ccm_form div.ccm_form div textarea {
  border: none;
  width: 340px;
  height: 40px;
  color: #ffffff;
  font-size: 15px;
  border: 1px solid #eee233;
  padding: 0px 15px 0px 15px;
  display: block;
  float: left;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  /*:focus*/
}
div.ccm_form div input:focus,
div.ccm_form div.ccm_form div textarea:focus {
  border-color: #3e77c0;
  color: #52463a;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
div.ccm_form .specialInputfield input {
  color: #52463a;
}
div.ccm_form div input.notEmpty,
div.ccm_form div.ccm_form div textarea.notEmpty {
  color: #52463a;
  border-color: #3e77c0;
}
div.ccm_form div select {
  border: none;
  width: 372px;
  height: 40px !important;
  color: #808080;
  font-size: 15px;
  border: 1px solid #eee233;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
  line-height: 1;
  padding: 5px 5px 5px 5px;
  -webkit-appearance: none;
}
div.ccm_form div select option {
  height: 40px;
  line-height: 200%;
}
div.ccm_form div span.errorMessage {
  clear: left;
  color: #E51937;
  margin-left: 136px;
}
div.ccm_form div span.error input,
div.ccm_form div.ccm_form div span.error textarea {
  border: 1px solid #E51937;
}
div.ccm_form .User.field {
  margin-bottom: 1px;
  margin-top: 20px;
}
div.ccm_form .User.field.output {
  /*Mein Konto*/
}
div.ccm_form .User.field.output .inputfield {
  width: 202px;
  float: left;
  line-height: 20px;
}
div.ccm_form .User.field.output .button {
  float: left;
}
div.ccm_form .Password.output {
  /*Mein Konto*/
}
div.ccm_form .Password.output .inputfield {
  width: 202px;
  float: left;
}
div.ccm_form .Password.output .inputfield div input {
  width: 150px;
}
div.ccm_form .Password.output .button {
  float: left;
}
div.ccm_form div.PasswordRepeat.field {
  padding-bottom: 7px;
  margin-bottom: 22px;
}
div.ccm_form div.Password.field {
  padding: 0px;
  margin: 0px;
}
div.ccm_form div.PasswordRepeat.field .caption,
div.ccm_form div.Password.field .caption,
div.ccm_form .NewPassword.field .caption,
div.ccm_form .OldPassword.field .caption {
  line-height: 40px;
}
div.ccm_form .NewPassword.field .caption,
div.ccm_form .OldPassword.field .caption {
  line-height: 40px;
  height: 35px;
  line-height: 35px;
  width: 380px;
}
div.ccm_form label {
  position: absolute;
  left: 0;
  padding: 0 0.85em;
  width: 100%;
  height: 100%;
  line-height: 35px;
  text-align: left;
  pointer-events: none;
}
div.ccm_form div.Country.field label,
div.ccm_form div.CompanyName.field label,
div.ccm_form div.UID.field label {
  position: relative;
  padding: 0px;
  padding-left: 11px;
  font-size: 16px;
  width: 130px;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
div.ccm_form div.Country.field .inputfield,
div.ccm_form div.CompanyName.field .inputfield,
div.ccm_form div.UID.field .inputfield {
  margin-top: 0px;
}
div.ccm_form div.CompanyName.field {
  margin-bottom: 9px;
}
div.ccm_form div.UID.field {
  margin-bottom: 24px;
}
div.ccm_form div.IsCompany.field,
div.ccm_form div.EmailNews.field,
div.ccm_form div.Datenschutz.field {
  position: relative;
  background-color: #e1df3e;
  padding-left: 7px;
  margin-bottom: 15px;
  height: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.ccm_form div.IsCompany.field #IsCompany,
div.ccm_form div.EmailNews.field #IsCompany,
div.ccm_form div.Datenschutz.field #IsCompany,
div.ccm_form div.IsCompany.field #EmailNewsletter,
div.ccm_form div.EmailNews.field #EmailNewsletter,
div.ccm_form div.Datenschutz.field #EmailNewsletter,
div.ccm_form div.IsCompany.field #Datenschutz,
div.ccm_form div.EmailNews.field #Datenschutz,
div.ccm_form div.Datenschutz.field #Datenschutz {
  width: 25px;
  height: 20px;
  margin-left: 0px;
}
div.ccm_form div.IsCompany.field label,
div.ccm_form div.EmailNews.field label,
div.ccm_form div.Datenschutz.field label {
  pointer-events: auto;
  line-height: 25px;
  padding-left: 35px;
}
div.ccm_form div.IsCompany.field input,
div.ccm_form div.EmailNews.field input,
div.ccm_form div.Datenschutz.field input {
  -webkit-appearance: checkbox;
}
div.ccm_form div.EmailNews.field {
  margin-top: 42px;
}
div.ccm_form div.EmailNews.field label {
  font-size: 11px;
  padding-left: 35px;
}
div.ccm_form div.EmailNews.field input {
  -webkit-appearance: checkbox;
}
div.ccm_form div.Datenschutz.field {
  margin-top: 15px;
  height: 90px;
}
div.ccm_form div.Datenschutz.field label {
  font-size: 11px;
  padding-left: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 19px;
  padding-top: 7px;
}
div.ccm_form div.Datenschutz.field .inputfield {
  margin-top: 6px;
}
div.ccm_form div.Datenschutz.field input {
  -webkit-appearance: checkbox;
}
div.ccm_form .label_content {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  position: relative;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  height: 42px;
  line-height: 42px;
  font-family: 'Raleway', sans-serif;
}
div.ccm_form label::before,
div.ccm_form label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
div.ccm_form label::before {
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
div.ccm_form .inputfield.required.error label::before {
  border-top: 2px solid red;
}
div.ccm_form label::after {
  z-index: -1;
  background: #ffffff;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
div.ccm_form input:focus + .label_content,
div.ccm_form textarea:focus + .label_content,
div.ccm_form .inputfield.notEmptyInput label .label_content,
div.ccm_form .inputfield.notEmptyInput textarea .label_content {
  -webkit-transform: translate3d(0, -80%, 0);
  transform: translate3d(0, -80%, 0);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  color: #35414d;
}
/* @end  */
div.ccm_form .Sex.field label {
  width: 55px;
  margin: 0px 0px 0px 0px;
}
.button {
  width: 205px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  float: right;
  overflow: hidden;
  /*.btnInner*/
  /*&:hover .btnInner*/
  /*.btnInner*/
}
.button .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  background-color: #3e77c0;
}
.button:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.button .btnInnerBlack {
  background-color: #454545;
}
/*.button */
.loginNavigation {
  width: 100%;
  float: left;
  height: 60px;
  /*.navbutton */
}
.loginNavigation .navbutton {
  width: 205px;
  margin-right: 15px;
  float: left;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 38px;
  line-height: 38px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  background-color: #3e77c0;
  /*&:hover */
}
.loginNavigation .navbutton:hover {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.loginNavigation .navbutton_active {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.loginNavigation*/
.loginMask {
  /*.panelTop*/
  /*.panelRight*/
}
.loginMask .panelLeft {
  width: 605px;
  height: 200px;
  float: left;
  padding: 30px 20px 0px 20px;
  background-color: #FFF;
  border-bottom: 1px solid #d1d1d1;
  margin: 0px 10px 65px 0px;
  /*input*/
  /*.notEmpty*/
  /*.button_log*/
}
.loginMask .panelLeft .panelCaption {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.loginMask .panelLeft .loginfields {
  width: 370px;
  min-height: 40px;
  float: left;
  margin-right: 25px;
}
.loginMask .panelLeft .button {
  margin-top: 60px;
}
.loginMask .panelLeft input {
  border: none;
  width: 340px;
  height: 40px;
  color: #808080;
  font-size: 15px;
  border: 1px solid #eee233;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 15px 0px;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  /*:focus*/
}
.loginMask .panelLeft input:focus {
  border-color: #3e77c0;
  color: #52463a;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
.loginMask .panelLeft .pwd input {
  margin-bottom: 5px;
}
.loginMask .panelLeft .notEmpty {
  color: #52463a;
}
.loginMask .panelLeft .forget_pwd {
  margin: 0px 0px 0px 0px;
  height: 20px;
  color: #808080;
  text-decoration: none;
  font-size: 12px;
  text-align: right;
}
.loginMask .panelLeft .button_log {
  margin-top: 57px;
}
.loginMask .panelRight {
  padding: 30px 0px 0px 20px;
  background-color: #FFF;
  width: 585px;
  height: 200px;
  float: left;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
  /*.panelCaption*/
}
.loginMask .panelRight .panelCaption {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.loginMask .panelRight .txt {
  width: 100%;
  line-height: 22px;
  height: 50px;
  margin: 10px 0px 10px 0px;
}
.loginMask .panelRight .button {
  float: none;
}
/*.loginMask*/
.lostMask .panelLost {
  /*input*/
  /*.notEmpty*/
}
.lostMask .panelLost input {
  border: none;
  width: 340px;
  height: 40px;
  color: #808080;
  font-size: 15px;
  border: 1px solid #eee233;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 15px 0px;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  /*:focus*/
}
.lostMask .panelLost input:focus {
  border-color: #3e77c0;
  color: #52463a;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
.lostMask .panelLost .pwd input {
  margin-bottom: 5px;
}
.lostMask .panelLost .notEmpty {
  color: #52463a;
}
.ErrorReportGen {
  display: block;
  position: absolute;
  left: 196px;
  top: 20px;
  height: 19px;
  width: 180px;
  z-index: 999;
  /*~ .er_contentLeft*/
  /*~ .er_content*/
}
.ErrorReportGen .er_contentLeft {
  display: none;
}
.ErrorReportGen .er_content {
  background-color: #ff173e;
  display: block;
  float: left;
  height: 18px;
  width: 165px;
  padding-left: 0px;
  text-align: right;
  padding-right: 10px;
  line-height: 20px;
  color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  letter-spacing: -0.2px;
  font-size: 10px;
}
/*~ .ErrorReportGen*/
div.field.Sex {
  /*~ .ErrorReportGen*/
}
div.field.Sex .ErrorReportGen {
  left: 210px;
  /*~ .er_content*/
}
div.field.Sex .ErrorReportGen .er_content {
  width: 150px;
}
/*div.field.Sex */
div.field.User {
  /*~ .ErrorReportGen*/
}
div.field.User .ErrorReportGen {
  top: 0px;
}
/*div.field.User*/
div.field.Password,
div.field.PasswordRepeat {
  /*~ .ErrorReportGen*/
}
div.field.Password .ErrorReportGen,
div.field.PasswordRepeat .ErrorReportGen {
  top: 35px;
}
/*div.field.Password, div.field.PasswordRepeat  */
div.field.CompanyName {
  /*~ .ErrorReportGen*/
}
div.field.CompanyName .ErrorReportGen {
  top: 42px;
}
/*div.field.User*/
#newsReg {
  /*~ .ErrorReportGen*/
  /*div.email*/
  /*div.email*/
}
#newsReg .ErrorReportGen {
  left: 0px;
  top: -20px;
  /*~ .er_content*/
}
#newsReg .ErrorReportGen .er_content {
  width: 141px;
}
#newsReg div.email {
  /*~ .ErrorReportGen*/
}
#newsReg div.email .ErrorReportGen {
  top: 48px;
}
#newsReg div.imageCodeField {
  /*~ .ErrorReportGen*/
}
#newsReg div.imageCodeField .ErrorReportGen {
  width: 250px;
  /*~ .er_content*/
}
#newsReg div.imageCodeField .ErrorReportGen .er_content {
  width: 241px;
}
/*#newsReg */
.topInfo {
  background-color: #FFF;
  width: 100%;
  height: 53px;
  float: left;
  margin-bottom: 6px;
  /*.breadCrumb*/
}
.topInfo .breadCrumb {
  width: 950px;
  float: left;
  height: 33px;
  line-height: 34px;
  margin: 10px 0px 10px 23px;
  color: #35414d;
  /*.mainSite*/
}
.topInfo .breadCrumb .mainSite {
  position: relative;
  padding-right: 25px;
  margin-right: 10px;
}
.topInfo .breadCrumb .mainSite .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  margin-right: 9px;
}
.topInfo .breadCrumb .mainSite h1 {
  letter-spacing: 0.3px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0px;
}
.topInfo .breadCrumb .mainSite span {
  float: left;
}
/*.topInfo*/
#breadCrumbOrder {
  width: 210px;
  float: left;
  min-height: 300px;
  margin: 20px 30px 0px 20px;
  /*.breadcrump*/
  /*.breadcrumps.lieferung */
  /*.breadcrumps.zahlung */
  /*.breadcrumps.bestaetigung */
  /*.breadcrumps.fertig */
}
#breadCrumbOrder .breadcrump {
  width: 150px;
  height: 33px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  float: left;
  text-decoration: none;
  margin-bottom: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /*.site */
  /*.line*/
}
#breadCrumbOrder .breadcrump .site {
  background-image: url('/_skins/base/images/ico_breadcrump.png');
  background-repeat: no-repeat;
  background-position: 12px 12px;
  background-size: 16px 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: block;
  text-align: left;
  height: 33px;
  padding-left: 40px;
  line-height: 33px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #454545;
}
#breadCrumbOrder .breadcrump .line {
  width: 2px;
  height: 23px;
  background-color: #90c045;
  position: absolute;
  bottom: -22px;
  left: 74px;
  display: block;
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_0 .site,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_1 .site {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_0 .line,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_1 .line {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_2 {
  /*active*/
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_2 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_3,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_4,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_5 {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_3 .line,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_4 .line,
#breadCrumbOrder .breadcrumps.lieferung .breadcrump_5 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_0 .site,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_1 .site,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_2 .site {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_0 .line,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_1 .line,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_2 .line {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_3 {
  /*active*/
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_3 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_4,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_5 {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_4 .line,
#breadCrumbOrder .breadcrumps.zahlung .breadcrump_5 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_0 .site,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_1 .site,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_2 .site,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_3 .site {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_0 .line,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_1 .line,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_2 .line,
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_3 .line {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_4 {
  /*active*/
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_4 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_5 {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
#breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_5 .line {
  background-color: #454545;
}
#breadCrumbOrder .breadcrumps.fertig .breadcrump_0 .site,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_1 .site,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_2 .site,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_3 .site,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_4 .site {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.fertig .breadcrump_0 .line,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_1 .line,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_2 .line,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_3 .line,
#breadCrumbOrder .breadcrumps.fertig .breadcrump_4 .line {
  background-color: #90c045;
}
#breadCrumbOrder .breadcrumps.fertig .breadcrump_5 {
  /*active*/
}
#breadCrumbOrder .breadcrumps.fertig .breadcrump_5 .line {
  background-color: #454545;
}
/*#breadCrumbOrder */
.complextypes-TextItem-skin .Text {
  margin-top: 20px;
  margin-left: 20px;
}
.mainContent {
  /*.complextypes-TextItem-skin .Text */
}
.mainContent .complextypes-TextItem-skin .Text {
  margin-top: 20px;
  margin-left: 20px;
  width: 60%;
  font-size: 13px;
  padding-left: 90px;
}
.mainContent .complextypes-TextItem-skin .Text h2 {
  font-size: 18px;
  font-weight: 600;
}
/*.mainContent*/
.textTop {
  padding-left: 90px;
  margin-bottom: 60px;
  margin-top: 50px;
  width: 700px;
}
.mainCart,
.articlesCartConfirm {
  float: right;
  width: 994px;
  min-height: 100px;
  /*.header*/
  /*.article*/
}
.mainCart .header,
.articlesCartConfirm .header {
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  /*.col*/
  /*LEER*/
  /*ARTIKEL*/
  /*AUSFÜHRUNG*/
  /*MENGE*/
  /*LEER*/
  /*PREIS*/
}
.mainCart .header .col,
.articlesCartConfirm .header .col {
  font-size: 11px;
  float: left;
  width: 100px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.mainCart .header .col1,
.articlesCartConfirm .header .col1 {
  width: 15px;
}
.mainCart .header .col2,
.articlesCartConfirm .header .col2 {
  width: 140px;
}
.mainCart .header .col3,
.articlesCartConfirm .header .col3 {
  width: 600px;
}
.mainCart .header .col4,
.articlesCartConfirm .header .col4 {
  width: 74px;
  text-align: center;
}
.mainCart .header .col5,
.articlesCartConfirm .header .col5 {
  width: 26px;
}
.mainCart .header .col6,
.articlesCartConfirm .header .col6 {
  width: 85px;
  text-align: center;
}
.mainCart .article,
.articlesCartConfirm .article {
  background-color: #ffffff;
  width: 100%;
  min-height: 80px;
  line-height: 40px;
  padding-bottom: 10px;
  border-top: 1px dashed #dddddd;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.col*/
  /*LEER*/
  /*.col2, .col3*/
  /*col3*/
  /*.col4 MENGE*/
  /*DELETE*/
  /*PREIS*/
  /*PREIS*/
}
.mainCart .article:hover,
.articlesCartConfirm .article:hover {
  background-color: #fdfdfd;
  border-top: 1px solid #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCart .article:hover .img,
.articlesCartConfirm .article:hover .img {
  background-color: #ffffff;
}
.mainCart .article .col,
.articlesCartConfirm .article .col {
  font-size: 14px;
  float: left;
  color: #000;
}
.mainCart .article .mobileCaption,
.articlesCartConfirm .article .mobileCaption {
  display: none;
}
.mainCart .article .col1,
.articlesCartConfirm .article .col1 {
  width: 15px;
}
.mainCart .article .col2,
.articlesCartConfirm .article .col2,
.mainCart .article .col3,
.articlesCartConfirm .article .col3 {
  width: 140px;
  /*.img*/
}
.mainCart .article .col2 .link,
.articlesCartConfirm .article .col2 .link,
.mainCart .article .col3 .link,
.articlesCartConfirm .article .col3 .link {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.mainCart .article .col2 .img,
.articlesCartConfirm .article .col2 .img,
.mainCart .article .col3 .img,
.articlesCartConfirm .article .col3 .img {
  width: 110px;
  min-height: 50px;
  float: left;
  text-align: center;
  display: block;
  margin: 10px 10px 0px 0px;
}
.mainCart .article .col2 .img img,
.articlesCartConfirm .article .col2 .img img,
.mainCart .article .col3 .img img,
.articlesCartConfirm .article .col3 .img img {
  width: 110px;
  min-height: 50px;
}
.mainCart .article .col2 .img table,
.articlesCartConfirm .article .col2 .img table,
.mainCart .article .col3 .img table,
.articlesCartConfirm .article .col3 .img table {
  height: 80px;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.mainCart .article .col2 .img td,
.articlesCartConfirm .article .col2 .img td,
.mainCart .article .col3 .img td,
.articlesCartConfirm .article .col3 .img td,
.mainCart .article .col2 .img tr,
.articlesCartConfirm .article .col2 .img tr,
.mainCart .article .col3 .img tr,
.articlesCartConfirm .article .col3 .img tr {
  padding: 0px;
  margin: 0px;
}
.mainCart .article .col2 .img td,
.articlesCartConfirm .article .col2 .img td,
.mainCart .article .col3 .img td,
.articlesCartConfirm .article .col3 .img td {
  height: 80px;
  vertical-align: middle;
}
.mainCart .article .col3,
.articlesCartConfirm .article .col3 {
  width: 600px;
  font-size: 10px;
  line-height: 17px;
  padding-top: 15px;
  /*.title */
}
.mainCart .article .col3 .title,
.articlesCartConfirm .article .col3 .title {
  width: 600px;
  height: 40px;
  font-weight: 600;
  font-size: 13px;
  float: left;
  line-height: 18px;
  padding-top: 15px;
  display: block;
}
.mainCart .article .col3 .title span.number,
.articlesCartConfirm .article .col3 .title span.number {
  font-size: 11px;
  margin-bottom: 20px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-family: 'Lato', sans-serif;
}
.mainCart .article .col4,
.articlesCartConfirm .article .col4 {
  text-align: center;
  width: 80px;
  /*input*/
}
.mainCart .article .col4 input,
.articlesCartConfirm .article .col4 input {
  width: 30px;
  height: 38px;
  line-height: 38px;
  border: none;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  color: #35414d;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  background-color: #fcfcfc;
  font-family: 'Raleway', sans-serif;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCart .article .col4 input:hover,
.articlesCartConfirm .article .col4 input:hover,
.mainCart .article .col4 input:focus,
.articlesCartConfirm .article .col4 input:focus {
  -webkit-box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCart .article .col4 input:focus,
.articlesCartConfirm .article .col4 input:focus {
  -webkit-box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
}
.mainCart .article .col4.serviceQuantity,
.articlesCartConfirm .article .col4.serviceQuantity {
  /*input*/
}
.mainCart .article .col4.serviceQuantity input,
.articlesCartConfirm .article .col4.serviceQuantity input {
  width: 100%;
  font-size: 19px;
  max-width: calc(100% - 15px);
}
.mainCart .article .col5,
.articlesCartConfirm .article .col5 {
  width: 26px;
}
.mainCart .article .col5 a,
.articlesCartConfirm .article .col5 a {
  height: 50px;
  width: 16px;
  background: url("/_skins/base/images/ico_delete.png");
  background-position: 0px -40px;
  background-repeat: no-repeat;
  display: block;
  margin-top: 10px;
  text-indent: -10000px;
}
.mainCart .article .col5 a:hover,
.articlesCartConfirm .article .col5 a:hover {
  background-position: 0px 22px;
}
.mainCart .article .col6,
.articlesCartConfirm .article .col6 {
  width: 80px;
  line-height: 60px;
  height: 60px;
  font-size: 16px;
  padding-top: 10px;
  display: block;
  text-align: center;
}
.mainCart .article .col6.servicePrice,
.articlesCartConfirm .article .col6.servicePrice {
  font-style: italic;
}
.mainCart .article_first,
.articlesCartConfirm .article_first {
  border-top: 1px solid #FFF;
}
/*.mainCart*/
.buttonArea {
  width: 600px;
  float: right;
  min-height: 40px;
  /*.leftArea, .rightArea */
}
.buttonArea .leftArea {
  width: 300px;
  float: left;
  min-height: 40px;
}
.buttonArea .leftArea,
.buttonArea .rightArea {
  width: 300px;
  float: left;
  min-height: 40px;
}
.buttonArea .success,
.buttonArea .success.successFail {
  height: 40px;
  line-height: 40px;
}
.buttonArea .success {
  color: #04d135;
}
.buttonArea .successFail {
  color: #ff173e;
}
/*.buttonArea*/
.buttonAreaConfirm {
  width: 994px;
  margin: 40px 0px 40px 0px;
  /*.leftArea, .rightArea */
  /*.ConfirmContractTop*/
  /*.ConfirmContract*/
  /*.ErrorReportContract*/
}
.buttonAreaConfirm .leftArea,
.buttonAreaConfirm .rightArea {
  width: 394px;
  float: left;
  min-height: 100px;
}
.buttonAreaConfirm .leftArea {
  width: 600px;
}
.buttonAreaConfirm .ConfirmContractTop {
  margin-bottom: 25px;
  position: relative;
}
.buttonAreaConfirm .ConfirmContract {
  font-size: 13px;
}
.buttonAreaConfirm .button {
  width: 250px;
  margin-top: 10px;
}
.buttonAreaConfirm .ErrorReportContract {
  width: 360px;
  left: 0px;
  top: 23px;
  /*~ .er_content*/
}
.buttonAreaConfirm .ErrorReportContract .er_content {
  width: 360px;
}
/*.buttonAreaConfirm*/
.buttonArea.cartEmpty {
  float: left;
}
.buttonArea.cartEmpty .leftArea {
  width: 380px;
  margin-top: 30px;
}
.buttonArea.cartEmpty .button {
  float: left;
}
/*.buttonArea.cartEmpty */
.infoCartPricing,
.infoCartPricingConfirmation {
  width: 994px;
  float: right;
  min-height: 40px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #888888;
  padding-top: 10px;
  /*.row*/
}
.infoCartPricing .row,
.infoCartPricingConfirmation .row {
  width: 600px;
  height: 30px;
  margin-left: 394px;
  line-height: 30px;
  /*.right*/
}
.infoCartPricing .row .left,
.infoCartPricingConfirmation .row .left {
  width: 190px;
  float: left;
  display: block;
  text-align: right;
  color: #b7b7b7;
  font-style: italic;
  font-size: 13px;
  padding-right: 15px;
  font-family: Open Sans;
}
.infoCartPricing .row .right,
.infoCartPricingConfirmation .row .right {
  width: 360px;
  font-size: 16px;
  float: left;
  /*.caption*/
  /*.value*/
}
.infoCartPricing .row .right .caption,
.infoCartPricingConfirmation .row .right .caption {
  width: 210px;
  float: left;
  text-align: right;
}
.infoCartPricing .row .right .caption_small,
.infoCartPricingConfirmation .row .right .caption_small {
  font-size: 14px;
}
.infoCartPricing .row .right .value,
.infoCartPricingConfirmation .row .right .value {
  width: 132px;
  float: left;
  text-align: right;
}
.infoCartPricing .row .right .value_delivery,
.infoCartPricingConfirmation .row .right .value_delivery {
  font-size: 10px;
  width: 230px;
  float: right;
}
/*.infoCartPricing*/
.articlesCartConfirm {
  /*.article*/
}
.articlesCartConfirm .article {
  border-top: 1px dashed #ffd975;
}
.articlesCartConfirm .article .col4 {
  padding-top: 20px;
}
.articlesCartConfirm .article:hover {
  background-color: #ffffff;
}
/*.articlesCartConfirm*/
.shop-order-delivery,
.shop-order-payment {
  width: 905px;
  float: left;
  margin: 0px auto 40px auto;
}
.shop-order-delivery .buttonArea,
.shop-order-payment .buttonArea {
  float: left;
  width: 100%;
  min-height: 40px;
  margin: 30px 0px 0px 0px;
  /*.leftArea, .rightArea */
  /*.rightArea */
}
.shop-order-delivery .buttonArea .leftArea,
.shop-order-payment .buttonArea .leftArea,
.shop-order-delivery .buttonArea .rightArea,
.shop-order-payment .buttonArea .rightArea {
  width: 200px;
  float: left;
  min-height: 100px;
}
.shop-order-delivery .buttonArea .rightArea,
.shop-order-payment .buttonArea .rightArea {
  float: right;
}
/*.shop-order-delivery*/
.DeliveryMethodPickup {
  width: 565px;
  font-size: 16px;
  min-height: 20px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
}
.DeliveryMethodPickup a.pickUp,
.DeliveryMethodPickup a.active {
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  background: url("/_skins/base/images/ico_checkbox.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 25px;
  display: inline-block;
}
.DeliveryMethodPickup p {
  display: inline-block;
  height: 25px;
  padding-left: 25px;
  line-height: 25px;
  font-size: 14px;
}
.DeliveryMethodPickup a.active {
  font-weight: 600;
  background-position: 0px -60px;
  margin-bottom: 20px;
}
.DeliveryMethodPickup .pickUpAdress {
  margin: 5px 0px 0px 25px;
  width: 465px;
}
/*.DeliveryMethodPickup*/
.DeliveryMethodNormal {
  width: 565px;
  font-size: 16px;
  min-height: 20px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
  /*.address */
}
.DeliveryMethodNormal a.post,
.DeliveryMethodNormal a.active {
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  background: url("/_skins/base/images/ico_checkbox.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.DeliveryMethodNormal a.active {
  font-weight: 600;
  background-position: 0px -60px;
}
.DeliveryMethodNormal .address {
  margin: 30px 0px 0px 30px;
  width: 364px;
  float: left;
}
.DeliveryMethodNormal .address .panelCaption {
  text-decoration: underline;
}
/*.DeliveryMethodNormal*/
.addressBlock {
  width: 400px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 30px 0px;
  /*leftBlock*/
  /*rightBlock*/
  /*.delete*/
}
.addressBlock .leftBlock {
  width: 200px;
  float: left;
  min-height: 20px;
}
.addressBlock .rightBlock {
  width: 200px;
  float: left;
  min-height: 20px;
}
.addressBlock .rightBlock a.button {
  float: left;
  margin-right: 7px;
}
.addressBlock .delete {
  width: 16px;
  height: 20px;
  display: block;
  float: left;
  background: url("/_skins/base/images/ico_delete.png");
  background-position: 0px -62px;
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 15px;
  margin-top: 4px;
}
.addressBlock .delete:hover {
  background-position: 0px 0px;
}
.addressBlock .inlayInfo {
  font-size: 11px;
  color: #808080;
  width: 168px;
  text-align: center;
}
/*.addressBlock*/
.payment_form {
  /*TEMP STYLE*/
  /*.address */
}
.payment_form a,
.payment_form a.active {
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  background: url("/_skins/base/images/ico_checkbox.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 21px;
  display: block;
}
.payment_form a.active {
  font-weight: 600;
  background-position: 0px -60px;
}
.payment_form .radiobutton {
  margin-bottom: 20px;
}
.payment_form .radiobutton span.info {
  font-size: 12px;
  padding-left: 5px;
}
.payment_form .radiobutton span.radioDefault {
  background: url("/_skins/base/images/ico_checkbox.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 80px;
  height: 20px;
  display: inline-block;
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  padding-left: 30px;
  pointer-events: none;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
.payment_form .radiobutton.methodCash {
  pointer-events: none;
}
.payment_form .radiobutton.methodCash a {
  pointer-events: none;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
.payment_form .address {
  margin: 30px 0px 0px 0px;
  width: 565px;
  float: left;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #20201e;
}
.payment_form .address .panelCaption {
  text-decoration: underline;
}
/*.payment_form*/
.panelOptions {
  width: 585px;
  min-height: 50px;
  float: left;
  margin-top: 20px;
}
.panelOptions,
.articlesCartConfirm {
  /*.button_grey */
}
.panelOptions .button_grey,
.articlesCartConfirm .button_grey {
  width: 80px;
  height: 25px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  float: left;
  overflow: hidden;
  text-decoration: none;
  margin-top: -25px;
  /*.btnInner */
  /*&:hover .btnInner*/
}
.panelOptions .button_grey .btnInner,
.articlesCartConfirm .button_grey .btnInner {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
  color: #FFF;
  display: block;
  text-align: center;
  height: 25px;
  line-height: 25px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-decoration: none;
  background-color: #454545;
}
.panelOptions .button_grey:hover .btnInner,
.articlesCartConfirm .button_grey:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.panelOptions*/
.sitePickAdress .panelOptions {
  /*div.ccm_form */
  /*.requiredInfo*/
  /*.buttonArea*/
}
.sitePickAdress .panelOptions .button_grey {
  width: 160px;
  margin-top: 0px;
}
.sitePickAdress .panelOptions div.ccm_form {
  /*div.field */
  /*div.field.Sex */
  /*~ .ErrorReportGen*/
  /*~ .field.Sex ErrorReportGen*/
  /*~ .field.City */
  /*~ .field.Country */
}
.sitePickAdress .panelOptions div.ccm_form div.field {
  margin: 0px 15px 15px 0px;
  width: 240px;
}
.sitePickAdress .panelOptions div.ccm_form div input {
  width: 205px;
}
.sitePickAdress .panelOptions div.ccm_form div select {
  width: 240px;
}
.sitePickAdress .panelOptions div.ccm_form div.field.Sex {
  height: 40px;
  width: 380px;
}
.sitePickAdress .panelOptions div.ccm_form div.field.Sex div {
  width: 120px;
  float: left;
  height: 30px;
}
.sitePickAdress .panelOptions div.ccm_form div.field.Sex label {
  position: relative;
  height: 21px;
  line-height: 21px;
}
.sitePickAdress .panelOptions div.ccm_form .ErrorReportGen {
  left: 92px;
  /*~ .er_content*/
}
.sitePickAdress .panelOptions div.ccm_form .ErrorReportGen .er_content {
  width: 135px;
}
.sitePickAdress .panelOptions div.ccm_form .field.Sex .ErrorReportGen {
  left: 205px;
}
.sitePickAdress .panelOptions div.ccm_form .field.City {
  margin-top: 10px;
}
.sitePickAdress .panelOptions div.ccm_form .field.Country label {
  height: 31px;
}
.sitePickAdress .panelOptions .requiredInfo {
  font-size: 13px;
  font-style: italic;
}
.sitePickAdress .panelOptions .buttonArea {
  margin-top: 30px;
  width: 585px;
  /*.leftArea*/
}
.sitePickAdress .panelOptions .buttonArea .leftArea {
  width: 285px;
}
.sitePickAdress .panelOptions .buttonArea .leftArea .button {
  float: left;
}
.sitePickAdress .panelOptions .panelArea {
  padding-bottom: 20px;
}
/*.sitePickAdress .panelOptions */
.siteFinished {
  /*.buttonArea*/
}
.siteFinished .buttonArea {
  margin-top: 30px;
  width: 585px;
  /*.leftArea*/
}
.siteFinished .buttonArea .leftArea {
  width: 285px;
}
.siteFinished .buttonArea .leftArea .button {
  float: left;
}
.siteFinished .panelArea {
  padding-bottom: 20px !important;
}
/*.siteFinished .panelOptions */
.siteChangePass {
  width: 585px;
  /*.buttonArea*/
}
.siteChangePass .buttonArea {
  margin-top: 30px;
  width: 585px;
  /*.leftArea*/
  /*.leftArea*/
}
.siteChangePass .buttonArea .leftArea {
  width: 285px;
}
.siteChangePass .buttonArea .rightArea .button {
  float: right;
}
.siteChangePass .panelArea {
  padding-bottom: 20px;
}
/*.siteChangePass .panelOptions */
.siteAddAdress {
  width: 994px;
  float: left;
}
.orderCheckout {
  /*.panelLeft, .panelRight, .checkOut_Text, .panelOptions*/
  /*.panelTop*/
  /*.checkOut_Text*/
}
.orderCheckout .panelLeft,
.orderCheckout .panelRight,
.orderCheckout .checkOut_Text,
.orderCheckout .panelOptions,
.orderCheckout .panelArea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*.panelCaption*/
}
.orderCheckout .panelLeft .panelCaption,
.orderCheckout .panelRight .panelCaption,
.orderCheckout .checkOut_Text .panelCaption,
.orderCheckout .panelOptions .panelCaption,
.orderCheckout .panelArea .panelCaption {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.orderCheckout .panelArea {
  width: 585px;
  min-height: 50px;
  float: left;
  padding: 30px 20px 0px 40px;
  background-color: #FFF;
  margin-bottom: 5px;
  border-bottom: 1px solid #d1d1d1;
}
.orderCheckout .panelLeft {
  margin-right: 10px;
}
.orderCheckout .checkOut_Text {
  width: 250px;
  min-height: 150px;
  float: left;
  font-size: 14px;
  margin: 20px 0px 0px 70px;
  padding: 10px 10px 20px 5px;
  border-top: 4px solid #eee233;
  background-color: rgba(255, 255, 255, 0.8);
}
.orderCheckout .checkOut_Text li {
  list-style: none;
  background: url("/_skins/base/images/advantage_ico_li.png");
  background-position: 0px 5px;
  background-repeat: no-repeat;
  background-size: 20px 18px;
  padding: 1px 0px 0px 25px;
  min-height: 25px;
  line-height: 25px;
  margin: 3px 0px 7px 0px;
}
.orderCheckout .checkOut_Text b,
.orderCheckout .checkOut_Text strong {
  padding-left: 15px;
}
/*orderCheckout*/
.articlesCartConfirm {
  min-height: 20px;
  /*.panelCaption*/
}
.articlesCartConfirm .button_grey {
  margin-top: 10px;
}
.articlesCartConfirm .panelCaption {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  margin-right: 10px;
}
.siteConfirmation .panelOptions {
  width: 994px;
  /*.panelLeft, .panelRight*/
  /* .panelRight*/
}
.siteConfirmation .panelOptions .panelLeft,
.siteConfirmation .panelOptions .panelRight {
  width: 50%;
  margin: 0px;
  padding-bottom: 20px;
  min-height: 300px;
  /*.panelCaption*/
}
.siteConfirmation .panelOptions .panelLeft .panelCaption,
.siteConfirmation .panelOptions .panelRight .panelCaption {
  float: left;
}
.siteConfirmation .panelOptions .panelLeft ul,
.siteConfirmation .panelOptions .panelRight ul {
  padding-left: 0px;
  margin-left: 0px;
  margin-top: 30px;
}
.siteConfirmation .panelOptions .panelLeft li,
.siteConfirmation .panelOptions .panelRight li {
  background: url("/_skins/base/images/ico_checkbox.png");
  background-position: 0px -60px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 7px;
}
.siteConfirmation .panelOptions .panelLeft .button_grey,
.siteConfirmation .panelOptions .panelRight .button_grey {
  margin-top: 5px;
  margin-left: 0px;
  float: left;
}
.siteConfirmation .panelOptions .panelRight {
  width: 48%;
  margin-left: 2%;
}
/*.siteConfirmation*/
.explanationText {
  height: 200px;
  float: left;
  width: 580px;
  margin: 30px 0px 0px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*.inlayText*/
}
.explanationText .inlayText {
  overflow-y: scroll;
  height: 180px;
  padding: 10px 15px 10px 15px;
  width: 580px;
  background-color: #f4f4f3;
  border: 1px solid #888888;
  overflow-x: none;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*.explanationText*/
.mitarbeiter {
  width: 295px;
  margin-right: 25px;
  margin-bottom: 50px;
  float: left;
  min-height: 360px;
  /*.name*/
  /*.position*/
  /*.taetigkeiten*/
}
.mitarbeiter .foto {
  width: 240px;
  height: 318px;
  display: block;
  margin-bottom: 10px;
}
.mitarbeiter .name {
  width: 100%;
  float: left;
  min-height: 27px;
  line-height: 27px;
  font-size: 17px;
  padding-left: 3px;
}
.mitarbeiter .name strong,
.mitarbeiter .name b {
  font-weight: 700;
}
.mitarbeiter .position {
  width: 100%;
  float: left;
  min-height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 3px;
  font-weight: 500;
}
.mitarbeiter .taetigkeiten {
  width: 100%;
  float: left;
  padding-left: 3px;
  min-height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-style: italic;
}
/*.mitarbeiter*/
.mitarbeiter_mod4 {
  margin-right: 0px;
}
/*.mitarbeiter*/
.Location {
  width: 100%;
  float: left;
  min-height: 135px;
  margin-top: 50px;
  /*.StockLocation*/
}
.Location .StockLocation {
  width: 100%;
  float: left;
  min-height: 135px;
  /*.bild*/
  /*.bild*/
  /*.title */
  /*.address*/
  /*a*/
}
.Location .StockLocation .bild {
  width: 380px;
  float: left;
  min-height: 100px;
  margin-right: 20px;
}
.Location .StockLocation .bild img {
  width: 380px;
  float: left;
  height: auto;
}
.Location .StockLocation .details {
  xwidth: calc(100% - 840px);
  width: 470px;
  float: left;
  min-height: 100px;
}
.Location .StockLocation .title {
  height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.Location .StockLocation .title .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  margin-right: 9px;
  border-radius: 8px;
}
.Location .StockLocation .title span {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
.Location .StockLocation .address {
  height: 25px;
  margin-bottom: 20px;
  width: 100%;
}
.Location .StockLocation .openingHoursCaption {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
  margin-top: 30px;
}
.Location .StockLocation a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-left: 3px;
  color: #35414d;
}
.Location .StockLocation a span {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
.Location .infos {
  width: 870px;
  min-height: 200px;
  float: left;
}
.Location .maps {
  width: calc(100% - 870px);
  float: left;
  height: 250px;
  margin-top: 70px;
}
/*.Location*/
#main-google,
#main-google2,
#main-google3 {
  display: block;
  width: 100%;
  height: 100%;
}
.infoRemarks {
  width: 400px;
  height: 200px;
  margin: 30px 20px 10px 260px;
  float: left;
  /*textarea*/
}
.infoRemarks textarea {
  width: 400px;
  height: 180px;
  padding: 5px;
  font-family: 'Raleway', sans-serif;
  resize: none;
  color: #808080;
  font-size: 15px;
  border: 1px solid #888888;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.infoRemarks textarea:focus {
  border-color: #000;
}
/*.infoRemarks*/
.infoArea {
  /*label*/
}
.infoArea label {
  width: 100%;
  height: 35px;
  line-height: 30px;
  display: block;
}
/*.infoArea*/
.sitePayment .panelArea {
  padding-bottom: 20px;
}
.overlay {
  background-color: rgba(18, 39, 65, 0.9);
  z-index: 9999;
}
.overlayBox {
  /*header*/
  /*.content*/
}
.overlayBox div.header,
.overlayBox div.content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #FFF;
  padding: 25px;
  width: 100%;
}
.overlayBox div.header {
  float: left;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  letter-spacing: 0.3px;
  font-size: 16px;
  padding: 5px 25px 5px 25px;
  text-transform: uppercase;
  color: #35414d;
  font-weight: 900;
}
.overlayBox div.header .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 70px;
  display: block;
  float: left;
  margin: 6px 9px 0px 0px;
  height: 25px;
}
.overlayBox .content .contentInner {
  line-height: 28px;
}
.overlayBox .content .button {
  float: left;
  margin-top: 20px;
}
/*.overlayBox */
#buttonSideMenu .menu_icon {
  background-color: #fefefe;
  bottom: auto;
  display: inline-block;
  height: 3px;
  left: 50%;
  position: absolute;
  right: auto;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu .menu_icon::before,
#buttonSideMenu .menu_icon::after {
  background-color: #fefefe;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
#buttonSideMenu .menu_icon::before {
  bottom: 7px;
}
#buttonSideMenu .menu_icon::after {
  top: 7px;
}
#buttonSideMenu.active .menu_icon {
  background-color: rgba(34, 31, 29, 0);
  height: 4px;
  background-color: -moz-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* FF3.6+ */
  background-color: -webkit-gradient(linear, left top, right top, color-stop(0%, #fbfafa), color-stop(100%, #b1b0b1));
  /* Chrome,Safari4+ */
  background-color: -webkit-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* Chrome10+,Safari5.1+ */
  background-color: -o-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* Opera 11.10+ */
  background-color: -ms-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* IE10+ */
  background-color: linear-gradient(to right, #fbfafa 0%, #b1b0b1 100%);
  /* W3C */
}
#buttonSideMenu.active .menu_icon::before,
#buttonSideMenu.active .menu_icon::after {
  background-color: #221f1d;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
#buttonSideMenu.active .menu_icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#buttonSideMenu.active .menu_icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.buttonSideMenuContainer {
  width: 50px;
  height: 50px;
  position: fixed;
  left: 50%;
  margin-left: -25px;
  top: 2px;
  display: none;
  z-index: 9999;
}
#buttonSideMenu {
  display: block;
  width: 100%;
  height: 100%;
}
#buttonSideMenu:hover {
  cursor: pointer;
}
.clearB {
  clear: both;
}
.pageslider {
  z-index: 999;
  /*.pageslide_down::after*/
  /*.pageslide_down::before*/
  /*.pageslide_down*/
  /*.pageslide_down::after*/
  /*.pageslide_down::before*/
  /*.pageslide_up*/
}
.pageslider .pageslide_up::before,
.pageslider .pageslide_up::after,
.pageslider .pageslide_down::before,
.pageslider .pageslide_down::after {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
.pageslider .pageslide_down::after {
  width: 30px;
  height: 4px;
  position: absolute;
  right: 5px;
  bottom: 15px;
  background-color: #fcfcfc;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pageslider .pageslide_down::before {
  width: 31px;
  height: 4px;
  position: absolute;
  left: 5px;
  bottom: 15px;
  background-color: #f5f5f5;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pageslider .pageslide_down {
  background: rgba(68, 68, 68, 0.5) none repeat scroll 0 0;
  width: 60px;
  height: 40px;
  position: fixed;
  right: 10px;
  bottom: 0px;
  color: #FFF;
  cursor: pointer;
  z-index: 999;
  content: "";
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.pageslider .pageslide_down:hover {
  background: rgba(238, 226, 51, 0.8) none repeat scroll 0 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.pageslider .pageslide_up::after {
  width: 30px;
  height: 4px;
  position: absolute;
  right: 5px;
  bottom: 15px;
  background-color: #fcfcfc;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pageslider .pageslide_up::before {
  width: 31px;
  height: 4px;
  position: absolute;
  left: 5px;
  bottom: 15px;
  background-color: #f5f5f5;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pageslider .pageslide_up {
  background: rgba(68, 68, 68, 0.5) none repeat scroll 0 0;
  width: 60px;
  height: 40px;
  position: fixed;
  right: 10px;
  color: #FFF;
  bottom: 0px;
  cursor: pointer;
  z-index: 999;
  content: "";
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.pageslider .pageslide_up:hover {
  background: rgba(238, 226, 51, 0.8) none repeat scroll 0 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.pageslider .pageslide_up:hover::before,
.pageslider .pageslide_up:hover::after,
.pageslider .pageslide_down:hover::before,
.pageslider .pageslide_down:hover::after {
  background: rgba(85, 85, 85, 0.8) none repeat scroll 0 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
/*.pageslider*/
.textinfo_grey {
  padding-left: 20px;
}
.orderList {
  width: 565px;
  min-height: 100px;
  margin-top: 30px;
  margin-left: 10px;
  /*.header*/
  /*.orderRow*/
  /*.btn*/
  /*.btn*/
}
.orderList .header {
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  /*.col*/
  /*LEER*/
  /*NR*/
  /*DATE*/
  /*STATE*/
  /*VALUE*/
  /*BTNS*/
}
.orderList .header .col {
  font-size: 11px;
  float: left;
  width: 100px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.orderList .header .col1 {
  width: 15px;
}
.orderList .header .col2 {
  width: 80px;
}
.orderList .header .col3 {
  width: 130px;
}
.orderList .header .col4 {
  width: 110px;
  display: none;
}
.orderList .header .col5 {
  width: 80px;
}
.orderList .header .col6 {
  width: 190px;
}
.orderList .orderRow {
  border-top: 1px solid #454545;
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 60px;
  float: left;
  width: 100%;
  /*.col*/
  /*LEER*/
  /*NR*/
  /*DATE*/
  /*STATE*/
  /*VALUE*/
  /*BTNS*/
}
.orderList .orderRow .col {
  font-size: 14px;
  float: left;
  color: #000;
  height: 60px;
  line-height: 60px;
  display: block;
  text-transform: uppercase;
}
.orderList .orderRow .col1 {
  width: 15px;
}
.orderList .orderRow .col2 {
  width: 80px;
  text-align: left;
}
.orderList .orderRow .col3 {
  width: 130px;
}
.orderList .orderRow .col4 {
  width: 120px;
  padding-top: 10px;
  height: 50px;
  line-height: 40px;
  font-size: 12px;
  display: none;
}
.orderList .orderRow .col4 span {
  color: #dd051d;
  background-color: #F0F0F0;
  line-height: 15px;
  display: block;
  margin-right: 20px;
  padding: 2px 0px 2px 5px;
}
.orderList .orderRow .col5 {
  width: 80px;
}
.orderList .orderRow .col6 {
  width: 190px;
}
.orderList .button {
  float: left;
}
.orderList .btn {
  height: 48px;
  display: inline-block;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  margin-left: 5px;
  overflow: hidden;
}
.orderList .btn .btnInner {
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 28px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #454545;
}
.orderList .btn:hover .btnInner {
  background-color: #eee233;
  color: #454545;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.orderList*/
.shop-login-orders .button {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}
.OrderDetail {
  margin-left: 20px;
  padding-top: 30px;
  min-height: 100px;
  float: left;
  /*.smallPanel*/
  /*.DeliveryNotePositions */
}
.OrderDetail .rowAmount strong {
  font-weight: 600;
}
.OrderDetail .smallPanel {
  width: 565px;
  font-size: 16px;
  min-height: 20px;
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 30px 0px;
  background-color: #FFF;
  border-bottom: 1px solid #20201e;
  /*.topPanel*/
  /*.address */
  /*.address */
}
.OrderDetail .smallPanel .topPanel {
  padding: 10px;
  margin-right: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.OrderDetail .smallPanel .address {
  margin: 30px 0px 20px 0px;
  width: 285px;
  float: left;
}
.OrderDetail .smallPanel .address .panelCaption {
  font-weight: 600;
}
.OrderDetail .smallPanel .infos {
  margin: 30px 0px 20px 0px;
  width: 280px;
  float: left;
}
.OrderDetail .smallPanel .panelCaption {
  font-weight: 600;
  width: 395px;
  float: left;
}
.OrderDetail .smallPanel .button {
  float: left;
}
.OrderDetail .DeliveryNotePositions {
  width: 565px;
  min-height: 100px;
  margin-top: 30px;
  /*.header*/
  /*.article*/
}
.OrderDetail .DeliveryNotePositions .header {
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  /*.col*/
  /*LEER*/
  /*NR*/
  /*ARTICLE*/
  /*STATE*/
  /*QUANTITY*/
  /*PRICE*/
}
.OrderDetail .DeliveryNotePositions .header .col {
  font-size: 11px;
  float: left;
  width: 100px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.OrderDetail .DeliveryNotePositions .header .col1 {
  width: 15px;
}
.OrderDetail .DeliveryNotePositions .header .col2 {
  width: 90px;
}
.OrderDetail .DeliveryNotePositions .header .col3 {
  width: 280px;
}
.OrderDetail .DeliveryNotePositions .header .col4 {
  width: 100px;
}
.OrderDetail .DeliveryNotePositions .header .col5 {
  width: 80px;
}
.OrderDetail .DeliveryNotePositions .header .col6 {
  width: 190px;
}
.OrderDetail .DeliveryNotePositions .article {
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  /*.col*/
  /*LEER*/
  /*NR*/
  /*ARTICLE*/
  /*STATE*/
  /*QUANTITY*/
  /*PRICE*/
}
.OrderDetail .DeliveryNotePositions .article .mobileCaption {
  display: none;
}
.OrderDetail .DeliveryNotePositions .article .col {
  float: left;
  width: 100px;
  color: #000;
}
.OrderDetail .DeliveryNotePositions .article .col1 {
  width: 15px;
}
.OrderDetail .DeliveryNotePositions .article .col2 {
  width: 90px;
  font-size: 11px;
}
.OrderDetail .DeliveryNotePositions .article .col3 {
  width: 280px;
  font-size: 14px;
}
.OrderDetail .DeliveryNotePositions .article .col4 {
  width: 100px;
}
.OrderDetail .DeliveryNotePositions .article .col5 {
  width: 80px;
}
.OrderDetail .DeliveryNotePositions .article .col6 {
  width: 190px;
}
/*.Orderlist*/
.businessContact {
  width: 100%;
  float: left;
  min-height: 100px;
  background-color: #FFF;
  margin-top: 40px;
  padding: 5px 10px 10px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.businessContact .details {
  width: 100%;
  float: left;
  min-height: 100px;
  /*.title */
  /*.address*/
  /*a*/
}
.businessContact .details .title {
  height: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.businessContact .details .title .ico {
  background-image: url(/_skins/base/images/ico_skc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 55px 21px;
  background-color: #eee233;
  width: 80px;
  display: block;
  float: left;
  margin-right: 9px;
  border-radius: 8px;
}
.businessContact .details .title span {
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
.businessContact .details .address {
  height: 25px;
  margin-bottom: 20px;
  width: 100%;
}
.businessContact .details .openingHoursCaption {
  font-size: 13px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
  margin-top: 30px;
}
.businessContact .details .openingHours {
  font-size: 13px;
  padding-left: 5px;
}
.businessContact .details .openingHours p {
  margin-top: 3px;
  margin-bottom: 3px;
}
.businessContact .details a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-left: 3px;
  padding-left: 5px;
  color: #35414d;
}
.businessContact .details a span {
  font-size: 13px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
body.site_id_32 #top {
  margin-bottom: 0px;
}
.headerBusiness {
  width: 100%;
  height: 320px;
  position: relative;
  display: block;
  margin-bottom: 30px;
  /*.title*/
}
.headerBusiness img.bgd {
  width: 100%;
  height: auto;
}
.headerBusiness .title {
  width: 290px;
  height: 120px;
  background-color: #eee233;
  display: block;
  position: absolute;
  text-align: center;
  top: 105px;
  left: 0px;
  vertical-align: middle;
}
.headerBusiness .title img {
  width: 230px;
  height: auto;
  position: absolute;
  text-align: center;
  top: 27px;
  left: 0px;
  left: calc(50% - 115px);
  vertical-align: middle;
}
.headerBusiness .title .business {
  position: absolute;
  text-align: center;
  bottom: -55px;
  left: 0px;
  width: 100%;
  height: 55px;
  font-size: 40px;
  font-weight: 900;
  color: #e8ebef;
  line-height: 55px;
  text-align: right;
  text-transform: uppercase;
}
.headerBusiness .claim {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 420px;
  min-height: 55px;
  font-size: 24px;
  font-weight: 700;
  color: #e8ebef;
  line-height: 28px;
  text-align: right;
  text-transform: uppercase;
}
/*.headerBusiness*/
.serviceBlockNav {
  max-width: 100%;
  display: table;
  height: 140px;
  margin: 30px auto 30px auto;
  /*a*/
}
.serviceBlockNav a {
  width: 145px;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: center;
  height: 145px;
  padding-bottom: 10px;
  /*span*/
}
.serviceBlockNav a img {
  width: 110px;
  margin: 10px 0px 0px 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.serviceBlockNav a span {
  width: 100%;
  font-size: 13px;
  height: 30px;
  text-decoration: none;
  font-weight: 600;
  display: block;
  float: left;
  text-align: center;
  line-height: 30px;
}
.serviceBlockNav a:hover img {
  margin-top: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.serviceBlockNav*/
.serviceBlocks {
  width: 100%;
  min-height: 100px;
  float: left;
  margin-top: 50px;
  /*serviceBlock*/
  /*.serviceBlock.imgTrue */
  /*.serviceBlock.noPic */
}
.serviceBlocks .serviceSection {
  width: 100%;
  min-height: 100px;
  float: left;
}
.serviceBlocks .serviceBlock {
  float: left;
  min-height: 10px;
  margin: 10px 0px 35px 0px;
  background-color: #f8f7f7;
  padding: 20px;
  /*.rightBlock*/
}
.serviceBlocks .serviceBlock .leftBlock {
  width: 200px;
  float: left;
  min-height: 50px;
  margin: 0px 20px 0px 90px;
}
.serviceBlocks .serviceBlock .rightBlock {
  width: calc(100% - 310px);
  float: left;
  min-height: 100px;
  margin-top: 10px;
}
.serviceBlocks .serviceBlock .rightBlock h2 {
  margin-bottom: 10px;
  font-weight: 600;
}
.serviceBlocks .serviceBlock .rightBlock .text {
  font-size: 13px;
}
.serviceBlocks .serviceBlock .rightBlock .text.imgTrue {
  width: 500px;
  float: left;
  margin-right: 20px;
}
.serviceBlocks .serviceBlock .rightBlock .img {
  width: 340px;
  height: auto;
  float: left;
}
.serviceBlocks .serviceBlock .rightBlock .img a {
  display: block;
}
.serviceBlocks .serviceBlock.imgTrue {
  background-color: #FFF;
  padding-left: 0px;
}
.serviceBlocks .serviceBlock.imgTrue .leftBlock {
  width: 380px;
  margin-right: 40px;
}
.serviceBlocks .serviceBlock.imgTrue .rightBlock {
  width: 820px;
}
.serviceBlocks .serviceBlock.noPic .leftBlock {
  display: none;
}
/*.serviceBlocks*/
.middleContent.Business {
  /*.terraBlock*/
}
.middleContent.Business .mainContent .einleitung {
  width: 65%;
  float: left;
  min-height: 50px;
  margin: 0px 40px 0px 20px;
  padding-left: 90px;
}
.middleContent.Business .mainContent .einleitung .complextypes-TextItem-skin .Text {
  margin-top: 20px;
  margin-left: 0px;
  width: 100%;
  padding-left: 0px;
}
.middleContent.Business .terraBlock {
  width: calc(35% - 150px);
  float: left;
  min-height: 100px;
  margin-top: 20px;
}
.middleContent.Business .terraBlock .terra {
  background-image: url("/_skins/base/images/logo_terra.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 84px 100px;
  width: 100%;
  height: 140px;
  display: block;
  margin-top: 10px;
  float: left;
}
.middleContent.Business .terraBlock a.terra_service {
  background-image: url("/_skins/base/images/logo_terra_service.png");
}
/*.middleContent.Business */
#GeneralInfos_Container {
  background-color: #1c333a !important;
  padding-top: 10px !important;
  margin-left: -499px;
  left: 50% !important;
  width: 994px !important;
  /*a.closeGeneralInfos*/
  /*.GeneralInfos_inlay*/
}
#GeneralInfos_Container a.closeGeneralInfos {
  background-color: #3e77c0 !important;
  color: #FFF;
  font-size: 13px;
}
#GeneralInfos_Container .GeneralInfos_inlay {
  width: 770px;
  float: left;
  margin: 5px auto 0px auto !important;
  font-size: 13px;
  /*a.closeGeneralInfos*/
}
#GeneralInfos_Container .GeneralInfos_inlay a {
  color: #3e77c0 !important;
}
/*#GeneralInfos_Container*/
.add_balken {
  width: auto;
  float: right;
  height: 222px;
  margin: 0px 0px 60px 0px;
}
.offersStartGutschein .add_balken {
  width: auto;
  float: right;
  height: 222px;
  margin: 30px 0px 0px 0px;
}
.offersStartGutscheinTop .add_balken {
  width: auto;
  float: right;
  height: 222px;
  margin: 10px 0px 40px 0px;
}
.mainContentAcer {
  display: flex;
  flex-wrap: wrap;
}
.mainContentAcer .leftPart {
  width: 100%;
  max-width: 160px;
}
.mainContentAcer .rightPart {
  width: 100%;
  max-width: calc(100% - 160px);
}
.mainContentAcer .rightPart .complextypes-TextItem-skin .Text {
  padding-left: 30px;
  width: 80%;
}
.mainContentAcer .rightPart h1 {
  font-size: 31px;
  margin-bottom: 15px;
  line-height: 35px;
}
.mainContentAcer .rightPart h2 {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  margin-top: 80px;
  font-size: 32px;
  font-weight: 600;
}
.mainContentAcer .rightPart .steps {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
  padding-left: 30px;
}
.mainContentAcer .rightPart .steps .step {
  width: calc(100% * (1/3) - 20px);
}
.mainContentAcer .rightPart .steps .step .number {
  text-align: center;
}
.mainContentAcer .rightPart .steps .step .number img {
  width: 90%;
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.mainContentAcer .rightPart .steps .step .text {
  text-align: center;
}
.mainContentAcer .rightPart .steps .step .text strong {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.mainContentAcer .rightPart .steps .step .text p {
  margin: 0 auto;
  max-width: 230px;
}
.mainContentAcer .rightPart .steps .step .text a {
  font-weight: 600;
  color: #86befb;
}
.mainContentAcer .rightPart .topPart {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.mainContentAcer .rightPart .topPart .txt {
  width: 600px;
  display: flex;
  flex-wrap: wrap;
}
.mainContentAcer .rightPart .topPart .header {
  width: 100%;
  max-width: 970px;
  width: 80%;
  padding-top: 20px;
  max-width: calc(100% - 600px);
}
.mainContentAcer .rightPart .topPart .header img {
  width: 100%;
  height: auto;
  display: block;
}
.mainContentAcer .botBanner {
  width: 100%;
  display: block;
}
.mainContentAcer .botBanner img {
  width: 100%;
  height: auto;
  display: block;
}
.mainContentAcer .productsLP {
  max-width: 930px;
  margin: 100px auto 30px auto;
}
.mainContentAcer .productsLP h2 {
  margin-bottom: 30px;
}
.addMobile {
  display: none;
}
.mobileB {
  display: none;
}
.teaserWerbung {
  width: 100%;
  display: none;
  margin-bottom: 20px;
}
.teaserWerbung img {
  width: 100%;
  height: auto;
  display: block;
}
/* iPad in portrait & landscape*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  body,
  html {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .BodyHolder {
    width: 100%;
  }
  div#container {
    width: 100%;
  }
  .offersStartGutscheinTop .add_balken {
    width: 100%;
    height: auto;
  }
  .offersStartGutschein .add_balken {
    width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;
  }
  .middleContent.Business .mainContent .einleitung {
    width: 65%;
    float: left;
    min-height: 50px;
    margin: 0px 15px 0px 15px;
    padding-left: 0px;
  }
  .middleContent.Business .terraBlock {
    width: calc(35% - 40px);
    float: left;
    min-height: 100px;
    margin-top: 20px;
  }
  .serviceBlocks .serviceBlock .leftBlock {
    margin: 0px 20px 0px 0px;
  }
  .businessContact {
    padding: 5px 0px 10px 10px;
  }
  .headerBusiness img.bgd {
    width: auto;
    height: 320px;
  }
  .headerBusiness {
    overflow: hidden;
  }
  #Header {
    background-image: url('/_skins/base/images/bgd_header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 200px;
    height: 168px;
    width: 100%;
    overflow: hidden;
    /*.inlay */
    /*.claimRight*/
  }
  #Header .inlay {
    width: 100%;
    height: 160px;
    /*.miniCart */
  }
  #Header .inlay .top {
    height: 97px;
    margin-bottom: 0px;
  }
  #Header .inlay .miniCart {
    width: 245px;
    margin-top: 8px;
    float: right;
  }
  #Header #logo {
    margin-left: 3px;
  }
  #Header .claimRight {
    background-image: url('/_skins/base/images/skc_claimBGD.png');
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto 69px;
    width: 295px;
  }
  #Header .claimRight .ico {
    position: absolute;
    top: -8px;
    height: 52px;
    width: 37px;
    background-size: 37px 52px;
  }
  #Header .claimRight .ico.icoTV {
    background-image: url("/_skins/base/images/icon_tv.png");
    background-position: center center;
    background-repeat: no-repeat;
    left: 15px;
  }
  #Header .claimRight .ico.icoMusic {
    background-image: url("/_skins/base/images/icon_music.png");
    background-position: center center;
    background-repeat: no-repeat;
    left: 60px;
  }
  #Header .claimRight .ico.icoComputer {
    background-image: url("/_skins/base/images/icon_computer.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65px 92px;
    left: 105px;
    height: 92px;
    width: 65px;
    top: -25px;
  }
  #Header .claimRight .ico.icoMobil {
    background-image: url("/_skins/base/images/icon_mobil.png");
    background-position: center center;
    background-repeat: no-repeat;
    left: 178px;
  }
  #Header .claimRight .ico.icoCamera {
    background-image: url("/_skins/base/images/icon_camera.png");
    background-position: center center;
    background-repeat: no-repeat;
    left: 222px;
  }
  #Header .search {
    float: left;
    width: calc(100vw - 300px);
    margin-left: 5px;
    margin-right: 1px;
    height: 40px;
    /*input*/
  }
  #Header .search input {
    width: calc(100vw - 420px);
    height: 30px;
    padding: 5px;
    color: #b6babf;
    border: none;
    margin: 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 600;
    float: left;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid transparent;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0px;
  }
  #Header .search input:focus {
    border: 1px solid #ffffff;
    width: calc(100vw - 420px);
    color: #FFF;
    background-color: rgba(69, 69, 69, 0.85);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
    -moz-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
    box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
  }
  /*#Header*/
  #Header.checkOut .miniCart {
    margin-top: 0px;
  }
  /*.miniCart */
  #Header.checkOut .claimLeft {
    width: calc(100vw - 470px);
    background: #306aa8;
    background: -moz-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #306aa8), color-stop(40%, #306aa8), color-stop(40%, #013365), color-stop(100%, #013365));
    background: -webkit-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -o-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -ms-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: linear-gradient(to bottom, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#306aa8', endColorstr='#013365', GradientType=0);
  }
  #Header.checkOut .claimLeft img.claimM {
    display: inline-block;
  }
  #Header.checkOut .claimLeft img.claimM {
    margin: 0px;
    margin-top: 12px;
    height: auto;
    text-align: center;
    vert-align: middle;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  /*.miniCart */
  .productNavigation {
    width: 100%;
    padding-top: 0px;
    height: 150px;
    /*.level_inner_1*/
    /*.level_inner_2*/
  }
  .productNavigation .productNavigationInner {
    height: 150px;
    width: 100%;
  }
  .productNavigation .level_inner_1 {
    width: 14%;
    height: 150px;
    /*.navbutton*/
  }
  .productNavigation .level_inner_1 a.navbutton {
    width: 100%;
    /*span.img*/
    /*span.title*/
  }
  .productNavigation .level_inner_1 a.navbutton span.img.categoryImg {
    background-size: 100% auto !important;
    width: 100%;
  }
  .productNavigation .level_inner_1 a.navbutton span.title {
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    height: 35px;
    margin-top: 0px;
    display: block;
    border-radius: 0px;
    -webkit-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
    -moz-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
    box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
  }
  .productNavigation .level_inner_1 .navbutton.active {
    height: 150px;
    border-bottom: 0px solid transparent;
  }
  .productNavigation .level_inner_1 .level_1 {
    width: auto;
  }
  .productNavigation .level_inner_1 .level_1.show {
    top: 155px;
    padding-top: 5px;
  }
  .productNavigation .level_inner_1:hover span.img {
    margin-top: 5px;
  }
  .productNavigation .level_inner_1:hover .level_1 {
    /**/
    top: 155px;
  }
  .productNavigation .level_inner_2 {
    /*.navbutton*/
  }
  .productNavigation .level_inner_2 a.navbutton {
    /*span.title*/
  }
  .productNavigation .level_inner_2 a.navbutton span.title {
    padding: 0px 7px 0px 7px;
    line-height: 30px;
    margin-top: 0px;
    display: inline-block;
    border-radius: 0px;
  }
  .productNavigation .level_inner_1.navbutton_2,
  .productNavigation .level_inner_1.navbutton_7 {
    /*span.title*/
  }
  .productNavigation .level_inner_1.navbutton_2 .navbutton span.title,
  .productNavigation .level_inner_1.navbutton_7 .navbutton span.title {
    line-height: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3px;
  }
  .productNavigation .level_inner_1.navbutton_2 .level_inner_2,
  .productNavigation .level_inner_1.navbutton_7 .level_inner_2 {
    /*span.title*/
  }
  .productNavigation .level_inner_1.navbutton_2 .level_inner_2 .navbutton span.title,
  .productNavigation .level_inner_1.navbutton_7 .level_inner_2 .navbutton span.title {
    line-height: 30px;
    padding-top: 0px;
  }
  .productNavigation .level_inner_1 .navbutton.currentActive {
    height: 150px;
    border-bottom: 0px solid transparent;
    /*span.title*/
  }
  .productNavigation .level_inner_1 .navbutton.currentActive span.title {
    height: 34px;
    line-height: 28px;
  }
  .productNavigation .level_inner_2 .navbutton.currentActive {
    /*span.title*/
  }
  .productNavigation .level_inner_2 .navbutton.currentActive span.title {
    height: 30px;
    line-height: 30px;
    background-color: #eee233;
    padding: 0px 10px 0px 10px;
    width: auto;
    border-top: none;
    border-radius: 0px;
    -webkit-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
    -moz-box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
    box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 0);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  /*.productNavigation*/
  div.field input,
  textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
  }
  div#middle {
    /*.rightArea*/
  }
  div#middle .rightArea {
    width: calc(100% - 290px);
    float: right;
    min-height: 460px;
  }
  /*div#middle*/
  .groupNavigation a {
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 0px 0px;
  }
  /*.groupNavigation*/
  .productStart {
    width: 100%;
    height: 440px;
    margin: 0px 0px 0px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 5px 0px 15px;
    border-right: 1px solid #EEEEEE;
    /*.category*/
    /*.title*/
    /*.price*/
    /*.details*/
    /*&:hover*/
  }
  .productStart span.maxSpan {
    width: 100%;
    float: left;
    min-height: 20px;
  }
  .productStart .category {
    font-size: 12px;
    color: #95999e;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 17px;
  }
  .productStart .title {
    font-size: 13px;
    top: 35px;
    left: 20px;
    width: calc(100% - 20px);
  }
  .productStart .titleSpacer {
    height: 45px;
  }
  .productStart .price {
    font-family: 'Lato', sans-serif;
    color: #33414e;
    font-size: 24px;
    font-weight: 400;
    height: 45px;
  }
  .productStart .price span.currency {
    font-size: 21px;
    font-weight: 400;
    width: 13px;
    display: inline-block;
    line-height: 17px;
  }
  .productStart .details {
    font-size: 11px;
    color: #586c80;
    font-weight: 400;
    line-height: 18px;
    height: 70px;
    width: 100%;
    overflow: hidden;
  }
  .productStart .details p {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
    margin: 0px;
    width: 100%;
  }
  .productStart span.img {
    height: 220px;
    width: calc(100% - 0px);
  }
  .productStart span.img table {
    height: 220px;
    padding: 0px;
    margin: 0px;
  }
  .productStart span.img img {
    width: 100%;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart div::before,
  .productStart .priceLayer,
  .productStart .btn {
    display: none;
  }
  .productStart:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
  }
  .productStart:hover .title {
    color: #33414e;
    top: 35px;
  }
  .productStart:hover img {
    -webkit-filter: blur(0px);
    /* Safari */
    filter: blur(0px);
  }
  .productStart:hover .btn {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
  }
  .productStart:hover .details,
  .productStart:hover .price {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
  }
  /*.productStart*/
  .productStart_mod3,
  .productList_mod3,
  .productCross_mod3 {
    margin-right: 0px;
  }
  .offersStart {
    margin-left: -10px;
  }
  .offersStartLong,
  .offersCrossLong {
    width: 100%;
    height: 435px;
    overflow: hidden;
  }
  .offersStartLong .productStart_mod3,
  .offersCrossLong .productStart_mod3,
  .offersStartLong .productCross_mod3,
  .offersCrossLong .productCross_mod3 {
    margin-right: 0px;
  }
  /*.offerStartLong */
  .offersStartSpecial {
    width: 100vw;
    min-height: 100px;
    float: left;
    margin: 0px auto 1px auto;
  }
  .offersStartSpecial img {
    width: 100%;
    height: auto;
    margin: 10px 0px 30px 0px;
  }
  .productListAll {
    min-height: 460px;
    width: 580px;
    margin: 0px auto 5px auto;
    float: left;
  }
  .productListAll .productList {
    width: 265px;
    height: 410px;
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 15px 11px 0px 11px;
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productListAll .productList_mod3 {
    margin-right: 5px;
  }
  .productListAll .productListMobile_mod2 {
    margin-right: 0px;
  }
  /*.productListAll*/
  #filter {
    width: calc(100% - 585px);
    float: right;
    min-height: 100px;
  }
  .f_categorySorter {
    height: 85px;
  }
  .f_categorySorter .inlaySorter {
    float: left;
    padding-right: 0px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*.f_categorySorter */
  div#top {
    width: 100%;
    height: 30px;
    background-color: #FFFFFF;
    margin-bottom: 25px;
    padding: 0px 2% 0px 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.userpanel*/
    /*.shortNavigation*/
  }
  div#top .userpanel {
    font-size: 12px;
    width: calc(100% - 220px);
    /*.userpanelInner*/
  }
  div#top .userpanel .icoSKC {
    background-image: url(/_skins/base/images/ico_skc.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 55px 21px;
    background-color: #eee233;
    width: 75px;
  }
  div#top .userpanel .icoSKC_claim {
    background-color: #306aa7;
    width: 170px;
    font-size: 11px;
    left: 75px;
  }
  div#top .userpanel .userpanelInner {
    margin-left: 10px;
  }
  div#top .userpanel .userpanelInner .logout,
  div#top .userpanel .userpanelInner .myAccount {
    margin-left: 10px;
  }
  div#top .shortNavigation {
    max-width: 220px;
    font-size: 10px;
  }
  div#top .shortNavigation a {
    padding: 0px 6px 0px 6px;
    border-left: 1px solid #f7f6f6;
  }
  div#top .shortNavigation a.first {
    border: none;
  }
  /*div#top*/
  body.site_id_1.site_level_1 div#top .userpanel .userpanelInner {
    margin-left: 5px;
  }
  div#top.fixed .userpanel .userpanelInner,
  body.site_id_1.site_level_1 div#top.fixed .userpanel .userpanelInner {
    margin-right: 5px;
  }
  /*div#top.fixed*/
  .stage {
    width: 100%;
    height: 461px;
    margin: 0px 0px 50px 0px;
    border-bottom: 5px solid #3d77c0;
    /*.slideItem*/
    /*.slideItem_mod1*/
  }
  .stage .stage_inlay {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  .stage .slideItem {
    width: 100%;
    position: relative;
    /*.details.bottom */
  }
  .stage .slideItem .img {
    position: absolute;
    left: 180px;
    margin-left: -160px;
    width: 100%;
    transition: all 0.35s ease 0.3s;
    -webkit-transition: all 0.35s ease 0.3s;
    -moz-transition: all 0.35s ease 0.3s;
    -o-transition: all 0.35s ease 0.3s;
    -ms-transition: all 0.35s ease 0.3s;
  }
  .stage .slideItem .details {
    position: absolute;
    left: 20px;
    width: calc(100% - 30px);
    height: 350px;
    color: #454545;
    transition: all 0.35s ease 0.3s;
    -webkit-transition: all 0.35s ease 0.3s;
    -moz-transition: all 0.35s ease 0.3s;
    -o-transition: all 0.35s ease 0.3s;
    -ms-transition: all 0.35s ease 0.3s;
    text-align: right;
    /*span*/
    /*.type*/
    /*.title*/
    /*.description*/
  }
  .stage .slideItem .details span {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
  }
  .stage .slideItem .details span.type {
    font-size: 14px;
    font-weight: 900;
    min-height: 35px;
    line-height: 25px;
    background-color: #fffa45;
    display: inline;
    padding: 1px;
    clear-after: both;
    margin-bottom: 5px;
  }
  .stage .slideItem .details span.title {
    font-size: 35px;
    font-weight: 900;
    min-height: 25px;
    line-height: 35px;
    text-shadow: 0px -2px 2px rgba(150, 150, 150, 0.21);
    background-color: #fffa45;
    display: inline;
    padding: 1px;
    margin-bottom: 5px;
  }
  .stage .slideItem .details span.description {
    font-size: 14px;
    font-weight: 300;
    min-height: 25px;
    line-height: 25px;
    padding-top: 5px;
    text-align: right;
    margin-top: 10px;
  }
  .stage .slideItem .details span.description p {
    background-color: #3f77c0;
    color: #FFF;
    display: inline;
    padding: 5px;
  }
  .stage .slideItem .details span.description ul li {
    float: right;
    margin-right: 1px;
  }
  .stage .slideItem .details.white {
    color: #454545;
  }
  .stage .slideItem .details.bottom .description {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .stage .slideItem .btn {
    left: calc(100% - 125px);
  }
  .stage .slideItem_mod1 .img {
    top: -400px;
  }
  .stage .slideItem_mod1 .details {
    top: -400px;
  }
  .stage .slideItem_mod2 .img {
    bottom: -400px;
  }
  .stage .slideItem_mod2 .details {
    bottom: -400px;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod1 .img {
    top: 70px;
    transition: all 0.35s ease 1s;
    -webkit-transition: all 0.35s ease 1s;
    -moz-transition: all 0.35s ease 1s;
    -o-transition: all 0.35s ease 1s;
    -ms-transition: all 0.35s ease 1s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod1 .details {
    top: 15px;
    transition: all 0.3s ease 0.7s;
    -webkit-transition: all 0.3s ease 0.7s;
    -moz-transition: all 0.3s ease 0.7s;
    -o-transition: all 0.3s ease 0.7s;
    -ms-transition: all 0.3s ease 0.7s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod2 .img {
    bottom: 0px;
    transition: all 0.35s ease 1s;
    -webkit-transition: all 0.35s ease 1s;
    -moz-transition: all 0.35s ease 1s;
    -o-transition: all 0.35s ease 1s;
    -ms-transition: all 0.35s ease 1s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod2 .details {
    bottom: 75px;
    transition: all 0.3s ease 0.7s;
    -webkit-transition: all 0.3s ease 0.7s;
    -moz-transition: all 0.3s ease 0.7s;
    -o-transition: all 0.3s ease 0.7s;
    -ms-transition: all 0.3s ease 0.7s;
  }
  .stage .owl_navigation {
    height: 25px;
    position: absolute;
    bottom: 5px;
    left: 0%;
    width: 100%;
    /*.button_left, .button_right*/
    /*.buttons_select*/
  }
  .stage .owl_navigation .button_left,
  .stage .owl_navigation .button_right {
    display: none;
  }
  .stage .owl_navigation .buttons_select {
    height: 25px;
    position: absolute;
    top: 0px;
    left: 50%;
    /*a*/
    /*a.active*/
  }
  .stage .owl_navigation .buttons_select a {
    width: 16px;
    height: 16px;
    text-indent: -10000px;
    border: 2px solid #444444;
    border-radius: 60px;
    display: block;
    float: left;
    margin-right: 10px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .stage .owl_navigation .buttons_select a:hover {
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    background-color: #5880d5;
    border-color: #5880d5;
  }
  .stage .owl_navigation .buttons_select a.active {
    background-color: #5880d5;
    border-color: #5880d5;
    width: 60px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .stage .owl_navigation .button_select.button_select_last a {
    margin-right: 0px;
  }
  /*.stage*/
  .noMobileClear {
    display: none;
  }
  .productDetail {
    /*.topInfo*/
    /*.topPart*/
    /*.leftPart*/
    /*.rightPart*/
    /*.stockSpacer*/
  }
  .productDetail .topInfo {
    height: 78px;
    /*.breadCrumb*/
  }
  .productDetail .topInfo .breadCrumb {
    width: calc(100% - 23px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .productDetail .topInfo .artNr {
    margin: 10px 0px 0px 23px;
    height: 23px;
    line-height: 23px;
  }
  .productDetail .topInfo .goBack {
    width: 147px;
    height: 33px;
    line-height: 15px;
    float: right;
    /*a*/
  }
  .productDetail .topInfo .goBack a {
    border-left: none;
    height: 23px;
    background-color: #808080;
    color: #FFFFFF;
  }
  .productDetail .topPart {
    /*.headerProduct*/
  }
  .productDetail .topPart .headerProduct {
    width: calc(100% - 5%);
    min-height: 60px;
    float: left;
    padding: 15px 0px 0px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.title*/
  }
  .productDetail .topPart .headerProduct .brand {
    float: right;
  }
  .productDetail .topPart .headerProduct .title {
    max-width: 65vw;
    line-height: 25px;
    /*h1*/
  }
  .productDetail .topPart .headerProduct .title h1 {
    font-size: 17px;
    font-weight: 600;
    color: #35414d;
  }
  .productDetail .leftPart {
    width: 65vw;
    margin-right: 10px;
    /*.productImgAlternative*/
    /*.productImgAlternativeOverlay*/
  }
  .productDetail .leftPart .productImgMain {
    width: 100%;
    height: 390px;
    margin: 0px 0px 0px 0px;
    position: relative;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    /*&:hover*/
  }
  .productDetail .leftPart .productImgMain img {
    max-width: 400px;
    max-height: 360px;
    height: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
  }
  .productDetail .leftPart .productImgMain:hover {
    background: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(48, 106, 167, 0.85) 0%, rgba(61, 119, 192, 0) 75%) repeat scroll 0 0;
  }
  .productDetail .leftPart .productImgAlternative {
    width: 100%;
    padding: 10px 1% 0px 1%;
    height: 125px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 5px 0px;
    /*.imgAlternativ */
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ {
    width: 32%;
    height: 115px;
    border: 1px solid #d9d9d9;
    margin-right: 1%;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ table {
    height: 115px;
    text-align: center;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ table img {
    max-height: 115px;
    max-width: 125px;
    height: auto;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ4 {
    margin-right: 0px;
  }
  .productDetail .leftPart .productImgAlternativeOverlay {
    /*.imgAlternativBig*/
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: inline-block;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(18, 39, 65, 0.9);
    z-index: 9999;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig table {
    height: 100vh;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td,
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig tr {
    padding: 0px;
    margin: 0px;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td {
    height: 100vh;
    vertical-align: middle;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close {
    background-image: url('/_skins/base/images/ico_closeOV.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    display: block;
    top: 40px;
    position: absolute;
    right: 40px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    z-inde: 999;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close:hover {
    pointer-events: none;
    cursor: pointer;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    visibility: visible;
    pointer-events: auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productDetail .rightPart {
    width: calc(35vw - 15px);
    float: left;
    min-height: 300px;
    /*.addCartForm*/
    /*.description*/
  }
  .productDetail .rightPart .addCartForm {
    height: 210px;
    margin-top: 10px;
    /*.quantity*/
  }
  .productDetail .rightPart .addCartForm .btn_addCart,
  .productDetail .rightPart .addCartForm .price,
  .productDetail .rightPart .addCartForm .streetPrice {
    margin-right: 0px;
    float: left;
  }
  .productDetail .rightPart .addCartForm .quantity {
    float: left;
    width: 202px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .productDetail .rightPart .addCartForm .quantity input#Quantity {
    height: 38px;
    line-height: 40px;
    -webkit-appearance: none;
    border-radius: 0;
  }
  .productDetail .rightPart .addCartForm.visibleHint {
    height: 255px;
  }
  .productDetail .rightPart .addCartForm.visibleHint .deliveryHint {
    float: left;
  }
  .productDetail .rightPart .description {
    width: 100%;
    float: left;
    height: 185px;
    font-size: 12px;
    font-weight: 600;
  }
  .productDetail .stockSpacer {
    height: 100px;
    width: 100%;
    display: block;
  }
  /*.productDetail*/
  .productDetailInformation {
    height: 240px;
    /*.InformationInner*/
  }
  .productDetailInformation .InformationInner {
    padding: 20px 25px 25px 25px;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.additionalInfo*/
    /*.info_txt*/
  }
  .productDetailInformation .InformationInner .additionalInfo {
    width: 100%;
    float: left;
    height: 55px;
  }
  .productDetailInformation .InformationInner .infoTxts {
    width: 100%;
  }
  .productDetailInformation .InformationInner .info_txt {
    width: 100%;
  }
  /*.productDetailInformation */
  .marketingText,
  .detailsTechnical {
    float: left;
    background-color: #FFFFFF;
    padding: 2%;
    min-height: 200px;
    font-size: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*.marketingText, .detailsTechnical*/
  .marketingText {
    margin-right: 0px;
  }
  .marketingText b {
    font-size: 17px;
    margin-bottom: 0px;
  }
  /*.marketingText*/
  .detailsTechnical {
    width: 100%;
    /*div*/
  }
  .detailsTechnical div.ITSr0,
  .detailsTechnical div.ITSr1 {
    width: 50%;
  }
  .detailsTechnical div.ITSr0 .caption,
  .detailsTechnical div.ITSr1 .caption,
  .detailsTechnical div.ITSr0 .ITSn,
  .detailsTechnical div.ITSr1 .ITSn {
    width: 50%;
    float: left;
  }
  .detailsTechnical div.ITSr0 .value,
  .detailsTechnical div.ITSr1 .value,
  .detailsTechnical div.ITSr0 .ITSv,
  .detailsTechnical div.ITSr1 .ITSv {
    width: 50%;
  }
  .detailsTechnical div:after {
    clear: both;
  }
  /*.detailsTechnical*/
  .deliveryInfo {
    width: 100%;
    position: relative;
    /*.shops*/
  }
  .deliveryInfo .shops {
    width: calc(100% - 25px);
    height: 70px;
    position: absolute;
    right: 0px;
    top: -70px;
    /*span*/
    /*span.quantity*/
    /*.captionMain*/
  }
  .deliveryInfo .shops span {
    width: 140px;
  }
  .deliveryInfo .shops span.quantity {
    width: 170px;
    margin-right: 10px;
  }
  .deliveryInfo .shops .captionMain {
    left: 0px;
    top: -35px;
  }
  /*.deliveryInfo*/
  .priceInfo {
    width: 100%;
    text-align: center;
  }
  /*.priceInfo*/
  #brands .brandsInlay {
    max-width: 994px;
    overflow: hidden;
  }
  #brands .brandsInlay .brand {
    margin-left: 5px;
  }
  #brands {
    background-color: #FFFFFF;
    width: 100vw;
    height: 115px;
    margin: 15px 0px 0px 0px;
    padding-top: 15px;
  }
  #brands .brandsInlay {
    width: 100%;
    margin: 0px auto 0px auto;
    height: 115px;
  }
  #brands .brand {
    max-width: 174px;
    width: 33%;
    height: 50px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    /*img*/
  }
  #brands .brand img {
    width: auto;
    height: 50px;
  }
  /*.brandsStart*/
  .loginMask {
    /*.panelTop*/
    /*.panelRight*/
  }
  .loginMask .panelLeft {
    width: calc(50% - 10px);
    height: 260px;
    float: left;
    padding: 30px 20px 0px 20px;
    margin: 0px 10px 25px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*input*/
    /*.button_log*/
  }
  .loginMask .panelLeft .loginfields {
    width: 100%;
    min-height: 40px;
    float: left;
    margin-right: 0px;
  }
  .loginMask .panelLeft .button {
    margin-top: 5px;
  }
  .loginMask .panelLeft input {
    width: 100%;
  }
  .loginMask .panelLeft .button_log {
    margin-top: 10px;
  }
  .loginMask .panelLeft .ErrorReportGen {
    left: 163px !important;
  }
  .loginMask .panelRight {
    padding: 65px 10px 0px 10px;
    width: 50%;
    height: 260px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .loginMask .panelRight .txt {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .loginMask .panelRight .button {
    margin-top: 33px;
  }
  /*.loginMask*/
  div.ccm_form {
    /* Form - Global*/
    /*.panelLeft, .panelRight */
    /*div.field */
    /*div.field.Sex */
    /*div.IsCompany*/
    /*div input, div.ccm_form div textarea */
    /*div input, div.ccm_form div textarea*/
    /*div.Country.field*/
    /*.Password.output */
    /*.IsCompany, .ConfirmContract*/
  }
  div.ccm_form .panelLeft,
  div.ccm_form .panelRight {
    width: 100%;
    min-height: 200px;
    float: left;
    padding: 30px 20px 0px 20px;
    background-color: #FFF;
    border-bottom: 1px solid #d1d1d1;
    margin: 0px 0px 15px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.ccm_form .panelLeft .caption,
  div.ccm_form .panelRight .caption {
    width: 100%;
  }
  div.ccm_form .panelLeft .captionTop,
  div.ccm_form .panelRight .captionTop {
    font-size: 16px;
    margin-bottom: 20px;
  }
  div.ccm_form .panelLeft .panelLeftMobile,
  div.ccm_form .panelRight .panelLeftMobile,
  div.ccm_form .panelLeft .panelRightMobile,
  div.ccm_form .panelRight .panelRightMobile {
    width: 50%;
    min-height: 100px;
    float: left;
  }
  div.ccm_form .panelLeft .panelRightMobile,
  div.ccm_form .panelRight .panelRightMobile {
    margin-top: -12px;
  }
  div.ccm_form .panelRight {
    width: 100%;
    margin-right: 0px;
    padding-right: 10px;
  }
  div.ccm_form .panelInnerLeft,
  div.ccm_form .panelInnerRight {
    width: calc(50% - 5px);
    min-height: 200px;
    float: left;
    padding: 0px;
    margin: 0px 0px 5px 0px;
  }
  div.ccm_form div.field {
    min-height: 20px;
    float: left;
    margin: 0px 0px 15px 0px;
    font-size: 15px;
    width: 375px;
    position: relative;
  }
  div.ccm_form div.field.Sex {
    height: 40px;
    width: 380px;
    margin-top: 30px;
    margin-bottom: 7px;
  }
  div.ccm_form div.field.Sex div {
    width: 120px;
    float: left;
    height: 30px;
  }
  div.ccm_form div.field.Sex label {
    position: relative;
    height: 21px;
    line-height: 21px;
  }
  div.ccm_form div.field.Sex label {
    pointer-events: auto;
  }
  div.ccm_form .inputfield {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
    margin-top: 20px;
  }
  div.ccm_form div.IsCompany label {
    padding: 0px;
    padding-left: 30px;
  }
  div.ccm_form div.IsCompany .inputfield {
    margin-top: 0px;
    margin-right: 10px;
  }
  div.ccm_form .specialInputfield {
    margin-top: 0px;
  }
  div.ccm_form div input,
  div.ccm_form div.ccm_form div textarea {
    border: none;
    width: 340px;
    height: 40px;
    color: #ffffff;
    font-size: 15px;
    border: 1px solid #eee233;
    padding: 0px 15px 0px 15px;
    display: block;
    float: left;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    /*:focus*/
  }
  div.ccm_form div input:focus,
  div.ccm_form div.ccm_form div textarea:focus {
    border-color: #3e77c0;
    color: #52463a;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
  }
  div.ccm_form .specialInputfield input {
    color: #52463a;
  }
  div.ccm_form div input.notEmpty,
  div.ccm_form div.ccm_form div textarea.notEmpty {
    color: #52463a;
    border-color: #3e77c0;
  }
  div.ccm_form div select {
    border: none;
    width: 268px;
    height: 40px !important;
    border: 1px solid #eee233;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    line-height: 1;
    padding: 5px 5px 5px 5px;
    -webkit-appearance: none;
  }
  div.ccm_form div select option {
    height: 40px;
    line-height: 200%;
  }
  div.ccm_form div.Country.field label {
    width: 40px;
  }
  div.ccm_form div span.errorMessage {
    clear: left;
    color: #E51937;
    margin-left: 136px;
  }
  div.ccm_form .User.field {
    margin-top: 0px;
    margin-bottom: 7px;
  }
  div.ccm_form .User.field.output {
    /*Mein Konto*/
  }
  div.ccm_form .User.field.output .inputfield {
    width: 202px;
    float: left;
    line-height: 20px;
  }
  div.ccm_form .User.field.output .button {
    float: left;
  }
  div.ccm_form .Password.output {
    /*Mein Konto*/
  }
  div.ccm_form .Password.output .inputfield {
    width: 202px;
    float: left;
  }
  div.ccm_form .Password.output .inputfield div input {
    width: 150px;
  }
  div.ccm_form .Password.output .button {
    float: left;
  }
  div.ccm_form div.PasswordRepeat.field {
    padding-bottom: 7px;
    margin-bottom: 22px;
  }
  div.ccm_form div.Password.field {
    padding: 0px;
    margin: 0px;
  }
  div.ccm_form label {
    width: 100%;
  }
  div.ccm_form div.CompanyName.field {
    margin-bottom: 0px;
  }
  div.ccm_form div.UID.field {
    margin-bottom: 0px;
  }
  div.ccm_form div.IsCompany.field {
    margin-bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.ccm_form div.IsCompany.field #IsCompany {
    width: 25px;
    height: 20px;
    margin-left: 0px;
  }
  div.ccm_form div.IsCompany.field label {
    pointer-events: auto;
    line-height: 25px;
    padding-left: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* @end  */
  div.ccm_form .Sex.field label {
    width: 55px;
    margin: 0px 0px 0px 0px;
  }
  .buttonArea {
    width: 100%;
    padding: 0px 2% 0px 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    /*.leftArea, .rightArea */
    /*.leftArea*/
  }
  .buttonArea .leftArea,
  .buttonArea .rightArea {
    width: 50%;
  }
  .buttonArea .leftArea .button {
    float: left;
  }
  /*.buttonArea*/
  .topInfo .breadCrumb {
    width: calc(100% - 23px);
    margin: 10px 0px 10px 23px;
  }
  /*.topInfo */
  #breadCrumbOrder {
    width: 150px;
  }
  .shop-order-delivery,
  .shop-order-payment {
    width: calc(100% - 210px);
  }
  .shop-order-delivery .buttonArea,
  .shop-order-payment .buttonArea {
    width: 100%;
    /*.leftArea, .rightArea */
  }
  .shop-order-delivery .buttonArea .leftArea,
  .shop-order-payment .buttonArea .leftArea,
  .shop-order-delivery .buttonArea .rightArea,
  .shop-order-payment .buttonArea .rightArea {
    width: 50%;
    min-height: 70px;
  }
  /*.shop-order-delivery*/
  .panelOptions {
    width: 100%;
  }
  .orderCheckout {
    /*.panelTop*/
    /*.checkOut_Text*/
  }
  .orderCheckout .panelArea {
    width: 100%;
  }
  .orderCheckout .panelLeft {
    margin-right: 0px;
  }
  .orderCheckout .checkOut_Text {
    width: 100%;
    margin: 0px;
    padding: 10px 10px 10px 5px;
  }
  /*orderCheckout*/
  .werbeTeasers {
    width: 100%;
    float: right;
    height: 290px;
    margin: 70px 0px 20px 0px;
    overflow: hidden;
    /*.werbeTeaser*/
  }
  .werbeTeasers .werbeTeaser {
    width: 50vw;
    height: 290px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  /*.werbeTeasers*/
  .mainCart,
  .articlesCartConfirm {
    width: 100%;
    /*.header*/
  }
  .mainCart .header,
  .articlesCartConfirm .header {
    /*PREIS*/
  }
  .mainCart .header .col3,
  .articlesCartConfirm .header .col3 {
    width: calc(100% - 360px);
  }
  .mainCart .header .col6,
  .articlesCartConfirm .header .col6 {
    width: 105px;
    text-align: center;
  }
  .mainCart .article,
  .articlesCartConfirm .article {
    /*col3*/
  }
  .mainCart .article .col1,
  .articlesCartConfirm .article .col1 {
    width: 15px;
  }
  .mainCart .article .col2,
  .articlesCartConfirm .article .col2 {
    width: 140px;
  }
  .mainCart .article .col4,
  .articlesCartConfirm .article .col4 {
    width: 74px;
    text-align: center;
  }
  .mainCart .article .col5,
  .articlesCartConfirm .article .col5 {
    width: 26px;
  }
  .mainCart .article .col6,
  .articlesCartConfirm .article .col6 {
    width: 105px;
    text-align: center;
  }
  .mainCart .article .col3,
  .articlesCartConfirm .article .col3 {
    width: calc(100% - 360px);
  }
  .mainCart .article .col3 .title,
  .articlesCartConfirm .article .col3 .title {
    width: 100%;
    min-height: 65px;
  }
  .mainCart .article .col3 .title span.number,
  .articlesCartConfirm .article .col3 .title span.number {
    margin-bottom: 0px;
  }
  /*.mainCart*/
  .articlesCartConfirm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
    border-bottom: none;
    margin-top: 50px;
  }
  .buttonAreaConfirm {
    width: 100%;
    margin: 40px 0px 40px 0px;
    /*.leftArea, .rightArea */
    /*.ErrorReportContract*/
  }
  .buttonAreaConfirm .leftArea,
  .buttonAreaConfirm .rightArea {
    width: 50%;
  }
  .buttonAreaConfirm .button {
    width: 250px;
    margin-top: 10px;
  }
  .buttonAreaConfirm .ErrorReportContract {
    width: 360px;
    left: 0px;
    top: 23px;
    /*~ .er_content*/
  }
  .buttonAreaConfirm .ErrorReportContract .er_content {
    width: 360px;
  }
  /*.buttonAreaConfirm*/
  .infoCartPricing,
  .infoCartPricingConfirmation {
    width: 100%;
    padding-top: 10px;
    padding-right: 2%;
    /*.row*/
  }
  .infoCartPricing .row,
  .infoCartPricingConfirmation .row {
    width: 600px;
    float: right;
    margin-left: 0px;
    /*.right*/
  }
  .infoCartPricing .row .right,
  .infoCartPricingConfirmation .row .right {
    float: right;
  }
  /*.infoCartPricing*/
  .infoRemarks {
    width: 300px;
    height: 220px;
    margin-right: 15px;
    margin-left: 20px;
    /*textarea*/
  }
  .infoRemarks textarea {
    width: 300px;
  }
  /*.infoRemarks*/
  .explanationText {
    height: 220px;
    width: calc(100% - 350px);
    /*.inlayText*/
  }
  .explanationText .inlayText {
    width: 100%;
  }
  /*.explanationText*/
  .siteConfirmation .panelOptions {
    width: calc(100% - 210px);
    /*.panelLeft, .panelRight*/
    /* .panelRight*/
  }
  .siteConfirmation .panelOptions .panelLeft,
  .siteConfirmation .panelOptions .panelRight {
    width: 50%;
    padding-left: 15px;
    padding-right: 5px;
  }
  .siteConfirmation .panelOptions .panelRight {
    width: 49%;
    margin-left: 1%;
  }
  /*.siteConfirmation*/
  div#footer .inlay {
    width: 100%;
    padding: 40px 0px 0px 0px;
    padding: 40px 2% 0px 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 155px;
    margin: 0px auto 0px auto;
  }
}
/* END iPad in portrait & landscape*/
/* iPad in landscape */
@media only screen and (min-width: 768px) and (max-width: 1300px) and (orientation: landscape) {
  #Header .inlay .miniCart {
    margin-top: 0px;
  }
  .stage .slideItem {
    /*.details.small */
    /*.details.bottom */
  }
  .stage .slideItem .img {
    left: 160px;
    margin-left: -150px;
    max-width: 550px;
  }
  .stage .slideItem .details .description {
    text-transform: none;
    width: 70%;
  }
  .stage .slideItem .details .description {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .stage .slideItem .btn {
    left: calc(100% - 130px);
  }
  .productListAll {
    margin-left: 10px;
  }
  #filter {
    width: calc(100% - 680px);
  }
  .productCross {
    width: 210px;
  }
  .productNavigation .level_inner_1.navbutton_2 {
    /*span.title*/
  }
  .productNavigation .level_inner_1.navbutton_2 .navbutton span.title {
    line-height: 30px;
  }
}
/* END iPad in landscape*/
/* iPad in portrait*/
@media only screen and (min-width: 768px) and (max-width: 1300px) and (orientation: portrait) {
  .groupNavigation a {
    margin-right: 0px;
  }
  #filter .f_category .filterOptions .inlayFilter.shortfields a,
  #filter .f_category .filterOptions .inlayFilter.shortfieldsLager a,
  #filter .f_category .filterOptions .inlayFilter.shortfields span.default,
  #filter .f_category .filterOptions .inlayFilter.shortfieldsLager span.default {
    width: 100%;
  }
  /*.inlayFilter.shortfields*/
}
/* END iPad in landscape*/
/* iPad in landscape xxx*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
  .stage .slideItem {
    /*.details.small */
    /*.details.bottom */
  }
  .stage .slideItem .img {
    left: 160px;
    margin-left: -150px;
    max-width: 550px;
  }
  .stage .slideItem .details .description {
    text-transform: none;
    width: 70%;
  }
  .stage .slideItem .details .description {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .stage .slideItem .btn {
    left: calc(100% - 130px);
  }
}
/* END iPad in landscape*/
/*iPhone 5 & 5S portrait */
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .groupNavigation {
    min-height: 105px;
    /*a*/
  }
  .groupNavigation a {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: table;
    margin-bottom: 4px;
    height: 28px;
    line-height: 28px;
    border-radius: 7px;
  }
  /*.groupNavigation*/
}
/*iPhone 5 & 5S portrait */
/*iPhone 5 & 6 in portrait & landscape */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .mobileContainer {
    display: block;
  }
  .skcBusinessLinker {
    display: none;
  }
  div#container {
    text-align: left;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }
  div#middle {
    width: 100%;
    float: left;
    min-height: 400px;
    margin-bottom: 60px;
    /*.leftArea*/
    /*.rightArea*/
  }
  div#middle .offer {
    width: 100%;
    height: 465px;
    float: left;
    margin: 0px 0px 50px 0px;
  }
  div#middle .leftArea {
    width: 290px;
    float: left;
    min-height: 100px;
    /*.navbutton*/
  }
  div#middle .leftArea .navbutton {
    background-image: url(/_skins/base/images/ico_navbutton.png);
    background-position: 0px 9px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    min-width: 200px;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #4a4a49;
    padding-left: 22px;
    font-size: 12px;
    text-decoration: none;
    margin: 0px 0px 10px 15px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  div#middle .leftArea .navbutton:hover {
    background-color: #eee233;
    -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  div#middle .rightArea {
    width: 100vw;
    float: left;
    min-height: 460px;
  }
  /*div#middle*/
  #Header {
    background-image: url('/_skins/base/images/bgd_header.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 180px;
    height: 180px;
    width: 100%;
    overflow: hidden;
    padding-top: 0px;
    /*.inlay */
    /*#logo*/
    /*.claimLeft*/
    /*.claimRight*/
    /*.search*/
  }
  #Header .inlay {
    width: 100%;
    height: 170px;
    margin-top: 0px;
    /*.miniCart */
  }
  #Header .inlay .top {
    height: 128px;
  }
  #Header .inlay .miniCart {
    width: 245px;
    height: 68px;
    background-color: rgba(61, 119, 192, 0);
    float: right;
    margin-left: 0px;
    color: #FFF;
    font-size: 14px;
  }
  #Header #logo {
    width: 50vw;
    margin-left: 0px;
    margin-right: 0px;
    vert-align: middle;
    height: 67px;
    background: #fff945;
    background: -moz-linear-gradient(top, #fff945 0%, #fff945 40%, #fcd31b 40%, #fcd31b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff945), color-stop(40%, #fff945), color-stop(40%, #fcd31b), color-stop(100%, #fcd31b));
    background: -webkit-linear-gradient(top, #fff945 0%, #fff945 40%, #fcd31b 40%, #fcd31b 100%);
    background: -o-linear-gradient(top, #fff945 0%, #fff945 40%, #fcd31b 40%, #fcd31b 100%);
    background: -ms-linear-gradient(top, #fff945 0%, #fff945 40%, #fcd31b 40%, #fcd31b 100%);
    background: linear-gradient(to bottom, #fff945 0%, #fff945 40%, #fcd31b 40%, #fcd31b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff945', endColorstr='#fcd31b', GradientType=0);
    text-align: center;
  }
  #Header #logo img.logoM {
    display: inline-block;
    max-width: 185px;
  }
  #Header #logo img.logoD {
    display: none;
  }
  #Header #logo img {
    margin: 0px;
    margin-top: 10px;
    height: auto;
    text-align: center;
    vert-align: middle;
    width: calc(50vw - 26px);
  }
  #Header .claimLeftMobile {
    width: 100vw;
    min-height: 50px;
    float: left;
    display: inline-block;
  }
  #Header .claimLeft {
    background-image: none;
    text-align: center;
    background: #306aa8;
    background: -moz-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #306aa8), color-stop(40%, #306aa8), color-stop(40%, #013365), color-stop(100%, #013365));
    background: -webkit-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -o-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: -ms-linear-gradient(top, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    background: linear-gradient(to bottom, #306aa8 0%, #306aa8 40%, #013365 40%, #013365 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#306aa8', endColorstr='#013365', GradientType=0);
    width: calc(50vw + 0px);
    float: left;
    display: block;
    height: 67px;
    overflow: hidden;
    margin-right: 0px;
  }
  #Header .claimLeft img.claimM {
    display: inline-block;
  }
  #Header .claimLeft img.claimM {
    margin: 0px;
    margin-top: 12px;
    height: auto;
    text-align: center;
    vert-align: middle;
    width: calc(50vw - 26px);
    max-width: 200px;
  }
  #Header .claimRight {
    background-image: url('/_skins/base/images/skc_claimBGD.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: auto 69px;
    width: 100vw;
    height: 40px;
    float: left;
    position: relative;
    display: none;
  }
  #Header .claimRight .ico {
    position: absolute;
    top: -2px;
    height: 42px;
    width: 30px;
    background-size: 30px 42px;
  }
  #Header .claimRight .ico.icoTV {
    left: 50vw;
  }
  #Header .claimRight .ico.icoMusic {
    left: calc(50vw + 32px);
  }
  #Header .claimRight .ico.icoComputer {
    background-size: 45px 64px;
    left: calc(50vw + 64px);
    height: 64px;
    width: 45px;
    top: -18px;
  }
  #Header .claimRight .ico.icoMobil {
    left: calc(50vw + 111px);
  }
  #Header .claimRight .ico.icoCamera {
    left: calc(50vw + 143px);
  }
  #Header .search {
    float: left;
    width: calc(100vw - 2px);
    margin-left: 1px;
    margin-right: 1px;
    height: 40px;
    /*input*/
    /*#autosuggestionSubmit*/
    /*.autosuggestion*/
  }
  #Header .search div,
  #Header .search input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
  }
  #Header .search input {
    width: calc(80vw - 1px);
    height: 40px;
    padding: 5px;
    color: #b6babf;
    border: none;
    margin: 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 600;
    float: left;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid transparent;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    border-radius: 0px;
  }
  #Header .search input:focus {
    border: 1px solid #ffffff;
    width: calc(80vw - 1px);
    color: #FFF;
    background-color: rgba(69, 69, 69, 0.85);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
    -moz-box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
    box-shadow: 0px 0px 3px 1px rgba(54, 119, 187, 0);
  }
  #Header .search .allSearchResults {
    display: block;
    text-align: center;
    font-weight: bold;
    width: 357px;
    padding: 10px 0px 10px 0px;
  }
  #Header .search #autosuggestionSubmit {
    width: calc(20vw - 1px);
    margin-left: 0px;
    -webkit-appearance: none;
    border-radius: 0px;
    float: left;
    border: 1px solid transparent;
    background-color: #3f77c0;
    color: #FFF;
    height: 40px;
    background-image: url("/_skins/base/images/ico_search.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  #Header .search #autosuggestionSubmit:hover {
    background-color: #eee233;
    color: #35414d;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    cursor: pointer;
  }
  #Header .search div {
    display: block;
    float: left;
  }
  #Header .search .autosuggestion {
    min-height: 35px;
    z-index: 99999;
    /*~asBox div.Content*/
  }
  #Header .search .autosuggestion .asBox div.Content {
    padding: 5px 0px 10px 0px;
    color: #FFF;
    width: 99vw;
    min-height: 10px;
    float: left;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*~searchResult, .allSearchResults*/
    /*.allSearchResults */
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults {
    margin-bottom: 1px;
    background-color: rgba(80, 80, 80, 0.9);
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 0px 0px 0%;
    text-decoration: none;
    line-height: 30px;
    display: block;
    width: 100%;
    color: #FFF;
    float: left;
    min-height: 30px;
    transition: all 0.3s linear 0.1s;
    -webkit-transition: all 0.3s linear 0.1s;
    -moz-transition: all 0.3s linear 0.1s;
    -o-transition: all 0.3s linear 0.1s;
    -ms-transition: all 0.3s linear 0.1s;
    /*.text*/
    /*&:hover*/
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult a,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults a {
    text-decoration: none;
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult .img,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults .img {
    border-left: none;
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult .text,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults .text {
    float: left;
    display: block;
    width: calc(100% - 71px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 21px;
    min-height: 30px;
    overflow: hidden;
    background-image: url(/_skins/base/images/ico_more.png);
    background-position: 365px 10px;
    background-repeat: no-repeat;
    background-size: 6px 12px ;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult:hover,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults:hover {
    color: #c3213b;
    text-decoration: none;
    background-color: #FFFFFF;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  #Header .search .autosuggestion .asBox div.Content .searchResult:hover .text,
  #Header .search .autosuggestion .asBox div.Content .allSearchResults:hover .text {
    background-position: 265px 10px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  #Header .search .autosuggestion .asBox div.Content .allSearchResults {
    font-style: italic;
    color: #cacacb;
    width: 100vw;
    text-align: center;
    padding-left: 0px;
    /*&:hover */
  }
  #Header .search .autosuggestion .asBox div.Content .allSearchResults:hover {
    color: #cacacb;
    text-decoration: none;
    background-color: rgba(80, 80, 80, 0.9);
  }
  /*#Header*/
  #Header.checkOut {
    height: 140px;
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    margin: 0px 0px 10px 0px;
    padding-top: 0px;
    /*.inlay */
  }
  #Header.checkOut .inlay {
    height: 125px;
  }
  #Header.checkOut .inlay .bottom {
    display: none;
  }
  /*#Header.checkOut */
  div#top {
    margin-bottom: 0px;
    border-bottom: 1px solid #505050;
    /*.userpanel*/
    /*.shortNavigation*/
  }
  div#top .userpanel {
    font-size: 12px;
    width: 100vw;
    /*.userpanelInner*/
  }
  div#top .userpanel .locked {
    float: right;
    margin-right: 10px;
  }
  div#top .userpanel .icoSKC {
    background-image: url(/_skins/base/images/ico_skc.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 55px 21px;
    width: 40vw;
    margin-top: -200px;
  }
  div#top .userpanel .icoSKC_claim {
    width: 60vw;
    left: 40vw;
    top: 0px;
    margin-top: -200px;
  }
  div#top .userpanel .userpanelInner {
    margin-left: 2%;
  }
  div#top .userpanel .userpanelInner .notLocked {
    font-size: 11px;
  }
  div#top .userpanel .userpanelInner .myAccount {
    display: inline-block;
    font-size: 11px;
    margin-left: 0px;
  }
  div#top .shortNavigation {
    max-width: 210px;
    display: inline-block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    float: right;
  }
  /*div#top*/
  div#top.isLogged {
    height: 58px;
    text-align: center;
    /*.userpanel*/
  }
  div#top.isLogged .userpanel {
    height: 55px;
    line-height: 25px;
    padding-top: 3px;
    /*.userpanelInner*/
  }
  div#top.isLogged .userpanel .userpanelInner {
    margin-left: 0%;
    /*.welcome */
  }
  div#top.isLogged .userpanel .userpanelInner .welcome {
    width: 100%;
    line-height: 27px;
    display: block;
  }
  /*div#top.isLogged  */
  .stage .slideItem .background.fullImage {
    display: none;
  }
  .stage .slideItem .background.backgroundMobile {
    display: block;
  }
  body.site_id_1.site_level_1 div#top .userpanel .userpanelInner {
    margin-left: 2%;
  }
  div#top.fixed .userpanel,
  body.site_id_1.site_level_1 div#top.fixed .userpanel {
    width: 100vw;
    height: 60px;
  }
  div#top.fixed .userpanel .icoSKC,
  body.site_id_1.site_level_1 div#top.fixed .userpanel .icoSKC {
    top: 0px;
    margin-top: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
  }
  div#top.fixed .userpanel .icoSKC_claim,
  body.site_id_1.site_level_1 div#top.fixed .userpanel .icoSKC_claim {
    top: 0px;
    margin-top: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
  }
  div#top.fixed .userpanel .userpanelInner,
  body.site_id_1.site_level_1 div#top.fixed .userpanel .userpanelInner {
    margin-right: 2%;
    margin-left: 0px;
    margin-top: 30px;
    float: right;
  }
  /*div#top.fixed*/
  .productNavigation {
    width: 100%;
  }
  .mobileContainer.activateNav {
    width: calc(100vw - 245px);
    float: left;
    height: 60px;
  }
  .buttonSideMenuContainer {
    display: block;
    color: #FFF;
    position: relative;
  }
  /*.buttonSideMenuContainer*/
  #buttonSideMenu::after {
    content: "Produkte";
    height: 30px;
    line-height: 30px;
    left: 50%;
    position: absolute;
    top: 35px;
    color: #FFF;
    width: 200px;
    margin-left: -35px;
    text-align: left;
    display: block;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mobileContainer #buttonSideMenu {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mobileContainer #buttonSideMenu.active {
    top: -65px;
    left: -35px;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mobileContainer #buttonSideMenu.active::after {
    color: #ffffff;
    width: 195px;
    padding-left: 10px;
    margin-left: 15px;
    top: 10px;
    content: "Produktmenü schließen";
    background-color: #3e77c0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mNavigation {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    visibility: hidden;
    left: -200vw;
    top: 0px;
    width: 100vw;
    position: fixed;
    z-index: 999;
    background-color: #FFFFFF;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mNavigation.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    visibility: visible;
    left: 0vw;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 9998;
    padding-top: 35px;
    bottom: 0px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .mNavigation.show .buttonSideMenuContainer::after {
    top: -20px;
    color: #221f1d;
  }
  .productNavigation {
    width: 100%;
    height: 170px;
    padding-top: 15px;
    margin: 0px auto 10px auto;
  }
  .productNavigation .productNavigationInner {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 170px;
  }
  .productNavigation .productNavigationInner .level_inner_1 {
    width: 50vw;
    height: 170px;
    float: left;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f7f6f6;
    border-right: none;
  }
  .productNavigation .level_inner_1 {
    width: 175px;
    height: 170px;
    float: left;
    border-right: 1px solid #f7f6f6;
    /*&:hover*/
  }
  .productNavigation .level_inner_1 .navbutton.active {
    border-bottom: 6px solid transparent;
  }
  .productNavigation .level_inner_1 .navbutton span.title {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .productNavigation .level_inner_1 .navbutton:hover span.title {
    background-color: transparent;
    border-radius: 0px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productNavigation .level_inner_1 .level_1 {
    left: 0px;
    position: fixed;
    padding-top: 10px;
    top: 450vh;
    right: 0px;
    height: 40vh;
    width: 100%;
    bottom: 0px;
    display: block;
    padding-bottom: 40px;
    background-color: rgba(249, 249, 249, 0.9);
    -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .productNavigation .level_inner_1 .level_1.show,
  .productNavigation .level_inner_1:hover .level_1 {
    top: 55vh;
    left: 0px;
    position: fixed;
    padding-top: 10px;
    right: 0px;
    height: 40vh;
    width: 100%;
    padding-bottom: 40px;
    bottom: 0px;
    display: block;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
    background-color: rgba(249, 249, 249, 0.9);
    border-top: 6px solid #eee334;
    -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .productNavigation .level_inner_1 .level_1.show .navbutton .title,
  .productNavigation .level_inner_1:hover .level_1 .navbutton .title {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .productNavigation .level_inner_1:hover .level_1,
  .productNavigation .level_inner_1 .level_1.afterHide {
    top: 450vh;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .productNavigation .level_inner_1 .level_1.show {
    top: 55vh;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .productNavigation .level_inner_1 .navbutton.active span.title {
    background-color: #eee233;
    border-radius: 7px;
  }
  .productNavigation .mobileClose {
    display: none !important;
    position: absolute;
    right: 10px;
    top: -10px;
    background-color: #454545;
    border-radius: 60px;
    width: 35px;
    height: 35px;
  }
  .productNavigation .mobileClose::before,
  .productNavigation .mobileClose::after {
    background-color: #fefefe;
    content: "";
    height: 4px;
    left: 5px;
    position: absolute;
    width: 25px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
  }
  .productNavigation .mobileClose::before,
  .productNavigation .mobileClose::after {
    background-color: #ffffff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
  }
  .productNavigation .mobileClose::before {
    bottom: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .productNavigation .mobileClose::after {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .productNavigation .level_inner_1 .navbutton.active .mobileClose {
    display: block !important;
  }
  .productNavigation .level_1.show .level_inner_2,
  .productNavigation .level_inner_1:hover .level_1 .level_inner_2 {
    width: 50vw;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
  }
  .productNavigation .level_1.show .level_inner_2 .navbutton,
  .productNavigation .level_inner_1:hover .level_1 .level_inner_2 .navbutton {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
    background-color: transparent;
    text-align: center;
  }
  .productNavigation .level_1.show .level_inner_2 .navbutton .title,
  .productNavigation .level_inner_1:hover .level_1 .level_inner_2 .navbutton .title {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  /*.productNavigation*/
  .stage {
    width: 100vw;
    height: 391px;
    margin: 0px 0px 15px 0px;
    border-bottom: 5px solid #3d77c0;
    /*.slideItem*/
    /*.slideItem_mod1*/
    /*.owl_navigation */
  }
  .stage .stage_inlay {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  .stage .slideItem {
    width: 100vw;
    height: 390px;
    position: relative;
    /*.details*/
    /*.details.small */
    /*.details.bottom */
  }
  .stage .slideItem .img {
    position: absolute;
    left: 45%;
    margin-left: -160px;
    max-width: 110vw;
  }
  .stage .slideItem .details {
    position: absolute;
    left: 5px;
    text-align: right;
    width: calc(100vw - 10px);
    height: 350px;
    color: #454545;
    /*span*/
    /*.type*/
    /*.title*/
    /*.description*/
  }
  .stage .slideItem .details span {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
  }
  .stage .slideItem .details span.type {
    font-size: 14px;
    font-weight: 900;
    min-height: 35px;
    line-height: 25px;
    background-color: #fffa45;
    display: inline;
    padding: 1px;
    clear-after: both;
    margin-bottom: 5px;
  }
  .stage .slideItem .details span.title {
    font-size: 35px;
    font-weight: 900;
    min-height: 25px;
    line-height: 35px;
    text-shadow: 0px -2px 2px rgba(150, 150, 150, 0.21);
    background-color: #fffa45;
    display: inline;
    padding: 1px;
    margin-bottom: 5px;
  }
  .stage .slideItem .details span.description {
    font-size: 13px;
    font-weight: 300;
    min-height: 25px;
    line-height: 25px;
    padding-top: 5px;
  }
  .stage .slideItem .details span.description p {
    background-color: #3f77c0;
    xbackground-color: rgba(63, 119, 192, 0.7);
    color: #FFF;
    display: inline;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .stage .slideItem .details span.description ul {
    width: 100%;
    float: right;
  }
  .stage .slideItem .details span.description ul li {
    float: right;
    margin-right: 1px;
    clear: both;
  }
  .stage .slideItem .details span.description i,
  .stage .slideItem .details span.description em {
    font-size: 11px;
  }
  .stage .slideItem .details.white {
    color: #454545;
  }
  .stage .slideItem .details.small .description {
    text-transform: none;
  }
  .stage .slideItem .details.small .description ul li {
    font-size: 10px;
  }
  .stage .slideItem .details.bottom .description {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .stage .slideItem .btn {
    display: none;
  }
  .stage .slideItem_mod1 .img {
    top: -400px;
  }
  .stage .slideItem_mod1 .details {
    top: -400px;
  }
  .stage .slideItem_mod2 .img {
    bottom: -400px;
  }
  .stage .slideItem_mod2 .details {
    bottom: -400px;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod1 .img {
    top: 80px;
    transition: all 0.35s ease 1s;
    -webkit-transition: all 0.35s ease 1s;
    -moz-transition: all 0.35s ease 1s;
    -o-transition: all 0.35s ease 1s;
    -ms-transition: all 0.35s ease 1s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod1 .details {
    top: 15px;
    transition: all 0.3s ease 0.7s;
    -webkit-transition: all 0.3s ease 0.7s;
    -moz-transition: all 0.3s ease 0.7s;
    -o-transition: all 0.3s ease 0.7s;
    -ms-transition: all 0.3s ease 0.7s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod2 .img {
    bottom: 0px;
    transition: all 0.35s ease 1s;
    -webkit-transition: all 0.35s ease 1s;
    -moz-transition: all 0.35s ease 1s;
    -o-transition: all 0.35s ease 1s;
    -ms-transition: all 0.35s ease 1s;
  }
  .stage .item.currentItem_0 .slideItem.slideItem_mod2 .details {
    bottom: 25px;
    transition: all 0.3s ease 0.7s;
    -webkit-transition: all 0.3s ease 0.7s;
    -moz-transition: all 0.3s ease 0.7s;
    -o-transition: all 0.3s ease 0.7s;
    -ms-transition: all 0.3s ease 0.7s;
  }
  .stage .owl_navigation {
    bottom: 0px;
    /*.button_left, .button_right*/
  }
  .stage .owl_navigation .button_left,
  .stage .owl_navigation .button_right {
    display: none;
  }
  /*.stage*/
  .mBreak {
    clear: both;
    width: 100vw;
    height: 5px;
  }
  .offersStart {
    height: 505px;
    width: 100vw;
  }
  .owl-carousel .owl-item {
    text-align: center;
    /*.item .productStart */
  }
  .owl-carousel .owl-item .item {
    width: 100vw;
  }
  .owl-carousel .owl-item .item .productStart,
  .owl-carousel .owl-item .item .productCross {
    float: none;
    display: inline-block;
    text-align: left;
    margin: 0px auto 0px auto;
  }
  /*.owl-carousel .owl-item*/
  .slideVO {
    width: 100vw;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 75px;
  }
  .slideVO h1 {
    line-height: 26px;
  }
  .slideVO h2 {
    line-height: 26px;
  }
  .groupNavigation {
    width: 100vw;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 75px;
  }
  .groupNavigation a {
    margin: 0px 5px 7px 5px;
    display: inline-block !important;
    background-color: #e2e2e2;
    border-left: 1px solid #f7f6f6;
  }
  .groupNavigation a.active {
    background-image: url(/_skins/base/images/ico_skc.png);
    background-position: 11px 5px;
    background-repeat: no-repeat;
    background-size: 55px 21px;
    padding-left: 75px;
    color: #555555;
    font-weight: 700;
    background-color: #eee233;
  }
  /*.groupNavigation*/
  .offersStartSpecial {
    width: 100vw;
    min-height: 100px;
    float: left;
    margin: 0px auto 1px auto;
  }
  .offersStartLong,
  .offersCrossLong {
    float: right;
    width: 100vw;
  }
  .productListAll {
    min-height: 460px;
    width: 925px;
    float: left;
  }
  .offersCrossLong h2 {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    padding: 0px 2% 0px 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  /*.offersCrossLong*/
  .werbeTeasers {
    width: calc(100vw - 20px);
    float: left;
    height: 580px;
    margin: 30px 0px 15px 10px;
    overflow: hidden;
    /*.werbeTeaser*/
  }
  .werbeTeasers .werbeTeaser {
    width: 100%;
    height: 290px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    /*.category*/
    /*.title*/
  }
  .werbeTeasers .werbeTeaser .category {
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    top: 55px;
    left: 0%;
    margin-left: 0px;
    width: calc(100vw - 30px);
    text-align: center;
  }
  .werbeTeasers .werbeTeaser .title {
    font-size: 31px;
    top: 100px;
    left: 0%;
    margin-left: 0px;
    width: calc(100vw - 30px);
    line-height: 31px;
  }
  /*.werbeTeasers*/
  .prospektDetail {
    padding: 1% 1% 2% 1%;
  }
  .prospektDetail img {
    width: 100%;
    height: auto;
    padding: 60px 2px 5px 2px;
    background-color: #FFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .prospektDetail .counter {
    height: 30px;
    line-height: 25px;
    font-size: 16px;
  }
  .prospektDetail .owl_navigation {
    display: none;
  }
  /*.prospektDetail*/
  #brands {
    background-color: #FFFFFF;
    width: 100vw;
    height: 115px;
    margin: 15px 0px 0px 0px;
    padding-top: 15px;
  }
  #brands .brandsInlay {
    width: 100%;
    margin: 0px auto 0px auto;
    height: 115px;
  }
  #brands .brand {
    max-width: 174px;
    width: 33%;
    height: 50px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    /*img*/
  }
  #brands .brand img {
    width: auto;
    height: 50px;
  }
  /*.brandsStart*/
  .productListAll {
    min-height: 460px;
    width: 100vw;
    float: left;
  }
  .productStart,
  .productList,
  .productCross {
    width: 265px;
    height: 410px;
    float: none;
    display: list-item;
    list-style: none;
    margin: 0px auto 5px auto;
    padding: 15px 20px 0px 20px;
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    /*.category*/
    /*.title*/
    /*.price*/
    /*priceLayer*/
    /*priceLayer*/
    /*.details*/
    /*&:hover*/
  }
  .productStart span.maxSpan,
  .productList span.maxSpan,
  .productCross span.maxSpan {
    width: 100%;
    float: left;
    min-height: 20px;
  }
  .productStart .category,
  .productList .category,
  .productCross .category {
    font-size: 12px;
    color: #95999e;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 17px;
  }
  .productStart .title,
  .productList .title,
  .productCross .title {
    font-size: 13px;
    color: #35414d;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    top: 35px;
    left: 20px;
    width: 265px;
    z-index: 999;
    line-height: 18px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart .titleSpacer,
  .productList .titleSpacer,
  .productCross .titleSpacer {
    height: 45px;
  }
  .productStart .price,
  .productList .price,
  .productCross .price {
    font-family: 'Lato', sans-serif;
    color: #33414e;
    font-size: 24px;
    font-weight: 400;
    height: 45px;
  }
  .productStart .price span.currency,
  .productList .price span.currency,
  .productCross .price span.currency {
    font-size: 21px;
    font-weight: 400;
    width: 13px;
    display: inline-block;
    line-height: 17px;
  }
  .productStart .priceLayer,
  .productList .priceLayer,
  .productCross .priceLayer {
    height: 63px;
    line-height: 63px;
    -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: -250px;
    display: inline-block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    xborder: 5px solid rgba(255, 255, 255, 0.5);
  }
  .productStart .priceLayerInner,
  .productList .priceLayerInner,
  .productCross .priceLayerInner {
    height: 63px;
    line-height: 63px;
    background-color: #eee233;
    font-family: 'Lato', sans-serif;
    color: #33414e;
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
    padding: 0px 20px 0px 20px;
  }
  .productStart .priceLayerInner span,
  .productList .priceLayerInner span,
  .productCross .priceLayerInner span {
    font-size: 21px;
    font-weight: 400;
    width: 13px;
    display: inline-block;
    height: 63px;
    line-height: 63px;
  }
  .productStart .details,
  .productList .details,
  .productCross .details {
    font-size: 11px;
    color: #586c80;
    font-weight: 400;
    line-height: 18px;
    height: 70px;
    width: 260px;
    overflow: hidden;
  }
  .productStart .details p,
  .productList .details p,
  .productCross .details p {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
    margin: 0px;
    width: 260px;
  }
  .productStart span.img,
  .productList span.img,
  .productCross span.img {
    height: 220px;
    width: 265px;
    display: inline-block;
    vertical-align: middle;
  }
  .productStart span.img table,
  .productList span.img table,
  .productCross span.img table {
    height: 220px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
  }
  .productStart span.img td,
  .productList span.img td,
  .productCross span.img td,
  .productStart span.img tr,
  .productList span.img tr,
  .productCross span.img tr {
    padding: 0px;
    margin: 0px;
  }
  .productStart span.img td,
  .productList span.img td,
  .productCross span.img td {
    height: 220px;
    vertical-align: middle;
  }
  .productStart span.img img,
  .productList span.img img,
  .productCross span.img img {
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart .btn,
  .productList .btn,
  .productCross .btn {
    position: absolute;
    left: 100px;
    bottom: -50px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    width: 105px;
    letter-spacing: 1px;
    color: #FFF;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    text-align: center;
    height: 30px;
    line-height: 20px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    pointer-events: none;
  }
  .productStart .btn strong,
  .productList .btn strong,
  .productCross .btn strong {
    font-weight: 900;
    font-size: 17px;
    margin-bottom: 50px;
    display: block;
  }
  .productStart div::before,
  .productList div::before,
  .productCross div::before {
    background: rgba(61, 119, 192, 0.8) repeat scroll 0 0;
    xbackground: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(61, 119, 192, 0) 0%, rgba(60, 93, 165, 0.85) 75%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0px, 50%, 0px);
    width: 100%;
  }
  .productStart div::before,
  .productList div::before,
  .productCross div::before {
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  }
  .productStart:hover,
  .productList:hover,
  .productCross:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart:hover .title,
  .productList:hover .title,
  .productCross:hover .title {
    font-size: 13px;
    color: #35414d;
    font-weight: 800;
    text-transform: uppercase;
    top: 35px;
  }
  .productStart:hover div::before,
  .productList:hover div::before,
  .productCross:hover div::before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
  }
  .productStart:hover img,
  .productList:hover img,
  .productCross:hover img {
    -webkit-filter: blur(0px);
    /* Safari */
    filter: blur(0px);
  }
  .productStart:hover .layer,
  .productList:hover .layer,
  .productCross:hover .layer {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart:hover .btn,
  .productList:hover .btn,
  .productCross:hover .btn {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    bottom: -50px;
  }
  .productStart:hover .btn strong,
  .productList:hover .btn strong,
  .productCross:hover .btn strong {
    margin-bottom: 0px;
    transition: all 0.35s ease 0.4s;
    -webkit-transition: all 0.35s ease 0.4s;
    -moz-transition: all 0.35s ease 0.4s;
    -o-transition: all 0.35s ease 0.4s;
    -ms-transition: all 0.35s ease 0.4s;
  }
  .productStart:hover .details,
  .productList:hover .details,
  .productCross:hover .details,
  .productStart:hover .price,
  .productList:hover .price,
  .productCross:hover .price {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productStart:hover .priceLayer,
  .productList:hover .priceLayer,
  .productCross:hover .priceLayer {
    top: 40px;
    right: -250px;
  }
  /*.productStart, .productList*/
  .priceInfo {
    width: 95%;
    padding-right: 2%;
  }
  /*.priceInfo*/
  .productStart span.img img,
  .productList span.img img {
    width: 100%;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productCross {
    width: 265px;
    height: 245px;
    /*&:hover*/
  }
  .productCross span.img {
    height: 140px;
  }
  .productCross span.img table {
    height: 140px;
  }
  .productCross span.img td {
    height: 140px;
  }
  .productCross span.img img {
    max-height: 140px;
    max-width: 100%;
  }
  .productCross:hover .title {
    color: #FFF;
    z-index: 999;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    top: 205px;
  }
  .productCross:hover .btn {
    bottom: 90px;
  }
  /*.productCross*/
  .productStart_mod3,
  .productList_mod3,
  .productCross_mod3 {
    margin-right: auto;
  }
  .productList {
    margin-bottom: 30px;
  }
  .f_categorySorter {
    width: 100%;
    background-color: #FFFFFF;
    height: 135px;
    /*.listGroupTitle*/
  }
  .f_categorySorter .inlaySorter {
    display: inline-block;
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 2%;
    padding-right: 2%;
    /*.CreationDate*/
  }
  .f_categorySorter .inlaySorter .CreationDate {
    margin-left: 0px;
  }
  .f_categorySorter .listGroupTitle {
    margin-left: 2%;
  }
  /*.f_categorySorter */
  #filterMenu {
    background-image: url('/_skins/base/images/icon_openFilterMobile.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 47px;
    height: 35px;
    position: fixed;
    top: 233px;
    display: block;
    background-color: #5570bc;
    right: 0px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  #filterMenu.active {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 30 );
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  #filterMenu::after {
    content: "Filter";
    height: 30px;
    line-height: 30px;
    left: 0%;
    position: absolute;
    top: -25px;
    font-style: italic;
    color: #5570bc;
    width: 47px;
    margin-left: 0px;
    text-align: left;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
  }
  #filter {
    width: 290px;
    float: right;
    min-height: 100px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    right: 0vw;
    left: 200vw;
    top: 0px;
    width: 100vw;
    position: fixed;
    z-index: 999;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    /*.filterPanelHeader*/
  }
  #filter .filterPanelHeader {
    padding-left: 15px;
    text-align: left;
  }
  /*#filter */
  #filter .closeFilter {
    width: 100vw;
    float: left;
    height: 50px;
    line-height: 50px;
    left: 0vw;
    bottom: -200vh;
    position: fixed;
    padding-right: 2%;
    z-index: 999;
    background-color: #5570bc;
    color: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  #filter.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    visibility: visible;
    right: 0vw;
    overflow: hidden;
    overflow-y: scroll;
    left: calc(100vw - 320px);
    width: calc(100vw - 0px);
    top: 0px;
    z-index: 9999;
    bottom: 0px;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  #filter.show .buttonSideMenuContainer::after {
    top: -20px;
    color: #221f1d;
  }
  #filter.show .closeFilter {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    bottom: 0vh;
  }
  /*#filter.show */
  div#footer {
    height: 660px;
    /*.inlay*/
    /*.newsReg*/
    /*.newsReg.show*/
  }
  div#footer .inlay {
    width: 100%;
    height: 490px;
    /*.left, .right*/
    /*.bottomFooter .right */
  }
  div#footer .inlay .left {
    margin-left: 2%;
    width: calc(65vw - 2%);
  }
  div#footer .inlay .right {
    width: calc(35vw);
  }
  div#footer .inlay .right .geizhals {
    margin-bottom: 15px;
    margin-top: 0px;
    margin-right: 0px;
  }
  div#footer .inlay .right .terra {
    width: 110px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  div#footer .inlay .left,
  div#footer .inlay .right {
    float: left;
    /*.store */
    /*.storeInfos */
  }
  div#footer .inlay .left .store,
  div#footer .inlay .right .store {
    width: 100%;
    height: 135px;
    /*.title */
    /*a*/
  }
  div#footer .inlay .left .store .title,
  div#footer .inlay .right .store .title {
    margin-bottom: 10px;
  }
  div#footer .inlay .left .store .title .ico,
  div#footer .inlay .right .store .title .ico {
    width: 70px;
    display: block;
    float: left;
    margin-right: 5px;
  }
  div#footer .inlay .left .store .title span,
  div#footer .inlay .right .store .title span {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-transform: uppercase;
    color: #35414d;
    display: inline-block;
    font-weight: 900;
  }
  div#footer .inlay .left .store a,
  div#footer .inlay .right .store a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-left: 3px;
    color: #35414d;
  }
  div#footer .inlay .left .store a span,
  div#footer .inlay .right .store a span {
    font-size: 12px;
    text-transform: uppercase;
    color: #35414d;
    display: inline-block;
    font-weight: 900;
  }
  div#footer .inlay .left .storeInfos,
  div#footer .inlay .right .storeInfos {
    /*.paymentInfos*/
    /*.deliveryInfos*/
  }
  div#footer .inlay .left .storeInfos .paymentInfos,
  div#footer .inlay .right .storeInfos .paymentInfos {
    width: calc(98vw - 2%);
    height: 150px;
    margin-top: 15px;
  }
  div#footer .inlay .left .storeInfos .paymentInfos .item.vorraus,
  div#footer .inlay .right .storeInfos .paymentInfos .item.vorraus {
    margin-left: 15px;
  }
  div#footer .inlay .left .storeInfos .paymentInfos .item.vorraus,
  div#footer .inlay .right .storeInfos .paymentInfos .item.vorraus,
  div#footer .inlay .left .storeInfos .paymentInfos .item.rechnung,
  div#footer .inlay .right .storeInfos .paymentInfos .item.rechnung {
    margin-top: 20px;
  }
  div#footer .inlay .left .storeInfos .deliveryInfos,
  div#footer .inlay .right .storeInfos .deliveryInfos {
    width: calc(98vw - 2%);
    float: left;
    height: 80px;
  }
  div#footer .inlay .bottomFooter {
    width: 100%;
    float: left;
    min-height: 20px;
  }
  div#footer .inlay .bottomFooter .left {
    width: 98%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div#footer .inlay .bottomFooter .right {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*#footernavigation .navbutton */
  }
  div#footer .inlay .bottomFooter .right #footernavigation {
    margin-top: 10px;
  }
  div#footer .inlay .bottomFooter .right #footernavigation .navbutton {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div#footer .newsReg {
    -webkit-box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 10px 3px -7px rgba(0, 0, 0, 0.4);
    width: 100%;
    background-color: #1e1e1e;
    height: 330px;
    background-image: url(/_skins/base/images/bgd_newsletterReg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1900px 330px;
    display: none;
  }
  div#footer .newsReg .inlay {
    width: calc(100vw - 2%);
    margin-left: 1%;
    padding-top: 10px;
    /*.title*/
    /*.newsReg*/
    /*#layerNewsReg*/
  }
  div#footer .newsReg .inlay .title {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
  }
  div#footer .newsReg .inlay .subTitle {
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    line-height: 21px;
  }
  div#footer .newsReg .inlay .newsReg {
    position: relative;
    width: 100%;
    height: 50px;
  }
  div#footer .newsReg .inlay #layerNewsReg {
    width: 100vw;
    height: 45px;
    line-height: 45px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 75 );
    font-size: 10px;
    padding-left: 20px;
    background: rgba(61, 119, 192, 0.2) repeat scroll 0 0;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div#footer .newsReg .inlay #layerNewsReg:hover {
    cursor: pointer;
  }
  div#footer .newsReg .inlay {
    /*.email*/
    /*.vorname, .nachname*/
    /*.imageCodeField*/
  }
  div#footer .newsReg .inlay .email {
    width: calc(100vw - 160px);
    height: 38px;
    float: left;
    /*input*/
    /* input*/
  }
  div#footer .newsReg .inlay .email input {
    width: calc(100vw - 160px);
    height: 38px;
    padding: 0px;
    padding: 0px 20px 0px 10px;
    margin: 0px;
    border: none;
    background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
    display: block;
    color: #8d8d8d;
    text-indent: -10000px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
  }
  div#footer .newsReg .inlay .email input:focus {
    background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
  }
  div#footer .newsReg .inlay .email input.notEmpty {
    color: #FFF;
  }
  div#footer .newsReg .inlay .vorname,
  div#footer .newsReg .inlay .nachname {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    pointer-events: none;
    visibility: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    top: 550px;
    left: 165px;
    /*input*/
    /* input*/
  }
  div#footer .newsReg .inlay .vorname input,
  div#footer .newsReg .inlay .nachname input {
    height: 44px;
    padding: 0px;
    padding: 0px 20px 0px 10px;
    margin: 0px;
    border: none;
    background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
    display: block;
    color: #8d8d8d;
    text-indent: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #3e76c0;
    -webkit-appearance: none;
    border-radius: 0;
  }
  div#footer .newsReg .inlay .vorname input:focus,
  div#footer .newsReg .inlay .nachname input:focus {
    background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
  }
  div#footer .newsReg .inlay .vorname input.notEmpty,
  div#footer .newsReg .inlay .nachname input.notEmpty {
    color: #FFF;
  }
  div#footer .newsReg .inlay .vorname {
    margin-left: 0px;
    left: 0px;
  }
  div#footer .newsReg .inlay .imageCodeField {
    width: 260px;
    height: 44px;
    float: left;
    position: absolute;
    top: 550px;
    left: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    pointer-events: none;
    visibility: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    /*input*/
  }
  div#footer .newsReg .inlay .imageCodeField input {
    box-shadow: 0 0 10px #3e76c0;
    width: 135px;
    height: 44px;
    padding: 0px 20px 0px 10px;
    margin: 0px 0px 0px 5px;
    background: rgba(53, 65, 77, 0.4) repeat scroll 0 0;
    display: block;
    color: #8d8d8d;
    text-indent: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #3e76c0;
  }
  div#footer .newsReg .inlay .imageCodeField input:focus {
    background: rgba(53, 65, 77, 0.6) repeat scroll 0 0;
  }
  div#footer .newsReg .inlay div.imageCodeField span.inputfield span {
    height: 44px;
    background-color: #FFF;
  }
  div#footer .newsReg .inlay div.imageCode {
    height: 44px;
    float: left;
    width: 110px;
    overflow: hidden;
    margin-right: 5px;
  }
  div#footer .newsReg .inlay .imageCode .image input {
    display: none;
  }
  div#footer .newsReg .inlay .imageCode .image img {
    height: 44px;
  }
  div#footer .newsReg.show .inlay {
    /*.email*/
    /*.newsRegButton*/
  }
  div#footer .newsReg.show .inlay .newsRegContainer {
    box-shadow: 0 0 10px #3e76c0;
    margin-top: 160px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  div#footer .newsReg.show .inlay #layerNewsReg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    pointer-events: none;
    visibility: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  div#footer .newsReg.show .inlay .vorname,
  div#footer .newsReg.show .inlay .nachname {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    pointer-events: auto;
    visibility: visible;
    top: -120px;
  }
  div#footer .newsReg.show .inlay .imageCodeField {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    pointer-events: auto;
    visibility: visible;
    top: -56px;
  }
  div#footer .newsReg.show .inlay .vorname,
  div#footer .newsReg.show .inlay .nachname,
  div#footer .newsReg.show .inlay .imageCodeField {
    transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -ms-transition: all 0.6s linear 0s;
  }
  div#footer .newsReg.show .inlay .email input {
    text-indent: 0px;
  }
  div#footer .newsReg.show .inlay .newsRegButton a {
    pointer-events: auto;
  }
  /*#footer*/
  #footerbottom {
    width: 100%;
    height: 66px;
    text-align: center;
    line-height: 30px;
  }
  #footerbottom .left,
  #footerbottom .right {
    width: 98%;
    padding-left: 2%;
    padding-right: 0%;
  }
  #footerbottom .right {
    text-align: center;
  }
  #footerbottom .right a {
    float: none;
    margin-left: 10px;
    margin-right: 10px;
  }
  /*#footerbottom */
  .productDetail {
    /*.topInfo*/
    /*.topPart*/
    /*.leftPart*/
    /*.rightPart*/
    /*.stockSpacer*/
  }
  .productDetail .topInfo {
    width: 100%;
    height: 55px;
    margin-bottom: 5px;
    padding-left: 2%;
    /*.breadCrumb*/
    /*.goBack*/
  }
  .productDetail .topInfo .breadCrumb {
    width: 100%;
    float: left;
    height: 42px;
    line-height: 34px;
    margin: 10px 0px 10px 0px;
    letter-spacing: 0px;
    font-size: 12px;
  }
  .productDetail .topInfo .breadCrumb .mainproduct {
    width: calc(100% - 110px);
    min-height: 30px;
    float: right;
    line-height: 21px;
    display: block;
    display: none;
  }
  .productDetail .topInfo .breadCrumb .mainCategory {
    padding-right: 14px;
    margin-right: 0px;
  }
  .productDetail .topInfo .breadCrumb .mainCategory::before,
  .productDetail .topInfo .breadCrumb .mainCategory::after {
    display: none;
  }
  .productDetail .topInfo .artNr {
    width: 200px;
    float: right;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0px;
  }
  .productDetail .topInfo .artNr span {
    font-weight: 700;
  }
  .productDetail .topInfo .goBack {
    width: 40px;
    float: left;
    height: 40px;
    line-height: 33px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    /*.backLink::before*/
    /*.backLink::after*/
  }
  .productDetail .topInfo .goBack a.backLink {
    position: fixed !important;
    left: 0px;
    border: 1px solid #306aa7;
    border-left: none;
    border-bottom: none;
    bottom: 0px;
    height: 40px;
    line-height: 25px;
    display: block;
    background-color: rgba(63, 119, 192, 0.9);
    z-index: 9997;
    width: 40px;
    padding-left: 0px;
    padding-top: 0px;
    text-indent: -10000px;
    -webkit-box-shadow: 3px -3px 8px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px -3px 8px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 3px -3px 8px -2px rgba(0, 0, 0, 0.3);
  }
  .productDetail .topInfo .goBack a.backLink::before,
  .productDetail .topInfo .goBack a.backLink::after {
    width: 20px;
    height: 4px;
    left: 8px;
    position: absolute;
    background-color: #ffffff;
    content: "";
  }
  .productDetail .topInfo .goBack a.backLink::before {
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .productDetail .topInfo .goBack a.backLink::after {
    bottom: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .productDetail .topInfo .goBackFixed {
    display: none;
  }
  .productDetail .topPart {
    background-color: #FFF;
    width: 100%;
    min-height: 40px;
    float: left;
    /*.headerProduct*/
  }
  .productDetail .topPart .headerProduct {
    width: calc(100% - 20px);
    padding: 10px 10px 0px 10px;
    /*.title*/
  }
  .productDetail .topPart .headerProduct .brand {
    float: right;
  }
  .productDetail .topPart .headerProduct .title {
    display: inline-block;
    float: left;
    max-width: 100%;
    line-height: 25px;
    /*h1*/
  }
  .productDetail .topPart .headerProduct .title h1 {
    font-size: 16px;
  }
  .productDetail .productMainPart {
    padding-bottom: 100px;
  }
  .productDetail .leftPart {
    width: 100%;
    margin-right: 0px;
    /*.productImgAlternative*/
    /*.productImgAlternativeOverlay*/
  }
  .productDetail .leftPart .productImgMain {
    width: 100%;
    height: auto;
  }
  .productDetail .leftPart .productImgMain img {
    width: 100%;
    height: auto;
  }
  .productDetail .leftPart .productImgAlternative {
    width: 100%;
    padding: 0px 1% 0px 1%;
    height: 125px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 5px 0px;
    /*.imgAlternativ */
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ {
    width: 32%;
    height: 115px;
    border: 1px solid #d9d9d9;
    margin-right: 1%;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ table {
    height: 115px;
    text-align: center;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ table img {
    width: 100%;
    height: auto;
  }
  .productDetail .leftPart .productImgAlternative .imgAlternativ4 {
    margin-right: 0px;
  }
  .productDetail .leftPart .productImgAlternativeOverlay {
    /*.imgAlternativBig*/
  }
  .productDetail .leftPart .productImgAlternativeOverlay .icoSKC {
    width: 100vw;
    background-image: url(/_skins/base/images/ico_skc.png);
    background-position: center center;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .icoSKC_claim {
    display: none;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: inline-block;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(18, 39, 65, 0.9);
    z-index: 9999;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig table {
    height: 100vh;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td,
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig tr {
    padding: 0px;
    margin: 0px;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig td {
    height: 100vh;
    vertical-align: middle;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig img {
    max-width: 100vw;
    height: auto;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close {
    background-image: url('/_skins/base/images/ico_closeOV.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    display: block;
    top: 40px;
    position: absolute;
    right: 40px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    z-inde: 999;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig .close:hover {
    pointer-events: none;
    cursor: pointer;
  }
  .productDetail .leftPart .productImgAlternativeOverlay .imgAlternativBig.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    visibility: visible;
    pointer-events: auto;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productDetail .rightPart {
    width: 100%;
    padding-bottom: 90px;
    /*.addCartForm*/
    /*.description*/
  }
  .productDetail .rightPart .addCartForm {
    width: 100%;
    height: 135px;
    margin-top: 0px;
    /*.price*/
    /*.streetPrice*/
    /*.price, .streetPrice */
    /*.btn_addCart */
    /*.quantity*/
  }
  .productDetail .rightPart .addCartForm .price {
    font-family: 'Lato', sans-serif;
    font-size: 31px;
    color: #36c603;
    height: 40px;
    display: inline-block;
    float: right;
  }
  .productDetail .rightPart .addCartForm .price span {
    height: 100%;
    display: inline-block;
    float: left;
    font-size: 21px;
    font-weight: 700px;
    line-height: 12px;
  }
  .productDetail .rightPart .addCartForm .streetPrice {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #b4b4b4;
    height: 35px;
    line-height: 30px;
    display: inline-block;
    float: right;
    display: none;
  }
  .productDetail .rightPart .addCartForm .streetPrice span.amount {
    text-decoration: line-through;
  }
  .productDetail .rightPart .addCartForm .price,
  .productDetail .rightPart .addCartForm .streetPrice {
    margin-right: 4px;
    margin-top: 10px;
  }
  .productDetail .rightPart .addCartForm .streetPrice {
    display: none;
  }
  .productDetail .rightPart .addCartForm .btn_addCart {
    margin-right: 1%;
    width: 160px;
  }
  .productDetail .rightPart .addCartForm .quantity {
    width: 150px;
    margin-left: 1%;
    /*input#Quantity */
    /*.quantityPlus, .quantityMinus*/
    /*.quantityMinus*/
  }
  .productDetail .rightPart .addCartForm .quantity input#Quantity {
    width: 45px;
  }
  .productDetail .rightPart .addCartForm .quantity .quantityMinus {
    left: 95px;
  }
  .productDetail .rightPart .addCartForm.visibleHint {
    height: 180px;
  }
  .productDetail .rightPart .addCartForm.visibleHint .deliveryHint {
    width: 280px;
    margin-top: 20px;
    line-height: 31px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    /*.txt*/
  }
  .productDetail .rightPart .addCartForm.visibleHint .deliveryHint .txt {
    width: 205px;
  }
  .productDetail .rightPart .addCartForm.visibleHint .deliveryHint .txt span {
    font-size: 13px;
    width: 50%;
    float: left;
  }
  .productDetail .rightPart .addCartForm.visibleHint .deliveryHint .txt span.title {
    font-size: 14px;
    font-weight: 600;
  }
  .productDetail .rightPart .description {
    float: left;
    height: 185px;
    padding: 10px;
    font-size: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .productDetail .stockSpacer {
    height: 100px;
    width: 100%;
    display: block;
  }
  /*.productDetail*/
  .overlayBox div.content {
    width: calc(100% - 30px);
    padding: 15px;
    text-align: center;
  }
  .overlayBox div.content .button {
    float: none;
  }
  .deliveryInfo {
    width: 100%;
    position: relative;
    /*.shops*/
  }
  .deliveryInfo .shops {
    height: 140px;
    right: 0px;
    top: -350px;
    padding: 10px;
    font-size: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*span*/
    /*span.quantity*/
    /*span.quantityDelivery */
    /*.captionMain*/
  }
  .deliveryInfo .shops .captionMain {
    padding-left: 2%;
  }
  .deliveryInfo .shops span {
    width: 50%;
    float: left;
    height: 18px;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
  }
  .deliveryInfo .shops span.quantity {
    width: 50%;
    margin-right: 0px;
  }
  .deliveryInfo .shops span.quantity strong {
    font-weight: 800;
    font-size: 14px;
  }
  .deliveryInfo .shops span.quantityDelivery {
    width: 180px;
    margin-right: 0px;
  }
  .deliveryInfo .shops span.quantityDelivery span.stock {
    float: left;
    max-width: 80px;
    display: inline-block;
  }
  .deliveryInfo .shops span.quantityDelivery span.delivery {
    font-size: 11px;
    line-height: 24px;
    font-style: italic;
    width: 95px;
  }
  .deliveryInfo .shops .captionMain {
    position: absolute;
    left: 0px;
    top: -35px;
  }
  /*.deliveryInfo*/
  .productDetailInformation {
    height: 205px;
    /*.InformationInner*/
  }
  .productDetailInformation .InformationInner {
    padding: 20px 25px 25px 2%;
    /*.additionalInfo*/
    /*.info_txt*/
    /*span.ico*/
  }
  .productDetailInformation .InformationInner .additionalInfo {
    width: 100%;
    float: left;
    height: 90px;
    /*a*/
    /*.download*/
  }
  .productDetailInformation .InformationInner .additionalInfo a {
    width: 130px;
    display: block;
    float: left;
    height: 30px;
    line-height: 31px;
    color: #4a4a49;
    padding-left: 27px;
    font-size: 12px;
    text-decoration: none;
    position: relative;
    /*span*/
  }
  .productDetailInformation .InformationInner .additionalInfo a span {
    position: absolute;
    height: 2px;
    width: 0px;
    left: 26px;
    display: block;
    bottom: 2px;
    overflow: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    background-color: #3e77c0;
  }
  .productDetailInformation .InformationInner .additionalInfo a:hover {
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .productDetailInformation .InformationInner .additionalInfo a:hover span {
    width: 88px;
  }
  .productDetailInformation .InformationInner .additionalInfo .infoLinkLong:hover span {
    width: 112px;
  }
  .productDetailInformation .InformationInner .additionalInfo .download {
    width: 95px;
  }
  .productDetailInformation .InformationInner .infoTxts {
    width: 100%;
    min-height: 40px;
  }
  .productDetailInformation .InformationInner .info_txt {
    width: 100%;
    min-height: 40px !important;
  }
  .productDetailInformation .InformationInner div.info {
    width: 35px;
    float: left;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    margin-right: 10px;
    margin-bottom: 0px;
    color: #FFF;
    font-weight: 700;
    font-size: 11px;
    background-color: #36c603;
    -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, 0.2);
  }
  /*.productDetailInformation */
  .marketingText,
  .detailsTechnical {
    padding: 10px;
    font-size: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*.marketingText, .detailsTechnical*/
  .marketingText {
    margin-right: 0px;
  }
  .marketingText b {
    font-size: 16px;
  }
  /*.marketingText*/
  .detailsTechnical {
    width: 100%;
    /*div*/
  }
  .detailsTechnical div.ITSr0 .caption,
  .detailsTechnical div.ITSr1 .caption,
  .detailsTechnical div.ITSr0 .ITSn,
  .detailsTechnical div.ITSr1 .ITSn {
    width: 45%;
    float: left;
  }
  .detailsTechnical div.ITSr0 .value,
  .detailsTechnical div.ITSr1 .value,
  .detailsTechnical div.ITSr0 .ITSv,
  .detailsTechnical div.ITSr1 .ITSv {
    width: 55%;
    display: block;
    float: left;
  }
  .detailsTechnical div:after {
    clear: both;
  }
  /*.detailsTechnical*/
  .loginMask {
    /*.panelTop*/
    /*.panelRight*/
  }
  .loginMask .panelLeft {
    width: 100vw;
    height: 260px;
    float: left;
    padding: 30px 20px 0px 20px;
    background-color: #FFF;
    margin: 0px;
    margin-bottom: 15px;
    margin-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*input*/
    /*.notEmpty*/
    /*.button_log*/
  }
  .loginMask .panelLeft .loginfields {
    width: 100%;
    margin-right: 0px;
  }
  .loginMask .panelLeft .button {
    float: left;
    margin: 10px auto 0px auto;
  }
  .loginMask .panelLeft input {
    border: none;
    width: 100%;
    height: 40px;
    color: #808080;
    font-size: 15px;
    border: 1px solid #eee233;
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 15px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
  }
  .loginMask .panelLeft .pwd input {
    margin-bottom: 5px;
  }
  .loginMask .panelLeft .notEmpty {
    color: #52463a;
  }
  .loginMask .panelLeft .forget_pwd {
    margin: 0px 0px 0px 0px;
    height: 20px;
    color: #808080;
    text-decoration: none;
    font-size: 12px;
    text-align: right;
  }
  .loginMask .panelLeft .button_log {
    margin-top: 57px;
  }
  .loginMask .panelRight {
    padding: 20px 20px 0px 20px;
    background-color: #FFF;
    width: 100vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 190px;
    float: left;
    text-align: left;
    border-bottom: 1px solid #d1d1d1;
    /*.panelCaption*/
  }
  .loginMask .panelRight .panelCaption {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .loginMask .panelRight .txt {
    width: 100%;
    line-height: 22px;
    height: 50px;
    margin: 10px 0px 10px 0px;
  }
  .loginMask .panelRight .button {
    float: none;
  }
  /*.loginMask*/
  div.ccm_form {
    /* Form - Global*/
    width: 100%;
    min-height: 200px;
    float: left;
    /*.panelLeft, .panelRight */
    /*div.field */
    /*div input, div.ccm_form div textarea */
  }
  div.ccm_form .panel {
    width: 100%;
    min-height: 200px;
    float: left;
  }
  div.ccm_form .panelLeft,
  div.ccm_form .panelRight {
    width: 100%;
    min-height: 200px;
    float: left;
    padding: 30px 20px 0px 20px;
    background-color: #FFF;
    border-bottom: 1px solid #d1d1d1;
    margin: 0px 0px 15px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.ccm_form .panelLeft .caption,
  div.ccm_form .panelRight .caption {
    height: 35px;
    line-height: 35px;
    width: 100%;
  }
  div.ccm_form .panelLeft .captionTop,
  div.ccm_form .panelRight .captionTop {
    margin-bottom: 0px;
  }
  div.ccm_form div.field {
    min-height: 20px;
    float: left;
    margin: 0px 0px 15px 0px;
    font-size: 15px;
    width: 100%;
    position: relative;
  }
  div.ccm_form div.field label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.ccm_form div input,
  div.ccm_form div.ccm_form div textarea {
    width: 100%;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    /*:focus*/
  }
  div.ccm_form div input:focus,
  div.ccm_form div.ccm_form div textarea:focus {
    border-color: #3e77c0;
    color: #52463a;
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
  }
  div.ccm_form .inputfield {
    width: 100%;
    margin-top: 20px;
  }
  div.ccm_form .User.field,
  div.ccm_form .User.field .inputfield,
  div.ccm_form .Password.field,
  div.ccm_form .Password.field .inputfield,
  div.ccm_form .PasswordRepeat.field,
  div.ccm_form .PasswordRepeat.field .inputfield {
    margin-top: 0px;
  }
  div.ccm_form div.User.field,
  div.ccm_form div.Password.field {
    margin-bottom: 10px;
  }
  div.ccm_form div.PasswordRepeat.field {
    margin-bottom: 20px;
  }
  div.ccm_form div.field.Sex {
    height: 22px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
  }
  div.ccm_form div select {
    border: none;
    width: 100%;
    height: 40px !important;
    color: #808080;
    font-size: 15px;
    border: 1px solid #eee233;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    line-height: 1;
    padding: 5px 5px 5px 5px;
    -webkit-appearance: none;
  }
  div.ccm_form div select option {
    height: 40px;
    line-height: 200%;
  }
  div.ccm_form .panelRight {
    width: 100%;
    margin-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.ccm_form .panelInnerLeft,
  div.ccm_form .panelInnerRight {
    width: 100%;
    min-height: 200px;
    float: left;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .buttonArea {
    width: 100%;
    float: right;
    /*.leftArea, .rightArea */
    /*.leftArea, .rightArea */
  }
  .buttonArea .leftArea,
  .buttonArea .rightArea {
    width: 100%;
    float: left;
    min-height: 0px;
  }
  .buttonArea .rightArea {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .buttonArea .success.successFail {
    height: 40px;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 40px;
  }
  /*.buttonArea*/
  .shop-cart-cart {
    /*.leftArea, .rightArea */
  }
  .shop-cart-cart .leftArea,
  .shop-cart-cart .rightArea {
    text-align: center;
  }
  .shop-cart-cart .leftArea .button,
  .shop-cart-cart .rightArea .button {
    float: none;
  }
  .ErrorReportGen {
    left: 0px;
    width: calc(100vw - 50px);
    top: 60px;
    /*~ .er_contentLeft*/
  }
  .ErrorReportGen .er_contentLeft {
    display: none;
  }
  .ErrorReportGen .er_content {
    width: 100%;
  }
  /*~ .ErrorReportGen*/
  div.field.Sex {
    /*~ .ErrorReportGen*/
  }
  div.field.Sex .ErrorReportGen {
    left: 2px;
    top: 21px !important;
    /*~ .er_content*/
  }
  div.field.Sex .ErrorReportGen .er_content {
    width: 150px;
  }
  /*div.field.Sex */
  div.field.User {
    /*~ .ErrorReportGen*/
  }
  div.field.User .ErrorReportGen {
    top: 40px !important;
  }
  /*div.field.User */
  div.field.Password,
  div.field.PasswordRepeat {
    /*~ .ErrorReportGen*/
  }
  div.field.Password .ErrorReportGen,
  div.field.PasswordRepeat .ErrorReportGen {
    top: 75px !important;
  }
  /*div.field.User */
  div.field.Country {
    /*~ .ErrorReportGen*/
  }
  div.field.Country .ErrorReportGen {
    top: 82px !important;
  }
  /*div.field.Country */
  .topInfo {
    background-color: #FFF;
    width: 100%;
    height: 53px;
    float: left;
    margin-bottom: 6px;
    padding-left: 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.breadCrumb*/
  }
  .topInfo .breadCrumb {
    width: 100%;
    float: left;
    height: 33px;
    line-height: 34px;
    margin: 10px 0px 10px 0px;
    color: #35414d;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.mainSite*/
  }
  .topInfo .breadCrumb .mainSite {
    position: relative;
    padding-right: 25px;
    margin-right: 10px;
    padding-right: 5px;
    margin-right: 0px;
  }
  .topInfo .breadCrumb .mainSite .ico {
    background-image: url(/_skins/base/images/ico_skc.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55px 21px;
    background-color: #eee233;
    width: 80px;
    display: block;
    float: left;
    height: 25px;
    margin-top: 5px;
    margin-right: 9px;
  }
  .topInfo .breadCrumb .mainSite h1 {
    font-size: 12px;
  }
  /*.topInfo*/
  .mainOrder .topInfo {
    padding-left: 1%;
  }
  .infoRemarks {
    width: 100%;
    height: 220px;
    margin-right: 0px;
    margin-left: 0px;
    /*textarea*/
  }
  .infoRemarks textarea {
    width: 100%;
  }
  /*.infoRemarks*/
  .explanationText {
    height: 220px;
    width: 100%;
    margin-top: 0px;
    /*.inlayText*/
  }
  .explanationText .inlayText {
    width: 100%;
  }
  /*.explanationText*/
  #breadCrumbOrder {
    width: calc(100vw - 4px);
    float: left;
    min-height: 30px;
    margin: 0px 2px 0px 2px;
    /*.breadcrump*/
    /*.breadcrumps.lieferung */
    /*.breadcrumps.zahlung */
    /*.breadcrumps.bestaetigung */
    /*.breadcrumps.fertig */
  }
  #breadCrumbOrder .breadcrump {
    width: 33%;
    height: 33px;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    float: left;
    text-decoration: none;
    margin-bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    /*.site */
    /*.line*/
  }
  #breadCrumbOrder .breadcrump .site {
    background-image: url('/_skins/base/images/ico_breadcrump.png');
    background-repeat: no-repeat;
    background-position: 8px 9px;
    background-size: 16px 12px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #FFF;
    display: block;
    text-align: left;
    height: 30px;
    padding-left: 32px;
    line-height: 30px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrump .line {
    display: none;
  }
  #breadCrumbOrder .breadcrump_0,
  #breadCrumbOrder .breadcrump_1,
  #breadCrumbOrder .breadcrump_5 {
    display: none;
  }
  #breadCrumbOrder .breadcrump_2 {
    width: 37%;
  }
  #breadCrumbOrder .breadcrump_3 {
    width: 31%;
  }
  #breadCrumbOrder .breadcrump_4 {
    width: 32%;
  }
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_2 {
    /*active*/
  }
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_2 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_3,
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_4,
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_5 {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 30 );
  }
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_3 .line,
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_4 .line,
  #breadCrumbOrder .breadcrumps.lieferung .breadcrump_5 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_0 .site,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_1 .site,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_2 .site {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_0 .line,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_1 .line,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_2 .line {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_3 {
    /*active*/
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_3 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_4,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_5 {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 30 );
  }
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_4 .line,
  #breadCrumbOrder .breadcrumps.zahlung .breadcrump_5 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_2 .site,
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_3 .site {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_2 .line,
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_3 .line {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_4 {
    /*active*/
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_4 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_5 {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 30 );
  }
  #breadCrumbOrder .breadcrumps.bestaetigung .breadcrump_5 .line {
    background-color: #454545;
  }
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_2 .site,
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_3 .site,
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_4 .site {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_2 .line,
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_3 .line,
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_4 .line {
    background-color: #90c045;
  }
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_5 {
    /*active*/
  }
  #breadCrumbOrder .breadcrumps.fertig .breadcrump_5 .line {
    background-color: #454545;
  }
  /*#breadCrumbOrder */
  .payment_form .radiobutton {
    font-size: 13px;
  }
  .payment_form a,
  .payment_form a.active {
    display: inline-block;
    font-size: 14px;
  }
  /*.payment_form*/
  .panelOptions {
    width: 100%;
    min-height: 50px;
    float: left;
    margin-top: 20px;
  }
  .panelOptions,
  .articlesCartConfirm {
    /*.button_grey */
  }
  .panelOptions .button_grey,
  .articlesCartConfirm .button_grey {
    width: 80px;
    height: 25px;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    float: left;
    overflow: hidden;
    text-decoration: none;
    margin-top: -25px;
    /*.btnInner */
    /*&:hover .btnInner*/
  }
  .panelOptions .button_grey .btnInner,
  .articlesCartConfirm .button_grey .btnInner {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: 1px;
    color: #FFF;
    display: block;
    text-align: center;
    height: 25px;
    line-height: 25px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    text-decoration: none;
    background-color: #454545;
  }
  .panelOptions .button_grey:hover .btnInner,
  .articlesCartConfirm .button_grey:hover .btnInner {
    background-color: #eee233;
    color: #454545;
    -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  /*.panelOptions*/
  .orderCheckout {
    /*.panelLeft, .panelRight, .checkOut_Text, .panelOptions*/
    /*.panelTop*/
    /*.checkOut_Text*/
  }
  .orderCheckout .panelLeft,
  .orderCheckout .panelRight,
  .orderCheckout .checkOut_Text,
  .orderCheckout .panelOptions,
  .orderCheckout .panelArea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.panelCaption*/
  }
  .orderCheckout .panelLeft .panelCaption,
  .orderCheckout .panelRight .panelCaption,
  .orderCheckout .checkOut_Text .panelCaption,
  .orderCheckout .panelOptions .panelCaption,
  .orderCheckout .panelArea .panelCaption {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .orderCheckout .panelArea {
    width: 100%;
    padding: 30px 20px 10px 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid #d1d1d1;
  }
  .orderCheckout .panelLeft {
    margin-right: 0px;
  }
  .orderCheckout .checkOut_Text {
    width: 100%;
    min-height: 150px;
    float: left;
    font-size: 14px;
    margin: 20px 0px 0px 0px;
    padding: 10px 10px 20px 5px;
    border-top: 4px solid #eee233;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .orderCheckout .checkOut_Text li {
    list-style: none;
    background: url("/_skins/base/images/advantage_ico_li.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-size: 20px 18px;
    padding: 1px 0px 0px 25px;
    min-height: 25px;
    line-height: 25px;
    margin: 3px 0px 7px 0px;
  }
  .orderCheckout .checkOut_Text b,
  .orderCheckout .checkOut_Text strong {
    padding-left: 15px;
  }
  /*orderCheckout*/
  .shop-order-delivery,
  .shop-order-payment,
  .shop-order-confirmation,
  .shop-order-finished {
    width: 96%;
    margin: 0px 2% 30px 2%;
  }
  .shop-order-delivery .buttonArea,
  .shop-order-payment .buttonArea,
  .shop-order-confirmation .buttonArea,
  .shop-order-finished .buttonArea {
    width: 100%;
    margin: 10px 0px 0px 0px;
    /*.leftArea, .rightArea */
    /*.rightArea */
  }
  .shop-order-delivery .buttonArea .leftArea,
  .shop-order-payment .buttonArea .leftArea,
  .shop-order-confirmation .buttonArea .leftArea,
  .shop-order-finished .buttonArea .leftArea,
  .shop-order-delivery .buttonArea .rightArea,
  .shop-order-payment .buttonArea .rightArea,
  .shop-order-confirmation .buttonArea .rightArea,
  .shop-order-finished .buttonArea .rightArea {
    width: 45%;
    min-height: 40px;
  }
  .shop-order-delivery .buttonArea .rightArea,
  .shop-order-payment .buttonArea .rightArea,
  .shop-order-confirmation .buttonArea .rightArea,
  .shop-order-finished .buttonArea .rightArea {
    float: right;
    width: 55%;
  }
  .shop-order-delivery .buttonArea .rightArea .button,
  .shop-order-payment .buttonArea .rightArea .button,
  .shop-order-confirmation .buttonArea .rightArea .button,
  .shop-order-finished .buttonArea .rightArea .button {
    width: 100%;
  }
  .shop-order-delivery .buttonArea .rightArea .button .btnInner,
  .shop-order-payment .buttonArea .rightArea .button .btnInner,
  .shop-order-confirmation .buttonArea .rightArea .button .btnInner,
  .shop-order-finished .buttonArea .rightArea .button .btnInner {
    font-size: 12px;
  }
  /*.shop-order-delivery*/
  .shop-order-confirmation .buttonArea,
  .shop-order-finished .buttonArea {
    width: 100%;
    margin: 10px 0px 50px 0px;
    /*.leftArea, .rightArea */
    /*.rightArea */
  }
  .shop-order-confirmation .buttonArea .leftArea,
  .shop-order-finished .buttonArea .leftArea,
  .shop-order-confirmation .buttonArea .rightArea,
  .shop-order-finished .buttonArea .rightArea {
    width: 100%;
  }
  .shop-order-confirmation .buttonArea .rightArea,
  .shop-order-finished .buttonArea .rightArea {
    width: 100%;
  }
  /*.shop-order-confirmation, .shop-order-finished*/
  .shop-order-finished .button {
    width: 100%;
  }
  .shop-order-finished .button .btnInner {
    font-size: 12px;
  }
  .DeliveryMethodPickup {
    width: 100%;
    font-size: 16px;
    min-height: 20px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
  }
  .DeliveryMethodPickup a.active {
    margin-bottom: 5px;
  }
  .DeliveryMethodPickup .pickUpAdress {
    margin: 5px 0px 0px 25px;
    width: 100%;
    /*~ .ErrorReportGen*/
  }
  .DeliveryMethodPickup .pickUpAdress .ErrorReportGen {
    left: 0px;
    width: calc(100vw - 100px);
    /*~ .er_contentLeft*/
  }
  .DeliveryMethodPickup .pickUpAdress .ErrorReportGen .er_contentLeft {
    display: none;
  }
  .DeliveryMethodPickup .pickUpAdress .ErrorReportGen .er_content {
    width: 100%;
  }
  /*.DeliveryMethodPickup*/
  .DeliveryMethodNormal {
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    /*.address */
  }
  .DeliveryMethodNormal a.post,
  .DeliveryMethodNormal a.active {
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    background: url("/_skins/base/images/ico_checkbox.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-left: 30px;
  }
  .DeliveryMethodNormal a.active {
    font-weight: 600;
    background-position: 0px -60px;
  }
  .DeliveryMethodNormal .address {
    margin: 15px 0px 0px 30px;
    width: calc(100% - 30px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .DeliveryMethodNormal .button_grey {
    margin-top: 10px;
  }
  /*.DeliveryMethodNormal*/
  .mainCart,
  .articlesCartConfirm {
    float: right;
    width: 100%;
    min-height: 100px;
    /*.header*/
    /*.article*/
  }
  .mainCart .header,
  .articlesCartConfirm .header {
    display: none;
  }
  .mainCart .article,
  .articlesCartConfirm .article {
    background-color: #ffffff;
    width: 100%;
    min-height: 80px;
    line-height: 40px;
    padding-bottom: 10px;
    border-top: 1px dashed #dddddd;
    /*.col*/
    /*LEER*/
    /*.col2, .col3*/
    /*col3*/
    /*MENGE*/
    /*DELETE*/
    /*PREIS*/
  }
  .mainCart .article .col,
  .articlesCartConfirm .article .col {
    font-size: 14px;
    float: left;
    color: #000;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
  }
  .mainCart .article .mobileCaption,
  .articlesCartConfirm .article .mobileCaption {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
  }
  .mainCart .article .col1,
  .articlesCartConfirm .article .col1 {
    display: none;
  }
  .mainCart .article .col2,
  .articlesCartConfirm .article .col2,
  .mainCart .article .col3,
  .articlesCartConfirm .article .col3 {
    /*.img*/
  }
  .mainCart .article .col2 .img,
  .articlesCartConfirm .article .col2 .img,
  .mainCart .article .col3 .img,
  .articlesCartConfirm .article .col3 .img {
    width: 110px;
    min-height: 50px;
    float: none;
    display: table;
    text-align: center;
    margin: 10px auto 0px auto;
  }
  .mainCart .article .col2 .img img,
  .articlesCartConfirm .article .col2 .img img,
  .mainCart .article .col3 .img img,
  .articlesCartConfirm .article .col3 .img img {
    width: 110px;
    min-height: 50px;
  }
  .mainCart .article .col2 .img table,
  .articlesCartConfirm .article .col2 .img table,
  .mainCart .article .col3 .img table,
  .articlesCartConfirm .article .col3 .img table {
    height: 80px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
  }
  .mainCart .article .col2 .img td,
  .articlesCartConfirm .article .col2 .img td,
  .mainCart .article .col3 .img td,
  .articlesCartConfirm .article .col3 .img td,
  .mainCart .article .col2 .img tr,
  .articlesCartConfirm .article .col2 .img tr,
  .mainCart .article .col3 .img tr,
  .articlesCartConfirm .article .col3 .img tr {
    padding: 0px;
    margin: 0px;
  }
  .mainCart .article .col2 .img td,
  .articlesCartConfirm .article .col2 .img td,
  .mainCart .article .col3 .img td,
  .articlesCartConfirm .article .col3 .img td {
    height: 80px;
    vertical-align: middle;
  }
  .mainCart .article .col3,
  .articlesCartConfirm .article .col3 {
    font-size: 10px;
    line-height: 17px;
    padding-top: 0px;
    /*.title */
  }
  .mainCart .article .col3 .title,
  .articlesCartConfirm .article .col3 .title {
    width: 100%;
    height: auto;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    padding-top: 15px;
    display: block;
  }
  .mainCart .article .col3 .title span.number,
  .articlesCartConfirm .article .col3 .title span.number {
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
  }
  .mainCart .article .col4,
  .articlesCartConfirm .article .col4 {
    text-align: left;
    width: 30%;
    padding-left: 20px;
    /*input*/
  }
  .mainCart .article .col4 input,
  .articlesCartConfirm .article .col4 input {
    width: 30px;
    height: 38px;
    line-height: 38px;
    border: none;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    color: #35414d;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    background-color: #fcfcfc;
    font-family: 'Raleway', sans-serif;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .mainCart .article .col5,
  .articlesCartConfirm .article .col5 {
    width: 10%;
  }
  .mainCart .article .col5 a,
  .articlesCartConfirm .article .col5 a {
    height: 50px;
    width: 16px;
    background: url("/_skins/base/images/ico_delete.png");
    background-position: 0px -40px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 10px;
    text-indent: -10000px;
  }
  .mainCart .article .col6,
  .articlesCartConfirm .article .col6 {
    width: 60%;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 20px;
    display: block;
    text-align: right;
  }
  .mainCart .article_first,
  .articlesCartConfirm .article_first {
    border-top: 1px solid #FFF;
  }
  /*.mainCart*/
  .infoCartPricing,
  .infoCartPricingConfirmation {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #888888;
    padding-top: 10px;
    /*.row*/
  }
  .infoCartPricing .row,
  .infoCartPricingConfirmation .row {
    width: 100%;
    margin-left: 0px;
    /*.right*/
  }
  .infoCartPricing .row .left,
  .infoCartPricingConfirmation .row .left {
    width: 20%;
    float: left;
    text-align: right;
    font-size: 13px;
    padding-right: 0px;
  }
  .infoCartPricing .row .right,
  .infoCartPricingConfirmation .row .right {
    width: 80%;
    font-size: 16px;
    float: left;
    /*.caption*/
    /*.value*/
  }
  .infoCartPricing .row .right .caption,
  .infoCartPricingConfirmation .row .right .caption {
    width: 50%;
  }
  .infoCartPricing .row .right .value,
  .infoCartPricingConfirmation .row .right .value {
    width: 50%;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .infoCartPricing .row .right .value_delivery,
  .infoCartPricingConfirmation .row .right .value_delivery {
    font-size: 10px;
    width: 230px;
    float: right;
  }
  /*.infoCartPricing*/
  .articlesCartConfirm {
    margin-top: 25px;
    /*.panelCaption*/
  }
  .articlesCartConfirm .button_grey {
    margin-top: 5px;
  }
  .articlesCartConfirm .panelCaption {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  /*.articlesCartConfirm */
  .siteConfirmation .panelOptions {
    width: 100%;
    /*.panelLeft, .panelRight*/
    /* .panelRight*/
  }
  .siteConfirmation .panelOptions .panelLeft,
  .siteConfirmation .panelOptions .panelRight {
    width: 100%;
    margin: 0px;
    padding-bottom: 10px;
    min-height: 270px;
  }
  .siteConfirmation .panelOptions .panelRight {
    width: 100%;
  }
  /*.siteConfirmation*/
  .pageslider {
    display: none;
  }
  .add_balken,
  .offersStartGutscheinTop .add_balken,
  .offersStartGutschein .add_balken {
    max-width: 375px;
    float: none;
    height: auto;
    display: none;
    margin: 0px auto 20px auto;
  }
  .addMobile,
  .offersStartGutscheinTop .addMobile {
    display: block;
    width: calc(100vw - 20px);
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .orderList {
    width: calc(100% - 20px);
    margin-right: 10px;
  }
  /*.orderList*/
  .OrderDetail {
    margin-left: 10px;
    width: calc(100% - 20px);
    margin-right: 10px;
    /*.smallPanel*/
    /*.DeliveryNotePositions */
  }
  .OrderDetail .smallPanel {
    width: 100%;
    background-color: #FFF;
    padding: 10px 10px 15px 10px;
    margin: 0px 0px 15px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.address */
  }
  .OrderDetail .smallPanel .panelCaption {
    max-width: 100% !important;
  }
  .OrderDetail .smallPanel .topPanel {
    margin: 10px 0px 5px 0px;
  }
  .OrderDetail .DeliveryNotePositions {
    width: 100%;
    min-height: 100px;
    margin-top: 30px;
    /*.header*/
    /*.article*/
  }
  .OrderDetail .DeliveryNotePositions .header {
    display: none;
  }
  .OrderDetail .DeliveryNotePositions .article {
    float: left;
    border-bottom: 1px dashed #252523;
    background-color: #ffffff;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*.col*/
    /*LEER*/
    /*NR*/
    /*ARTICLE*/
    /*STATE*/
    /*QUANTITY*/
    /*PRICE*/
  }
  .OrderDetail .DeliveryNotePositions .article .mobileCaption {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
  }
  .OrderDetail .DeliveryNotePositions .article .col {
    float: left;
    width: 100px;
    color: #000;
  }
  .OrderDetail .DeliveryNotePositions .article .col1 {
    display: none;
  }
  .OrderDetail .DeliveryNotePositions .article .col2 {
    width: 130px;
    font-size: 11px;
  }
  .OrderDetail .DeliveryNotePositions .article .col3 {
    width: 100%;
    font-size: 14px;
  }
  .OrderDetail .DeliveryNotePositions .article .col4 {
    width: 50%;
  }
  .OrderDetail .DeliveryNotePositions .article .col5 {
    width: 50%;
  }
  .OrderDetail .DeliveryNotePositions .article .col6 {
    width: 190px;
  }
  .OrderDetail .DeliveryNotePositions .articleExtra .col2 {
    width: 50%;
  }
  .OrderDetail .DeliveryNotePositions .articleExtra .col3,
  .OrderDetail .DeliveryNotePositions .articleExtra .col4 {
    display: none;
  }
  /*.Orderlist*/
  .Location {
    width: 100%;
    margin-top: 20px;
    /*.StockLocation*/
  }
  .Location .StockLocation {
    width: 100%;
    /*.bild*/
    /*.bild*/
    /*.address*/
  }
  .Location .StockLocation .bild {
    width: 100vw;
    margin-right: 0px;
    padding-left: 2%;
    padding-right: 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .Location .StockLocation .bild img {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
  }
  .Location .StockLocation .details {
    width: 100vw;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 100px;
  }
  .Location .StockLocation .address {
    width: 100%;
  }
  .Location .infos {
    width: 100vw;
  }
  .Location .maps {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  /*.Location*/
  .textTop {
    padding-left: 2%;
    margin-bottom: 60px;
    margin-top: 30px;
    width: 100%;
  }
  .serviceBlocks {
    width: 100%;
    float: left;
    min-height: 50px;
    /*serviceBlock*/
    /*.serviceBlock.imgTrue */
  }
  .serviceBlocks .serviceBlock {
    clear: both;
    width: 97%;
    margin: 0px 0px 30px 0px;
    padding: 0% 1% 0% 2%;
  }
  .serviceBlocks .serviceBlock .leftBlock {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
  }
  .serviceBlocks .serviceBlock .leftBlock img {
    width: 100px;
    height: 100px;
    margin: 0px 0px 0px -10px;
  }
  .serviceBlocks .serviceBlock .rightBlock {
    width: 100%;
    float: left;
    min-height: 100px;
    margin-top: 20px;
    font-size: 13px;
    line-height: 19px;
  }
  .serviceBlocks .serviceBlock .rightBlock h2 {
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 21px;
  }
  .serviceBlocks .serviceBlock .rightBlock .text.imgTrue {
    width: 100%;
    margin-right: 0px;
  }
  .serviceBlocks .serviceBlock .rightBlock .img {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
  }
  .serviceBlocks .serviceBlock.imgTrue {
    background-color: #FFF;
    padding-left: 0px;
    /*.serviceBlock.imgTrue*/
  }
  .serviceBlocks .serviceBlock.imgTrue .leftBlock {
    width: 100%;
    text-align: left;
    float: none;
    margin-left: auto;
    margin-right: auto;
    height: 230px;
  }
  .serviceBlocks .serviceBlock.imgTrue .leftBlock img {
    width: 100%;
    height: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .serviceBlocks .serviceBlock.imgTrue .rightBlock {
    width: 100%;
  }
  /*.serviceCatsVO*/
  body.site_id_32 #top {
    margin-bottom: 0px;
  }
  .headerBusiness {
    width: 100%;
    height: 100px;
    margin-bottom: 30px;
    /*.title*/
  }
  .headerBusiness .title {
    width: 120px;
    height: 45px;
    top: 15px;
    left: 0px;
    vertical-align: middle;
  }
  .headerBusiness .title img {
    width: 80px;
    top: 12px;
    left: 21px;
  }
  .headerBusiness .title .business {
    position: absolute;
    text-align: center;
    bottom: -30px;
    left: 0px;
    height: 30px;
    font-size: 20px;
    font-weight: 900;
    line-height: 30px;
  }
  .headerBusiness .claim {
    width: 180px;
    font-size: 15px;
    color: #e8ebef;
    bottom: 10px;
    right: 10px;
    line-height: 18px;
  }
  /*.headerBusiness*/
  .mobileB {
    display: initial;
    clear: both;
  }
  .middleContent.Business {
    /*.terraBlock*/
  }
  .middleContent.Business .mainContent .einleitung {
    width: 100%;
    float: left;
    min-height: 50px;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
  }
  .middleContent.Business .mainContent .einleitung .complextypes-TextItem-skin .Text {
    margin-top: 20px;
    margin-left: 0px;
    width: 96%;
    font-size: 13px;
    padding-left: 2%;
    padding-right: 2%;
  }
  .middleContent.Business .terraBlock {
    width: calc(100% - 0px);
    float: left;
    min-height: 100px;
    margin-top: 0px;
  }
  .middleContent.Business .terraBlock .terra {
    background-image: url("/_skins/base/images/logo_terra.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 84px 100px;
    width: 50%;
    height: 140px;
    display: block;
    margin-top: 10px;
    float: left;
  }
  .middleContent.Business .terraBlock a.terra_service {
    background-image: url("/_skins/base/images/logo_terra_service.png");
  }
  /*.middleContent.Business */
  .serviceBlockNav {
    max-width: 100%;
    display: table;
    height: 80px;
    margin: 15px auto 15px auto;
    /*a*/
  }
  .serviceBlockNav a {
    width: calc(50% - 0px);
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    float: left;
    padding-bottom: 0px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*span*/
  }
  .serviceBlockNav a img {
    width: 110px;
    margin: 0px 10px 0px 10px;
  }
  .serviceBlockNav a span {
    width: 100%;
    font-size: 13px;
  }
  /*.serviceBlockNav*/
  #GeneralInfos_Container {
    background-color: #1c333a !important;
    padding-top: 2px !important;
    margin-left: 0px;
    left: 0% !important;
    width: 100vw !important;
    /*a.closeGeneralInfos*/
    /*.GeneralInfos_inlay*/
  }
  #GeneralInfos_Container a.closeGeneralInfos {
    background-color: #3e77c0 !important;
    color: #FFF;
    right: 30px !important;
    top: 10px !important;
  }
  #GeneralInfos_Container .GeneralInfos_inlay {
    float: left;
    line-height: 21px;
    padding-top: 35px;
    font-size: 12px;
    font-weight: 300;
    margin: 5px auto 0px auto !important;
    width: calc(100vw - 20px) !important;
    /*a.closeGeneralInfos*/
  }
  #GeneralInfos_Container .GeneralInfos_inlay a {
    color: #3e77c0 !important;
  }
  /*#GeneralInfos_Container*/
  .teaserWerbung {
    display: block;
  }
  /*TEMP*/
  .offer,
  div#top .shortNavigation,
  #main-navigation,
  div#middle .leftArea {
    display: none;
  }
  /*END TEMP*/
}
/*iPhone 5 & 6 in portrait & landscape */
/* iPhone 6 in portrait & landscape */
@media only screen and (min-width: 375px) and (max-width: 768px) {
  body,
  html {
    width: 100%;
  }
  .BodyHolder {
    width: 100%;
  }
}
/* END iPhone 6 in portrait & landscape */
/* iPhone 6 in portrait */
@media only screen and (max-width: 720px) {
  .productCrossMini {
    max-width: 255px;
  }
  .overlayBox div.content {
    padding: 15px 10px !important;
    min-width: 535px;
    max-width: 535px;
  }
}
/* END iPhone 6 in portrait */
@media only screen and (max-width: 736px) {
  .overlayBox div.content {
    padding: 15px 10px !important;
    min-width: calc(100vw - 25px);
    max-width: calc(100vw - 25px);
  }
  .productCrossMini.productCrossMiniLeft {
    margin-right: 10px;
  }
  .productCrossMini {
    max-width: calc(50% - 5px);
  }
  .overlayBox div.content .button,
  .overlayBox div.content .button_g {
    float: none !important;
    margin-top: 15px;
  }
  .overlayBox div.content .button_g {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1300px) {
  .mainContentAcer .rightPart .topPart .header {
    padding-right: 20px;
    max-width: calc(100% - 570px);
  }
  .mainContentAcer .rightPart .topPart .txt {
    width: 550px;
  }
  .mainContentAcer .rightPart .topPart .txt .Text {
    padding-right: 30px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 1100px) {
  .mainContentAcer .productsLP {
    max-width: 625px;
  }
  .mainContentAcer .productStart_mod3,
  .mainContentAcer .productList_mod3,
  .mainContentAcer .productCross_mod3 {
    margin-right: 5px;
  }
  .mainContentAcer .rightPart .topPart {
    flex-direction: row;
  }
  .mainContentAcer .rightPart .topPart .header {
    padding-right: 20px;
    padding-left: 30px;
    margin-left: 20px;
    padding-top: 0;
    max-width: calc(100% - 50px);
  }
  .mainContentAcer .rightPart .topPart .txt {
    width: 550px;
  }
  .mainContentAcer .rightPart .topPart .txt .Text {
    padding-right: 0px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 960px) {
  .mainContentAcer .rightPart h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .mainContentAcer .rightPart .complextypes-TextItem-skin .Text {
    padding-left: 5px;
    width: calc(100% - 40px);
  }
  .mainContentAcer .rightPart h2 {
    width: 100%;
    margin-top: 50px;
    font-size: 24px;
  }
  .mainContentAcer .rightPart .steps {
    padding-left: 0px;
  }
  .mainContentAcer .rightPart .steps .step {
    font-size: 14px;
  }
  .mainContentAcer .rightPart .steps .step .number img {
    width: 100%;
    max-width: 150px;
  }
  .mainContentAcer .rightPart .steps .step .text {
    padding: 0 11px;
  }
  .mainContentAcer .productsLP h2 {
    margin-top: 5px;
  }
  .mainContentAcer .rightPart .topPart .header {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 820px) {
  .mainContentAcer .header {
    display: block;
  }
  .mainContentAcer .header img {
    width: 100%;
    height: auto;
    display: block;
  }
  .mainContentAcer .leftPart {
    display: none;
  }
  .mainContentAcer .rightPart {
    width: 100%;
    max-width: 100%;
  }
  .mainContentAcer .rightPart .topPart .header {
    padding-right: 20px;
    padding-left: 0px;
    margin-left: 20px;
    padding-top: 0;
    max-width: calc(100% - 20px);
    width: 100%;
  }
}
@media only screen and (max-width: 740px) {
  .mainContentAcer .rightPart h1 {
    font-size: 21px;
  }
  .mainContentAcer .rightPart .steps .step {
    width: 100%;
  }
  .mainContentAcer .productsLP {
    max-width: 310px;
  }
  .mainContentAcer .rightPart h2 {
    margin-top: 40px;
    font-size: 19px;
  }
  .mainContentAcer .rightPart .complextypes-TextItem-skin .Text {
    margin-left: 0;
    padding: 10px 20px;
  }
}