@charset "UTF-8";
/* -----------------------------------------------------------------------------------------
	Template Name: green (red)-dark-rwd
	Template URL: http://e-moves.de/Template-Shop
	Beschreibung: Responsive Template f├╝r das Shopsystem modified eCommerce 1.06
	Version: 1.2.0
	Author: Dirk M├Âller
	Author URL: http://e-moves.de
    Author Email: d.moeller@e-moves.de
    Copyright: 2015 ┬® Dirk M├Âller
----------------------------------------------------------------------------------------- */
/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, a img, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  background: #f9f8f7;
  font-family: verdana, "Helvetica Neue", "HelveticaNeue", Arial,  sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #444;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

#logo img {
  max-height: 110px;
  height: 100%;
  width: auto;
  text-align: center;
  margin: 0;
  display: block;
}

.pd_inforow, .hersteller-info {
  background: #eee;
  padding: 5px 10px;
  margin-bottom: 0;
}
.productoptions-tabs {
  margin-top: 5px;
}

.button_left { float: left; }

/*=====================================================
  Headings
  ======================================================*/
h1, h2, h3, h4, h5, h6 {
  color: #1b1b1b;
  font-weight: 400;
  line-height: 1.6;
  font-family: 'oswaldregular', sans-serif;
  color: #333;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  font-family: 'oswaldregular', sans-serif;
  color: #333;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 9px;
}

h2 {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 3px;
}

h3 {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: normal;
  margin-bottom: 3px;
}

h4 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
}

h5 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

/*=====================================================
  Links & Paragraph styles
 ======================================================*/
p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 15px;
}

a {
  color: #9d0e4b;
  text-decoration: none;
  line-height: inherit;
}

a:hover {
  color: #9D0E4B;
}

p a, p a:visited {
  line-height: inherit;
}

/*=====================================================
  Lists
 ======================================================*/
