/***********************
 Farben
 ***********************/
/***********************
 Allgemein
 ***********************/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

body, html {
  margin: 0px;
  padding: 0px;
  font-family: 'Montserrat', sans-serif; }

html {
  background: #272622; }

body {
  background: #fff; }

.row {
  margin-right: 0px;
  margin-left: 0px; }

div {
  width: 100%; }

.width {
  max-width: 1300px;
  margin: 0 auto;
  position: relative; }

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

p, ul, ol, table {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  color: #504f4a;
  margin-bottom: 20px; }

b, strong {
  font-weight: 700; }

table tr td {
  padding: 0px 10px 10px 0px;
  vertical-align: top; }
  table tr td input[type="text"], table tr td input[type="email"], table tr td input[type="input"], table tr td input[type="password"] {
    width: 100%;
    height: 50px;
    line-height: 48px;
    padding: 0px 10px;
    background: #fff;
    border: 1px solid #bab7b1;
    font-size: 13px;
    font-weight: 300;
    color: #504f4a;
    min-width: 300px;
    max-width: 100%; }
  table tr td input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ff9619;
    padding: 0px;
    margin: 0px; }
    table tr td input[type="checkbox"]:checked {
      background: #ff9619; }
table.bestellungen {
  width: 100%; }
  table.bestellungen tr th {
    border-bottom: 1px dotted #707070;
    padding: 0px 10px 10px 10px;
    font-size: 13px;
    font-weight: 300;
    color: #504f4a; }
  table.bestellungen tr td {
    vertical-align: middle;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    color: #504f4a;
    border-bottom: 1px dotted #707070; }

a, a:link, a:visited, a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):link, a:not([href]):not([tabindex]):visited {
  color: #ff9619;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer; }

a:hover, a:focus, a:active, a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):active {
  color: #c67301;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  outline: none; }

a.button, a.button:link, a.button:visited, input[type="submit"].button, span.button, a.button:not([href]):not([tabindex]) {
  height: 50px;
  line-height: 48px;
  display: inline-block;
  padding: 0px 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #ff9619;
  border: 1px solid #c67301; }
  a.button.gruen, a.button:link.gruen, a.button:visited.gruen, input[type="submit"].button.gruen, span.button.gruen, a.button:not([href]):not([tabindex]).gruen {
    background-color: #8bc700;
    border-color: #6c9902; }

a.button:hover, a.button:focus, a.button:active, span.button:hover, span.button:focus, span.button:active, input[type="submit"].button:hover, input[type="submit"].button:focus, input[type="submit"].button:active, a.button:not([href]):not([tabindex]):hover, a.button:not([href]):not([tabindex]):focus, a.button:not([href]):not([tabindex]):active {
  background-color: #c67301; }
  a.button:hover.gruen, a.button:focus.gruen, a.button:active.gruen, span.button:hover.gruen, span.button:focus.gruen, span.button:active.gruen, input[type="submit"].button:hover.gruen, input[type="submit"].button:focus.gruen, input[type="submit"].button:active.gruen, a.button:not([href]):not([tabindex]):hover.gruen, a.button:not([href]):not([tabindex]):focus.gruen, a.button:not([href]):not([tabindex]):active.gruen {
    background-color: #6c9902; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  color: #504f4a; }

h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
  position: relative;
  margin-bottom: 25px; }
  h1.h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    position: relative;
    margin-bottom: 25px; }
    h1.h2:before {
      content: "";
      display: block;
      width: 100%;
      border-top: 1px dotted #707070;
      position: absolute;
      left: 0px;
      top: 20px;
      z-index: 0; }
    h1.h2 span {
      background: #fff;
      padding-right: 10px;
      position: relative;
      z-index: 1; }
      h1.h2 center span {
        padding-left: 10px; }

h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
  position: relative;
  margin-bottom: 25px; }
  h2:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px dotted #707070;
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: 0; }
  h2 span {
    background: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 1; }
    h2 center span {
      padding-left: 10px; }

h3 {
  font-size: 25px;
  line-height: 26px;
  font-weight: normal;
  position: relative;
  margin-bottom: 15px; }

h4 {
  font-size: 20px;
  line-height: 21px;
  font-weight: normal;
  position: relative;
  margin-bottom: 5px; }

.clear {
  clear: both;
  float: none;
  width: 100%; }

.responsive_video {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  width: 100%; }
  .responsive_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#phone, #newsletter_test {
  display: none; }

.bild_links {
  float: left;
  margin: 0px 15px 5px 0px; }

#karte div {
  width: inherit; }

table.bestelltabelle tr td {
  padding: 0px 15px 15px 0px; }
  table.bestelltabelle tr td input[type="text"], table.bestelltabelle tr td input[type="email"], table.bestelltabelle tr td input[type="password"], table.bestelltabelle tr td input[type="input"] {
    background: #fff;
    border: 1px solid #bab7b1;
    height: 50px;
    line-height: 48px;
    padding: 0px 15px;
    font-weight: 300;
    color: #504f4a;
    width: 100%; }

/*  ------------------------------------------------------
 AKKORDEON
 --------------------------------------------------------*/
a.akk_anzeigen, a.akk_anzeigen:link, a.akk_anzeigen:visited {
  display: block;
  padding: 3px 7px;
  background-color: #eee;
  color: #aaa;
  margin-bottom: 15px; }

a.akk_anzeigen:hover, a.akk_anzeigen:focus, a.akk_anzeigen:active {
  color: #000;
  text-decoration: none; }

.linie {
  border-bottom: 1px solid #eee;
  margin: 0px 0px 15px 0px; }

h2.akkordeon {
  font-size: 16px;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
  color: #000; }

p.akkordeonteaser {
  color: #aaa; }

.akkordeontext3 img, .akkordeontext3 video {
  margin-bottom: 20px; }

/***********************
 Aktionsbox
 ***********************/
.aktionsbox {
  background: #504f4a;
  padding: 15px 0px;
  text-align: center; }
  .aktionsbox p {
    font-size: 12px;
    line-height: normal;
    display: inline-block;
    color: #fff;
    margin: 0px;
    background-image: url(/basics/images/aktionsbox_icon_label.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-weight: 300;
    text-transform: uppercase; }
    .aktionsbox p strong {
      font-weight: bold; }

/***********************
 Selectric
 ***********************/
.selectric-wrapper {
  display: inline-block;
  width: auto; }
  .selectric-wrapper .selectric {
    background: #fff;
    border: 1px solid #bab7b1; }
    .selectric-wrapper .selectric .label {
      font-size: 15px;
      font-weight: normal;
      color: #504f4a;
      height: 48px;
      line-height: 48px; }
    .selectric-wrapper .selectric .button {
      height: 50px;
      width: 35px;
      text-indent: -9999px;
      background-image: url(/basics/images/produktslider_icon_select.svg);
      background-repeat: no-repeat;
      background-position: center center; }
      .selectric-wrapper .selectric .button:after {
        display: none; }

/***********************
 Meta
 ***********************/
.meta {
  background: #f0f0f0;
  padding: 10px 0px; }
  .meta a.beratung, .meta a.beratung:link, .meta a.beratung:visited {
    font-size: 12px;
    font-weight: 300;
    color: #504f4a;
    display: inline-block;
    background-image: url(/basics/images/meta_icon_beratung.svg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px; }
  .meta p {
    color: #504f4a;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-align: center;
    margin: 0px; }
  .meta .siegel_bewertungen {
    text-align: right; }
    .meta .siegel_bewertungen img {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      width: 30px;
      height: auto; }

/***********************
 Header
 ***********************/
.header {
  padding: 40px 0px 50px 0px;
  text-align: center; }
  .header.mobile {
    display: none;
    padding: 35px 0px; }
    .header.mobile .menuebutton {
      position: relative;
      cursor: pointer;
      height: 27px;
      width: 29px; }
      .header.mobile .menuebutton span {
        position: absolute;
        left: 0px;
        height: 5px;
        width: 29px;
        background: #504f4a;
        border-radius: 2px;
        display: block;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .header.mobile .menuebutton span:nth-child(1) {
          top: 0px; }
        .header.mobile .menuebutton span:nth-child(2) {
          top: 11px; }
        .header.mobile .menuebutton span:nth-child(3) {
          top: 22px; }
      .header.mobile .menuebutton:hover span, .header.mobile .menuebutton:focus span, .header.mobile .menuebutton:active span {
        background: #ff9619;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
    .header.mobile #mobilemenu {
      position: absolute;
      left: 2%;
      top: -60px;
      background: #fff;
      padding: 25px;
      -webkit-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      width: 96%;
      z-index: 200; }
      .header.mobile #mobilemenu:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 10px 8px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        left: 1%;
        top: -10px; }
      .header.mobile #mobilemenu ul {
        text-align: center; }
        .header.mobile #mobilemenu ul li {
          display: block;
          margin: 0px;
          padding: 10px 0px; }
    .header.mobile .logo {
      margin: 0px; }
    .header.mobile .warenkorb {
      width: auto;
      display: inline-block;
      vertical-align: bottom;
      margin-left: 20px;
      position: relative; }
      .header.mobile .warenkorb a.link, .header.mobile .warenkorb a.link:link, .header.mobile .warenkorb a.link:visited {
        font-size: 13px;
        font-weight: 300;
        color: #504f4a;
        text-align: center;
        display: inline-block;
        vertical-align: bottom;
        background-image: url(/basics/images/header_icon_warenkorb.svg);
        background-position: center top;
        background-repeat: no-repeat;
        height: 26px;
        width: 45px;
        opacity: 1;
        position: relative; }
        .header.mobile .warenkorb a.link span, .header.mobile .warenkorb a.link:link span, .header.mobile .warenkorb a.link:visited span {
          font-size: 13px;
          font-weight: bold;
          color: #fff;
          display: inline-block;
          background: #ff9619;
          line-height: 18px;
          padding: 0px 6px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          position: absolute;
          right: 5px;
          top: -10px; }
      .header.mobile .warenkorb a.link:hover, .header.mobile .warenkorb a.link:focus, .header.mobile .warenkorb a.link:active {
        opacity: 0.6; }
    .header.mobile #warenkorbbox, .header.mobile #warenkorbboxMobile {
      position: absolute;
      right: 2%;
      top: -60px;
      background: #fff;
      padding: 25px;
      -webkit-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
      width: 96%;
      z-index: 200; }
      .header.mobile #warenkorbbox:before, .header.mobile #warenkorbboxMobile:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 10px 8px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        right: 4%;
        top: -10px; }
      .header.mobile #warenkorbbox .produkt, .header.mobile #warenkorbboxMobile .produkt {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px dotted #707070;
        text-align: left; }
        .header.mobile #warenkorbbox .produkt img, .header.mobile #warenkorbboxMobile .produkt img {
          display: inline-block;
          vertical-align: middle;
          width: 25%; }
        .header.mobile #warenkorbbox .produkt .textblock, .header.mobile #warenkorbboxMobile .produkt .textblock {
          display: inline-block;
          vertical-align: middle;
          width: 75%;
          padding-left: 25px;
          padding-right: 60px;
          position: relative; }
          .header.mobile #warenkorbbox .produkt .textblock p, .header.mobile #warenkorbboxMobile .produkt .textblock p {
            font-size: 13px;
            font-weight: 300;
            color: #504f4a;
            margin: 0px; }
            .header.mobile #warenkorbbox .produkt .textblock p strong, .header.mobile #warenkorbboxMobile .produkt .textblock p strong {
              font-size: 17px;
              font-weight: bold;
              line-height: 20px;
              display: block;
              margin-bottom: 2px; }
          .header.mobile #warenkorbbox .produkt .textblock a.delete, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete, .header.mobile #warenkorbbox .produkt .textblock a.delete:link, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:link, .header.mobile #warenkorbbox .produkt .textblock a.delete:visited, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:visited {
            display: inline-block;
            width: 25px;
            height: 12px;
            background-image: url(/basics/images/warenkorb_icon_entfernen.svg);
            background-repeat: no-repeat;
            background-position: right center;
            position: absolute;
            right: 0px;
            top: 0px;
            opacity: 1; }
          .header.mobile #warenkorbbox .produkt .textblock a.delete:hover, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:hover, .header.mobile #warenkorbbox .produkt .textblock a.delete:focus, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:focus, .header.mobile #warenkorbbox .produkt .textblock a.delete:active, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:active {
            opacity: 0.6; }
        .header.mobile #warenkorbbox .produkt p.preis, .header.mobile #warenkorbboxMobile .produkt p.preis {
          font-size: 15px;
          color: #504f4a;
          font-weight: normal;
          margin: 0px;
          text-align: right; }
      .header.mobile #warenkorbbox .ergebnis p, .header.mobile #warenkorbboxMobile .ergebnis p {
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        color: #504f4a;
        margin-bottom: 30px;
        padding-right: 75px;
        position: relative;
        text-align: left; }
        .header.mobile #warenkorbbox .ergebnis p span, .header.mobile #warenkorbboxMobile .ergebnis p span {
          display: inline-block;
          font-size: 15px;
          font-weight: normal;
          line-height: 20px;
          color: #504f4a;
          position: absolute;
          right: 0px;
          top: 0px; }
      .header.mobile #warenkorbbox .ergebnis a.button, .header.mobile #warenkorbboxMobile .ergebnis a.button, .header.mobile #warenkorbbox .ergebnis a.button:link, .header.mobile #warenkorbboxMobile .ergebnis a.button:link, .header.mobile #warenkorbbox .ergebnis a.button:visited, .header.mobile #warenkorbboxMobile .ergebnis a.button:visited {
        height: 50px;
        line-height: 48px;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0px 10px;
        background: #ff9619;
        border: 1px solid #c67301;
        font-size: 15px;
        font-weight: bold;
        color: #fff; }
      .header.mobile #warenkorbbox .ergebnis a.button:hover, .header.mobile #warenkorbboxMobile .ergebnis a.button:hover, .header.mobile #warenkorbbox .ergebnis a.button:focus, .header.mobile #warenkorbboxMobile .ergebnis a.button:focus, .header.mobile #warenkorbbox .ergebnis a.button:active, .header.mobile #warenkorbboxMobile .ergebnis a.button:active {
        background: #c67301; }
    .header.mobile .suchbox {
      margin-top: 35px;
      position: relative; }
      .header.mobile .suchbox .suchfeld {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background: none;
        border: 1px solid #bab7b1;
        color: #adaa9a;
        font-size: 13px;
        font-weight: 300;
        padding: 0px 40px 0px 20px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px; }
      .header.mobile .suchbox .suchbutton {
        width: 28px;
        height: 28px;
        padding: 0px;
        background-color: #504f4a;
        background-image: url(/basics/images/header_icon_suche.svg);
        background-repeat: no-repeat;
        background-position: center center;
        border: none;
        position: absolute;
        right: 8px;
        top: 8px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .header.mobile .suchbox .suchbutton:hover, .header.mobile .suchbox .suchbutton:focus, .header.mobile .suchbox .suchbutton:active {
          background-color: #bab7b1;
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease; }
  .header .logo {
    margin-bottom: 35px; }
  .header ul {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style-type: none; }
    .header ul li {
      display: inline-block;
      vertical-align: top;
      margin: 0px 15px; }
      .header ul li a, .header ul li a:link, .header ul li a:visited {
        display: block;
        font-size: 17px;
        font-weight: 300;
        color: #504f4a; }
      .header ul li a:hover, .header ul li a:focus, .header ul li a:active {
        color: #bab7b1; }
        .header ul li.active > a, .header ul li.active > a:link, .header ul li.active > a:visited {
          color: #504f4a;
          font-weight: bold; }
  .header .rechte_box {
    position: absolute;
    right: 15px;
    top: -7px;
    width: 205px;
    text-align: right; }
    .header .rechte_box .kontobox {
      width: auto;
      display: inline-block;
      vertical-align: bottom;
      position: relative; }
      .header .rechte_box .kontobox a.konto, .header .rechte_box .kontobox a.konto:link, .header .rechte_box .kontobox a.konto:visited {
        font-size: 13px;
        font-weight: 300;
        color: #504f4a;
        text-align: center;
        display: inline-block;
        vertical-align: bottom;
        background-image: url(/basics/images/header_icon_konto.svg);
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 30px;
        opacity: 1; }
      .header .rechte_box .kontobox a.konto:hover, .header .rechte_box .kontobox a.konto:focus, .header .rechte_box .kontobox a.konto:active {
        opacity: 0.6; }
      .header .rechte_box .kontobox #kontomenu {
        position: absolute;
        right: 0px;
        top: 75px;
        background: #fff;
        padding: 20px 25px;
        -webkit-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        width: auto;
        z-index: 200; }
        .header .rechte_box .kontobox #kontomenu:before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 8px 10px 8px;
          border-color: transparent transparent #fff transparent;
          position: absolute;
          right: 30px;
          top: -10px; }
        .header .rechte_box .kontobox #kontomenu ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none; }
          .header .rechte_box .kontobox #kontomenu ul li {
            display: block;
            margin: 0px;
            padding: 3px 0px;
            white-space: nowrap; }
    .header .rechte_box .warenkorb {
      width: auto;
      display: inline-block;
      vertical-align: bottom;
      margin-left: 20px;
      position: relative; }
      .header .rechte_box .warenkorb a.link, .header .rechte_box .warenkorb a.link:link, .header .rechte_box .warenkorb a.link:visited {
        font-size: 13px;
        font-weight: 300;
        color: #504f4a;
        text-align: center;
        display: inline-block;
        vertical-align: bottom;
        background-image: url(/basics/images/header_icon_warenkorb.svg);
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 26px;
        opacity: 1;
        position: relative; }
        .header .rechte_box .warenkorb a.link span, .header .rechte_box .warenkorb a.link:link span, .header .rechte_box .warenkorb a.link:visited span {
          font-size: 13px;
          font-weight: bold;
          color: #fff;
          display: inline-block;
          background: #ff9619;
          line-height: 18px;
          padding: 0px 6px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          position: absolute;
          right: 5px;
          top: -10px; }
      .header .rechte_box .warenkorb a.link:hover, .header .rechte_box .warenkorb a.link:focus, .header .rechte_box .warenkorb a.link:active {
        opacity: 0.6; }
      .header .rechte_box .warenkorb #warenkorbbox {
        position: absolute;
        right: 0px;
        top: 75px;
        background: #fff;
        padding: 25px;
        -webkit-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.16);
        width: 425px;
        z-index: 200; }
        .header .rechte_box .warenkorb #warenkorbbox:before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 8px 10px 8px;
          border-color: transparent transparent #fff transparent;
          position: absolute;
          right: 30px;
          top: -10px; }
        .header .rechte_box .warenkorb #warenkorbbox .produkt {
          padding-bottom: 25px;
          margin-bottom: 25px;
          border-bottom: 1px dotted #707070;
          text-align: left; }
          .header .rechte_box .warenkorb #warenkorbbox .produkt img {
            display: inline-block;
            vertical-align: middle;
            width: 25%; }
          .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock {
            display: inline-block;
            vertical-align: middle;
            width: 75%;
            padding-left: 25px;
            padding-right: 60px;
            position: relative; }
            .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock p {
              font-size: 13px;
              font-weight: 300;
              color: #504f4a;
              margin: 0px; }
              .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock p strong {
                font-size: 17px;
                font-weight: bold;
                line-height: 20px;
                display: block;
                margin-bottom: 2px; }
            .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete, .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete:link, .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete:visited {
              display: inline-block;
              width: 25px;
              height: 12px;
              background-image: url(/basics/images/warenkorb_icon_entfernen.svg);
              background-repeat: no-repeat;
              background-position: right center;
              position: absolute;
              right: 0px;
              top: 0px;
              opacity: 1; }
            .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete:hover, .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete:focus, .header .rechte_box .warenkorb #warenkorbbox .produkt .textblock a.delete:active {
              opacity: 0.6; }
          .header .rechte_box .warenkorb #warenkorbbox .produkt p.preis {
            font-size: 15px;
            color: #504f4a;
            font-weight: normal;
            margin: 0px;
            text-align: right; }
        .header .rechte_box .warenkorb #warenkorbbox .ergebnis p {
          font-size: 13px;
          line-height: 20px;
          font-weight: 300;
          color: #504f4a;
          margin-bottom: 30px;
          padding-right: 75px;
          position: relative;
          text-align: left; }
          .header .rechte_box .warenkorb #warenkorbbox .ergebnis p span {
            display: inline-block;
            font-size: 15px;
            font-weight: normal;
            line-height: 20px;
            color: #504f4a;
            position: absolute;
            right: 0px;
            top: 0px; }
        .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button, .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button:link, .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button:visited {
          /*height: 50px;
           line-height: 48px;*/
          display: block;
          width: 100%;
          text-align: center;
          padding: 0px 10px;
          /*background: $orange;
           border: 1px solid $dunkelorange;
           font-size: 15px;
           font-weight: bold;
           color: $weiss;*/ }
        .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button:hover, .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button:focus, .header .rechte_box .warenkorb #warenkorbbox .ergebnis a.button:active {
          /*background: $dunkelorange;*/ }
    .header .rechte_box .suchbox {
      margin-top: 30px;
      position: relative; }
      .header .rechte_box .suchbox .suchfeld {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background: none;
        border: 1px solid #bab7b1;
        color: #adaa9a;
        font-size: 13px;
        font-weight: 300;
        padding: 0px 40px 0px 20px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px; }
      .header .rechte_box .suchbox .suchbutton {
        width: 28px;
        height: 28px;
        padding: 0px;
        background-color: #504f4a;
        background-image: url(/basics/images/header_icon_suche.svg);
        background-repeat: no-repeat;
        background-position: center center;
        border: none;
        position: absolute;
        right: 8px;
        top: 8px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .header .rechte_box .suchbox .suchbutton:hover, .header .rechte_box .suchbox .suchbutton:focus, .header .rechte_box .suchbox .suchbutton:active {
          background-color: #bab7b1;
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease; }

#beratungModal {
  padding: 0px !important; }
  #beratungModal .modal-dialog {
    width: 540px;
    max-width: 95%;
    margin: 0.5rem auto; }
    #beratungModal .modal-dialog .modal-content .modal-header {
      background: #fff;
      border: none;
      padding: 55px 20px 45px 20px;
      text-align: center;
      position: relative; }
      #beratungModal .modal-dialog .modal-content .modal-header .close {
        margin: 0px;
        position: absolute;
        right: 20px;
        top: 5px;
        padding: 10px; }
      #beratungModal .modal-dialog .modal-content .modal-header img {
        display: block;
        margin: 0px auto 30px auto; }
      #beratungModal .modal-dialog .modal-content .modal-header h2, #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2 {
        margin: 0px; }
      #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2 {
        color: #504f4a;
        font-size: 30px;
        line-height: 36px;
        font-weight: normal;
        position: relative; }
        #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2:before {
          content: "";
          display: block;
          width: 100%;
          border-top: 1px dotted #707070;
          position: absolute;
          left: 0px;
          top: 20px;
          z-index: 0; }
        #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2 span {
          background: #fff;
          padding-right: 10px;
          position: relative;
          z-index: 1; }
        #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2 .center {
          text-align: center; }
          #beratungModal .modal-dialog .modal-content .modal-header p.wie_h2 .center span {
            padding-left: 10px; }
    #beratungModal .modal-dialog .modal-content .modal-body {
      background: #f0f0f0;
      border: none;
      padding: 35px 20px;
      text-align: center; }
      #beratungModal .modal-dialog .modal-content .modal-body p span {
        font-weight: normal; }
      #beratungModal .modal-dialog .modal-content .modal-body p strong {
        font-weight: bold; }
      #beratungModal .modal-dialog .modal-content .modal-body a.button, #beratungModal .modal-dialog .modal-content .modal-body a.button:link, #beratungModal .modal-dialog .modal-content .modal-body a.button:visited, #beratungModal .modal-dialog .modal-content .modal-body a.button:hover, #beratungModal .modal-dialog .modal-content .modal-body a.button:focus, #beratungModal .modal-dialog .modal-content .modal-body a.button:active {
        width: 315px;
        max-width: 100%;
        margin-bottom: 40px;
        text-align: center; }
      #beratungModal .modal-dialog .modal-content .modal-body ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none; }
        #beratungModal .modal-dialog .modal-content .modal-body ul li {
          display: inline-block;
          vertical-align: middle;
          margin: 0px 15px; }

