/***********************
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: #ffffff;
}
.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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #000000;
  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: #000000;
}
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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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 #ffffff 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: #ffffff;
  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: #ffffff;
  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 #ffffff 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 #warenkorbbox .produkt .textblock a.delete:link, .header.mobile #warenkorbbox .produkt .textblock a.delete:visited, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:link, .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 #warenkorbbox .produkt .textblock a.delete:focus, .header.mobile #warenkorbbox .produkt .textblock a.delete:active, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:hover, .header.mobile #warenkorbboxMobile .produkt .textblock a.delete:focus, .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 #warenkorbbox .ergebnis a.button:link, .header.mobile #warenkorbbox .ergebnis a.button:visited, .header.mobile #warenkorbboxMobile .ergebnis a.button, .header.mobile #warenkorbboxMobile .ergebnis a.button:link, .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: #ffffff;
}
.header.mobile #warenkorbbox .ergebnis a.button:hover, .header.mobile #warenkorbbox .ergebnis a.button:focus, .header.mobile #warenkorbbox .ergebnis a.button:active, .header.mobile #warenkorbboxMobile .ergebnis a.button:hover, .header.mobile #warenkorbboxMobile .ergebnis a.button:focus, .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: #ffffff;
  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 #ffffff 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: #ffffff;
  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: #ffffff;
  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 #ffffff 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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
						border-bottom: 4px solid $blau;
					}*/
  /*&.info_vorteilspack {
						border-bottom: 4px solid $gelb;
					}
					
					&.info_neu {
						border-bottom: 4px solid $gruen;
					}*/
}
.produktslider .produkteslider .slick-slide .bildbox span.info_angebot {
  background: #D53925;
}
.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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  margin-bottom: 25px;
}
.vorteilspack .vorteilsslider .slick-slide .textbox .zentriert .box p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: #ffffff;
  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: #ffffff;
  text-align: center;
}
.dreierbox .box h3 span {
  position: relative;
}
.dreierbox .box h3 span:before {
  content: "";
  width: 50px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: -65px;
}
.dreierbox .box h3 span:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
					border-bottom: 4px solid $blau;
				}*/
  /*&.info_vorteilspack {
					border-bottom: 4px solid $gelb;
				}
				
				&.info_neu {
					border-bottom: 4px solid $gruen;
				}*/
}
.produkte_interessieren .interessenslider .bildbox span.info_angebot {
  background: #D53925;
}
.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: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
						border-bottom: 4px solid $blau;
					}*/
  /*&.info_vorteilspack {
						border-bottom: 4px solid $gelb;
					}
					
					&.info_neu {
						border-bottom: 4px solid $gruen;
					}*/
}
.magazinseite .bestseller .box .bildbox span.info_angebot {
  background: #D53925;
}
.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: #ffffff;
  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: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
						border-bottom: 4px solid $blau;
					}*/
  /*&.info_vorteilspack {
						border-bottom: 4px solid $gelb;
					}
					
					&.info_neu {
						border-bottom: 4px solid $gruen;
					}*/
}
.produktliste .liste .box .bildbox span.info_angebot {
  background: #D53925;
}
.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 h2:focus, .produktliste .liste .box .textbox h2:active, .produktliste .liste .box .textbox h3:hover, .produktliste .liste .box .textbox h3:focus, .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: #ffffff;
  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: #ffffff;
}
.produktseite .thumbslider .thumb.active img {
  background: #ffffff;
}
.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: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
				border-bottom: 4px solid $blau;
			}*/
  /*&.info_vorteilspack {
				border-bottom: 4px solid $gelb;
			}
			
			&.info_neu {
				border-bottom: 4px solid $gruen;
			}*/
}
.produktseite .bildbox span.info_angebot {
  background: #D53925;
}
.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: #ffffff;
  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 .box .bildbox2, .produktseite .verbundene_artikel .box2 .bildbox, .produktseite .verbundene_artikel .box2 .bildbox2 {
  background: #F0F0F0;
  position: relative;
  margin-bottom: 20px;
}
.produktseite .verbundene_artikel .box .bildbox span, .produktseite .verbundene_artikel .box .bildbox2 span, .produktseite .verbundene_artikel .box2 .bildbox span, .produktseite .verbundene_artikel .box2 .bildbox2 span {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  background: #504F4A;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
  /*&.info_bestseller {
						border-bottom: 4px solid $blau;
					}*/
  /*&.info_vorteilspack {
						border-bottom: 4px solid $gelb;
					}
					
					&.info_neu {
						border-bottom: 4px solid $gruen;
					}*/
}
.produktseite .verbundene_artikel .box .bildbox span.info_angebot, .produktseite .verbundene_artikel .box .bildbox2 span.info_angebot, .produktseite .verbundene_artikel .box2 .bildbox span.info_angebot, .produktseite .verbundene_artikel .box2 .bildbox2 span.info_angebot {
  background: #D53925;
}
.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 .box .textbox p.produktname:focus, .produktseite .verbundene_artikel .box .textbox p.produktname:active, .produktseite .verbundene_artikel .box2 .textbox p.produktname:hover, .produktseite .verbundene_artikel .box2 .textbox p.produktname:focus, .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 .box .textbox .infos p a:link, .produktseite .verbundene_artikel .box .textbox .infos p a:visited, .produktseite .verbundene_artikel .box2 .textbox .infos p a, .produktseite .verbundene_artikel .box2 .textbox .infos p a:link, .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 .box .textbox .infos p a:focus, .produktseite .verbundene_artikel .box .textbox .infos p a:active, .produktseite .verbundene_artikel .box2 .textbox .infos p a:hover, .produktseite .verbundene_artikel .box2 .textbox .infos p a:focus, .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: #ffffff;
  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 .box .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, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:link, .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 .box .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, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button.vergriffen:link, .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 .box .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:hover, .produktseite .verbundene_artikel .box2 .textbox .infos .buttons a.button:focus, .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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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 select, .kasse .kassenbox .boxbody.form input, .kasse .kassenbox .boxbody.form select {
  width: 100% !important;
  height: 50px;
  line-height: 48px;
  padding: 0px 10px;
  background: #ffffff;
  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 select[type="radio"], .kasse .kassenbox .boxbody.form input[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 select[type="radio"]:checked, .kasse .kassenbox .boxbody.form input[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 select[type="checkbox"], .kasse .kassenbox .boxbody.form input[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: #ffffff;
  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 select[type="checkbox"]:checked, .kasse .kassenbox .boxbody.form input[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 select[type="submit"], .kasse .kassenbox .boxbody.form input[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: #ffffff;
  background-color: #FF9619;
  border: 1px solid #C67301;
}
.kasse .kassenbox .boxbody .form input[type="submit"]:hover, .kasse .kassenbox .boxbody .form input[type="submit"]:focus, .kasse .kassenbox .boxbody .form input[type="submit"]:active, .kasse .kassenbox .boxbody .form select[type="submit"]:hover, .kasse .kassenbox .boxbody .form select[type="submit"]:focus, .kasse .kassenbox .boxbody .form select[type="submit"]:active, .kasse .kassenbox .boxbody.form input[type="submit"]:hover, .kasse .kassenbox .boxbody.form input[type="submit"]:focus, .kasse .kassenbox .boxbody.form input[type="submit"]:active, .kasse .kassenbox .boxbody.form select[type="submit"]:hover, .kasse .kassenbox .boxbody.form select[type="submit"]:focus, .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:link, .kasse .kassenbox .boxbody .form a.vergessen:visited, .kasse .kassenbox .boxbody.form a.vergessen, .kasse .kassenbox .boxbody.form a.vergessen:link, .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:focus, .kasse .kassenbox .boxbody .form a.vergessen:active, .kasse .kassenbox .boxbody.form a.vergessen:hover, .kasse .kassenbox .boxbody.form a.vergessen:focus, .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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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%;*/
    width: auto;
    float: left;
    border-bottom: none;
    padding: 5px 10px;
    text-align: left !important;
  }
  .warenkorbseite table.artikelliste tr td:before {
    content: attr(data-title);
    display: inline-block;
    /*display: block;
						width: 100%;*/
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .warenkorbseite table.artikelliste tr td.artikelbild {
    width: 40%;
  }
  .warenkorbseite table.artikelliste tr td.artikeltext {
    width: 60%;
  }
  .warenkorbseite table.artikelliste tr td.menge:before {
    display: block;
    width: 100%;
  }
  .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;
  }
}