ul, ol {
  margin-bottom: 15px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

li {
  margin-bottom: 12px;
}

 /*=======================================================================
  Form Styles
 ========================================================================*/
input[type=search], input[type=tel], input[type=number], input[type=email], input[type=text], input[type=password], select, textarea {
  min-width: 220px;
  padding: 7px 2px;
  outline: none;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ccc;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #9d0e4b;
  outline: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea#message {
  width: 100%;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #333;
}

input[type=radio] {
  margin-right: 5px;
}

select {
  -webkit-appearance: menulist;
}

/* #Tables ================================================== */
table {
  width: 100%;
}

th {
  border-bottom: 2px solid #cccccc;
  font-weight: bold;
}

td:first-child,
th:first-child {
  padding-left: 10px;
}

th,
td {
  padding: 5px 10px 5px 0;
  vertical-align: middle;
  text-align: left;
}

caption {
  background: #ffc;
}

/* Mobile */
@media handheld, only screen and (max-width: 480px) {
  body, p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
em {
  font-style: italic;
  line-height: inherit;
}

b, strong {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 70%;
  line-height: inherit;
}

/*	Blockquotes  */
blockquote, blockquote p {
  line-height: 20px;
  color: #777;
}

blockquote {
  margin: 0 0 18px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
  color: #555;
}

hr {
  border: 1px solid #ddd;
  clear: both;
  margin: 16px 0 18px;
  height: 0;
}

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}


.fieldtext, .fieldtext_stern {
  font-size:11px;
  line-height:15px;
  font-weight:bold;
  padding: 0px 0px 2px 0px;
  display:block;
}
.pflicht {
  font-size:10px;
  line-height:10px;
  vertical-align:baseline;
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: -3px 10px 0 5px;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: none;
  cursor: pointer;
}

.iradio_square-green, .icheckbox_square-green {
  border: 2px solid #ccc;
  background: #fff;
}

.iradio_square-green.hover, .icheckbox_square-green.hover {
  border: 2px solid #9d0e4b;
}

.iradio_square-green.checked, .icheckbox_square-green.checked {
  border: 2px solid #9d0e4b;
  background: #9d0e4b;
}

.iradio_square-green.checked:before, .icheckbox_square-green.checked:before {
  content: "\f00c";
  margin-left: 2px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*=================================================
  +++ MAIN GRID +++
 ==================================================*/
.container {
  padding: 0 20px;
}

.row {
  width: 100%;
  max-width: 1170px;
  min-width: 720px;
  margin: 0 auto;
}

/*  max-width of page */
.row .row {
  min-width: 0px;
}

.col, .cols {
  margin-left: 2.127663%;
  float: right;
  min-height: 1px;
}

.col:first-child, .cols:first-child, .alpha {
  margin-left: 0;
}

.col.omega, .cols.omega {
  float: right;
}

.row .g1.cols {
  width: 6.382989%;
}

.row .g2.cols {
  width: 14.893641%;
}

.row .g3.cols {
  width: 23.404293%;
}

.row .g4.cols {
  width: 31.914945%;
}

.row .g5.cols {
  width: 40.425597%;
}

.row .g6.cols {
  width: 48.936249%;
}

.row .g7.cols {
  width: 57.446901%;
}

.row .g8.cols {
  width: 65.957553%;
}

.row .g9.cols {
  width: 74.468205%;
}

.row .g10.cols {
  width: 82.978857%;
}

.row .g11.cols {
  width: 91.489509%;
}

.row .g12.cols {
  width: 100%;
}

/*** Formula: Column Width + Twice the Default Margin ***/
.row .push_one {
  margin-left: 10.638315%;
}

.row .push_two {
  margin-left: 19.148967%;
}

.row .push_three {
  margin-left: 27.659619%;
}

.row .push_four {
  margin-left: 36.170271%;
}

.row .push_five {
  margin-left: 44.680923%;
}

.row .push_six {
  margin-left: 53.191575%;
}

.row .push_seven {
  margin-left: 61.702227%;
}

.row .push_eight {
  margin-left: 70.212879%;
}

.row .push_nine {
  margin-left: 78.723531%;
}

.row .push_ten {
  margin-left: 87.234183%;
}

img, object, embed {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.row:after, .clearfix:after {
  clear: both;
}

.row, .clearfix {
  zoom: 1;
}

/* Mobile Grid */
@media only screen and (max-width: 480px) {
  input[type=text], input[type=password], select, textarea {
    padding: 7px 3px;
    font-size: 16px;
  }
}
/* End Media */

/* Tablets */
@media only screen and (max-width: 960px) {
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .row {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .row .row .col, .row .row .cols {
    padding: 0;
  }

  .col, .cols {
    width: auto !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  .col:last-child, .cols:last-child {
    margin-right: 0;
    float: none;
  }

  .row .row .col, .row .row .cols {
    padding: 0;
  }

  .col, .col {
    width: auto !important;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
  }

  .col:last-child, .cols:last-child {
    margin-right: 0;
    float: none;
  }

  /*[class*="col"] + [class*="col"]:last-child { float: left; } */
  [class*="col"]:before, [class*="col"]:after {
    display: table;
  }

  [class*="col"]:after {
    clear: both;
  }

  .push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered {
    margin-left: 0% !important;
  }
}
/*=======================================================================
 Icons
 ========================================================================*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svgz#FontAwesomeRegular") format("svg"), url("../fonts/fontawesome-webfont.svg#FontAwesomeRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ui-icon {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
}

.ui-icon {
  display: block;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
.ui-icon:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

.ui-icon {
  display: inline-block;
  text-decoration: inherit;
}

.ui-icon {
  line-height: .9em;
}

.ui-icon {
  display: inline-block;
  width: 1.25em;
  text-align: left;
}

.ui-icon {
  margin-left: 0;
  list-style-type: none;
}

.ui-icon:before {
  text-indent: 0;
  text-align: center;
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-glass:before {
  content: "\f000";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-envelope-alt:before {
  content: "\f003";
}

.icon-star:before {
  content: "\f005";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-repeat:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-phone:before {
  content: "\f095";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}

.icon-mail-reply-all:before {
  content: "\f122";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-print:before {
  content: "\f02f";
}

.icon-list:before {
  content: "\f03a";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-edit:before {
  content: "\f044";
}

.icon-check:before {
  content: "\f046";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-comment:before {
  content: "\f075";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-sign:before {
  content: "\f169";
}

/* CSS Button
================================================== */
.btn, button {
  outline: none 0;
}

.btn {
  display: inline-block;
  position: relative;
  padding: 8px 15px 8px;
  margin: 10px 0;
  color: #222;
  line-height: 21px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  text-align: center;
  text-transform: uppercase;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0);
  border: 1px solid #cccccc;
  border-bottom-color: #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}

.btn:hover {
  color: #555;
  text-decoration: none;
  background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn a:hover {
  color: #888;
}

.btn.active,
.btn:active,
#quick_find .btn-search:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  color: #333;
  outline: 0;
}

.btn-large {
  padding: 12px 22px !important;
  font-size: 16px;
  line-height: normal;
  border-radius: 5px;
}

.btn-large .icon {
  margin-top: 1px;
}

.btn-primary,
.btn-primary:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #999;
}

.btn-primary.active {
  color: #efefef;
}

.btn-primary {
  color: #eee;
  background: #45484d;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  border-color: #7bc144 #7bc144 #578b2e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #9d0e4b;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #639e34 \9;
}

.co-kasse .btn-primary {
  float: right;
  color: #fff;
  text-shadow: 1px 1px #222;
  background: #AFD448;
  background: #9D0E4B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D0E4B), color-stop(100%, #c93874));
  background: -webkit-linear-gradient(top, #9D0E4B 0%,#c93874 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9D0E4B), to(#c93874));
  background: -webkit-linear-gradient(top, #9D0E4B 0%, #c93874 100%);
  background: linear-gradient(to bottom, #9D0E4B 0%, #c93874 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D0E4B', endColorstr='#c93874',GradientType=0 );
  border: 1px solid;
  border-color: #9D0E4B #c93874 #c93874;
  moz-box-shadow: inset 0 0 2px #d2f28c;
  webkit-box-shadow: inset 0 0 2px #d2f28c;
  -webkit-box-shadow: inset 0 0 2px #d2f28c;
  box-shadow: inset 0 0 2px #d2f28c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-align: center;
}

.btn:hover {
  background-color: #9d0e4b!important;
}

.btn-green {
  color: #fff;
  text-shadow: 1px 1px #222;
  background: #9D0E4B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D0E4B), color-stop(100%, #c93874));
  background: -webkit-gradient(linear, left top, left bottom, from(#9D0E4B), to(#c93874));
  background: -webkit-linear-gradient(top, #9D0E4B 0%, #c93874 100%);
  background: linear-gradient(to bottom, #9D0E4B 0%, #c93874 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D0E4B', endColorstr='#c93874',GradientType=0 );
  border: 1px solid;
  border-color: #9D0E4B #c93874 #c93874;
  moz-box-shadow: inset 0 0 2px #d2f28c;
  webkit-box-shadow: inset 0 0 2px #d2f28c;
  -webkit-box-shadow: inset 0 0 2px #d2f28c;
  box-shadow: inset 0 0 2px #d2f28c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-align: center;
}
.btn-green .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
.btn-green .fa:hover {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
}

.btn-green:hover,
.btn-green:active,
.btn-buy-now:hover,
.btn-buy-now:active,
.btn-kasse:hover,
.btn-kasse:active {
  color: #555;
  text-shadow: 1px 1px #ddd;
  background: #9D0E4B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93874), color-stop(100%, #9D0E4B));
  background: -webkit-linear-gradient(top, #c93874 0%, #9D0E4B 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c93874), to(#9D0E4B));
  background: linear-gradient(to bottom, #c93874 0%, #9D0E4B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93874', endColorstr='#9D0E4B',GradientType=0 );
  border: 1px solid;
  border-color: #c93874 #9D0E4B #9D0E4B;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: pointer;
}

.btn-green .button_quick_find .btn-search {
  padding: 0 1px;
  width: 36px;
  height: 31px;
  line-height: 29px;
  margin-left: 2px;
}

#quick_find .btn-search, .btn-buy-now, .btn-kasse, #sidebar h4 {
  color: #fff;
  text-shadow: 1px 1px #222;
  background: #9D0E4B;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D0E4B), color-stop(100%, #c93874));
                                                                                                               /*
background: -webkit-linear-gradient(top,  #9D0E4B 0%,#c93874 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#9D0E4B), to(#c93874));
  background: -webkit-linear-gradient(top, #9D0E4B 0%, #c93874 100%);
  background: linear-gradient(to bottom, #9D0E4B 0%, #c93874 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D0E4B', endColorstr='#c93874',GradientType=0 );
  border: 1px solid;
  border-color: #9D0E4B  #c93874 #c93874;
  moz-box-shadow: inset 0 0 2px #d2f28c;
  webkit-box-shadow: inset 0 0 2px #d2f28c;
  -webkit-box-shadow: inset 0 0 2px #d2f28c;
  box-shadow: inset 0 0 2px #d2f28c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-align: center;
}

#quick_find .btn-search:hover,
#quick_find .btn-search:active,
.btn-buy-now:hover,
.btn-buy-now:active,
.btn-kasse:hover,
.btn-kasse:active {
  color: #555;
  text-shadow: 1px 1px #ddd;
  background: #9D0E4B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93874), color-stop(100%, #9D0E4B));
  background: -webkit-linear-gradient(top, #c93874 0%, #9D0E4B 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c93874), to(#9D0E4B));
  background: linear-gradient(to bottom, #c93874 0%, #9D0E4B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93874', endColorstr='#9D0E4B',GradientType=0 );
  border: 1px solid;
  border-color: #c93874 #9D0E4B #9D0E4B;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: pointer;
}


/* #quick_find */
/* .btn-primary .button_quick_find { */
/* .btn-primary .btn-text .btn .btn-dark .by-input .button_quick_find { */
button.btn-primary.button_quick_find {
  color: #fff;
  text-shadow: 1px 1px #222;
  background: #9D0E4B;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D0E4B), color-stop(100%, #c93874));
                                                                                                               /*
  background: -webkit-linear-gradient(top,  #9D0E4B 0%,#c93874 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#9D0E4B), to(#c93874));
  background: -webkit-linear-gradient(top, #9D0E4B 0%, #c93874 100%);
  background: linear-gradient(to bottom, #9D0E4B 0%, #c93874 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D0E4B', endColorstr='#c93874',GradientType=0 );
  border: 1px solid;
  border-color: #9D0E4B  #c93874 #c93874;
  moz-box-shadow: inset 0 0 2px #d2f28c;
  webkit-box-shadow: inset 0 0 2px #d2f28c;
  -webkit-box-shadow: inset 0 0 2px #d2f28c;
  box-shadow: inset 0 0 2px #d2f28c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-align: center;
  padding: 4px 10px;
}
button.btn-primary.button_quick_find:hover {
  color: #fff;
  text-shadow: 1px 1px #222;
  background: #c93874;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93874), color-stop(100%, #9D0E4B));
                                                                                                               /*
  background: -webkit-linear-gradient(top,  #c93874 0%,#9D0E4B 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#c93874), to(#9D0E4B));
  background: -webkit-linear-gradient(top, #c93874 0%, #9D0E4B 100%);
  background: linear-gradient(to bottom, #c93874 0%, #9D0E4B 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93874', endColorstr='#9D0E4B',GradientType=0 );
  border: 1px solid;
  border-color: #9D0E4B  #c93874 #9D0E4B;
  moz-box-shadow: inset 0 0 2px #d2f28c;
  webkit-box-shadow: inset 0 0 2px #d2f28c;
  -webkit-box-shadow: inset 0 0 2px #d2f28c;
  box-shadow: inset 0 0 2px #d2f28c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-align: center;
  padding: 4px 10px;
}
button.btn-primary.button_quick_find .fa { color:#ffffff; }
button.btn-primary.button_quick_find .fa:hover { color:#c93874; }
.button_quick_find .fa:hover { color:#c93874; }

#quick_find .btn-search:hover,
#quick_find .btn-search:active,
.btn-buy-now:hover,
.btn-buy-now:active,
.btn-kasse:hover,
.btn-kasse:active {
  color: #555;
  text-shadow: 1px 1px #ddd;
  background: #9D0E4B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93874), color-stop(100%, #9D0E4B));
  background: -webkit-linear-gradient(top, #c93874 0%, #9D0E4B 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c93874), to(#9D0E4B));
  background: linear-gradient(to bottom, #c93874 0%, #9D0E4B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93874', endColorstr='#9D0E4B',GradientType=0 );
  border: 1px solid;
  border-color: #c93874 #9D0E4B #9D0E4B;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: pointer;
}

#quick_find .btn-search .ui-icon {
  text-align: center;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.large,
input[type="submit"].btn.large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.small,
input[type="submit"].btn.small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

.btn-kasse {
  float: right;
}

.ui-button-icon-secondary {
  float: right;
  margin: 4px -5px 0 10px;
}

.btn-cart .ui-icon {
  color: #9d0e4b;
  font-size: 21px;
  float: right;
  margin-left: 10px;
}

.btn-kaufen .ui-button-text {
  padding-left: 10px;
  padding-right: 10px;
}

.btn-kaufen .ui-icon {
  color: #009933;
  float: right;
  margin: 2px -10px 0 10px;
}

.btn-cart:active .ui-icon {
  color: #ccc;
}

.btn-cart:hover .ui-icon {
  color: #888;
}

.btn-details1 .ui-icon {
  margin: 0 -10px 0 10px;
}

.btn-admin .ui-icon {
  font-size: 24px;
}

.btn-print {
  float: left;
  margin-right: 10px;
}

.btn-cart-del {
  background: none !important;
  border: none !important;
  color: red !important;
  font-size: 21px;
  margin: 0;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-cart-del .ui-button-text {
  display: none;
}

.btn-print-small, .btn-newletter {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-repeat: no-repeat;
  color: #555;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 4px;
  text-shadow: none;
  text-transform: none;
}

.btn-print-small:hover, .btn-newletter:hover {
  color: #666;
  text-decoration: none;
  text-shadow: none;
  background-color: #d9d9d9;
  background-position: 0 -15px;
}

@media only screen and (max-width: 480px) {
  #quick_find .btn-search {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .btn {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .btn-continue-shopping, .btn-update-cart, .btn-kasse {
    margin: 0 0 10px 0;
    display: block !important;
  }

  .btn-kasse .ui-icon, .btn-continue-shopping .ui-icon {
    margin-right: 10px;
  }

  .btn-update-cart .ui-icon {
    margin-right: 5px;
  }

  .btn-newletter {
    max-width: 115px;
    padding: 5px 5px 5px 0;
  }

  .btn-newletter .ui-button-text {
    margin-left: -20px;
  }
}
/*
    ColorBox Core Style

*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: visible;
  outline: none;
  -webkit-transform: translateZ(0px);
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.cboxElement, .zoom {
  z-index: 1;
  -webkit-transform: translateZ(0px);
  position: relative;
}

#cboxOverlay {
  background: url("images/overlay.png") repeat #000;
}

#cboxContent {
  background: #000;
  margin-top: 20px;
}

#cboxContent .main, .popupContainer {
  background: #fff;
  padding: 0 5px;
}

#cboxContent .main .ui-widget-content {
  max-width: 100%;
}

#cboxLoadedContent {
  background: #fff;
  padding: 5px;
  overflow-x: hidden;
  overflow: scroll;
  font-size: 14px;
  border: 1px solid #000;
  -webkit-overflow-scrolling: touch;
}

#cboxLoadedContent ul, #cboxLoadedContent p {
  font-size: 14px;
}

#cboxLoadedContent img {
  max-width: auto;
  height: auto;
  padding: 8px 0;
}

#cboxLoadedContent td.contentsTopics {
  color: #222;
  font-size: 16px;
}

#cboxTitle {
  position: absolute;
  bottom: -23px;
  left: 10px;
  color: #ddd;
  font-size: 14px;
  -moz-text-shadow: 1px 1px 0px #000;
  -ms-text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  text-shadow: 1px 1px 0px #000;
}

#cboxCurrent {
  position: absolute;
  top: -23px;
  right: 80px;
  color: #ccc;
  font-size: 14px;
}

#cboxSlideshow {
  position: absolute;
  top: -21px;
  right: 110px;
  color: #fff;
  background: none;
  width: 135px;
  text-align: right;
  font-size: 14px;
  border: none;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -32px;
  background: #000;
  width: 35px;
  height: 45px;
  color: transparent;
  border: none;
  outline: none;
  font-family: FontAwesome;
  text-align: center;
  border-radius: 0 10px 10px 0;
}

#cboxPrevious:before {
  content: "\f053";
  font-weight: normal;
  font-size: 16px;
  opacity: 1;
  color: #efefef;
  width: 20px;
  font-style: normal;
  display: block;
  position: absolute;
  cursor: pointer;
}

#cboxPrevious:hover:before, #cboxNext:hover:before, #cboxClose:hover:before {
  color: #9d0e4b;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px;
  width: 35px;
  height: 45px;
  background: #000;
  color: transparent;
  border: none;
  outline: none;
  font-family: FontAwesome;
  text-align: center;
  border-radius: 10px 0  0 10px;
}

#cboxNext:before {
  content: "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 16px;
  opacity: 1;
  color: #efefef;
  width: 21px;
  font-style: normal;
  display: block;
  position: absolute;
  cursor: pointer;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) center center no-repeat;
}

#cboxClose {
  position: absolute;
  /* top: -32px; */
  right: 15px;
  height: 32px;
  line-height: 30px;
  background: #000;
  color: transparent;
  border: none;
  outline: none;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 10px 10px 0 0;
}

#cboxClose:before {
  content: "\f05c";
  font-family: FontAwesome;
  margin: 2px;
  font-weight: normal;
  font-size: 21px;
  opacity: 1;
  color: #efefef;
  font-style: normal;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 28px;
  height: 32px;
}

#cboxPhoto {
  padding: 25px;
  background: #fff;
}

@media only screen and (max-width: 600px) {
  #cboxOverlay {
    background: #000;
  }

  #cboxLoadingGraphic {
    background: none;
  }
}
/*=======================================================================
	Gerneral styles / Desktop styles
 ========================================================================*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: 'oswaldregular';
  src: url("../fonts/oswald-regular-webfont.eot");
  src: url("../fonts/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-regular-webfont.woff") format("woff"), url("../fonts/oswald-regular-webfont.ttf") format("truetype"), url("../fonts/oswald-regular-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* #Tab Highlights  */
.menu-button, .search-toggle, input, .trigger, .cboxLoadedContent, #cboxLoadedContent img, a, a img {
  -webkit-tap-highlight-color: rgba(151, 189, 44, 0.6);
}

.product-images, .product-slider-wrap, .u-kat, #wrap-welcome, .cat-description, .highlightbox, .productoptions-tabs, #checkoutnavigation li, #widerrufframe, .checkoutNavBoxes, .checkoutNav2Boxes, .uk-button, a.pageResults, .t-plus, .t-minus, #CatNavi li > a > span, .wrap-cart {
  -o-border-radius: 4px;
  border-radius: 4px;
}

#top-nav #cart span.anzahl, .cart-desk span.anzahl, .checkoutbox .anzahl, .iradio_square-green {
  -o-border-radius: 50px;
  border-radius: 50px;
}

.listing-box-1, .flex-box-lang, #top-nav ul li a, .social .ui-icon, .touch-button, .owl-next:before, .owl-prev:before, #CatNavi .touch-button .navicon, .p-slider-image, #product-slider-startseite .owl-item {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* #Top-Navi
================================================== */
.top {
  overflow: hidden;
}

#top-nav #home {
  visibility: hidden;
}

#top-nav {
  height: 40px;
  line-height: 40px;
  position: relative;
}

#top-nav ul.top-list {
  float: right;
  margin: 0 10px 0 0;
}

#top-nav ul.top-list li {
  float: left;
  display: inline-block;
  margin: 0;
}

#top-nav ul.top-list li:first-child {
  /* position: absolute; FIXME 20181117 */
  position: relative;
  left: 0;
  top: 0;
}

#top-nav .ui-icon {
  text-align: center;
  margin-right: 5px;
  opacity: 0.8;
}