/***********************
 Produktslider
 ***********************/
.produktslider {
  padding-top: 20px;
  margin-bottom: 45px; }
  .produktslider .produkteslider {
    margin-bottom: 60px; }
    .produktslider .produkteslider .slick-slide .bildbox {
      background: #f0f0f0;
      position: relative;
      margin-bottom: 20px; }
      .produktslider .produkteslider .slick-slide .bildbox span {
        position: absolute;
        left: 0px;
        top: 0px;
        display: inline-block;
        background: #504f4a;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 5px 10px;
        text-transform: uppercase;
        /*&.info_bestseller {
         border-bottom: 4px solid $blau;
         }*/ }
        .produktslider .produkteslider .slick-slide .bildbox span.info_angebot {
          background: #d53925;
          /*&.info_vorteilspack {
           border-bottom: 4px solid $gelb;
           }
           &.info_neu {
           border-bottom: 4px solid $gruen;
           }*/ }
    .produktslider .produkteslider .slick-slide .textbox h3 {
      font-size: 17px;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 5px;
      color: #504f4a; }
    .produktslider .produkteslider .slick-slide .textbox p {
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      margin-bottom: 0px;
      color: #504f4a; }
    .produktslider .produkteslider .slick-slide .textbox hr {
      border: none;
      border-top: 1px dotted #707070;
      margin: 15px 0px;
      width: 100%; }
    .produktslider .produkteslider .slick-slide .textbox .infos {
      position: relative;
      padding-right: 95px; }
      .produktslider .produkteslider .slick-slide .textbox .infos p {
        font-size: 11px;
        line-height: 15px; }
        .produktslider .produkteslider .slick-slide .textbox .infos p span {
          font-size: 15px;
          font-weight: normal; }
        .produktslider .produkteslider .slick-slide .textbox .infos p a, .produktslider .produkteslider .slick-slide .textbox .infos p a:link, .produktslider .produkteslider .slick-slide .textbox .infos p a:visited {
          font-weight: normal;
          color: #504f4a; }
        .produktslider .produkteslider .slick-slide .textbox .infos p a:hover, .produktslider .produkteslider .slick-slide .textbox .infos p a:focus, .produktslider .produkteslider .slick-slide .textbox .infos p a:active {
          text-decoration: underline; }
      .produktslider .produkteslider .slick-slide .textbox .infos .buttons {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: auto; }
        .produktslider .produkteslider .slick-slide .textbox .infos .buttons select {
          display: inline-block;
          vertical-align: bottom;
          height: 40px;
          background: #fff;
          color: #504f4a;
          font-size: 15px;
          font-weight: normal;
          border: 1px solid #bab7b1; }
        .produktslider .produkteslider .slick-slide .textbox .infos .buttons .selectric-wrapper {
          vertical-align: bottom; }
          .produktslider .produkteslider .slick-slide .textbox .infos .buttons .selectric-wrapper .selectric .label {
            height: 38px;
            line-height: 38px; }
          .produktslider .produkteslider .slick-slide .textbox .infos .buttons .selectric-wrapper .selectric .button {
            height: 38px;
            width: 30px; }
        .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button:link, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button:visited {
          display: inline-block;
          vertical-align: bottom;
          width: 40px;
          height: 40px;
          background-color: #bab7b1;
          background-image: url(/basics/images/produktslider_icon_warenkorb.svg);
          background-repeat: no-repeat;
          background-position: center center;
          border: 1px solid #bab7b1; }
        .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button.vergriffen, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button.vergriffen:link, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button.vergriffen:visited {
          background-image: url(/basics/images/produktslider_icon_details.svg); }
        .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button:hover, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button:focus, .produktslider .produkteslider .slick-slide .textbox .infos .buttons a.button:active {
          background-color: #ff9619;
          border: 1px solid #c67301; }
    .produktslider .produkteslider .slick-prev, .produktslider .produkteslider .slick-next {
      width: 28px;
      height: 28px;
      padding: 0px;
      background-repeat: no-repeat;
      background-position: center center;
      top: 33%; }
      .produktslider .produkteslider .slick-prev:before, .produktslider .produkteslider .slick-next:before {
        display: none; }
    .produktslider .produkteslider .slick-prev {
      background-image: url(/basics/images/produktslider_pfeil_links.svg);
      left: 35px; }
    .produktslider .produkteslider .slick-next {
      background-image: url(/basics/images/produktslider_pfeil_rechts.svg);
      right: 35px; }
  .produktslider .buttonbox {
    text-align: center; }

/***********************
 Vorteilspack
 ***********************/
.vorteilspack {
  padding-top: 20px;
  margin-bottom: 45px; }
  .vorteilspack .vorteilsslider {
    margin-bottom: 0px; }
    .vorteilspack .vorteilsslider .slick-slide {
      display: flex;
      position: relative; }
      .vorteilspack .vorteilsslider .slick-slide .textbox {
        background-color: #629198;
        min-height: 325px;
        display: table;
        padding: 45px 0px 20px 0px; }
        .vorteilspack .vorteilsslider .slick-slide .textbox .label {
          position: absolute;
          left: 0px;
          top: 0px;
          display: inline-block;
          background: #504f4a;
          color: #fff;
          font-size: 14px;
          font-weight: bold;
          padding: 10px 20px;
          text-transform: uppercase;
          /*border-bottom: 4px solid $gelb;*/ }
        .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert {
          display: table-cell;
          vertical-align: middle;
          max-width: 270px;
          width: 100%;
          text-align: left; }
          .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box {
            max-width: 400px;
            width: 100%;
            padding: 0px 100px 0px 15px;
            display: block;
            margin: 0 auto; }
            .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box h3 {
              font-size: 30px;
              line-height: 36px;
              font-weight: normal;
              color: #fff;
              margin-bottom: 25px; }
            .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box p {
              font-size: 13px;
              line-height: 20px;
              font-weight: 300;
              color: #fff;
              margin-bottom: 5px; }
              .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box p.preis {
                font-size: 15px;
                font-weight: normal;
                margin-bottom: 30px; }
                .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box p.preis span {
                  font-weight: bold; }
            .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box a.button {
              display: block;
              width: 100%;
              text-align: center; }
              .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box a.button span {
                display: inline-block;
                vertical-align: middle;
                margin-bottom: 5px; }
              .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box a.button img {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                margin-bottom: 5px; }
      .vorteilspack .vorteilsslider .slick-slide .bildbox {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
    .vorteilspack .vorteilsslider .slick-prev, .vorteilspack .vorteilsslider .slick-next {
      width: 28px;
      height: 28px;
      padding: 0px;
      background-repeat: no-repeat;
      background-position: center center;
      top: 50%; }
      .vorteilspack .vorteilsslider .slick-prev:before, .vorteilspack .vorteilsslider .slick-next:before {
        display: none; }
    .vorteilspack .vorteilsslider .slick-prev {
      background-image: url(/basics/images/produktslider_pfeil_links.svg);
      left: 20px; }
    .vorteilspack .vorteilsslider .slick-next {
      background-image: url(/basics/images/produktslider_pfeil_rechts.svg);
      right: 20px; }

/***********************
 Bild + Text
 ***********************/
.bild_text {
  padding-top: 20px;
  margin-bottom: 45px; }
  .bild_text .textbox {
    position: relative;
    padding-bottom: 50px; }
    .bild_text .textbox p {
      font-size: 17px;
      font-weight: normal; }
    .bild_text .textbox a.button {
      position: absolute;
      bottom: 0px;
      left: 8px; }
  .bild_text.downloads .textbox p {
    font-weight: 300; }

/***********************
 Dreierbox
 ***********************/
.dreierbox {
  padding-top: 20px;
  margin-bottom: 45px;
  cursor: pointer; }
  .dreierbox .box {
    position: relative; }
    .dreierbox .box .bildbox {
      background-repeat: repeat-x, no-repeat;
      background-position: left bottom, center center;
      background-size: auto auto, cover;
      height: 0px;
      padding-bottom: 100%; }
    .dreierbox .box h3 {
      position: absolute;
      left: 0px;
      bottom: 40px;
      width: 100%;
      font-size: 30px;
      line-height: 36px;
      font-weight: normal;
      margin-bottom: 0px;
      color: #fff;
      text-align: center; }
      .dreierbox .box h3 span {
        position: relative; }
        .dreierbox .box h3 span:before {
          content: "";
          width: 50px;
          height: 1px;
          background: #fff;
          position: absolute;
          top: 50%;
          left: -65px; }
        .dreierbox .box h3 span:after {
          content: "";
          width: 50px;
          height: 1px;
          background: #fff;
          position: absolute;
          top: 50%;
          right: -65px; }
  .dreierbox p {
    padding-top: 20px; }
  .dreierbox .button {
    margin-bottom: 20px; }

/***********************
 Magazinliste
 ***********************/
.magazinliste_head {
  padding-top: 20px;
  padding-bottom: 15px; }
  .magazinliste_head ul, .magazinliste_head ol {
    padding-left: 18px; }

.magazinliste {
  padding-top: 75px;
  padding-bottom: 25px;
  background: #f0f0f0; }
  .magazinliste.kategorien {
    padding-bottom: 0px;
    margin-bottom: 45px; }
  .magazinliste .box {
    margin-bottom: 80px; }
    .magazinliste .box img {
      width: 100%;
      height: auto; }
    .magazinliste .box .textbox {
      background: #fff;
      padding: 30px 30px 70px 30px;
      position: relative;
      min-height: 365px; }
      .magazinliste .box .textbox h2, .magazinliste .box .textbox h3 {
        font-size: 30px;
        line-height: 36px;
        color: #504f4a;
        font-weight: normal;
        margin-bottom: 30px;
        padding: 0px;
        border: none;
        display: block; }
        .magazinliste .box .textbox h2:before, .magazinliste .box .textbox h3:before {
          display: none; }
      .magazinliste .box .textbox p {
        font-size: 16px;
        line-height: 25px;
        font-weight: 300;
        margin: 0px; }
      .magazinliste .box .textbox a.link, .magazinliste .box .textbox a.link:link, .magazinliste .box .textbox a.link:visited {
        position: absolute;
        left: 30px;
        bottom: 40px;
        display: inline-block;
        color: #ff9619;
        font-size: 15px;
        font-weight: 500;
        background-image: url(/basics/images/newsliste_icon_pfeil.svg);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
        opacity: 1; }
      .magazinliste .box .textbox a.link:hover, .magazinliste .box .textbox a.link:focus, .magazinliste .box .textbox a.link:active {
        opacity: 0.6; }
  .magazinliste .buttonbox {
    text-align: center; }
    .magazinliste .buttonbox a.button {
      width: 100%;
      max-width: 380px;
      text-align: center; }

/***********************
 Produkte interessieren
 ***********************/
.produkte_interessieren {
  padding: 100px 0px 140px 0px;
  margin-bottom: -90px;
  background: #f0f0f0; }
  .produkte_interessieren h2 {
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
    color: #504f4a;
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 4px solid #ff9619;
    margin-bottom: 55px; }
    .produkte_interessieren h2:before {
      display: none; }
  .produkte_interessieren .magazinliste {
    padding: 0px; }
  .produkte_interessieren .interessenslider {
    margin-bottom: 0px; }
    .produkte_interessieren .interessenslider .bildbox {
      background: #fff;
      position: relative;
      margin-bottom: 15px; }
      .produkte_interessieren .interessenslider .bildbox img {
        width: 100%; }
      .produkte_interessieren .interessenslider .bildbox span {
        position: absolute;
        left: 0px;
        top: 0px;
        display: inline-block;
        background: #504f4a;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 5px 10px;
        text-transform: uppercase;
        /*&.info_bestseller {
         border-bottom: 4px solid $blau;
         }*/ }
        .produkte_interessieren .interessenslider .bildbox span.info_angebot {
          background: #d53925;
          /*&.info_vorteilspack {
           border-bottom: 4px solid $gelb;
           }
           &.info_neu {
           border-bottom: 4px solid $gruen;
           }*/ }
    .produkte_interessieren .interessenslider h3 {
      font-size: 17px;
      line-height: 20px;
      font-weight: bold;
      color: #504f4a;
      margin-bottom: 3px; }
    .produkte_interessieren .interessenslider p {
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      color: #504f4a;
      margin-bottom: 0px; }
    .produkte_interessieren .interessenslider .slick-prev, .produkte_interessieren .interessenslider .slick-next {
      width: 28px;
      height: 28px;
      padding: 0px;
      background-repeat: no-repeat;
      background-position: center center;
      top: 38%; }
      .produkte_interessieren .interessenslider .slick-prev:before, .produkte_interessieren .interessenslider .slick-next:before {
        display: none; }
    .produkte_interessieren .interessenslider .slick-prev {
      background-image: url(/basics/images/produktslider_pfeil_links.svg);
      left: -45px; }
    .produkte_interessieren .interessenslider .slick-next {
      background-image: url(/basics/images/produktslider_pfeil_rechts.svg);
      right: -45px; }

/***********************
 Magazinseite
 ***********************/
.magazinseite {
  padding: 0px 0px 100px 0px;
  margin-top: 20px; }
  .magazinseite .magazinhead {
    padding-bottom: 20px; }
    .magazinseite .magazinhead a.zurueck, .magazinseite .magazinhead a.zurueck:link, .magazinseite .magazinhead a.zurueck:visited {
      border-top: 1px dotted #707070;
      padding: 20px 0px 20px 38px;
      font-size: 17px;
      font-weight: bold;
      display: block;
      color: #504f4a;
      background-image: url(/basics/images/magazinseite_icon_zurueck.svg);
      background-repeat: no-repeat;
      background-position: left center;
      opacity: 1; }
    .magazinseite .magazinhead a.zurueck:hover, .magazinseite .magazinhead a.zurueck:focus, .magazinseite .magazinhead a.zurueck:active {
      opacity: 0.6; }
  .magazinseite h1 {
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
    color: #504f4a;
    width: 100%;
    max-width: 470px;
    margin-bottom: 20px; }
  .magazinseite .zusatz {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300; }
    .magazinseite .zusatz .kategorie {
      display: inline-block;
      vertical-align: bottom;
      color: #ff9619;
      font-size: 12px;
      font-weight: bold;
      margin-right: 35px; }
  .magazinseite img {
    width: 100%;
    height: auto;
    margin-bottom: 45px; }
  .magazinseite p {
    margin-bottom: 45px; }
    .magazinseite p strong {
      font-size: 17px;
      font-weight: bold; }
  .magazinseite ul, .magazinseite ol {
    padding-left: 18px; }
  .magazinseite .shariff {
    margin-bottom: 85px;
    padding-left: 0px; }
    .magazinseite .hinweise p {
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      margin: 0px; }
  .magazinseite .bestseller .box .bildbox {
    background: #f0f0f0;
    position: relative;
    margin-bottom: 15px; }
    .magazinseite .bestseller .box .bildbox img {
      margin-bottom: 0px; }
    .magazinseite .bestseller .box .bildbox span {
      position: absolute;
      left: 0px;
      top: 0px;
      display: inline-block;
      background: #504f4a;
      color: #fff;
      font-size: 12px;
      font-weight: normal;
      padding: 5px 10px;
      text-transform: uppercase;
      /*&.info_bestseller {
       border-bottom: 4px solid $blau;
       }*/ }
      .magazinseite .bestseller .box .bildbox span.info_angebot {
        background: #d53925;
        /*&.info_vorteilspack {
         border-bottom: 4px solid $gelb;
         }
         &.info_neu {
         border-bottom: 4px solid $gruen;
         }*/ }
  .magazinseite .bestseller .box p.ueberschrift {
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    color: #504f4a;
    margin-bottom: 3px; }
  .magazinseite .bestseller .box p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #504f4a;
    margin-bottom: 0px; }

/***********************
 Produktliste
 ***********************/
.produktliste {
  padding-top: 20px;
  margin-bottom: 45px; }
  .produktliste .sprungmarke {
    display: block;
    position: relative;
    top: -25px; }
    .produktliste .sprungmarke a, .produktliste .sprungmarke a:link, .produktliste .sprungmarke a:visited {
      display: inline-block;
      vertical-align: top;
      height: 40px;
      line-height: 40px;
      padding: 0px 15px;
      margin-right: 10px;
      background: #bab7b1;
      color: #fff;
      font-size: 15px;
      font-weight: normal; }
    .produktliste .sprungmarke a:hover, .produktliste .sprungmarke a:focus, .produktliste .sprungmarke a:active {
      background: #ff9619; }
  .produktliste .liste .box {
    padding-bottom: 55px; }
    .produktliste .liste .box .bildbox {
      background: #f0f0f0;
      position: relative;
      margin-bottom: 20px; }
      .produktliste .liste .box .bildbox span {
        position: absolute;
        left: 0px;
        top: 0px;
        display: inline-block;
        background: #504f4a;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 5px 10px;
        text-transform: uppercase;
        /*&.info_bestseller {
         border-bottom: 4px solid $blau;
         }*/ }
        .produktliste .liste .box .bildbox span.info_angebot {
          background: #d53925;
          /*&.info_vorteilspack {
           border-bottom: 4px solid $gelb;
           }
           &.info_neu {
           border-bottom: 4px solid $gruen;
           }*/ }
    .produktliste .liste .box .textbox h2, .produktliste .liste .box .textbox h3 {
      font-size: 17px;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 5px;
      color: #504f4a;
      cursor: pointer;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
      .produktliste .liste .box .textbox h2:before, .produktliste .liste .box .textbox h3:before {
        display: none; }
      .produktliste .liste .box .textbox h2:hover, .produktliste .liste .box .textbox h3:hover, .produktliste .liste .box .textbox h2:focus, .produktliste .liste .box .textbox h3:focus, .produktliste .liste .box .textbox h2:active, .produktliste .liste .box .textbox h3:active {
        color: #ff9619;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
    .produktliste .liste .box .textbox p {
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      margin-bottom: 0px;
      color: #504f4a; }
    .produktliste .liste .box .textbox hr {
      border: none;
      border-top: 1px dotted #707070;
      margin: 15px 0px;
      width: 100%; }
    .produktliste .liste .box .textbox .infos {
      position: relative;
      padding-right: 95px; }
      .produktliste .liste .box .textbox .infos p {
        font-size: 11px;
        line-height: 15px; }
        .produktliste .liste .box .textbox .infos p span {
          font-size: 15px;
          font-weight: normal; }
        .produktliste .liste .box .textbox .infos p a, .produktliste .liste .box .textbox .infos p a:link, .produktliste .liste .box .textbox .infos p a:visited {
          font-weight: normal;
          color: #504f4a; }
        .produktliste .liste .box .textbox .infos p a:hover, .produktliste .liste .box .textbox .infos p a:focus, .produktliste .liste .box .textbox .infos p a:active {
          text-decoration: underline; }
      .produktliste .liste .box .textbox .infos .buttons {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: auto; }
        .produktliste .liste .box .textbox .infos .buttons select {
          display: inline-block;
          vertical-align: bottom;
          height: 40px;
          background: #fff;
          color: #504f4a;
          font-size: 15px;
          font-weight: normal;
          border: 1px solid #bab7b1; }
        .produktliste .liste .box .textbox .infos .buttons .selectric-wrapper {
          vertical-align: bottom;
          margin-right: 5px; }
          .produktliste .liste .box .textbox .infos .buttons .selectric-wrapper .selectric .label {
            height: 38px;
            line-height: 38px; }
          .produktliste .liste .box .textbox .infos .buttons .selectric-wrapper .selectric .button {
            height: 38px;
            width: 30px; }
        .produktliste .liste .box .textbox .infos .buttons a.button, .produktliste .liste .box .textbox .infos .buttons a.button:link, .produktliste .liste .box .textbox .infos .buttons a.button:visited {
          display: inline-block;
          vertical-align: bottom;
          width: 40px;
          height: 40px;
          background-color: #bab7b1;
          background-image: url(/basics/images/produktslider_icon_warenkorb.svg);
          background-repeat: no-repeat;
          background-position: center center;
          border: 1px solid #bab7b1; }
        .produktliste .liste .box .textbox .infos .buttons a.button.vergriffen, .produktliste .liste .box .textbox .infos .buttons a.button.vergriffen:link, .produktliste .liste .box .textbox .infos .buttons a.button.vergriffen:visited {
          background-image: url(/basics/images/produktslider_icon_details.svg); }
        .produktliste .liste .box .textbox .infos .buttons a.button:hover, .produktliste .liste .box .textbox .infos .buttons a.button:focus, .produktliste .liste .box .textbox .infos .buttons a.button:active {
          background-color: #ff9619;
          border: 1px solid #c67301; }
  .produktliste .buttonbox {
    text-align: center; }
    .produktliste.vorteil .liste .box .bildbox span {
      background: #ff9619; }
  .produktliste.vorteil .liste .box .textbox .infos p span {
    margin-right: 10px;
    text-decoration: line-through; }
    .produktliste.vorteil .liste .box .textbox .infos p span.aktionspreis {
      margin-right: 0px;
      color: #ff9619;
      font-weight: 500;
      text-decoration: none; }

/***********************
 Produktseite
 ***********************/
.produktseite {
  padding: 0px 0px 100px 0px;
  margin-top: 20px; }
  .produktseite .produkthead {
    padding-bottom: 20px; }
    .produktseite .produkthead a.zurueck, .produktseite .produkthead a.zurueck:link, .produktseite .produkthead a.zurueck:visited {
      border-top: 1px dotted #707070;
      padding: 20px 0px 20px 38px;
      font-size: 17px;
      font-weight: bold;
      display: block;
      color: #504f4a;
      background-image: url(/basics/images/magazinseite_icon_zurueck.svg);
      background-repeat: no-repeat;
      background-position: left center;
      opacity: 1; }
    .produktseite .produkthead a.zurueck:hover, .produktseite .produkthead a.zurueck:focus, .produktseite .produkthead a.zurueck:active {
      opacity: 0.6; }
  .produktseite .thumbslider {
    margin: -15px 0px 0px 0px; }
    .produktseite .thumbslider .slick-track {
      position: unset; }
    .produktseite .thumbslider .thumb {
      padding: 15px 0px;
      position: relative; }
      .produktseite .thumbslider .thumb img {
        background: #f0f0f0; }
      .produktseite .thumbslider .thumb:after {
        content: "";
        display: block;
        width: 100%;
        height: 6px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background: #fff; }
        .produktseite .thumbslider .thumb.active img {
          background: #fff; }
        .produktseite .thumbslider .thumb.active:after {
          background: #504f4a; }
    .produktseite .thumbslider .slick-prev, .produktseite .thumbslider .slick-next {
      width: 28px;
      height: 28px;
      padding: 0px;
      background-repeat: no-repeat;
      background-position: center center;
      top: inherit;
      left: 40%; }
      .produktseite .thumbslider .slick-prev:before, .produktseite .thumbslider .slick-next:before {
        display: none; }
      .produktseite .thumbslider .slick-prev.slick-disabled, .produktseite .thumbslider .slick-next.slick-disabled {
        display: none !important; }
    .produktseite .thumbslider .slick-prev {
      background-image: url(/basics/images/produktseite_slider_pfeil_oben.svg);
      top: -20px; }
    .produktseite .thumbslider .slick-next {
      background-image: url(/basics/images/produktseite_slider_pfeil_unten.svg);
      right: inherit;
      bottom: -30px; }
  .produktseite .bildbox {
    position: relative;
    padding-left: 30px; }
    .produktseite .bildbox img {
      width: 100%;
      height: auto; }
    .produktseite .bildbox span {
      position: absolute;
      left: 30px;
      top: 0px;
      display: inline-block;
      background: #504f4a;
      color: #fff;
      font-size: 12px;
      font-weight: normal;
      padding: 5px 10px;
      text-transform: uppercase;
      /*&.info_bestseller {
       border-bottom: 4px solid $blau;
       }*/ }
      .produktseite .bildbox span.info_angebot {
        background: #d53925;
        /*&.info_vorteilspack {
         border-bottom: 4px solid $gelb;
         }
         &.info_neu {
         border-bottom: 4px solid $gruen;
         }*/ }
  .produktseite .eigenschaften {
    margin-top: 40px;
    padding: 30px 0px;
    border-top: 1px dotted #707070; }
    .produktseite .eigenschaften p {
      display: inline-block;
      vertical-align: top;
      font-size: 13px;
      font-weight: 300;
      margin: 5px 40px 5px 0px;
      text-align: center; }
      .produktseite .eigenschaften p img {
        display: inline-block;
        margin: 0px; }
      .produktseite .eigenschaften p span {
        display: block; }
  .produktseite .bestellbox {
    background: #f0f0f0;
    padding: 35px 25px 30px 25px; }
    .produktseite .bestellbox h1 {
      font-size: 30px;
      line-height: 36px;
      font-weight: normal;
      color: #504f4a;
      margin-bottom: 5px; }
    .produktseite .bestellbox h2, .produktseite .bestellbox h3, .produktseite .bestellbox p.unterzeile {
      font-size: 17px;
      line-height: 20px;
      font-weight: 300;
      color: #504f4a;
      margin-bottom: 35px; }
      .produktseite .bestellbox h2:before, .produktseite .bestellbox h3:before, .produktseite .bestellbox p.unterzeile:before {
        display: none; }
    .produktseite .bestellbox label {
      display: block;
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      color: #504f4a;
      margin-bottom: 3px; }
    .produktseite .bestellbox .selectric-wrapper {
      display: block;
      width: 100%;
      margin-bottom: 15px; }
    .produktseite .bestellbox .versand {
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      margin-bottom: 35px; }
      .produktseite .bestellbox .versand span {
        font-weight: bold; }
        .produktseite .bestellbox .versand span:before {
          content: "";
          height: 10px;
          width: 10px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
        .produktseite .bestellbox .versand span.gruen {
          color: #8bc700; }
          .produktseite .bestellbox .versand span.gruen:before {
            background-color: #8bc700; }
        .produktseite .bestellbox .versand span.orange {
          color: #ff9619; }
          .produktseite .bestellbox .versand span.orange:before {
            background-color: #ff9619; }
        .produktseite .bestellbox .versand span.rot {
          color: #c70f00; }
          .produktseite .bestellbox .versand span.rot:before {
            background-color: #c70f00; }
    .produktseite .bestellbox .preis {
      text-align: right;
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      color: #504f4a;
      margin-bottom: 20px; }
      .produktseite .bestellbox .preis span {
        display: block; }
        .produktseite .bestellbox .preis span.produktpreis {
          font-size: 30px;
          line-height: 40px;
          font-weight: bold; }
          .produktseite .bestellbox .preis span.produktpreis small {
            font-weight: 300;
            font-size: 20px; }
        .produktseite .bestellbox .preis span a {
          font-weight: normal; }
    .produktseite .bestellbox .buttonbox .selectric-wrapper {
      padding-right: 8px;
      margin-bottom: 0px; }
    .produktseite .bestellbox .buttonbox a.button {
      display: block;
      width: 100%;
      text-align: center; }
      .produktseite .bestellbox .buttonbox a.button img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        margin-bottom: 5px; }
  .produktseite .abobox {
    background: #504f4a;
    padding: 30px 25px; }
    .produktseite .abobox p.ueberschrift {
      font-size: 17px;
      line-height: 20px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 15px; }
      .produktseite .abobox p.ueberschrift img {
        display: inline-block;
        vertical-align: top;
        margin-left: 12px; }
    .produktseite .abobox .selectric-wrapper {
      display: block;
      width: 100%; }
  .produktseite .produktakkordeon {
    margin-bottom: 20px; }
    .produktseite .produktakkordeon .akkordeonbox {
      border-top: 1px dotted #707070; }
      .produktseite .produktakkordeon .akkordeonbox .akkordeonhead h3 {
        font-size: 30px;
        line-height: 36px;
        font-weight: normal;
        color: #504f4a;
        margin: 0px;
        padding: 20px 0px 20px 40px;
        background-image: url(/basics/images/produktseite_akkordeon_icon_zu.svg);
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer; }
        .produktseite .produktakkordeon .akkordeonbox .akkordeonhead h3.offen {
          background-image: url(/basics/images/produktseite_akkordeon_icon_offen.svg); }
      .produktseite .produktakkordeon .akkordeonbox .akkordeontext {
        padding: 20px 0px 20px 40px; }
        .produktseite .produktakkordeon .akkordeonbox .akkordeontext p {
          font-size: 16px;
          line-height: 25px;
          font-weight: 300;
          color: #504f4a;
          margin-bottom: 25px; }
          .produktseite .produktakkordeon .akkordeonbox .akkordeontext p strong {
            font-size: 17px;
            font-weight: bold; }
        .produktseite .produktakkordeon .akkordeonbox .akkordeontext ul, .produktseite .produktakkordeon .akkordeonbox .akkordeontext ol {
          padding-left: 17px; }
        .produktseite .produktakkordeon .akkordeonbox .akkordeontext table {
          margin-bottom: 30px;
          width: 100%; }
          .produktseite .produktakkordeon .akkordeonbox .akkordeontext table th {
            padding: 5px 10px;
            border-bottom: 1px solid #bab7b1;
            vertical-align: top;
            font-size: 13px;
            line-height: normal;
            font-weight: bold; }
          .produktseite .produktakkordeon .akkordeonbox .akkordeontext table td {
            padding: 5px 10px;
            border-bottom: 1px solid #bab7b1;
            vertical-align: top; }
  .produktseite .kontaktbox {
    padding-top: 96px; }
    .produktseite .kontaktbox p {
      font-size: 17px;
      line-height: 25px;
      font-weight: bold;
      color: #504f4a;
      margin-bottom: 25px;
      padding-left: 40px;
      background-image: url(/basics/images/produktseite_beratung_icon_headset.svg);
      background-repeat: no-repeat;
      background-position: left center; }
      .produktseite .kontaktbox p.kontaktdaten {
        font-size: 13px;
        line-height: 25px;
        font-weight: 300;
        color: #504f4a;
        background-image: none; }
        .produktseite .kontaktbox p.kontaktdaten span {
          display: block;
          padding-left: 30px;
          background-repeat: no-repeat;
          background-position: left center; }
          .produktseite .kontaktbox p.kontaktdaten span a, .produktseite .kontaktbox p.kontaktdaten span a:link, .produktseite .kontaktbox p.kontaktdaten span a:visited {
            color: #504f4a; }
          .produktseite .kontaktbox p.kontaktdaten span a:hover, .produktseite .kontaktbox p.kontaktdaten span a:focus, .produktseite .kontaktbox p.kontaktdaten span a:active {
            color: #504f4a;
            text-decoration: underline; }
          .produktseite .kontaktbox p.kontaktdaten span.phone {
            background-image: url(/basics/images/produktseite_beratung_icon_phone.svg); }
          .produktseite .kontaktbox p.kontaktdaten span.mail {
            background-image: url(/basics/images/produktseite_beratung_icon_mail.svg); }
  .produktseite .verbundene_artikel {
    padding-top: 50px; }
    .produktseite .verbundene_artikel p.ueberschrift {
      font-size: 25px;
      line-height: 26px;
      font-weight: normal;
      position: relative;
      margin-bottom: 35px; }
    .produktseite .verbundene_artikel .box, .produktseite .verbundene_artikel .box2 {
      padding-bottom: 40px; }
      .produktseite .verbundene_artikel .box .bildbox, .produktseite .verbundene_artikel .box2 .bildbox, .produktseite .verbundene_artikel .box .bildbox2, .produktseite .verbundene_artikel .box2 .bildbox2 {
        background: #f0f0f0;
        position: relative;
        margin-bottom: 20px; }
        .produktseite .verbundene_artikel .box .bildbox span, .produktseite .verbundene_artikel .box2 .bildbox span, .produktseite .verbundene_artikel .box .bildbox2 span, .produktseite .verbundene_artikel .box2 .bildbox2 span {
          position: absolute;
          left: 0px;
          top: 0px;
          display: inline-block;
          background: #504f4a;
          color: #fff;
          font-size: 12px;
          font-weight: normal;
          padding: 5px 10px;
          text-transform: uppercase;
          /*&.info_bestseller {
           border-bottom: 4px solid $blau;
           }*/ }
          .produktseite .verbundene_artikel .box .bildbox span.info_angebot, .produktseite .verbundene_artikel .box2 .bildbox span.info_angebot, .produktseite .verbundene_artikel .box .bildbox2 span.info_angebot, .produktseite .verbundene_artikel .box2 .bildbox2 span.info_angebot {
            background: #d53925;
            /*&.info_vorteilspack {
             border-bottom: 4px solid $gelb;
             }
             &.info_neu {
             border-bottom: 4px solid $gruen;
             }*/ }
      .produktseite .verbundene_artikel .box .textbox p.produktname, .produktseite .verbundene_artikel .box2 .textbox p.produktname {
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #504f4a;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .produktseite .verbundene_artikel .box .textbox p.produktname:hover, .produktseite .verbundene_artikel .box2 .textbox p.produktname:hover, .produktseite .verbundene_artikel .box .textbox p.produktname:focus, .produktseite .verbundene_artikel .box2 .textbox p.produktname:focus, .produktseite .verbundene_artikel .box .textbox p.produktname:active, .produktseite .verbundene_artikel .box2 .textbox p.produktname:active {
          color: #ff9619;
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease; }
      .produktseite .verbundene_artikel .box .textbox p, .produktseite .verbundene_artikel .box2 .textbox p {
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        margin-bottom: 0px;
        color: #504f4a; }
      .produktseite .verbundene_artikel .box .textbox hr, .produktseite .verbundene_artikel .box2 .textbox hr {
        border: none;
        border-top: 1px dotted #707070;
        margin: 15px 0px;
        width: 100%; }
      .produktseite .verbundene_artikel .box .textbox .infos, .produktseite .verbundene_artikel .box2 .textbox .infos {
        position: relative;
        padding-right: 95px; }
        .produktseite .verbundene_artikel .box .textbox .infos p, .produktseite .verbundene_artikel .box2 .textbox .infos p {
          font-size: 11px;
          line-height: 15px; }
          .produktseite .verbundene_artikel .box .textbox .infos p span, .produktseite .verbundene_artikel .box2 .textbox .infos p span {
            font-size: 15px;
            font-weight: normal; }
          .produktseite .verbundene_artikel .box .textbox .infos p a, .produktseite .verbundene_artikel .box2 .textbox .infos p a, .produktseite .verbundene_artikel .box .textbox .infos p a:link, .produktseite .verbundene_artikel .box2 .textbox .infos p a:link, .produktseite .verbundene_artikel .box .textbox .infos p a:visited, .produktseite .verbundene_artikel .box2 .textbox .infos p a:visited {
            font-weight: normal;
            color: #504f4a; }
          .produktseite .verbundene_artikel .box .textbox .infos p a:hover, .produktseite .verbundene_artikel .box2 .textbox .infos p a:hover, .produktseite .verbundene_artikel .box .textbox .infos p a:focus, .produktseite .verbundene_artikel .box2 .textbox .infos p a:focus, .produktseite .verbundene_artikel .box .textbox .infos p a:active, .produktseite .verbundene_artikel .box2 .textbox .infos p a:active {
            text-decoration: underline; }
        .produktseite .verbundene_artikel .box .textbox .infos .buttons, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons {
          position: absolute;
          right: 0px;
          bottom: 0px;
          width: auto; }
          .produktseite .verbundene_artikel .box .textbox .infos .buttons select, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons select {
            display: inline-block;
            vertical-align: bottom;
            height: 40px;
            background: #fff;
            color: #504f4a;
            font-size: 15px;
            font-weight: normal;
            border: 1px solid #bab7b1; }
          .produktseite .verbundene_artikel .box .textbox .infos .buttons .selectric-wrapper, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons .selectric-wrapper {
            vertical-align: bottom;
            margin-right: 5px; }
            .produktseite .verbundene_artikel .box .textbox .infos .buttons .selectric-wrapper .selectric .label, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons .selectric-wrapper .selectric .label {
              height: 38px;
              line-height: 38px; }
            .produktseite .verbundene_artikel .box .textbox .infos .buttons .selectric-wrapper .selectric .button, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons .selectric-wrapper .selectric .button {
              height: 38px;
              width: 30px; }
          .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button:link, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:link, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button:visited, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:visited {
            display: inline-block;
            vertical-align: bottom;
            width: 40px;
            height: 40px;
            background-color: #bab7b1;
            background-image: url(/basics/images/produktslider_icon_warenkorb.svg);
            background-repeat: no-repeat;
            background-position: center center;
            border: 1px solid #bab7b1; }
          .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button.vergriffen, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button.vergriffen, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button.vergriffen:link, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button.vergriffen:link, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button.vergriffen:visited, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button.vergriffen:visited {
            background-image: url(/basics/images/produktslider_icon_details.svg); }
          .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button:hover, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:hover, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button:focus, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:focus, .produktseite .verbundene_artikel .box .textbox .infos .buttons a.button:active, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:active {
            background-color: #ff9619;
            border: 1px solid #c67301; }

/***********************
 Warenkorb
 ***********************/
.warenkorbseite {
  padding: 0px 0px 100px 0px;
  margin-top: 20px; }
  .warenkorbseite .warenkorbhead {
    padding-bottom: 35px; }
    .warenkorbseite .warenkorbhead a.zurueck, .warenkorbseite .warenkorbhead a.zurueck:link, .warenkorbseite .warenkorbhead a.zurueck:visited {
      border-top: 1px dotted #707070;
      padding: 20px 0px 20px 38px;
      font-size: 17px;
      font-weight: bold;
      display: block;
      color: #504f4a;
      background-image: url(/basics/images/magazinseite_icon_zurueck.svg);
      background-repeat: no-repeat;
      background-position: left center;
      opacity: 1; }
    .warenkorbseite .warenkorbhead a.zurueck:hover, .warenkorbseite .warenkorbhead a.zurueck:focus, .warenkorbseite .warenkorbhead a.zurueck:active {
      opacity: 0.6; }
  .warenkorbseite h1 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 35px;
    color: #504f4a; }
  .warenkorbseite table.artikelliste {
    margin-bottom: 40px;
    width: 100%;
    /*table-layout: fixed;*/ }
    .warenkorbseite table.artikelliste tr th {
      border-bottom: 1px dotted #707070;
      padding: 0px 10px 10px 10px;
      font-size: 13px;
      font-weight: 300;
      color: #504f4a; }
    .warenkorbseite table.artikelliste tr td {
      border-bottom: 1px dotted #707070;
      padding: 10px;
      vertical-align: middle; }
      .warenkorbseite table.artikelliste tr td p {
        margin: 0px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        color: #504f4a; }
        .warenkorbseite table.artikelliste tr td p strong {
          font-size: 17px;
          font-weight: bold;
          display: inline-block;
          color: #504f4a; }
      .warenkorbseite table.artikelliste tr td span {
        font-size: 15px;
        font-weight: normal;
        display: block;
        position: relative;
        padding-right: 20px;
        /*white-space: nowrap;*/ }
        .warenkorbseite table.artikelliste tr td span.preis {
          white-space: nowrap; }
        .warenkorbseite table.artikelliste tr td span .loeschen {
          position: absolute;
          right: 0px;
          top: 4px;
          display: block;
          width: 16px;
          height: 16px;
          background-image: url(/basics/images/warenkorb_icon_entfernen.svg);
          background-position: center center;
          background-repeat: no-repeat; }
      .warenkorbseite table.artikelliste tr td input {
        background: #fff;
        border: 1px solid #bab7b1;
        color: #504f4a;
        font-size: 15px;
        font-weight: normal;
        height: 48px;
        line-height: 46px;
        padding: 0px 15px;
        min-width: auto;
        width: auto; }
        .warenkorbseite table.artikelliste tr td input[type="checkbox"] {
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          width: 20px;
          height: 20px;
          background: #fff;
          border: 1px solid #ff9619;
          padding: 0px;
          margin: 0px; }
          .warenkorbseite table.artikelliste tr td input[type="checkbox"]:checked {
            background: #ff9619; }
  .warenkorbseite .bestelluebersicht {
    background: #f0f0f0;
    padding: 35px 25px; }
    .warenkorbseite .bestelluebersicht h2:before {
      display: none; }
    .warenkorbseite .bestelluebersicht table {
      width: 100%; }
      .warenkorbseite .bestelluebersicht table tr:first-child td {
        border: none; }
      .warenkorbseite .bestelluebersicht table tr td {
        padding: 20px 0px;
        font-size: 13px;
        font-weight: 300;
        color: #504f4a;
        border-top: 1px dotted #707070; }
        .warenkorbseite .bestelluebersicht table tr td:nth-child(2) {
          text-align: right; }
        .warenkorbseite .bestelluebersicht table tr td span {
          font-size: 15px;
          font-weight: normal; }
        .warenkorbseite .bestelluebersicht table tr td strong {
          font-size: 17px;
          font-weight: bold; }
    .warenkorbseite .bestelluebersicht label {
      display: block;
      margin-bottom: 10px;
      font-size: 13px;
      font-weight: 300;
      color: #504f4a; }
    .warenkorbseite .bestelluebersicht .gutschein {
      position: relative;
      margin-bottom: 30px; }
      .warenkorbseite .bestelluebersicht .gutschein .textfeld {
        width: 100%;
        height: 50px !important;
        line-height: 48px !important;
        border: 1px solid #bab7b1 !important;
        background: #fff;
        padding: 0px 135px 0px 10px !important;
        font-size: 13px !important;
        font-weight: 300;
        color: #504f4a; }
      .warenkorbseite .bestelluebersicht .gutschein .einloesen {
        position: absolute;
        right: 0px;
        top: 0px;
        max-width: 50%;
        width: 130px;
        height: 50px;
        line-height: 48px;
        border: 1px solid #707070 !important;
        background: #bab7b1;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        padding: 0px 5px;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        .warenkorbseite .bestelluebersicht .gutschein .einloesen:hover, .warenkorbseite .bestelluebersicht .gutschein .einloesen:focus, .warenkorbseite .bestelluebersicht .gutschein .einloesen:active {
          background: #ff9619;
          border: 1px solid #c67301;
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease; }
    .warenkorbseite .bestelluebersicht .button {
      display: block;
      width: 100%;
      text-align: center;
      /*margin-bottom: 50px;*/
      background-image: url(/basics/images/bestellbestaetigung_button_pfeil.svg);
      background-position: right 20px center;
      background-repeat: no-repeat; }
    .warenkorbseite .bestelluebersicht .zahlungsmittel {
      display: flex;
      justify-content: space-between; }
      .warenkorbseite .bestelluebersicht .zahlungsmittel div {
        height: 20px;
        width: 17%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 90%; }
    .warenkorbseite .bestelluebersicht a.einloesen, .warenkorbseite .bestelluebersicht a.einloesen:link, .warenkorbseite .bestelluebersicht a.einloesen:visited {
      display: inline-block;
      vertical-align: top;
      padding: 2.5px 5px;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
      background-color: #ff9619;
      border: 1px solid #c67301; }

/***********************
 Kasse
 ***********************/
.kasse {
  padding-bottom: 25px; }
  .kasse .schritte {
    text-align: center;
    padding-bottom: 45px;
    margin-bottom: 55px;
    border-bottom: 1px dotted #707070; }
    .kasse .schritte .schritt {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      padding: 0px 17px; }
      .kasse .schritte .schritt .zahl {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        -webit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        background: #f0f0f0;
        margin-right: 10px; }
      .kasse .schritte .schritt .name {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 13px;
        font-weight: 600;
        color: #bab7b1; }
        .kasse .schritte .schritt.active .zahl {
          background: #ff9619; }
        .kasse .schritte .schritt.active .name {
          color: #504f4a; }
  .kasse .kassenbox .boxhead {
    background: #707070;
    text-align: center; }
    .kasse .kassenbox .boxhead.hell {
      background: #bab7b1; }
    .kasse .kassenbox .boxhead p {
      margin: 0px;
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      padding: 12px 10px; }
  .kasse .kassenbox .boxbody {
    margin-bottom: 40px; }
    .kasse .kassenbox .boxbody.grau {
      background: #f0f0f0;
      padding: 35px 30px; }
    .kasse .kassenbox .boxbody.weiss {
      padding-top: 35px; }
      .kasse .kassenbox .boxbody h2:before {
        display: none; }
    .kasse .kassenbox .boxbody h4 {
      font-size: 17px;
      font-weight: bold;
      color: #504f4a;
      margin-bottom: 40px;
      text-align: center; }
      .kasse .kassenbox .boxbody p strong {
        font-weight: 600; }
      .kasse .kassenbox .boxbody p.anmeldehinweis {
        font-size: 13px;
        font-weight: 600;
        color: #504f4a;
        width: 430px;
        max-width: 100%;
        margin-bottom: 40px; }
      .kasse .kassenbox .boxbody p.datenschutztext {
        font-size: 10px;
        line-height: 15px;
        font-weight: 300;
        color: #504f4a;
        margin-bottom: 0px; }
        .kasse .kassenbox .boxbody p.datenschutztext input[type="checkbox"] {
          width: auto;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          width: 20px;
          height: 20px;
          border: 1px solid #ff9619;
          background: #fff;
          display: inline-block;
          vertical-align: top;
          margin: 0px 5px 0px 0px;
          padding: 0px; }
          .kasse .kassenbox .boxbody p.datenschutztext input[type="checkbox"]:checked {
            border: 1px solid #ff9619;
            background: #ff9619; }
    .kasse .kassenbox .boxbody input[type="checkbox"] {
      width: auto;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      width: 20px;
      height: 20px;
      border: 1px solid #ff9619;
      background: #fff;
      display: inline-block;
      vertical-align: top;
      margin: 0px 5px 0px 0px;
      padding: 0px; }
      .kasse .kassenbox .boxbody input[type="checkbox"]:checked {
        border: 1px solid #ff9619;
        background: #ff9619; }
    .kasse .kassenbox .boxbody textarea {
      border: 1px solid #bab7b1;
      padding: 5px 10px;
      width: 100%;
      height: 70px;
      font-weight: 300; }
    .kasse .kassenbox .boxbody .nav-tabs {
      text-align: center;
      border-bottom: none;
      margin-bottom: 30px;
      display: block; }
      .kasse .kassenbox .boxbody .nav-tabs .nav-item {
        margin-bottom: 0px;
        display: inline-block;
        vertical-align: top; }
        .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link:link, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link:visited {
          display: block;
          padding: 0px 0px 15px 0px;
          margin: 0px 27px;
          border: none;
          border-bottom: 4px solid transparent;
          font-size: 17px;
          font-weight: bold;
          color: #504f4a;
          cursor: pointer; }
        .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link:hover, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link:focus, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link:active {
          border-bottom: 4px solid #ff9619;
          cursor: pointer; }
        .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link.active, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link.active:link, .kasse .kassenbox .boxbody .nav-tabs .nav-item a.nav-link.active:visited {
          border-bottom: 4px solid #ff9619;
          cursor: pointer; }
    .kasse .kassenbox .boxbody label {
      font-size: 13px;
      font-weight: 300;
      color: #504f4a;
      display: block;
      margin-bottom: 10px; }
    .kasse .kassenbox .boxbody .form, .kasse .kassenbox .boxbody.form {
      width: 100%; }
      .kasse .kassenbox .boxbody .form p, .kasse .kassenbox .boxbody.form p {
        font-size: 13px;
        font-weight: 300;
        color: #504f4a; }
      .kasse .kassenbox .boxbody .form input, .kasse .kassenbox .boxbody.form input, .kasse .kassenbox .boxbody .form select, .kasse .kassenbox .boxbody.form select {
        width: 100% !important;
        height: 50px;
        line-height: 48px;
        padding: 0px 10px;
        background: #fff;
        border: 1px solid #bab7b1;
        font-size: 13px;
        font-weight: 300;
        color: #504f4a;
        margin-bottom: 25px; }
        .kasse .kassenbox .boxbody .form input[type="radio"], .kasse .kassenbox .boxbody.form input[type="radio"], .kasse .kassenbox .boxbody .form select[type="radio"], .kasse .kassenbox .boxbody.form select[type="radio"] {
          width: auto !important;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          width: 20px !important;
          height: 20px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border: 1px solid #bab7b1;
          background: transparent;
          display: inline-block;
          vertical-align: middle;
          margin: 0px 10px 0px 0px;
          padding: 0px; }
          .kasse .kassenbox .boxbody .form input[type="radio"]:checked, .kasse .kassenbox .boxbody.form input[type="radio"]:checked, .kasse .kassenbox .boxbody .form select[type="radio"]:checked, .kasse .kassenbox .boxbody.form select[type="radio"]:checked {
            border: 1px solid #ff9619;
            background: #ff9619; }
        .kasse .kassenbox .boxbody .form input[type="checkbox"], .kasse .kassenbox .boxbody.form input[type="checkbox"], .kasse .kassenbox .boxbody .form select[type="checkbox"], .kasse .kassenbox .boxbody.form select[type="checkbox"] {
          width: auto !important;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          width: 20px !important;
          height: 20px;
          border: 1px solid #ff9619;
          background: #fff;
          display: inline-block;
          vertical-align: top;
          margin: 0px 5px 0px 0px;
          padding: 0px; }
          .kasse .kassenbox .boxbody .form input[type="checkbox"]:checked, .kasse .kassenbox .boxbody.form input[type="checkbox"]:checked, .kasse .kassenbox .boxbody .form select[type="checkbox"]:checked, .kasse .kassenbox .boxbody.form select[type="checkbox"]:checked {
            border: 1px solid #ff9619;
            background: #ff9619; }
        .kasse .kassenbox .boxbody .form input[type="submit"], .kasse .kassenbox .boxbody.form input[type="submit"], .kasse .kassenbox .boxbody .form select[type="submit"], .kasse .kassenbox .boxbody.form select[type="submit"] {
          height: 50px;
          line-height: 48px;
          display: inline-block;
          padding: 0px 20px;
          font-size: 15px;
          font-weight: bold;
          color: #fff;
          background-color: #ff9619;
          border: 1px solid #c67301; }
        .kasse .kassenbox .boxbody .form input[type="submit"]:hover, .kasse .kassenbox .boxbody.form input[type="submit"]:hover, .kasse .kassenbox .boxbody .form select[type="submit"]:hover, .kasse .kassenbox .boxbody.form select[type="submit"]:hover, .kasse .kassenbox .boxbody .form input[type="submit"]:focus, .kasse .kassenbox .boxbody.form input[type="submit"]:focus, .kasse .kassenbox .boxbody .form select[type="submit"]:focus, .kasse .kassenbox .boxbody.form select[type="submit"]:focus, .kasse .kassenbox .boxbody .form input[type="submit"]:active, .kasse .kassenbox .boxbody.form input[type="submit"]:active, .kasse .kassenbox .boxbody .form select[type="submit"]:active, .kasse .kassenbox .boxbody.form select[type="submit"]:active {
          background-color: #c67301; }
      .kasse .kassenbox .boxbody .form .selectric-wrapper, .kasse .kassenbox .boxbody.form .selectric-wrapper {
        width: 100%;
        margin-bottom: 25px; }
        .kasse .kassenbox .boxbody .form .selectric-wrapper .selectric, .kasse .kassenbox .boxbody.form .selectric-wrapper .selectric {
          border: 1px solid #bab7b1; }
      .kasse .kassenbox .boxbody .form a.vergessen, .kasse .kassenbox .boxbody.form a.vergessen, .kasse .kassenbox .boxbody .form a.vergessen:link, .kasse .kassenbox .boxbody.form a.vergessen:link, .kasse .kassenbox .boxbody .form a.vergessen:visited, .kasse .kassenbox .boxbody.form a.vergessen:visited {
        font-size: 13px;
        font-weight: 600;
        color: #504f4a; }
      .kasse .kassenbox .boxbody .form a.vergessen:hover, .kasse .kassenbox .boxbody.form a.vergessen:hover, .kasse .kassenbox .boxbody .form a.vergessen:focus, .kasse .kassenbox .boxbody.form a.vergessen:focus, .kasse .kassenbox .boxbody .form a.vergessen:active, .kasse .kassenbox .boxbody.form a.vergessen:active {
        color: #ff9619; }
      .kasse .kassenbox .boxbody .form .align-right, .kasse .kassenbox .boxbody.form .align-right {
        text-align: right; }
      .kasse .kassenbox .boxbody .form .anrede, .kasse .kassenbox .boxbody.form .anrede {
        margin-bottom: 5px; }
        .kasse .kassenbox .boxbody .form .anrede p, .kasse .kassenbox .boxbody.form .anrede p {
          display: inline-block;
          vertical-align: top;
          margin-right: 40px; }
      .kasse .kassenbox .boxbody .form .newslettertext, .kasse .kassenbox .boxbody.form .newslettertext {
        font-size: 13px;
        line-height: 20px;
        font-weight: 300;
        color: #504f4a; }
      .kasse .kassenbox .boxbody .form .links, .kasse .kassenbox .boxbody.form .links {
        display: inline-block;
        vertical-align: top;
        padding-right: 15px; }
      .kasse .kassenbox .boxbody .form .rechts, .kasse .kassenbox .boxbody.form .rechts {
        display: inline-block;
        vertical-align: top;
        padding-left: 15px; }
      .kasse .kassenbox .boxbody .form .halb, .kasse .kassenbox .boxbody.form .halb {
        width: 50%; }
      .kasse .kassenbox .boxbody .form .viertel, .kasse .kassenbox .boxbody.form .viertel {
        width: 25%; }
      .kasse .kassenbox .boxbody .form .dreiviertel, .kasse .kassenbox .boxbody.form .dreiviertel {
        width: 75%; }
    .kasse .kassenbox .boxbody .zahlungsmethode, .kasse .kassenbox .boxbody.zahlungsmethode {
      margin-bottom: 10px; }
      .kasse .kassenbox .boxbody .zahlungsmethode p, .kasse .kassenbox .boxbody.zahlungsmethode p {
        margin-bottom: 10px; }
        .kasse .kassenbox .boxbody .zahlungsmethode p span span.text, .kasse .kassenbox .boxbody.zahlungsmethode p span span.text {
          height: 33px;
          line-height: 31px;
          width: 115px;
          text-align: center;
          border: 1px solid #bab7b1;
          font-size: 12px;
          font-weight: bold;
          color: #bab7b1;
          text-transform: uppercase;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px; }
        .kasse .kassenbox .boxbody .zahlungsmethode p span span.bild, .kasse .kassenbox .boxbody.zahlungsmethode p span span.bild {
          height: 33px;
          line-height: 31px;
          width: 115px;
          border: 1px solid #bab7b1;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto 75%;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px; }
          .kasse .kassenbox .boxbody .zahlungsmethode p span span.bild.paypal, .kasse .kassenbox .boxbody.zahlungsmethode p span span.bild.paypal {
            background-image: url(/basics/images/bestellprozess_zahlung_paypal.png); }
          .kasse .kassenbox .boxbody .zahlungsmethode p span span.bild.visa, .kasse .kassenbox .boxbody.zahlungsmethode p span span.bild.visa {
            background-image: url(/basics/images/bestellprozess_zahlung_visa.png); }
          .kasse .kassenbox .boxbody .zahlungsmethode p span span.bild.mastercard, .kasse .kassenbox .boxbody.zahlungsmethode p span span.bild.mastercard {
            background-image: url(/basics/images/bestellprozess_zahlung_mastercard.png); }
    .kasse .kassenbox .boxbody table.artikelliste {
      margin-bottom: 40px;
      width: 100%;
      table-layout: fixed; }
      .kasse .kassenbox .boxbody table.artikelliste tr th {
        border-bottom: 1px dotted #707070;
        padding: 0px 10px 10px 10px;
        font-size: 13px;
        font-weight: 300;
        color: #504f4a; }
        .kasse .kassenbox .boxbody table.artikelliste tr th.align-right {
          text-align: right; }
      .kasse .kassenbox .boxbody table.artikelliste tr td {
        border-bottom: 1px dotted #707070;
        padding: 10px; }
        .kasse .kassenbox .boxbody table.artikelliste tr td.align-right {
          text-align: right; }
        .kasse .kassenbox .boxbody table.artikelliste tr td p {
          margin: 0px;
          font-size: 13px;
          line-height: 20px;
          font-weight: 300;
          color: #504f4a; }
          .kasse .kassenbox .boxbody table.artikelliste tr td p strong {
            font-size: 17px;
            font-weight: bold;
            display: inline-block; }
        .kasse .kassenbox .boxbody table.artikelliste tr td span {
          font-size: 15px;
          font-weight: normal;
          display: block;
          position: relative; }
    .kasse .kassenbox .boxbody table.bestaetigung {
      width: 100%;
      margin-bottom: 30px;
      font-size: 16px;
      font-weight: 300; }
      .kasse .kassenbox .boxbody table.bestaetigung tr.border-dotted td {
        border-bottom: 1px dotted #707070; }
    .kasse .kassenbox .boxbody table.bestaetigung tr.border-solid td {
      border-bottom: 1px solid #707070; }
  .kasse .kassenbox .boxbody table.bestaetigung tr.zeile td {
    padding-top: 0px; }
    .kasse .kassenbox .boxbody table.bestaetigung tr.zeile.first td {
      padding-top: 10px; }
  .kasse .kassenbox .boxbody table.bestaetigung tr th {
    border-bottom: 1px dotted #707070;
    padding: 0px 0px 10px 0px;
    font-size: 13px;
    font-weight: 300;
    color: #504f4a;
    vertical-align: top; }
    .kasse .kassenbox .boxbody table.bestaetigung tr th.align-right {
      text-align: right; }
  .kasse .kassenbox .boxbody table.bestaetigung tr td {
    padding: 10px 0px;
    vertical-align: top; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td.align-right {
      text-align: right; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td:first-child {
      padding-right: 10px; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td p {
      margin: 0px;
      font-size: 13px;
      line-height: 20px;
      font-weight: 300;
      color: #504f4a; }
      .kasse .kassenbox .boxbody table.bestaetigung tr td p strong {
        font-size: 17px;
        font-weight: bold;
        display: inline-block; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td span {
      font-size: 15px;
      font-weight: normal;
      display: block;
      position: relative;
      white-space: nowrap; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td strong {
      font-size: 17px;
      font-weight: bold;
      display: inline-block;
      white-space: nowrap; }
    .kasse .kassenbox .boxbody table.bestaetigung tr td small {
      font-size: 13px;
      font-weight: 300;
      line-height: 20px;
      display: block; }
  .kasse .kassenbox .boxbody #kundenlogin_container {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
    .kasse .kassenbox .boxbody #kundenlogin_container.active {
      padding: 15px;
      margin-bottom: 30px;
      background: #fff;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
      .kasse .kassenbox .boxbody #kundenlogin_container.active a.button, .kasse .kassenbox .boxbody #kundenlogin_container.active a.button:link, .kasse .kassenbox .boxbody #kundenlogin_container.active a.button:visited {
        margin: 0px; }
  .kasse .kassenbox .boxbody a.button {
    display: block;
    text-align: center;
    margin-bottom: 25px; }
  .kasse .kassenbox .boxbody .gutschein {
    position: relative; }
    .kasse .kassenbox .boxbody .gutschein .textfeld {
      width: 100%;
      height: 50px !important;
      line-height: 48px !important;
      border: 1px solid #bab7b1 !important;
      background: #fff;
      padding: 0px 135px 0px 10px !important;
      font-size: 13px !important;
      font-weight: 300;
      color: #504f4a; }
    .kasse .kassenbox .boxbody .gutschein .einloesen {
      position: absolute;
      right: 0px;
      top: 0px;
      max-width: 50%;
      width: 130px;
      height: 50px;
      line-height: 48px;
      border: 1px solid #707070 !important;
      background: #bab7b1 !important;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      padding: 0px 5px;
      cursor: pointer;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease; }
      .kasse .kassenbox .boxbody .gutschein .einloesen:hover, .kasse .kassenbox .boxbody .gutschein .einloesen:focus, .kasse .kassenbox .boxbody .gutschein .einloesen:active {
        background: #ff9619 !important;
        border: 1px solid #c67301;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
  .kasse.vor-zurueck {
    padding-bottom: 85px; }
    .kasse.vor-zurueck .align-right {
      text-align: right; }
    .kasse.vor-zurueck a, .kasse.vor-zurueck a:link, .kasse.vor-zurueck a:visited, .kasse.vor-zurueck input.weiter {
      font-size: 17px;
      font-weight: bold;
      display: inline-block;
      color: #504f4a;
      background-repeat: no-repeat;
      opacity: 1;
      padding: 2px 0px; }
    .kasse.vor-zurueck a:hover, .kasse.vor-zurueck a:focus, .kasse.vor-zurueck a:active, .kasse.vor-zurueck input.weiter:hover, .kasse.vor-zurueck input.weiter:focus, .kasse.vor-zurueck input.weiter:active {
      opacity: 0.6; }
    .kasse.vor-zurueck a.zurueck, .kasse.vor-zurueck a.zurueck:link, .kasse.vor-zurueck a.zurueck:visited, .kasse.vor-zurueck input {
      background-image: url(/basics/images/produktslider_pfeil_links.svg);
      background-position: left center;
      padding-left: 35px;
      border: none; }
    .kasse.vor-zurueck a.weiter, .kasse.vor-zurueck a.weiter:link, .kasse.vor-zurueck a.weiter:visited, .kasse.vor-zurueck input.weiter, .kasse.vor-zurueck input.weiter:link, .kasse.vor-zurueck input.weiter:visited {
      background-image: url(/basics/images/produktslider_pfeil_rechts.svg);
      background-position: right center;
      padding-right: 35px; }
  .kasse table#alternative_zahlungsarten {
    margin: 0px; }
    .kasse table#alternative_zahlungsarten td {
      padding: 0px 15px 3px 0px; }
      .kasse table#alternative_zahlungsarten td p {
        margin: 0px; }
        .kasse table#alternative_zahlungsarten td input[type="radio"] {
          width: auto;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border: 1px solid #bab7b1;
          background: transparent;
          display: inline-block;
          vertical-align: middle;
          margin: 0px;
          padding: 0px; }
          .kasse table#alternative_zahlungsarten td input[type="radio"]:checked {
            border: 1px solid #ff9619;
            background: #ff9619; }

/***********************
 Textblock
 ***********************/
.textblock ul, .textblock ol {
  padding-left: 17px; }
  .textblock ul li, .textblock ol li {
    margin-bottom: 3px; }
.textblock .suchergebnis li {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px; }
  .textblock .suchergebnis li span {
    font-size: 14px;
    font-weight: 300; }

/***********************
 Bild 100%
 ***********************/
.bild_100 {
  margin-bottom: 25px; }
  .bild_100.mobile {
    display: none; }
  .bild_100 img {
    width: 100%;
    height: auto; }

/***********************
 Newsletterbox
 ***********************/
.newsletterbox {
  padding: 85px 0px 75px 0px;
  background: #504f4a;
  text-align: center;
  margin-top: 90px; }
  .newsletterbox .siegel {
    position: absolute;
    left: -175px;
    top: -45px; }
  .newsletterbox p.ueberschrift {
    color: #fff;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    position: relative;
    width: auto; }
    .newsletterbox p.ueberschrift:before {
      display: none; }
  .newsletterbox p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    color: #fff;
    width: 300px;
    max-width: 100%;
    margin: 0px auto 20px auto; }
    .newsletterbox p strong {
      font-size: 17px;
      font-weight: bold; }
  .newsletterbox .newsletterform {
    width: 360px;
    position: relative;
    margin: 0px auto 60px auto; }
    .newsletterbox .newsletterform form {
      width: 100%; }
    .newsletterbox .newsletterform .email, .newsletterbox .newsletterform #Kontakt_Email, .newsletterbox .newsletterform #nl_Email {
      width: 100%;
      background: #fff;
      border: 1px solid #f0f0f0;
      height: 45px;
      line-height: 43px;
      padding: 0px 25px;
      font-size: 13px;
      font-weight: 300;
      color: #bab7b1;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px; }
    .newsletterbox .newsletterform .button {
      height: 29px;
      line-height: 26px;
      padding: 0px 15px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      /*position: absolute;
       right: 8px;
       top: 8px;*/
      font-size: 14px; }
    .newsletterbox .newsletterform table {
      margin-top: 20px; }
      .newsletterbox .newsletterform table tr td {
        color: #fff;
        text-align: left; }
    .newsletterbox .newsletterform .captcha_div {
      margin: 20px 0px;
      position: relative; }
      .newsletterbox .newsletterform .captcha_div img {
        width: 150px;
        height: auto;
        position: absolute;
        left: 0px;
        top: 0px;
        border-right: 5px solid #504f4a; }
      .newsletterbox .newsletterform .captcha_div input {
        width: 100%;
        background: #fff;
        border: 1px solid #f0f0f0;
        height: 49px;
        line-height: 47px;
        padding: 0px 25px 0px 160px;
        font-size: 13px;
        font-weight: 300;
        color: #bab7b1;
        border-radius: 0px 50px 50px 0px;
        -webkit-border-radius: 0px 50px 50px 0px;
        -moz-border-radius: 0px 50px 50px 0px;
        -ms-border-radius: 0px 50px 50px 0px;
        -o-border-radius: 0px 50px 50px 0px; }
      .newsletterbox .newsletterform .captcha_div span {
        display: block;
        width: 100%;
        padding: 4px 5px;
        text-align: center;
        background: #d53925;
        color: #fff;
        position: absolute;
        left: 0px;
        top: -34px;
        z-index: 100;
        font-size: 14px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px; }
        .newsletterbox .newsletterform .captcha_div span:before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 10px 0 10px;
          border-color: #d53925 transparent transparent transparent;
          position: absolute;
          bottom: -10px;
          left: 160px; }
  .newsletterbox .social img {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 10px; }

/***********************
 Footer
 ***********************/
.footer {
  padding: 50px 0px 130px 0px;
  background: #272622; }
  .footer img {
    margin-bottom: 25px; }
  .footer p.ueberschrift {
    font-size: 16px;
    line-height: 26px;
    color: #bab7b1;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 20px; }
  .footer p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #bab7b1;
    margin-bottom: 20px; }
    .footer p a, .footer p a:link, .footer p a:visited {
      color: #bab7b1; }
    .footer p a:hover, .footer p a:focus, .footer p a:active {
      color: #bab7b1;
      text-decoration: underline; }
  .footer ul {
    list-style-type: none;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #bab7b1;
    padding: 0px;
    margin: 15px 0px 0px 0px; }
    .footer ul li {
      display: block;
      margin-bottom: 12px; }
      .footer ul li a, .footer ul li a:link, .footer ul li a:visited {
        color: #bab7b1; }
      .footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {
        color: #bab7b1;
        text-decoration: underline; }
  .footer .siegel {
    margin-bottom: 30px; }
    .footer .siegel img {
      display: inline-block;
      vertical-align: middle;
      margin: 5px 15px 5px 0px;
      width: 64px;
      height: auto; }
  .footer .versand {
    margin-bottom: 20px; }
    .footer .versand p {
      margin-bottom: 10px; }
    .footer .versand img {
      display: block;
      margin-bottom: 10px; }
  .footer .zahloptionen img {
    display: inline-block;
    vertical-align: top;
    margin: 0px 20px 10px 0px; }

/***********************
 Media Query
 ***********************/
@media (max-width: 1199.98px) {
  .header ul {
    text-align: left; }
    .header ul li {
      margin: 0px 30px 0px 0px; } }

@media (max-width: 991.98px) {
  .header ul li {
    margin: 0px 12px 0px 0px; }
  .header .rechte_box {
    width: 170px; }
  .produktseite .abobox {
    margin-bottom: 40px; } }

@media (max-width: 767.98px) {
  table.bestellungen tr th {
    display: none; }
  table.bestellungen tr td {
    display: block;
    width: 100%;
    float: left;
    border-bottom: none;
    padding: 5px 10px;
    text-align: left !important; }
    table.bestellungen tr td:before {
      content: attr(data-title);
      display: block;
      width: 100%;
      vertical-align: top;
      font-weight: bold;
      margin-bottom: 0px; }
    table.bestellungen tr td:last-child {
      border-bottom: 1px dotted #707070; }
  table.bestellungen tr:nth-child(even) td {
    background: #f0f0f0; }
  .meta {
    display: none; }
    .header.desktop {
      display: none; }
    .header.mobile {
      display: block; }
  .dreierbox .box h3 {
    font-size: 22px; }
  .newsletterbox .siegel {
    left: -100px; }
  .produkte_interessieren .interessenslider .slick-prev {
    left: 30px; }
  .produkte_interessieren .interessenslider .slick-next {
    right: 30px; }
  .magazinseite .bestseller {
    padding-top: 50px; }
  .warenkorbseite table.artikelliste tr {
    border-bottom: 1px dotted #707070; }
    .warenkorbseite table.artikelliste tr th {
      display: none; }
    .warenkorbseite table.artikelliste tr td {
      display: block;
      width: 100%;
      float: left;
      border-bottom: none;
      padding: 5px 10px;
      text-align: left !important; }
      .warenkorbseite table.artikelliste tr td:before {
        content: attr(data-title);
        display: block;
        width: 100%;
        vertical-align: top;
        font-weight: bold;
        margin-bottom: 5px; }
        .warenkorbseite table.artikelliste tr td p strong {
          display: block; }
  .kasse .schritte {
    margin-bottom: 35px;
    padding-bottom: 20px;
    text-align: left; }
    .kasse .schritte .schritt {
      display: block;
      margin-bottom: 5px; }
  .kasse .kassenbox .boxbody table.artikelliste tr {
    border-bottom: 1px dotted #707070; }
    .kasse .kassenbox .boxbody table.artikelliste tr th {
      display: none; }
    .kasse .kassenbox .boxbody table.artikelliste tr td {
      display: block;
      width: 100%;
      float: left;
      border-bottom: none;
      padding: 5px 10px;
      text-align: left !important; }
      .kasse .kassenbox .boxbody table.artikelliste tr td:before {
        content: attr(data-title);
        display: block;
        width: 100%;
        vertical-align: top;
        font-weight: bold; }
        .kasse .kassenbox .boxbody table.artikelliste tr td p strong {
          display: block; }
  .kasse.vor-zurueck {
    padding-bottom: 0px; }
  .bild_100 {
    margin-bottom: 25px; }
    .bild_100.desktop {
      display: none; }
    .bild_100.mobile {
      display: block; }
  .vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box {
    padding: 0px 15px; } }

@media (max-width: 575.98px) {
  a.button, a.button:link, a.button:visited, input[type="submit"].button, span.button, a.button:not([href]):not([tabindex]) {
    height: auto;
    line-height: normal;
    padding: 15px 20px; }
  .aktionsbox {
    display: none; }
    .vorteilspack .vorteilsslider .slick-slide .bildbox {
      height: 0px;
      padding-bottom: 70%; }
  .bild_text img {
    margin-bottom: 15px; }
  .dreierbox .box .bildbox {
    /*margin-bottom: 15px;*/ }
  .newsletterbox .siegel {
    display: none; }
  .footer {
    padding-bottom: 50px; }
    .produktseite .bildbox {
      padding-left: 0px; }
  .produktseite {
    padding-bottom: 0px; }
    .produktseite .produktakkordeon .akkordeonbox .akkordeontext table tr th {
      display: none; }
    .produktseite .produktakkordeon .akkordeonbox .akkordeontext table tr td {
      display: block;
      float: left;
      width: 100%; }
      .produktseite .produktakkordeon .akkordeonbox .akkordeontext table tr td:before {
        content: attr(data-title);
        display: block;
        font-weight: bold; }
    .produktseite .produktakkordeon .akkordeonbox .akkordeontext table tr:nth-child(even) td {
      background: #f0f0f0; }
    .produktseite .thumbslider {
      margin: 0px 0px 30px 0px; }
      .produktseite .thumbslider .thumb {
        padding: 0px 15px; }
      .produktseite .thumbslider .slick-prev {
        top: 48%;
        bottom: inherit;
        left: 30px;
        right: inherit;
        background-image: url(/basics/images/produktslider_pfeil_links.svg); }
      .produktseite .thumbslider .slick-next {
        top: 48%;
        bottom: inherit;
        right: 30px;
        left: inherit;
        background-image: url(/basics/images/produktslider_pfeil_rechts.svg); }
    .produktseite .bildbox {
      padding: 0px 15px; }
      .produktseite .bildbox img {
        background: #f0f0f0; }
      .produktseite .bildbox span {
        left: 15px; }
    .produktseite .bestellbox .buttonbox .selectric-wrapper {
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding-right: 0px; }
    .produktseite .eigenschaften {
      margin-top: 50px;
      padding: 30px 0px; }
  .kasse .kassenbox .boxbody a.button {
    margin-bottom: 20px;
    margin-top: 20px; }
    .kasse .kassenbox .boxbody form .viertel, .kasse .kassenbox .boxbody form .halb, .kasse .kassenbox .boxbody form .dreiviertel {
      width: 100%; }
    .kasse .kassenbox .boxbody form .links, .kasse .kassenbox .boxbody form .rechts {
      padding: 0px; } }

@media (max-width: 400px) {
  .kasse .kassenbox .boxbody table.artikelliste tr td img {
    width: 100%;
    height: auto; }
  .warenkorbseite table.artikelliste tr td img {
    width: 100%;
    height: auto; } }