#top-nav li {
  display: inline-block;
  margin: 0;
}

#top-nav ul li a {
  color: white;
  display: inline-block;
  padding: 0 14px;
  font-size: 15px;
  font-size: 1.5rem;
}

#top-nav #cart {
  display: none;
}

#top-nav ul li:last-child a {
  border: none;
}

#top-nav ul li a:hover, #top-nav ul li a:active {
  color: #efefef;
}

#top-nav ul li.active .ui-icon, #top-nav ul li.active .replace {
  /* color: #f7f7f7; */
}

#top-nav #cart span.anzahl {
  background: #eee;
  text-align: center;
  padding: 1px 6px;
  margin: 0 3px 0 0;
}

#leer {
  border: 0;
  background: none;
  width: 36px;
  height: 45px;
}

#wishlist {
  border-bottom-left-radius:  12px;
  border-bottom-right-radius: 12px;
}

#konto {
  border-bottom-left-radius:  12px;
}

#login-top {
  border-bottom-right-radius: 12px;
}

#konto, #kasse, #login-top, #wishlist {
  background: #9D0E4B;
}

#top-nav #konto a, #top-nav #kasse a, #top-nav #login-top a, #top-nav #wishlist a {
  color: white;
}

#top-nav #konto a:hover, #top-nav #kasse a:hover, #top-nav #login-top a:hover, #top-nav #wishlist a:hover  {
  color: #fff;
}

#wishlist_short {
  position: relative;
  background: transparent;
  height: 40px;
  z-index: 1000;
}
ul.contentnavigation li.wishlist {
  float:right;
  border:none;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  line-height:40px;
  height:40px;
  position:relative;
}
ul.contentnavigation li.wishlist a {
  background: transparent url(img/img_wishlist_sprite.png) no-repeat 0px 9px;
  padding-left:30px;
  display:block;
  line-height:40px;
}
ul.contentnavigation li.wishlist a:hover {
  background: transparent url(img/img_wishlist_sprite.png) no-repeat 0px -71px;
  display:block;
  color:#6d2551;
  text-decoration:none;
}
.toggle_wishlist {
  /*
  position:absolute;
  top:41px;
  */
  position: relative;
  top: -10px;

  right:0px;
  display:none;
  width:300px;
  padding:10px;
  background:#9D0E4B;
  color:#333;
  z-index:100;
}
.toggle_wishlist a {
  background:none !important;
  padding-left: 0px !important;
}
.mini { font-size:11px;font-weight:normal;}
.midi { font-size:12px;font-weight:normal;}

ul.tc_list {
  list-style-type:none;
  margin: 0px 0px 0px 0px;
 }
ul.tc_list li {
  position:relative;
  float:none;
  padding:0px;
  border:none !important;
  margin: 0px !important;
}
ul.tc_list li a {
  display:block;
  border-top: 1px dotted #999;
  font-size:13px;
  line-height:33px !important;
  color:#333;
}
ul.tc_list li .tc_delete {
  position:absolute;
  width:16px;
  height:16px;
  right:3px;
  top:9px;
}
ul.tc_list li .tc_delete a {
  border:none !important;
  padding:0px !important;
  line-height:16px !important;
}
ul.tc_list li a:hover {
  color:#333;
  background:#ddd !important;
  text-decoration:none;
}
ul.tc_list .btn {
  position: relative;
  padding: 4px 8px;
  margin: 0;
  top: -8px;
}


@media only screen and (max-width: 740px) {
  .replace {
    display: none;
  }

  #wishlist, #leer {
    display: none;
    visibility: hidden;
  }

  #top-nav #home {
    visibility: visible;
  }

  #top-nav #cart {
    display: inline-block;
  }

  #top-nav #konto a, #top-nav #kasse a, #top-nav #login-top a {
    color: #aaa;
  }

  .cart-desk {
    display: none;
  }

  #logo img {
    max-height: 70px;
    width: auto;
    text-align: center;
    margin: 5px auto 0 auto;
    display: block;
  }

  #konto, #kasse, #login-top {
    background: none;
  }

  #top-nav {
    height: 45px;
    line-height: 45px;
  }

  #top-nav ul.top-list li:first-child {
    position: relative;
  }

  #top-nav .ui-icon {
    font-size: 2.6rem;
    font-size: 26px;
    vertical-align: middle;
    margin-right: 0;
    text-align: center;
    color:#9d0e4b;
  }
  #top-nav .ui-icon:hover {
    color:#C73B73;
  }

  #top-nav ul.top-list {
    margin: 0;
  }

  #top-nav ul.top-list li {
    display: block;
    margin: 0 auto;
  }

  #top-nav ul li a {
    display: block;
    padding: 0;
  }

  #top-nav #cart {
    position: relative;
    padding-right: 20px;
  }

  #top-nav #cart span.anzahl {
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 5px;
    right: 17px;
    padding: 0 6px;
    font-size: 12px;
  }

  #top, #top-nav .top-list {
    width: 100%;
    font-size: 0;
    display: inline-block;
  }

  .top-list > * {
    text-align: center;
    font-size: 1rem;
    width: 20%;
    margin: 0 auto;
    display: block;
    float: left;
  }
}
@media only screen and (max-width: 600px) {

  #wishlist, #leer {
    display: none;
    visibility: hidden;
  }

  #top-nav #cart span.anzahl {
    right: 5px;
  }

  #top-nav ul {
    text-align: center;
  }

  #top-nav ul li a {
    font-size: 1.4rem;
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  #top-nav #cart {
    padding-right: 20px;
  }
}
/* #Header
================================================== */
.header-outer, .top {
  /* background: url(../img/bg-header.gif) repeat #333; */
  background: none;
}

.header-outer {
  border-bottom: 4px solid #9d0e4b;
  padding: 0 20px;
}

#header {
  position: relative;
  height: 120px;
}

#logo {
  margin: 0 0 0 0px;
}

#breadcrumb a {
  font-size: 1.2rem;
  font-size: 12px;
  color: #bbb;
}

#breadcrumb a:hover {
  color: #666;
}

#breadcrumb {
  margin: -5px 0 15px 0;
  color: #9d0e4b;
  font-size: 1.2rem;
  font-size: 12px;
}

.cart-desk {
  float: right;
  margin: 7px 0 0 0;
  z-index: 9999;
}

.cart-desk .replace {
  color: #222;
}

.cart-desk .ui-icon {
  font-size: 28px;
  margin-right: 4px;
}

.cart-desk span.anzahl {
  background: #222;
  color: #fff;
  text-align: center;
  padding: 3px 8px;
  margin: 0 3px 0 0;
}

.cart-full {
  margin-left: 3px;
  color: #bbb;
}

.boxcartbody-menu {
  display: none;
}

h1.hometitle {
  font-family: 'oswaldregular', sans-serif;
}

.nav-outer {
  height: 88px;
  background: url(../img/shadow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 0 20px;
  z-index: 999;
}

@media only screen and (max-width: 960px) {
  .nav-outer {
    height: 75px;
    -webkit-background-size: contain;
    background-size: contain;
  }

  #header {
    height: 85px;
  }

  .cart-desk {
    float: right;
    margin: 8px 60px 0 0;
    position: relative;
  }

  #logo {
    margin: 10px 0 0 0;
  }

  #logo img {
    max-height: 75px;
    width: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  #header {
    height: 65px;
  }

  #logo {
    margin: 10px 0 0 0;
  }

  #logo img {
    max-height: 60px;
    width: auto;
    text-align: center;
    margin: 5px auto 0 auto;
    display: block;
  }

  .row {
    text-align: left;
  }

  .nav-outer {
    height: 65px;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 0;
  }
}
/* #Main-Navi
================================================== */
#CatNavi, #CatNavi ul, #CatNavi li {
  list-style: none;
}

#CatNavi ul {
  padding: 0;
  margin: 0 0 0 10px;
}

#CatNavi {
  margin: 0 0 20px 0;
  padding: 5px 5px 20px 5px;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

#CatNavi li {
  margin-bottom: 0;
}

#CatNavi a {
  color: #222;
  display: block;
  outline: none;
  border-bottom: 1px solid  #aaa;
  text-decoration: none;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}

#CatNavi .CatLevel1 a {
  padding-right: 30px;
}

#CatNavi .CatLevel2 a, #CatNavi .CatLevel3 a {
  padding-right: 30px;
}

#CatNavi .CatLevel1 a:hover, #CatNavi .CatLevel2 a:hover {
  color: #9d0e4b;
}

#CatNavi li > a > span {
  position: absolute;
  right: 5px;
  top: 9px;
  padding: 4px 8px;
  background: #9d0e4b;
  color: #fff;
}

.touch #CatNavi li > a > span {
  top: 6px;
  padding: 4px 10px;
}

#CatNavi li > a > span:after {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  display: block;
}

#CatNavi li.open > a > span:after {
  content: "\f068";
  font-family: FontAwesome;
}

#CatNavi a:hover, #CatNavi li.active > a {
  color: #cfeb91;
}

#CatNavi > li.active > a {
  background-color: #4D90FE;
}

#CatNavi li a {
  font-size: 16px;
  padding: 8px 10px;
}

#CatNavi > li > a {
  font-size: 16px;
}

.CatLevel1.open {
  background: #cdcdcd;
}

.CatLevel1.open > ul {
  background: #e6e6e6;
}

.CatLevel2.open > ul {
  background: #feffff;
}

.CatLevel2.open {
  background: #f7f7f7;
}

#CatNavi .Current, #CatNavi .CurrentParent {
  font-weight: 700;
  color: #555;
}

@media only screen and (max-width: 960px) {
  .menu-button {
    display: block;
  }

  .cat-header {
    position: absolute;
    left: 0;
    top: 143px;
    width: 100%;
    cursor: pointer;
    z-index: 1;
  }

  .cat-header .icon-reorder {
    color: #999 !important;
    font-size: 24px !important;
    margin: 2px 2px 0 0 !important;
  }

  .cat-header.open .icon-reorder {
    color: #9d0e4b !important;
  }

  .cat-body {
    border: none 0 !important;
  }

  .cat-header .kategorien {
    color: #222 !important;
    margin: 0  !important;
    padding: 5px 0 10px 20px !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background: none !important;
    z-index: 2;
  }

  #CatNavi {
    display: none;
  }

  #CatNavi.open {
    display: block;
  }

  #CatNavi {
    padding: 10px;
    border: 2px solid #9d0e4b;
    background: #e8eaef;
    margin: 0;
  }

  #CatNavi ul {
    padding: 0;
    margin: 0 0 0 10px;
  }

  #CatNavi li a {
    font-size: 16px;
    line-height: 18px;
    padding: 14px 10px 14px 10px;
  }

  #CatNavi .CatLevel1 a:hover {
    color: #9d0e4b;
  }

  #CatNavi > li > a {
    font-size: 18px;
    line-height: 20px;
    padding: 14px 10px 14px 5px;
  }

  #CatNavi li > a > span, .touch #CatNavi li > a > span {
    padding: 6px 14px 6px 14px;
    top: 8px;
  }

  #CatNavi li > a > span:after {
    font-size: 12px;
  }
}
@media only screen and (max-width: 740px) {
  .cat-header {
    top: 150px;
  }
}
@media only screen and (max-width: 480px) {
  .cat-header {
    top: 132px;
  }
}
#search {
  position: relative;
  float: left;
  margin: -91px 0 0 0;
  z-index: 1000;
}

#search p {
  margin: 0;
  font-size: 1.2rem;
  font-size: 12px;
}

#quick_find {
  position: relative;
  height: 40px;
}

#quick_find input[type=text], #quick_find input[type=search] {
  padding: 0 1px;
  font-size: 14px;
  width: 237px;
  height: 31px;
}

.touch #quick_find input[type=search] {
  font-size: 16px;
  font-size: 1.6rem;
}

.search-toggle {
  display: none;
}

@media only screen and (max-width: 1235px) {
  #search {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 960px) {
  #quick_find, .a-search {
    display: none;
  }

  #search {
    float: none;
    width: 100%;
    margin: -18px 0 20px 0;
  }

  #quick_find.open {
    display: block;
  }

  #quick_find input[type=text], #quick_find input[type=search] {
    width: 100%;
    margin: 10px 0 5px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }

  .search-toggle {
    position: relative;
    display: block;
    width: 45px;
    float: right;
    cursor: pointer;
    padding: 5px 15px;
    margin: -51px 2px 0 0;
  }

  .search-toggle .ui-icon {
    font-size: 18px;
    font-size: 1.8rem;
    color: #222;
  }

  .search-toggle.active .ui-icon {
    color: #9d0e4b;
  }

  #quick_find .btn-search {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 32px;
    line-height: 30px;
  }

  #quick_find input[type=text], #quick_find input[type=search] {
    position: relative;
    height: 36px;
    padding: 0 1px;
  }
}
@media only screen and (max-width: 740px) {
  .search-toggle {
    margin: -50px 2px 0 0;
  }
}
@media only screen and (max-width: 480px) {
  #search {
    float: none;
    width: 100%;
    margin: -10px 0 20px 0;
  }

  #quick_find.open {
    display: block;
  }

  #quick_find .btn-search {
    top: 12px;
  }

  .search-toggle {
    margin: -47px 2px 0 0;
  }

  .search-toggle .ui-icon {
    font-size: 18px;
    font-size: 1.8rem;
    color: #222;
  }
}
/* #Slideshow Startseite
================================================== */
#slideshow-startseite {
  margin-bottom: 30px;
}

#slideshow-startseite .owl-item img {
  display: block;
  height: auto;
}

#slideshow-startseite .owl-buttons {
  display: none;
}

.owl-carousel:hover .owl-buttons {
  display: block !important;
}

#slideshow-startseite .owl-next {
  position: absolute;
  top: 45%;
  right: -15px;
}

#slideshow-startseite .owl-prev {
  position: absolute;
  top: 45%;
  left: -15px;
}

.slidercontent {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background: rgba(34, 34, 34, 0.5);
  text-align: center;
}

.slidercontent p, .slidercontent p:hover {
  color: #fff;
  margin: 10px 0;
}

/* Produkt-Slider*/
/**********************************/
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-controls {
  margin-right: 10px;
  text-align: right;
}

/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span {
  background: #9d0e4b;
  opacity: 1;
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}

.owl-next:before, .owl-prev:before {
  color: #fff;
  background: #595858;
  opacity: 0.7;
  border-radius: 100px;
}

.owl-next:before {
  content: "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  font-style: normal;
  display: inline;
  position: absolute;
  top: 43%;
  right: 5px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
  text-decoration: inherit;
}

.owl-prev:before {
  content: "\f053";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-style: normal;
  display: block;
  position: absolute;
  top: 43%;
  left: 5px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
  text-decoration: inherit;
}

.owl-next:hover:before, .owl-prev:hover:before, .owl-next:focus:before, .owl-prev:focus:before {
  color: #fff;
  background: #595858;
  opacity: 1;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* #Produkt-Slider Startseite */
.neue-home {
  margin: 10px 0 0 0;
  padding-bottom: 40px;
  background: url(../img/shadow.png) bottom center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.product-slider-wrap {
  width: 100%;
  border: 1px solid #eee;
  background: #fff;
  margin: 5px 0 15px 0;
  z-index: 2;
}

#product-slider-startseite .item {
  margin: 10px 10px 5px 10px;
}

#product-slider-startseite .owl-item:hover {
  background: #f0f0f0;
}

#product-slider-startseite .p-slider-image:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

#product-slider-startseite .item img {
  display: block;
  margin: 0 auto;
  max-height: 160px;
  width: auto;
}

#product-slider-startseite h3 a {
  color: #222;
  font-size: 16px;
  font-weight: normal;
  font-family: arial, sans-serif;
  line-height: 18px;
  min-height: 38px;
  text-align: center;
  display: block;
}

#product-slider-startseite h3 a:hover {
  color: #555;
}

#product-slider-startseite h3 {
  line-height: 16px;
}

#product-slider-startseite .p-slider-image {
  margin-bottom: 10px;
  min-height: 155px;
}

#product-slider-startseite .price {
  text-align: center;
  color: #9d0e4b;
}

#product-slider-startseite .productOldPrice del {
  color: #555;
  font-size: 12px;
}

#product-slider-startseite .price small {
  display: none;
}

#product-slider-startseite .owl-next {
  position: absolute;
  top: -75px;
  right: 0;
}

#product-slider-startseite .owl-prev {
  display: block;
  position: absolute;
  top: -75px;
  right: 115px;
}

.bestseller-slider .owl-next:before {
  right: -5px;
  font-size: 12px;
  background: none;
  color: #aaa;
}

.bestseller-slider .owl-prev:before {
  left: -5px;
  font-size: 12px;
  background: none;
  color: #aaa;
}

.bestseller-slider .owl-next:hover:before, .bestseller-slider .owl-prev:hover:before {
  color: #9d0e4b;
}

.bestseller-slider .owl-controls {
  margin-top: 15px;
  text-align: center;
}

.bestseller-slider .owl-controls .owl-page span {
  margin: 10px 3px;
}

.bestseller-slider h3 {
  text-align: left;
}

.bestseller-slider h3 span {
  background: #d3e89a;
  padding: 1px 2px;
}

.bestseller-slider .b-price {
  text-align: center;
}

.bestseller-slider .productOldPrice del {
  color: #222;
  font-size: 12px;
}

.bestseller-slider .b-price small {
  display: none;
}

#productinfo-slider .owl-next {
  position: absolute;
  top: 40%;
  right: -20px;
}

#productinfo-slider .owl-prev {
  position: absolute;
  top: 40%;
  left: -20px;
}

@media only screen and (max-width: 480px) {
  #slideshow-startseite {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 480px) {
  #slideshow-startseite .owl-buttons {
    display: none !important;
  }

  #product-slider-startseite .owl-prev, #product-slider-startseite .owl-next {
    top: -55px;
  }
}
/* #Sidebar - linke Spalte
================================================== */
#sidebar {
  margin-right: 2.12766%;
  margin-left: 0;
  z-index: 2;
}

#sidebar h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #fff;
  padding: 7px 0 7px 15px;
  display: block;
  letter-spacing: 1px;
  text-align: left;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#sidebar h4 .ui-icon {
  color: #fff;
  margin: 5px 10px 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  float: left;
}

#sidebar h4.b-specials i {
  color: #9d0e4b;
}

#sidebar h3, #sidebar h3 a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 5px;
}

#sidebar img {
  margin: 10px auto 0 auto;
  text-align: center;
  display: block;
  max-width: 180px;
}

#sidebar .boxbody {
  background: #fff;
  margin: 0 0 20px 0;
  padding: 10px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.last-viewed p {
  margin-bottom: 10px;
}

#sidebar .more a {
  display: block;
}

#sidebar .boxprice {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 10px;
}

#sidebar .boxprice .productOldPrice {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
}

#sidebar .boxprice small {
  display: none;
}

#rating_widget_placeholder {
  margin-bottom: 20px;
}

#sidebar .reviews a {
  font-style: italic;
  color: #333;
  line-height: 1.2;
}

#sidebar .feature {
  background: #302F2E;
  color: #DDD8CD;
  padding: 0 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #9d0e4b;
  display: table;
}

.last-viewed .ui-icon, .more .ui-icon {
  font-size: 12px;
}

.box-language img {
  float: left;
  margin: 10px 20px 20px 10px !important;
}

@media only screen and (max-width: 960px) {
  #sidebar {
    margin: 10px 0 0 0;
  }

  #sidebar h4 {
    font-size: 21px;
    font-size: 2.1rem;
  }

  #sidebar h4 .ui-icon {
    margin: 7px 10px 0 5px;
  }

  #sidebar .boxbody {
    text-align: center;
  }

  #sidebar .feature {
    margin: 0 auto 5px auto;
  }

  #sidebar .more, #footer .more {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }

  #sidebar h3, #sidebar h3 a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* #Listings - boxes (Grid)
================================================== */
/* 2. Listing - 3 Spalten (listing-box-1)
==================================*/
.flex-box-3 {
  width: 31.914945%;
  margin-left: 2.127663%;
  margin-bottom: 2.127663%;
  float: left;
  overflow: hidden;
}

.flex-box-3:nth-of-type(3n+1) {
  margin-left: 0;
  clear: both;
}

.flex-box-4, .flex-box-lang {
  border: 1px solid #ccc;
}

/* 2. Listing - 2 Spalten
==================================*/
@media only screen and (max-width: 760px) {
  /* 2. Listing - 1 Spalte
  ==================================*/
  .flex-box-3:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .flex-box-3 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 3px;
    margin-left: 0;
    min-height: 80px;
  }
}
/* 3. Listing - 4 Spalten on Desktop
====================================*/
.flex-box-4 {
  width: 23.404293%;
  margin-left: 2.127663%;
  margin-bottom: 2.127663%;
  float: left;
  overflow: hidden;
}

.flex-box-4:nth-of-type(4n+1) {
  margin-left: 0;
  clear: both;
}

@media only screen and (max-width: 980px) {
  /* 3. Listing - 3 Spalten
  ==================================*/
  .flex-box-4 {
    width: 31.914945%;
  }

  .flex-box-4:nth-of-type(4n+1) {
    margin-left: 2.127663%;
    clear: none;
  }

  .flex-box-4:nth-of-type(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (max-width: 740px) {
  /* 3. Listing - 1 Spalte
  ==================================*/
  .flex-box-4:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .flex-box-4 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 3px;
    margin-left: 0 !important;
    min-height: 80px;
  }
}
/* #Listings -Switch / Sortierung / Anzahl pro Seite
================================================== */
#filter {
  margin-bottom: 10px;
}

.btn-details1 .ui-icon {
  float: right;
  margin: 3px 2px 0 10px;
  width: auto;
  line-height: 26px;
  vertical-align: top;
}

/* #Styling 1. Listing - 1 Spalte
==================================*/
.flex-box-lang {
  float: none;
  width: 100%;
  overflow: hidden;
  margin-left: 0;
  padding: 10px;
  margin-bottom: 5px;
}

.flex-box-lang .image-box, .flex-box-lang .content-box {
  float: left;
}

.flex-box-lang .image-box {
  width: 30%;
}

.flex-box-lang .content-box {
  width: 70%;
  padding: 0 0 0 10px;
}

.flex-box-lang h3, .flex-box-lang h3 a {
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25em;
}

.flex-box-lang h3 a:hover, .flex-box-lang h3:hover, .flex-box-lang .taxandshippinginfo a:hover, .flex-box-lang .shippingtime a:hover {
  color: #555;
}

.flex-box-lang .vpe {
  font-size: 14px;
  margin: 10px 0 -5px 0;
}

.flex-box-lang .price {
  font-size: 18px;
  color: #9d0e4b;
}

.flex-box-lang .btn {
  float: right;
  margin-right: 5px;
  line-height: 30px;
  padding: 4px 16px 4px 16px;
}

.flex-box-lang .btn-buy-now .ui-button-text, .listing-box-1 .btn-buy-now .ui-button-text {
  display: none;
}

.flex-box-lang .btn-buy-now .ui-icon {
  margin-left: -4px;
}

.flex-box-lang:hover, .flex-box-lang:focus, .flex-box-lang:active {
  border: 1px solid #9d0e4b;
  background: #fff;
}

.flex-box-lang .taxandshippinginfo, .listing-box-1 .taxandshippinginfo, .flex-box-lang .shippingtime {
  font-size: 14px;
  margin: 0 0 5px 0;
}

.flex-box-lang .taxandshippinginfo a, .flex-box-lang .shippingtime a {
  color: #555;
}

.flex-box-lang .taxandshippinginfo a:hover, .flex-box-lang .shippingtime a:hover {
  color: #777;
}

@media only screen and (max-width: 480px) {
  .flex-box-lang {
    padding: 5px;
  }

  .flex-box-lang .shippingtime, .flex-box-lang .taxandshippinginfo {
    display: none;
  }

  .btn-buy-now {
    visibility: hidden;
    display: none !important;
  }
}
/* #Styling - Listingbox1 (flex-box-3)
================================================== */
.listing-box-1 {
  border-bottom: 2px solid #bbb;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.listing-box-1, .flex-box-lang {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(40%, #ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 40%, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(40%, #ffffff), to(#d9d9d9));
  background-image: linear-gradient(#ffffff, #ffffff 40%, #d9d9d9);
  background-repeat: no-repeat;
  border-bottom-color: #888;
}

.listing-box-1 .image-box {
  margin: 0 auto 5px auto;
  text-align: center;
  display: block;
  padding: 5px 5px 10px 5px;
  height: 245px;
}

.listing-box-1 .content-box {
  padding: 0 10px;
  text-align: center;
}

.listing-box-1 .content-box p {
  margin-bottom: 5px;
}

.listing-box-1 h3 a, .listing-box-1 h3 {
  margin: 0;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25em;
  display: block;
  min-height: 2.7em;
}

.listing-box-1 h3 a:hover, .listing-box-1 h3:hover {
  color: #555;
}

.listing-box-1 .short-desc, .listing-box-1 .short-desc p, .flex-box-lang .short-desc, .flex-box-lang .short-desc p {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  text-align: left;
  margin: 0 0 5px 0;
}

.listing-box-1 .short-desc {
  padding-bottom: 10px;
  min-height: 80px;
}

.listing-box-1 .price {
  font-size: 18px;
  color: #9d0e4b;
}

.listing-box-1 .price {
  margin: 15px 0 5px 0;
  min-height: 50px;
  line-height: 1em;
}

.listing-box-1.also .price {
  margin: 5px 0 5px 0;
  min-height: 50px;
  line-height: 1em;
}

.listing-box-1 small, .listing-box-1 .productOldPrice small, .flex-box-lang .productOldPrice small, .flex-box-lang small {
  display: none;
}

.listing-box-1 .productOldPrice, .flex-box-lang .productOldPrice {
  font-size: 14px;
  font-size: 1.4rem;
  color: #555;
  display: block;
  margin-bottom: -15px;
}

.flex-box-lang .productOldPrice {
  margin-bottom: -30px;
}

.listing-box-1 .productOldPrice small, .listing-box-1 .price small {
  display: none;
}

.listing-box-1 .btn {
  text-align: center;
  margin: 0 auto 15px auto;
  line-height: 30px;
  padding: 3px 10px 3px 14px;
}

.listing-box-1:hover, .listing-box-1:focus {
  -webkit-box-shadow: 0 4px 25px rgba(50, 50, 50, 0.75);
  box-shadow: 0 4px 25px rgba(50, 50, 50, 0.75);
}

.listing-box-1 .vpe {
  font-size: 14px;
  margin: 10px 0 -10px 0;
  color: #222;
}

@media only screen and (max-width: 760px) {
  .btn-details1 .ui-button-text, .ansicht-buttons {
    display: none;
  }

  .listing-box-1 {
    border-bottom: 1px solid #bbb;
  }

  .listing-box-1 .image-box {
    float: left;
    width: 30%;
    height: auto;
    background: none;
  }

  .listing-box-1 .image-box img {
    max-height: auto;
    margin: 0;
  }

  .listing-box-1 .content-box {
    float: left;
    width: 70%;
    display: block;
    padding: 5px;
    text-align: left;
  }

  .listing-box-1 .short-desc {
    min-height: 10px;
  }

  .listing-box-1 .short-desc:after, .listing-box-1 .short-desc:before {
    border: none;
  }

  .listing-box-1 .price {
    margin: 5px 0;
    min-height: 5px;
  }

  .listing-box-1.also .price {
    margin: 5px 0 10px 0;
    min-height: 5px;
  }

  .listing-box-1 h3 a, .listing-box-1 h3, .flex-box-lang h3 {
    min-height: 14px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .listing-box-1 .btn, .flex-box-lang .btn {
    float: right;
    display: inline-block;
    text-align: center;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border: none;
    margin: 0 10px 5px 5px;
  }

  .listing-box-1 .btn .ui-icon, .flex-box-lang .btn .ui-icon {
    float: none;
    margin: 0 auto;
    font-size: 16px;
    width: auto;
    vertical-align: middle;
  }

  .listing-box-1 .btn-buy-now .ui-button-text {
    display: none;
  }

  .listing-box-1:hover, .listing-box-1:focus, .listing-box-1:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
  }
}
@media only screen and (max-width: 480px) {
  .listing-box-1 .short-desc, .flex-box-lang .short-desc {
    display: none;
  }
}
/* #Anzeige Unterkategorien
================================================== */
.u-kat {
  width: 31.914945%;
  height: auto;
  overflow: hidden;
  margin-left: 2.127663%;
  float: left;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 2.127663%;
  text-align: center;
}

.u-kat:nth-of-type(3n+1) {
  margin-left: 0;
  clear: left;
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
  .u-kat {
    width: 48.936249%;
  }

  .u-kat:nth-of-type(3n+1) {
    margin-left: 2%;
    clear: none;
  }

  .u-kat:nth-of-type(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (max-width: 480px) {
  .u-kat {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }

  .u-kat:nth-of-type(2n+1) {
    clear: none;
  }
}
/* #Content
================================================== */
.wrap-content {
  z-index: 1 !important;
}

#wrap-welcome, .cat-description {
  max-height: 500px;
  padding: 15px 10px 10px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  background: #fff;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.errormessage {
  padding: 10px;
  border: 1px solid red;
  margin-bottom: 10px;
}

.content-page ul, .content-page ol {
  margin-left: 25px;
}

.highlightbox {
  background: #f0f0f0;
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 5px;
}

.wrap-account .cols {
  float: left;
}

#create_account label, #contact_us label, #login label, label {
  clear: both;
  float: left;
  text-align: right;
  margin-right: 10px;
  min-width: 160px;
  line-height: 30px;
}

#create_account .geschlecht label, #contact_us .geschlecht label, #account_edit .geschlecht label, #addressbook .geschlecht label {
  line-height: 26px;
}

#login label, #advanced_search label {
  text-align: left;
  margin-right: 0;
}

label.coupon {
  margin-top: 12px;
}

.cat-description {
  padding: 10px;
  background: #fff;
}

.numbers {
  display: none;
}

.pages strong {
  margin-left: 5px;
}

.cat-navi, .cat-navi > div {
  font-size: 16px !important;
  margin: 10px 0;
}

.cat-navi .ui-icon {
  text-align: center;
  vertical-align: middle;
}

.cat-navi table tr td + td strong {
  padding: 0 10px;
}

.cat-navi .zeige {
  display: none;
}

.cat-navi .pagnation strong {
  padding: 3px 6px 3px 16px;
}

.cat-navi table tr td + td strong {
  padding: 0 8px 0 16px;
}

.cat-navi a.pageResults {
  padding: 3px 14px;
  margin: 0 0 10px 10px;
  display: inline-block;
}

.text-right strong {
  padding: 0 8px 0 12px;
}

.agb-link, .versand-link, .Navigator .Left {
  display: none;
}

.sitemapheader {
  background: #ccc;
  padding: 5px;
  font-weight: bold;
}

.sitemapleft {
  float: left;
}

.sitemapright {
  float: right;
}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {
  padding: 15px;
  background: #fff none;
}

body.popupproductinfo ul {
  list-style: inside;
}

/* POPUP print_order.html */
body.popupprintorder {
  font-family: Arial, Sans-serif;
  font-size: 13px;
  padding: 15px;
  background: #fff none;
}

body.popupprintorder .products tr.header td {
  font-weight: bold;
  background-color: #ededed;
}

body.popupprintorder .products .total {
  text-align: right;
}

body.popupprintorder .products .quantity {
  vertical-align: top;
}

body.popupprintorder .productname {
  vertical-align: top;
}

body.popupprintorder .model {
  vertical-align: top;
}

body.popupprintorder .singleprice {
  vertical-align: top;
}

body.popupprintorder .totalprice {
  vertical-align: top;
}

div.hr {
  background-color: #4E4E4F;
  height: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding-top: 1px;
}

body.popupprintorder td {
  padding: 2px;
}

/* #PRODUKT-INFO
================================================== */
.produkt-tabs {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 15px;
  line-height: 26px;
}

.product-images {
  float: left;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px !important;
  z-index: 2;
}

.zoom .icon-zoom-in {
  font-size: 18px;
  font-size: 1.8rem;
  color: #ccc;
}

.zoom span {
  color: #fff;
}

.zoom:hover .icon-zoom-in {
  color: #aaa;
}

.more-img img {
  height: 90px;
  width: auto;
  margin: 0 1px 20px 0;
}

.productimage, .morepics img {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.productprice-tabs {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  color: #9d0e4b;
}

.productprice-tabs small {
  color: #000;
}

.productprice-tabs .productOldPrice {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #d8563c;
}

.productprice-tabs .productOldPrice small {
  color: #d8563c;
}

.taxandshippinginfo a {
  color: #666;
}

.print-tabs {
  cursor: pointer;
}

.hersteller-info {
  background: #eee;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.productinfoprice-tabs {
  background: url(../img/shadow.png) bottom center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-bottom: 25px;
}

.productinfoprice-tabs p {
  margin-bottom: 6px;
}

.productinfoprice-tabs a {
  color: #444;
}

.productinfoprice-tabs a:hover {
  color: #777;
}

.productoptions-tabs {
  background: #eee;
  padding: 10px;
}

.addtobasket-tabs {
  text-align: center;
}

.addtobasket-tabs input [type=text] {
  width: 50px;
}

.add-Qty-tabs {
  margin: 15px 0;
  height: 31px;
  line-height: 31px;
}

.add-Qty-tabs input[type=tel] {
  text-align: center;
  height: 31px;
  line-height: 31px;
  min-width: 60px;
  width: 60px;
  padding: 0;
  vertical-align: top;
}

.minus, .plus {
  font-size: 18px;
  padding: 0;
  height: 31px;
  line-height: 31px;
  width: 31px;
  margin: 0 auto;
  -webkit-appearance: none;
  vertical-align: top;
}

.minus {
  margin-right: 5px;
}

.plus {
  margin-left: 5px;
}

/* Productnavigator Artikel */
.productnavigator {
  text-align: center;
  margin-top: 5px;
}

.productnavigator .nav-text {
  display: none;
}

.p-count {
  clear: both;
  display: block;
  font-size: 14px;
  margin: 5px auto 10px auto;
  text-align: center;
}

.uk-button-group {
  display: block;
  vertical-align: middle;
  position: relative;
  letter-spacing: -0.31em;
  white-space: nowrap;
}

.uk-button-group > * {
  display: inline-block;
}

.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
  border-radius: 0;
}

.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
  margin-left: -1px;
}

.uk-button-group .ui-icon {
  font-size: 18px;
  color: #666;
  padding: 8px 5px;
  text-align: center;
}

.uk-button, a.pageResults {
  display: inline-block;
  min-height: 30px;
  padding: 2px 14px;
  border: none;
  background: #f7f7f7;
  line-height: 28px;
  color: #444;
  letter-spacing: normal;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  -webkit-background-origin: border-box;
  background-origin: border-box;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-repeat: no-repeat;
  text-shadow: 0 1px 0 #ffffff;
}

a.uk-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  padding: 1px 16px;
}

.uk-button:hover .ui-icon,
.uk-button:focus .ui-icon, a.pageResults:hover .ui-icon {
  color: #9d0e4b;
}

.uk-button:hover,
.uk-button:focus, a.pageResults:hover {
  background-color: #fafafa;
  color: #444444;
  outline: none;
  background-image: none;
}

.uk-button:active,
.uk-button.uk-active {
  background-color: #f5f5f5;
  color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.uk-button-group .icon-fast-forward, .uk-button-group .icon-th-list {
  margin-right: 6px;
}

/* Radio Buttons product_options_selection.html */
.radio-options label {
  cursor: pointer;
  display: inline-block;
}

.checkbox-options input[type="radio"],
.radio-options input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.radio-options input[type="radio"]:focus + label:before {
  border-color: #444;
}

.radio-options input[type="radio"] + label {
  position: relative;
  float: none;
  min-width: 10px;
  padding: 10px;
  line-height: 18px;
  margin-right: 4px;
  text-align: left;
  padding-left: 2em;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-options input[type="radio"] + label:before {
  content: '';
  color: #9d0e4b;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid grey;
  font-size: 18px;
  text-align: center;
}

.radio-options input[type="radio"] + label:after {
  content: '';
  background-color: #9d0e4b;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 14px;
  height: 14px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.radio-options input[type="checkbox"]:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

.radio-options input[type="radio"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
  animation: borderscale 300ms ease-in;
}

.radio-options input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.radio-options input[type="radio"] + label:before, .radio-options input[type="radio"] + label:after {
  border-radius: 50%;
}

/* Checkbox-options f├╝r product_options_checkboxes.html */
.checkbox-options ul {
  display: inline-block;
  margin-bottom: 0;
}

.checkbox-options legend {
  margin-bottom: 7px;
}

.checkbox-options label {
  clear: none;
}

.checkbox-options input[type="radio"] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  height: 36px;
  border: 2px solid #aaa;
  color: #9d0e4b;
  font-size: 18px;
  text-align: center;
}

.checkbox-options input[type="radio"] + label:hover:before {
  border: 2px solid #777;
}

.checkbox-options input[type="radio"] + label {
  position: relative;
  float: left;
  display: block;
  min-width: 10px;
  padding: 10px 14px;
  line-height: 19px;
  margin: 0 15px 15px 0;
  text-align: left;
  vertical-align: middle;
  color: #222;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-options input[type="radio"]:checked + label:before {
  border: 2px solid #9d0e4b;
  -webkit-animation: borderscale 300ms ease-in;
  animation: borderscale 300ms ease-in;
}

@-webkit-keyframes borderscale {
  50% {
    -webkit-box-shadow: 0 0 0 5px #9d0e4b;
    box-shadow: 0 0 0 5px #9d0e4b;
  }
}
@keyframes borderscale {
  50% {
    -webkit-box-shadow: #9d0e4b 0 0 0 5px;
    box-shadow: #9d0e4b 0 0 0 5px;
  }
}
/* #TABS
================================================== */
ul.tabs li {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), to(#d9d9d9));
  background-image: linear-gradient(#ffffff, #ffffff 15%, #d9d9d9);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0);
  border: 1px solid #efefef;
  border-bottom-color: #eee;
  padding: 5px;
}

ul.tabs {
  margin: 30px  0 0 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 40px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

#tab1 ul {
  list-style: square;
  margin-left: 20px;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #cccccc;
  border-bottom-color: #bbb;
  overflow: hidden;
  position: relative;
}

ul.tabs li:first-child {
  border-radius: 4px 0 0 0;
}

ul.tabs li:last-child {
  border-radius: 0 4px 0 0;
  border-right: 1px solid #ccc;
}

ul.tabs li:hover {
  color: #666;
  text-decoration: none;
  background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

ul.tabs li.active {
  background-color: #fff;
  background-image: none;
  border-bottom: none;
  color: #333;
  display: table;
}

.tab_container {
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0  0 4px 4px;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
  margin-bottom: 20px;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media only screen and (max-width: 540px) {
  .tabs {
    display: none;
  }

  .tab_container {
    border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  #tab1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15px, #ffffff), to(rgba(255, 255, 255, 0))) 100% 50px, radial-gradient(at top at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, -webkit-gradient(linear, left bottom, left top, color-stop(15px, #ffffff), to(rgba(255, 255, 255, 0))) bottom/100% 50px, radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background: -webkit-linear-gradient(#ffffff 15px, rgba(255, 255, 255, 0)) 100% 50px, -webkit-radial-gradient(top, at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, -webkit-linear-gradient(bottom, #ffffff 15px, rgba(255, 255, 255, 0)) bottom/100% 50px, -webkit-radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background: linear-gradient(#ffffff 15px, rgba(255, 255, 255, 0)) 100% 50px, radial-gradient(at top at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, linear-gradient(to top, #ffffff 15px, rgba(255, 255, 255, 0)) bottom/100% 50px, radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background-repeat: no-repeat;
    background-attachment: local, scroll, local, scroll;
  }

  .tab_content {
    padding: 10px;
  }

  .tab_drawer_heading {
    background-color: #D9D9D9;
    color: #444;
    border-top: 1px solid #aaa;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .d_active {
    background-color: #666;
    color: #fff;
  }
}
@media only screen and (max-width: 480px) and (orientation: landscape) {
  .touch #tab1 {
    max-height: 190px;
    overflow: auto;
    padding: 5px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 380px) {
  #tab1 {
    max-height: 360px;
    overflow: scroll;
    padding: 5px;
    border-radius: 4px;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 320px) {
  #tab1 {
    max-height: 280px !important;
    overflow: scroll;
    padding: 5px;
    background: #fff;
    border-radius: 4px;
    -webkit-overflow-scrolling: touch;
  }
}
/* WARENKORB */
.wrap-cart {
  border: 1px solid #9d0e4b;
  padding: 10px;
}

.wrap-cart p {
  margin-bottom: 5px;
}

.wrap-item {
  padding: 10px;
}

img.cart-img {
  max-height: 150px;
  width: auto;
}

.wrap-cart .align-right p {
  text-align: right;
}

.cart-item.items-left {
  width: 65.957553%;
  padding-right: 10px;
}

.cart-item.items-right {
  width: 31.914945%;
}

.wrap-cart .cart-item {
  float: left;
}

.wrap-cart .cart-item input[type=tel] {
  min-width: 65px;
  max-width: 65px;
  text-align: center;
}

.cart-item .btn {
  margin-top: 20px;
}

.wrap-cart .wrap-item:nth-child(odd) {
  background: #f6f6f6;
}

.wrap-cart .wrap-item:nth-child(even) {
  background: #e5e5e5;
}

.wrap-cart .subtotal {
  text-align: right;
  padding: 10px 0;
  border-top: 2px solid #ddd;
  background: #fff;
}

.wrap-cart .sum-total {
  margin-top: 5px;
  padding: 10px 0;
  border-top: 1px solid #000;
  border-bottom: 3px double #000;
}

@media only screen and (max-width: 620px) {
  .cart-item.items-left, .cart-item.items-right {
    clear: both;
    float: none;
    width: 100%;
  }

  .cart-item.items-right {
    padding-top: 10px;
    border-top: 1px solid #ddd;
  }

  .cart-item.align-right p {
    text-align: left;
  }

  .cart-item .btn {
    width: auto;
    float: right;
    margin-top: -40px;
  }

  .cart-item.items-left {
    text-align: center;
  }

  .wrap-cart .cart-item .atribute {
    text-align: left;
  }

  img.cart-img {
    max-height: none;
    max-width: 100%;
  }

  .wrap-cart .sum-total, .wrap-cart .subtotal {
    text-align: left;
  }
}
@media only screen and (max-width: 320px) {
  .cart-item .btn {
    margin-top: -75px;
  }
}
/* CHECKOUT */
.checkout-wrap {
  color: #444;
  margin: 20px auto;
  min-height: 80px;
  width: 100%;
  position: relative;
  z-index: 1;
}

ul.checkout-bar {
  margin: 0;
}

ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  padding: 14px 20px 14px 80px;
  margin-bottom: 3px;
  position: relative;
}

ul.checkout-bar li .description {
  font-size: 13px;
  line-height: 16px;
  text-align: left;
}

ul.checkout-bar li:before {
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  left: 20px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}

ul.checkout-bar li.active {
  color: #9d0e4b;
  font-weight: bold;
}

ul.checkout-bar li.active:before {
  background: #9d0e4b;
  z-index: 99999;
}

ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #888;
  z-index: 99999;
}

ul.checkout-bar li.visited:before {
  background: #aaa;
  z-index: 99999;
}

ul.checkout-bar li:nth-child(1):before {
  content: "1";
}

ul.checkout-bar li:nth-child(2):before {
  content: "2";
}

ul.checkout-bar li:nth-child(3):before {
  content: "3";
}

ul.checkout-bar li:nth-child(4):before {
  content: "4";
}

ul.checkout-bar a {
  color: #ccc;
}

@media all and (min-width: 840px) {
  .checkout-bar li.active:after {
    background-color: #9d0e4b;
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .checkout-wrap {
    margin: 30px auto;
  }

  ul.checkout-bar {
    background-color: #EcEcEc;
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }

  ul.checkout-bar:before {
    background-color: #aaa;
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }

  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }

  ul.checkout-bar li.step-3:before, ul.checkout-bar li.step-4:before {
    top: -65px;
  }

  ul.checkout-bar li:before {
    height: 45px;
    left: 40%;
    line-height: 45px;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 99;
  }

  ul.checkout-bar li.visited {
    background: none;
  }

  ul.checkout-bar li.visited:after {
    background-color: #aaa;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
  }

  ul.checkout-bar li.last-step.active:after {
    width: 170%;
    overflow: hidden;
    border-radius: 15px;
  }
}
h2.checkout {
  border-bottom: 1px solid #ccc;
}

#checkout_payment textarea {
  width: 100%;
}

#checkout_payment img {
  width: auto;
}

#widerrufframe {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: auto;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}

.total-block tr td:first-child + td {
  text-align: right;
  padding-right: 19px;
}

.total-block tr td:first-child {
  width: 80%;
}

.checkoutInfoBoxes, .checkoutNavBoxes, .checkoutNav2Boxes {
  float: left;
  margin-bottom: 20px;
}

.checkoutNavBoxes, .checkoutNav2Boxes {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px !important;
}

.checkoutbox td.main_row {
  border-top: 1px solid #ccc;
}

.checkoutbox {
  margin-bottom: 10px;
  background: #fff;
  border: 2px solid #9d0e4b;
}

.checkoutbox .anzahl {
  height: 21px;
  text-align: center;
  padding: 2px 9px;
  background: #999;
  color: #fff;
}

.co-img {
  width: 90px;
  float: left;
}

.co-img {
  width: 90px;
  float: left;
}

.checkoutbox .image {
  max-width: 80px;
  max-height: 70px;
}

table.responsive tr:nth-child(odd) {
  background: #ededed;
}

tr.headerrow {
  background: #ccc !important;
  border-bottom: 2px solid #9d0e4b;
}

.headerrow td {
  font-weight: bold;
}

div.small, div.small p {
  font-size: 12px;
  padding-right: 10px;
}

.checkoutbox div.hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #E3F4DA;
  border-color: #666666 -moz-use-text-color -moz-use-text-color;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-right: medium none;
  border-style: solid none none;
  border-width: 1px medium medium;
  color: #E3F4DA;
  height: 1px;
}

/* PAYMENT TYPE SELECTION */
table.paymentblock {
  background-color: #f8f8f8;
  border: #eee solid;
  border-width: 0 1px 1px 1px;
  margin-bottom: 15px;
}

table.paymentblock tr td.header {
  background-color: #ddd;
  padding: 6px 2px;
  padding-left: 5px;
  color: #000;
  font-weight: bold;
}

/* SHIPPING TYPE SELECTION */
table.shippingblock {
  background-color: #f8f8f8;
  border: #eee solid;
  border-width: 0 1px 1px 1px;
  margin-bottom: 15px;
}

table.shippingblock tr td.header {
  background-color: #ddd;
  padding: 6px 2px 6px 6px;
  color: #000;
  font-weight: bold;
}

table.shippingblock tr td {
  vertical-align: top;
}

table.shippingblock tr td.description {
  width: 100%;
  vertical-align: top;
  padding-left: 6px;
}

table.shippingblock tr td.radiobutton {
  vertical-align: top;
  white-space: nowrap;
  padding: 4px;
}

table.shippingblock tr td.radiobutton input {
  margin: 0;
  padding: 0;
}

table.shippingblock tr td.price {
  vertical-align: top;
  white-space: nowrap;
}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {
  vertical-align: top;
}

table.accounthistoryinfoorderdetails tr.header td {
  font-weight: bold;
}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {
  width: 130px;
}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {
  padding: 5px;
  background-color: #f8f8f8;
  border: solid #d9d9d9 1px;
  margin-bottom: 8px;
}

table.downloadbox tr td.icon {
  padding-right: 15px;
}

table.downloadbox tr td.downloadlink {
  width: 100%;
}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {
  font-size: 14px;
  text-align: left;
  margin: 10px 0;
  border: 1px solid #ccc;
}

table.graduatedprice tr td.header {
  font-size: 16px;
  text-align: left;
}

table.graduatedprice tr, table.graduatedprice td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

table.graduatedprice td:first-child + td {
  padding-left: 10px;
}

table.graduatedprice tr:nth-child(2n) {
  background: #e6e6e6;
}

.headerrow td + td {
  padding-right: 25px;
}

@media only screen and (max-width: 480px) {
  .highlightbox {
    padding: 10px;
  }

  .highlightbox.checkoutbox {
    padding: 0;
  }

  #checkout_address select {
    max-width: 300px;
  }

  #create_account input[type=tel], #create_account input[type=email], #create_account input[type=number], #create_account input[type=text], #create_account input[type=password], #account_edit input[type=text], #account_edit input[type=password], #account_password input[type=password] {
    width: 94%;
  }

  #login input[type=email] {
    padding: 7px 2px;
  }

  .total-block td {
    width: 50%;
  }

  .total-block tr td:first-child + td {
    white-space: nowrap;
    padding-right: 10px;
  }

  .checkoutbox td.main_row:nth-child(3), .checkoutbox td.main_row:nth-child(4) {
    white-space: nowrap;
  }

  .table-orderdetails, .checkoutbox, .responsive-table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .headerrow td + td {
    padding-right: 15px;
  }

  table.orderdetails tr.contentrow1 td.productname, table.orderdetails tr.contentrow2 td.productname {
    font-weight: normal;
  }

  table.orderdetails tr td.subtotal {
    text-align: center;
  }
}
/* #Footer
================================================== */
#footer {
  padding: 30px 0 30px 0;
}

.footer-box {
  float: left;
}

#footer h4 {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: normal;
  color: #ccc;
  display: block;
  margin-bottom: 15px;
  -moz-text-shadow: 1px 1px 0px #000;
  -ms-text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  text-shadow: 1px 1px 0px #000;
}

#footer h3, #footer h3 a {
  color: #eee;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.250em;
  display: block;
  margin-top: 5px;
}

#footer .more a {
  color: #9d0e4b;
  display: block;
}

#footer .boxprice {
  color: #ccc;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 10px;
}

#footer .boxprice .productOldPrice {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ccc;
}

#footer .boxprice small {
  display: none;
}

#footer .contentlist a, #footer .kontakt, #footer #newsletter, #footer .social a {
  color: #bbb;
}

#footer .contentlist a {
  -moz-text-shadow: 1px 1px 0px #000;
  -ms-text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  text-shadow: 1px 1px 0px #000;
  display: block;
}

#footer .contentlist a:before {
  content: "\f054";
  font-size: 10px;
  font-family: FontAwesome;
  margin-right: 7px;
  vertical-align: middle;
}

#footer ul li a:hover {
  color: #9d0e4b;
}

.footer, .footer a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #aaa;
  text-align: center;
}

#footer-outer {
  padding: 20px 20px 10px 20px;
}

#footer-outer, #last-outer, .copyright {
  /* background: url(../img/bg-header.gif) #444; */
	 background: #f2f2f2;
  color: #888;
}

#footer-outer {
  /* background: url(../img/bg-header.gif) #444; */
	 background: #ffffff;
  border-top: 3px solid #9d0e4b; */
}

.copyright {
  padding: 10px 20px;
}

#last-outer h4 {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 15px;
  color: #888;
  -moz-text-shadow: 1px 1px 0px #000;
  -ms-text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  text-shadow: 1px 1px 0px #000;
}

ul.social li {
  display: inline;
  float: left;
  margin: 10px 25px 0 0;
}

.copyright {
  border-bottom: 6px solid #9d0e4b;
  font-size: 11px;
  text-align: center;
}

.copyright, .copyright a {
  color: #666;
}

.parseTime {
  display: none;
}

#sign_in input[type=text] {
  padding: 6px 2px;
}

.btn-box-nl {
  padding: 3px 5px;
}

.scrollup {
  width: 35px;
  height: 35px;
  line-height: 32px;
  opacity: 0.4;
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: none;
  text-align: center;
  background: #9d0e4b;
  -o-border-radius: 50px;
  border-radius: 50px;
}

#newsletter {
  line-height: 1.2;
  font-size: 14px;
}

.scrollup:hover {
  opacity: 0.8;
}

.scrollup .icon-chevron-up {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.social .ui-icon {
  font-size: 40px;
}

.social .ui-icon:hover {
  opacity: 0.6;
}

.icon-facebook-sign {
  color: #3c599b;
}

.icon-twitter-sign {
  color: #1abfe0;
}

.icon-google-plus {
  color: #b83425;
}

.icon-youtube {
  color: #c2302a;
}

.kontakt .ui-icon {
  margin-right: 10px;
}

.mwst {
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
}

.vorteile li {
  color: #bbb;
}

.vorteile li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 18px;
  float: left;
  color: #9d0e4b;
  margin: -2px 10px 0 0;
}

/* 38. START offline & admin-login */
#layout_offline {
  width:700px;
  margin:40px auto;
  padding:30px;
  border: 1px solid #ddd;
}
#layout_adminlogin {
  position:relative;
  margin: 50px auto;
  padding:15px;
  background:#fff;
  border:solid #eee 1px;
  -webkit-box-shadow: 0px 0px 15px #3d3d3d;
  -moz-box-shadow: 0px 0px 15px #3d3d3d;
  box-shadow: 0px 0px 15px #3d3d3d;
  width:400px;
}
#layout_adminlogin a.help_adminlogin {
  position:absolute;
  width:32px;
  height:32px;
  outline:none;
  top:10px;
  right:10px;
  display:block;
}
#layout_adminlogin .login {
  float:right;
  margin: 10px 0 0 0;
  font-family: 'fjallaoneregular', sans-serif;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  padding: 2px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  border: solid 1px #101010;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
  background: -moz-linear-gradient(top,  #494949,  #242424);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */



@media only screen and (max-width: 960px) {
  .toggle_container {
    display: none;
  }

  .toggle_container.open {
    display: block;
  }

  .footer-box {
    float: none !important;
  }

  #footer {
    padding: 10px 0 15px 0;
  }

  #footer h4 {
    margin-bottom: 0;
  }

  #footer h3 a {
    font-size: 18px;
    font-size: 1.8rem;
  }

  #footer h4.neue {
    margin: 10px 0;
  }

  #footer .boxbody, #footer .boxbody img {
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  #footer .contentlist a {
    color: #111;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
  }

  #footer .kontakt-heading, #footer .boxheader-newsletter, #footer .boxheader-vorteile {
    margin: 15px 0;
  }

  .scrollup {
    right: 20px;
  }

  /* Toggle Content Box */
  .toggle_container {
    padding: 10px;
    margin-bottom: 1px;
    background-color: #fff;
  }

  .trigger {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 10px 0 6px 0;
    border-bottom: 1px solid #333;
  }

  .t-plus, .t-minus {
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .t-plus:before {
    content: "\f067";
    font-family: FontAwesome;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #9d0e4b;
  }

  .trigger.active .t-minus:before {
    content: "\f068";
    font-family: FontAwesome;
  }

  .trigger a {
    color: #2774ae;
    text-shadow: #fff 1px -1px 0;
    text-decoration: none;
  }

  .trigger a:hover, .trigger.active a:hover {
    color: #2774ae;
    text-shadow: #fff -1px 1px 0;
  }

  .trigger.active a {
    color: #000;
    text-shadow: #fff 1px 1px 0;
  }
}
@media only screen and (max-width: 400px) {
  #sign_in input[type=text] {
    min-width: 60px;
    width: 180px;
    padding: 6px 2px;
  }
}
/* ==|== Media Queries ======================================================  */
@media only screen and (max-width: 1135px) {
  #breadcrumb {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 960px) {
  html.no-overflowscrolling #widerrufframe, html.no-overflowscrolling .agb-title, html.no-overflowscrolling .versand-pop, .cat-navi .text {
    display: none;
  }

  .neue-home {
    margin: 10px 0 0;
  }

  #widerrufframe {
    -webkit-overflow-scrolling: touch;
  }

  html.no-overflowscrolling .agb-link, html.no-overflowscrolling .versand-link {
    display: block;
  }

  .btn-cart-del .ui-icon {
    font-size: 21px;
  }

  .wrap-account .cols {
    float: none;
  }

  .account.icon-user {
    font-size: 3.1rem;
    font-size: 31px;
  }

  #wrap-welcome, .cat-description {
    max-height: 350px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }

  #wrap-welcome, .cat-description {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15px, #ffffff), to(rgba(255, 255, 255, 0))) 100% 50px, radial-gradient(at top at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, -webkit-gradient(linear, left bottom, left top, color-stop(15px, #ffffff), to(rgba(255, 255, 255, 0))) bottom/100% 50px, radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background: -webkit-linear-gradient(#ffffff 15px, rgba(255, 255, 255, 0)) 100% 50px, -webkit-radial-gradient(top, at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, -webkit-linear-gradient(bottom, #ffffff 15px, rgba(255, 255, 255, 0)) bottom/100% 50px, -webkit-radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background: linear-gradient(#ffffff 15px, rgba(255, 255, 255, 0)) 100% 50px, radial-gradient(at top at top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) 0 0/100% 15px, linear-gradient(to top, #ffffff 15px, rgba(255, 255, 255, 0)) bottom/100% 50px, radial-gradient(at bottom at bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%) bottom/100% 15px;
    background-repeat: no-repeat;
    background-attachment: local, scroll, local, scroll;
  }

  .product-images, .wrap-data {
    float: none !important;
    clear: both;
  }

  .productinfoprice-tabs {
    margin-top: 15px;
  }

  ul.tabs li {
    padding: 0 14px;
  }

  .Navigator {
    margin: 20px 0;
  }

  label.gender {
    min-width: 100px !important;
  }

  .checkoutNavBoxes, .checkoutNav2Boxes {
    float: none;
  }

  .sitemapleft, .sitemapright {
    float: none;
    width: 100%;
  }
}
/*  Suche */
@media only screen and (max-width: 620px) {
  #breadcrumb {
    display: none;
  }

  .menu-button .ui-icon {
    margin: 10px 3px 0 3px;
  }

  #create_account label, #contact_us label, #login label, label {
    text-align: left;
  }

  input[type=search], input[type=tel], input[type=number], input[type=email], input[type=text], input[type=password], textarea {
    width: 100%;
    padding: 7px 2px;
  }
}
@media only screen and (max-width: 480px) {
  .replace, #breadcrumb, .print-tabs {
    display: none;
  }

  .neue-home {
    margin: 5px 0 0 0;
    padding-bottom: 20px;
  }

  #wrap-welcome, .cat-description {
    max-height: 250px;
  }

  .btn-cart {
    font-size: 18px;
    font-size: 1.8rem;
  }

  h1.hometitle {
    font-size: 26px;
    font-size: 2.6rem;
    margin: -10px 0 0 0;
  }

  h2 {
    font-size: 21px;
    font-size: 2.1rem;
  }

  .product-images {
    float: none;
  }

  textarea#review {
    max-width: 100%;
  }

  .product-images .morepics img, .product-images img {
    margin: 0 auto;
    display: block;
    text-align: center;
    border: none;
    float: none;
  }

  .icon-zoom-in {
    display: none !important;
  }

  .cat-description {
    max-height: 140px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 5px 20px 5px 5px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }

  .add-Qty-tabs input[type=text] {
    width: auto;
  }

  textarea#message_body {
    width: 100%;
  }

  .minus {
    margin-right: 15px;
  }

  .plus {
    margin-left: 15px;
  }

  .btn-box-nl {
    width: auto;
    padding: 5px;
  }

  .btn-search .ui-button-icon-primary {
    margin-right: 10px;
    padding: 6px;
  }

  .ui-button-icon-secondary {
    position: absolute;
    right: 15px;
    margin-top: 2px;
  }

  .scrollup {
    right: 10px;
  }
}
  /*  Media Queries f├╝r 'mobile' - Smartphones
========================================================================== */
@media only screen and (max-width: 380px) {
  #wrap-welcome, .cat-description {
    max-height: 340px;
  }
}
@media only screen and (max-width: 320px) {
  #wrap-welcome, .cat-description {
    max-height: 280px;
  }

  #checkout_address select {
    max-width: 215px;
  }

  .highlightbox {
    padding: 10px;
  }

  .product-images {
    float: none;
  }

  select[name=country] {
    max-width: 240px;
  }

  .scrollup {
    right: 10px;
  }

  .geschlecht {
    white-space: nowrap;
  }

  td.delete, td.center {
    border-right: 1px solid #ccc;
  }
}

/*# sourceMappingURL=stylesheet.css.map */
/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */

.padding-l10  { padding-left: 10px;  }
.padding-r10  { padding-right: 10px; }
.color_w      { color: white!important; }

.cssButton {
	position:relative;
	margin:0 4px 0 0;
	display:inline-block;
	text-align:left;
	overflow:hidden;
	text-decoration:none !important;
}

.buttonSize0,
.buttonSize0 .background_hover,
.buttonSize0 .animate_image,
.buttonSize0 .buttonIcon,
.buttonSize0 button {
	height:28px;
	line-height:28px;
	cursor:pointer;
}

.buttonSize1,
.buttonSize1 .background_hover,
.buttonSize1 .animate_image,
.buttonSize1 .buttonIcon,
.buttonSize1 button {
	height:24px;
	line-height:24px;
	cursor:pointer;
}

.buttonSize2,
.buttonSize2 .background_hover,
.buttonSize2 .animate_image,
.buttonSize2 .buttonIcon,
.buttonSize2 button {
	height:20px;
	line-height:20px;
	cursor:pointer;
}

.cssButton .background_hover,
.cssButton .animate_image,
.cssButton button {
	position:absolute !important;
	display:inline-block;
	width:100%;
	top:0;
	left:0;
	border:none;
	background:transparent;
}

.cssButton .animate_image {
	background-position:50% 50%;
}

.cssButton:hover .animate_image {
	background-position:60% 50%;
}

.cssButton .background_hover {
	opacity:0;
	filter: alpha(opacity=0);
}

.cssButton:hover .background_hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.cssButton .buttonIcon {
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize1 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize2 .buttonIcon {
	width:25px;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	background-size:20px;
	-moz-background-size:20px;
}

.cssButton.buttonSize1 .buttonIcon {
	background-size:20px;
	-moz-background-size:20px;
}

.cssButton.buttonSize2 .buttonIcon {
	background-size:13px;
	-moz-background-size:13px;
}

/* ================================================= */
.icononly.buttonSize0 .buttonIcon {
	width:28px;
}

.icononly.buttonSize1 .buttonIcon {
	width:24px;
}

.icononly.buttonSize2 .buttonIcon {
	width:20px;
}

/* ================================================= */
.iconleft .buttonIcon {
	left:0;
}

.iconright .buttonIcon {
	right:0;
}

.cssButton .buttonText,
.icononly .buttonIcon {
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

.cssButton .buttonText {
	padding:0 10px;
}

/* ================================================= */
.iconleft.buttonSize0 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize1 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize2 .buttonText {
	padding:0 5px 0 25px;
}

/* ================================================= */
.iconright.buttonSize0 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize1 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize2 .buttonText {
	padding:0 25px 0 5px;
}

/* ================================================= */
.iconnone.buttonSize0 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize1 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize2 .buttonText {
	padding:0 5px;
}

/* ================================================= */
.cssButton button {
    color:transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

.buttonclear {
	clear:both;
	font-size:0;
	line-height:0;
}

/* cssButton style =================================== */
.cssButton,
.background_hover,
.animate_image {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.cssButton.textButton {
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080',direction='120',strength='2');
}

/* Verlauf */
.cssButton .gradient_0 {
	background-image:url(buttons/cssbutton_ico/gradient_0.png) ;
}

/* not IE */
.cssButton .gradient_1 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%) ;
}

.cssButton .gradient_2 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#1affffff,endColorstr=#4d000000) ;
}

/* Text Farbe */
.cssButton {
	color:#FFFFFF!important;
}

/* Text-Shadow */
.cssButton .buttonText {
	text-shadow:1px 1px 1px #000000;
	text-shadow:1px 1px 1px rgba(0,0,0,1) !important;
}

/* Button Farbe */
.color_1 {
	background-color:#AD4C79!important;
}

.color_0 {
	background-color:#4D4D4D!important;
}

/* css Animation ================================== (not IE) */
/* .cssButton .background_hover,
.cssButton .animate_image {
	-webkit-transition-duration:200ms;
	-webkit-transition-property:background-color,background-position,opacity;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-duration:200ms;
	-moz-transition-property:background-color,background-position,opacity;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-duration:200ms;
	-o-transition-property:background-color,background-position,opacity;
	-o-transition-timing-function:ease-in-out;
}

*/
/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */