html {
  background: #fff url(/images/bg1.jpg) center top no-repeat;
  background-attachment: fixed;
}

@media only screen and (min-width: 1680px) {
  html {
    background-size: 100%;
  }
}

body {
  position: relative;
  margin: 0 0 1em;
  font-family: "Century Gothic", AppleGothic, Arial, sans-serif;
  font-size: 13px;
}

a.chirplink {
  display: none;
}
.mobileonly {
  display: none !important;
}

.divider {
  margin: 1em 0;
  height: 0;
  border-bottom: 1px solid #ccc;
}

#layout {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  width: 940px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  box-shadow: 12px 0 15px -4px rgba(0,0,0,0.1), -12px 0 8px -4px rgba(0,0,0,0.1);
}

header {
  background: #ffdd00;
}
header > div {
  position: relative;
  margin: 0 auto;
  width: 940px;
  background: #ffdd00;
}

#flags {
  float: left;
  padding-left: 22px;
  width: 182px;
  height: 91px;
  background: #ffdd00 url(/images/logo.png) no-repeat;
  background-size: 204px auto;
}
#flags a {
  display: inline-block;
  margin: 2px 5px 0 0;
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  background-size: 100% 100%;
}
#flags a.de {
  background-image: url(/images/flag_de.png);
}
#flags a.uk {
  background-image: url(/images/flag_uk.png);
}
#flags a.ro {
  background-image: url(/images/flag_ro.png);
}

#topmenu {
  display: table;
  padding: 0 40px 0 0;
  width: 696px;
  border-radius: 0 0 1em 1em;
  background: #ffc600;
}
#topmenu div {
  display: table-cell;
  height: 44px;
  vertical-align: middle;
}

#search {
  padding: 0 5px 0 0;
  width: 240px;
  white-space: nowrap;
}
#search form {
  margin: 0;
}
#searchbox {
  margin: 0 5px 0 10px;
  padding: 0 5px;
  width: 240px;
  border-bottom-left-radius: 10px;
  font-size: 1.2em;
}
#advanced {
  line-height: 1.1;
  font-size: 0.95em;
}
#advanced a:link,
#advanced a:visited {
  text-decoration: none;
  color: #000;
}

#basket p {
  margin: 0 auto;
  padding-left: 36px;
  width: 160px;
  min-height: 25px;
  background: url(/images/basket.png) left top no-repeat;
  background-size: 32px auto;
  font-size: 0.95em;
}
#basket a {
  text-decoration: none !important;
  color: #000;
}
#basket a:hover strong,
#basket a:focus strong {
  text-decoration: underline;
}

#wiebestelle {
  text-align: right;
  white-space: nowrap;
}
#wiebestelle a:link,
#wiebestelle a:visited {
  text-decoration: none;
  color: #000;
}

main {
  flex: 703px;
  padding: 10px 16px 48px;
  border-left: 1px solid #ccc;
  background: rgba(255,255,255,0.95);
  line-height: 1.4;
}

ul small {
  color: #666;
}
strong {
  color: #bb0200;
}
.clear {
  clear: both;
}

h1 {
  margin-top: 0;
  font-size: 1.5em;
}
h1.cart {
  padding-left: 40px;
  background: url(/images/basket.png) left no-repeat;
  background-size: 32px auto;
}
h2 {
  font-size: 1.3em;
}
h2 span {
  font-weight: normal;
}
h3 {
  font-weight: normal;
  font-size: 1.15em;
}
h4 {
  font-size: 1em;
}

a:link,
a:visited {
  text-decoration: none;
  color: #bd0900;
}
a:hover,
a:focus {
  text-decoration: underline !important;
  color: #cc0900;
}

.more:after {
  content: "\00a0»";
}

s {
  text-decoration: none;
  color: #ccc;
}

strong {
  color: #bd0900;
}

.buy-button {
  text-align: center;
}
.addtocart {
  float: right;
  margin: 0;
  padding: 5px 10px 5px 36px;
  -webkit-appearance: none;
  border: none;
  border-radius: 12px;
  box-shadow: 0 1px 0 #969696;
  background: #bd0900 url(/images/cart-white.png) 8px center no-repeat;
  text-shadow: 1px 1px 1px #969696;
  text-decoration: none;
  text-align: right;
  font-size: 0.95em;
  color: #fff;
  cursor: pointer;
}
.green {
  background-color: green !important;
}
.addtocart:hover,
.addtocart:focus {
  background-color: #cc0900;
}
a.addtocart:link,
a.addtocart:visited {
  color: #fff !important;
}

a.button:link,
a.button:visited {
  -webkit-appearance: none;
  display: inline-block;
  padding: 0.4em 1em;
  border: 1px solid #999;
  border-radius: 3px;
  background: #ffc600;
  text-align: center;
  color: #333;
}

.rpp a:link,
.rpp a:visited {
  margin: 0 1px;
  padding: 1px 4px;
  border: 1px solid #dedede;
  text-decoration: none;
  color: #000;
}
.rpp a.current,
.rpp a:hover,
.rpp a:focus {
  background: #c00f07;
  border-color: #c00f07;
  text-decoration: none !important;
  color: #fff;
}

.related,
.grid {
  margin: 1em 0;
  border-collapse: collapse;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.related tr {
  border-bottom: 1px solid #ccc;
}
.grid tr {
  border: solid #ccc;
  border-width: 1px 0;
}
.grid td {
  padding: 5px;
  vertical-align: top;
}

.list-result {
  margin: 1em 0;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}
.list-image {
  float: left;
  width: 85px;
  text-align: center;
}
.list-image img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.list-detail {
  margin-left: 100px;
}

/* discounts */

.list-image a[data-discount],
.main-image[data-discount] {
  display: inline-block;
  position: relative;
}
.list-image a[data-discount]::after,
.main-image[data-discount]::after {
  position: absolute;
  right: 0;
  top: 25%;
  padding: 0.2em 0.25em 0.2em 0.5em;
  background-color: rgba(204, 9, 0, 0.8);
  content: attr(data-discount);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 0.75em;
  color: white;
}
.main-image[data-discount]::after {
  font-size: 1em;
}

footer {
  position: absolute;
  bottom: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  width: 696px;
  font-size: 0.95em;
  color: #999;
}

#top {
  float: right;
  padding-left: 14px;
  background: url(/images/uparrow.png) left 6px no-repeat;
  text-decoration: none;
  font-size: 0.9em;
}

a.format img {
  background: #ffdd00;
  vertical-align: middle;
  transition: 0.2s ease-out;
}
a.current img,
a.format:hover img,
a.format:focus img {
  background: #be0d00;
}

#warenkorb th {
  padding-right: 8px;
}
#warenkorb tbody td {
  padding-right: 8px;
  vertical-align: middle;
}
#warenkorb tbody b {
  color: #454545;
}

#map {
  margin: 1em auto;
  height: 250px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.auflager span,
.bestellbar span {
  display: block;
  float: left;
  width: 1em;
  margin: 3px 6px -3px 0;
  height: 1em;
  background: #5ccb02;
  border-radius: 0.5em;
  box-shadow: 1px 1px 2px #999;
}
.bestellbar span {
  background: #fec600;
}

.permalink {
  text-transform: uppercase;
  text-align: center;
  font-size: 0.9em;
  color: #c0c0c0;
}
.permalink a:link,
.permalink a:visited {
  text-transform: none;
  color: #c0c0c0;
}

.newsphoto {
  clear: right;
  float: right;
  margin: 0 0 1em 1em;
  width: 320px;
  text-align: center; 
  font-size: 0.9em;
}
.newsphoto p {
  margin: 0;
}

#netopia {
  position: absolute;
  bottom: 10px;
  width: 184px;
  height: 120px;
  background-image: url(/images/netopia_banner_patrat.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
fieldset {
  margin: 1em 0;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #eee;
  background-image: linear-gradient(to bottom, white, white 80%, #eee);
}

form fieldset > fieldset {
  clear: left;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 1em;
}

legend {
  padding: 2px 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
  font-size: 0.9em;
  color: #333;
}
fieldset > label {
  float: left;
  clear: left;
  padding-top: 2px;
  width: 120px;
  text-align: right;
  font-size: 0.9em;
  color: #333;
}
fieldset > label::after {
  content: ":";
}
fieldset > label strong {
  color: #c00;
}
fieldset > span {
  display: block;
  margin: 0 0 0 120px;
  padding: 0 0 4px 4px;
}
fieldset > span label {
  cursor: pointer;
}
fieldset > span.validation-errors {
  font-style: italic;
  font-size: 0.9em;
  color: #f33;
}
fieldset input,
fieldset textarea,
fieldset select {
  padding: 2px 4px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  line-height: 1.1;
  font-family: inherit;
  font-size: 1.1em;
}
fieldset input:focus,
fieldset textarea:focus,
fieldset select:focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  color: #333;
}

fieldset input[type=image],
fieldset input[type=file] {
  border: none;
}
fieldset input[type=submit],
fieldset input[type=reset],
fieldset input[type=button] {
  padding: 2px 6px;
  border: #b5bbc4 1px solid;
  background-color: #f7fafc;
  background-image: linear-gradient(to bottom, #fff, #dae6f1);
  font-size: 100%;
  color: #333;
}
fieldset input[type=submit]:hover,
fieldset input[type=reset]:hover,
fieldset input[type=button]:hover {
  color: #e36627;
}
fieldset input[type=submit]:active {
  border-color: #666;
}

fieldset input:disabled,
fieldset input:disabled:hover,
fieldset input:disabled:focus {
  color: #999 !important;
}

input.cssform-undo:disabled {
  display: none;
}

button.check-speling {
  padding: 2px 6px;
  background: rgba(255,255,255,0.8);
  border: none;
  line-height: 1.4;
  font-weight: normal;
  color: #666;
  cursor: pointer;
}

a.delete:link {
  white-space: nowrap;
  color: #c00 !important;
}
a.delete:visited {
  color: #c00 !important;
}
a.delete:hover,
a.delete:focus {
  color: #000 !important;
  background-color: yellow !important;
}

.warning {
  margin: 0.5em 0;
  border: 1px solid #f00;
  background-color: #ff0;
  font-size: 0.8em;
  color: #333;
}
p.warning,
.warning p,
span.warning {
  padding: 0.5em;
}
.warning b {
  text-transform: uppercase;
  color: #f00;
}

input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC');
  background-position: right top;
  background-repeat: no-repeat;
  box-shadow: none;
}
input:required:valid,
textarea:required:valid {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=');
  background-position: right top;
  background-repeat: no-repeat;
}

input::-webkit-input-placeholder {
  color: #ababab;
}
input:-moz-placeholder {
  color: #ababab;
}

input[type="number"] {
  max-width: 4em;
}

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

.cropper {
  display: inline-block;
  margin: 0 1em;
  padding-left: 18px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRElEQVQ4jZXSsUsVUBzF8Y/yhgKRSOdwFpUgpxZX/4BElxwKcWhJqNbOIiEOBuIQiuioaUsSBRFCBIKjq0KERdoUhIRIOLyr2LNnvgN3+d37Pfzu+f1oQEmGk8yerVUagB/iGbrP1psvCT/BFJ4n2W7IIMkjTGAX47X3lSQV3EEHvmAlyWGB72GyvB1L8itJCzrRg/ZmLOI+ruIulgrcgZkCv8W1JDv4iU/ow6umJHvoTrKfpBU/0IZZDOEzRrGKA8xjJsku1Sms4XWSDfTiO27jJa7jKQZKd29OvneaAUbQjy58xQe8wBXcSvIbG/VCbqotJBkuuRzgQZKFevA5gySwhWmsYxNtSY7qGdRu4g20Yw6t+FNOXdUaHJXaTdXkl5NcaPDXJib5hvf4qDqBxxfB/+rgRINJ1v4Hn+ug6J1qDpfSMVLdY4b2kZcrAAAAAElFTkSuQmCC);
  background-position: left center;
  background-repeat: no-repeat;
}
.cropper:link {
  text-decoration: none !important;
  font-size: 0.75em;
  color: rgba(0,0,0,0) !important;
}
.cropper:visited {
  color: rgba(0,0,0,0) !important;
}
.cropper:hover,
.cropper:focus {
  color: rgba(0,0,0,0.5) !important;
}

#captcha {
  border: 1px outset #666;
}

/* file input drop box */

.attach-file {
  position: relative;
  display: block;
}
.attach-file input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.attach-file input[type=file] + div {
  margin: 0 0 0.2em 0;
  padding: 1em;
  background-color: rgba(255,255,255,0.5);
  border: 2px dashed rgba(0,0,0,0.2);
  text-align: center;
  font-size: 2em;
  color: rgba(0,0,0,0.3);
  transition: 0.2s;
}
.attach-file input[type=file]:invalid + div {
  border-color: rgba(255,0,0,0.4);
}
.attach-file:hover input[type=file] + div,
.attach-file input[type=file]:focus + div {
  border-color: rgba(0,0,0,0.4);
  color: rgba(0,0,0,0.4);
}
.attach-file input[type=file]:focus + div {
  box-shadow: 0 0 4px Highlight inset;
}
.attach-file input[type=file]:active + div {
  background: #ccc;
}
.attach-file input[type=file].file-attached + div {
  padding: 2em;
  background-color: rgba(0,255,0,0.2);
  border-color: rgba(0,128,0,0.5);
  font-size: 1em;
  color: rgba(0,128,0,0.75);
}
.attach-file input[type=file] + div strong {
  color: #666;
}

@media only screen and (max-width: 767px) {

  fieldset > label {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }
  fieldset > span {
    display: block;
    margin: 0 0 4px 0 !important;
    padding: 0;
  }
  #captcha {
    width: 320px;
    height: 90px;
  }

}
#show_password {
  display: inline-block;
  width: 22px;
  height: 12px;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
#show_password.shown {
  background-image: url(data:image/png;base64,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);
}

.password-check.ok {
  box-shadow: 0 0 3px #090;
}
.password-check.weak {
  box-shadow: 0 0 3px orange;
}
.password-check.vulnerable {
  box-shadow: 0 0 3px #f00;
}

.password-strength {
  display: none;
  font-size: 0.9em;
}
.password-check.ok ~ .password-strength {
  display: block;
  color: #090;
}
.password-check.weak ~ .password-strength {
  display: block;
  color: orange;
}
.password-check.vulnerable ~ .password-strength {
  display: block;
  color: #f33;
}

.password-meter {
  display: none;
  margin: 2px;
  height: 0.5em;
  overflow: hidden;
  background: linear-gradient(to right, red, orange 25%, yellow 50%, green 75%);
  border-radius: 1em 0;
  text-align: right;
}
.password-meter div {
  display: inline-block;
  width: 0;
  height: 100%;
  background: rgba(255,255,255,0.8);
  border-left: 1px solid #999;
  border-radius: 0 0 1em 0;
  vertical-align: top;
}
.password-check.ok ~ .password-meter,
.password-check.weak ~ .password-meter {
  display: block;
}
.collapse {
  border-collapse: collapse;
}
.collapse tr {
  border: 1px solid #666;
}
.collapse th {
  background-color: #ccc;
  border: 1px dotted #999;
  text-align: left;
}
.collapse td {
  vertical-align: top;
  border: 1px dotted #999;
}

table.files {
  border-collapse: separate;
}
table.files th {
  background-color: #efefef;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.8em;
  color: #234;
}
table.files td,
table.files th {
  border: 1px solid #999;
  padding: 0.25em 0.5em;
}
table.files td p {
  margin: 0.5em 0;
}

.noborder {
  border: none !important;
}
#checkout_layout {
  display: flex;
  flex-flow: row-reverse nowrap;
}
#checkout_layout > div:first-child {
  flex: 0 0 160px;
  color: #666
}
#checkout_layout > div:first-child > p:first-child {
  margin-top: 0;
}

#checkout_layout > div:last-child {
  flex-basis: calc(100% - 160px);
  overflow: hidden;
}

#checkout_toc {
  margin-top: 0;
}
#checkout_toc > textarea {
  width: 95%;
  font-family: sans-serif;
  font-size: 12px;
  color: #666;
}

#amazon_loggedin {
  margin: 0 2em 1em 0;
  padding: 0.5em 1em;
  border: 1px solid #bb9226;
  border-radius: 0.5em;
  background-image: linear-gradient(to bottom, #ffe8a8, #f6c747);
}
fieldset {
  background: transparent;
  border : none;
}
fieldset legend {
  background: none;
  box-shadow: none;
  text-transform: none;
  font-weight: bold;
  font-size: 0.95em;
}
/*
fieldset label { width: 140px; }
fieldset span { margin-left: 140px; }
*/

input.submit,
fieldset input[type="submit"] {
  padding: 5px 10px;
  -webkit-appearance: none;
  border: none;
  border-radius: 12px;
  background: #bd0900;
  box-shadow: 0 1px 0 #969696;
  text-shadow: 1px 1px 1px #969696;
  text-decoration: none;
  text-align: right;
  font-size: 0.95em;
  color: #fff;
}
fieldset input.submit:hover,
fieldset input.submit:focus,
fieldset input[type="submit"]:hover,
fieldset input[type="submit"]:focus {
  background-color: #cc0900;
  color: #fff;
}
#feature {
  position: relative;
  margin: 1em 0;
  width: 700px;
  height: 250px;
  border-radius: 15px;
  background-color: #ccc;
  background-position: left top;
  background-repeat: no-repeat;
}
#feature > div {
  position: absolute;
  right: 0;
  width: 325px;
  height: 250px;
  display: flex;
  flex-flow: column nowrap;
}
#feature > div > div:first-child a {
  border-radius: 0 15px 0 0;
  border-top: 1px solid #bfbfbd;
  border-right: 1px solid #bfbfbd;
  border-bottom: 1px solid #fff;
}
#feature > div > div:nth-child(2) a {
  border-right: 1px solid #bfbfbd;
  border-bottom: 1px solid #fff;
}
#feature > div > div:last-child a {
  border-radius: 0 0 15px 0;
  border-right: 1px solid #bfbfbd;
  border-bottom: 1px solid #bfbfbd;
}

#feature a:link,
#feature a:visited {
  display: block;
  height: 62px;
  padding: 10px 15px;
  background: #ffdd00;
  text-decoration: none;
  color: #333;
  transition: 0.3s ease-out;
}
#feature a:hover,
#feature a:focus {
  background: #ffc600;
  text-decoration: none !important;
}
#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav li {
  float: left;
  margin: 0 5px 0 0;
  padding: 10px 0 0 0;
  height: 37px;
}
#nav td {
  height: 37px;
  padding: 10px 4px 0;
  vertical-align: bottom;
  text-align: center;
}
#nav a:link,
#nav a:visited {
  display: block;
  margin: 0;
  padding: 8px 10px;
  height: 21px;
  border-radius: 15px 15px 0 0 / 10px 10px 0 0;
  text-decoration: none;
  text-align: center;
  font-size: 1.2em;
  color: #000;
  transition: 0.2s ease-out;
  transition-property: background, box-shadow;
}
#nav a.current,
#nav a:hover,
#nav a:focus {
  background: #fff;
  box-shadow: 0 -2px 2px rgba(0,0,0,0.2);
  text-decoration: none !important;
}

#menu {
  flex: 184px;
  background: rgba(255,255,255,0.95);
  padding: 10px 10px 12em;
  line-height: 1.3;
}
#menu h4 {
  margin: 0;
  color: #bd0900;
}
#menu ul {
  margin: 5px 0 20px;
  padding: 0 10px;
  list-style-type: none;
}
#menu li a:link,
#menu li a:visited {
  text-decoration: none;
  color: #000;
}
#menu ul a.selected { font-weight: bold; }

#menu ol {
  margin: 10px 0 40px;
  padding: 0 10px 0 20px;
}
#menu ol li {
  margin: 0 0 5px 0;
}

.submenu {
  margin: 0 0 1em 0;
  color: #999;
}
.submenu span { color: #333; }
.submenu a:link,
.submenu a:visited {
  text-decoration: none;
}

.subnav {
  display: table-row;
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
.subnav > li {
  display: table-cell;
}
.subnav li.prefix::after {
  content: ":";
}
.subnav li:not(:first-child)::before {
  content: "\00a0|\00a0";
}
.subnav li.prefix + li::before {
  content: "\00a0";
}
.subnav li strong {
  color: #000;
}
.newsletter-row {
  display: flex;
  flex-flow: row wrap;
}
.newsletter-row td {
  flex: 1;
}

@media
        only screen and (max-device-width: 640px),
        all and (max-width: 640px) {

.newsletter-row td {
  padding: 0.5em;
}
.newsletter-row td.cart {
  display: block;
  flex-basis: 100%;
  text-align: center;
}

}
.social_counters a {
  margin: 0 5px 0 0;
  padding: 0.2em 0.8em 0.2em 1.8em;
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: 1em 1em;
  border: 0.1em solid #ccc;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: 1em;
  color: #fff !important;
}
.social_counters .likes {
  border-color: #3b5a99;
  background-color: #3b5a99;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAIDBAYHCAj5+vv8/f7yBm13QAAABUSURBVBiVY5j3Dhm8ZHiHCkjg71q1FplfyMDAhcR/yoDK34DGD2BgNLZG4hswyKGYb8CQRwHfgAEE+ND4dgT4eXD+rlUKDF6rzlHNPbTjz0PhvwAANBJTpYz9VFsAAAAASUVORK5CYII=");
}
.social_counters .tweets {
  border-color: #32aadc;
  background-color: #32aadc;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd1JREFUeNp8Us9PE0EUnnk7O9vutrU0rbWARoxGo+HgDyJK8KQHrxxJ8C/gjjHxjIlH/gIORKInTyQargY4EILGgFRIBBI3QLtt6S6z3Znx1Qrhl/2yyc6bfC/v+7437N77IvkPGkoLqfHADcqB4klrwpQmodKWQelJth+pq0n++JINlMy7wfeySHFIW8DyNntSsKfWKiaQo65A6oGC86Y/n40ZWNYaanLF63TYu2IFsOHV/dzY3SwltN5QOBBV5GLG+MN/bETShNHeTN/FeLdjQhApvHpxMz31tPvZ5QTOKAvZ6Zi5uHHK0vKe+PLbZyuemPm1//xK4nbGmhgsFCshykV5Z/F5s1YWEbuW4mkOGIgJTQPXL3D8zg3NjzQDCp6QtzqsFrsNSkKiFg4Arh+9nHO39hvtGxZcfyeQBiUQY4AxfysJpds1fPhZpaTJALQntd6ohm1Efdyozbl+nDWjANw2/t8u7Y7Mbi24wVn219LB+OIOO9wpczjEDXiQYI/ydk/qdD6z2/XX8249UvxQAMMXMnwjPdSTbE1sIVJ6ee9gulj9tFlDb/yYXNo7vYZVV8K8k7GyFgZNvFD+8MJVT4RS23hx0htrbQBjXa+G+m9QWCMNn/S5y/kjwACDM794g/E0DgAAAABJRU5ErkJggg==");
}
.social_counters .pinterest {
  border-color: #e13640;
  background-color: #e13640;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAASRJREFUKJFtU1uihSAIxNTUUnH/q708xOp4+ah0gGGAAJYd6apkVzpgt7ONZe38Af0LFAf/CR2bpQe9dnSMa4ttJedc2jfe6wmzVexvvQlyUu/GoA8huJWvP6mrA5dRSZ1dnhbcCV3akBLlGe6N5qW8AjjJ5CEJsbrnkBSnphR+Z7inhs4HawGRRn7fUDX3QU+uXTjZMSjLhPnEOuoHxl94NUSSD4WJG6UgvRymrGppVY7BKuvGUmctEdwYzsRTsmPWoG3BM0qMwM2ZgiCC1a45gO6tlxyQDJYF8znS03XTZ59SbtORBx0d8mxNDHJKLDFkG07U7ZDuU38fnlXLs4qk5v4X1fgwZ7yjxI8Ev7Yd4/c3cdkvCbS0bvvJ4CiVHHotr8g/4Usguch/A3IAAAAASUVORK5CYII=");
}
.social_counters .gplus {
  border-color: #ccc;
  background-color: #f9f9f9;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABblBMVEUAAADhSzznSzznTDvnSzrlSjznTDzmTDvfTz/oTTflTDznTDv/VVXmTDzbSzxEREBEREDmSjvnTDr/AABERECLRjzXSTzeSzzlSzzlTDxEREBEREBEREDPSjznTDvcST7jSjvnSznmSj3gSj1EREBEREDnSzzOST1JQj7mSzzmSjzjSzvOSz1EREDMQD/WSzzNSj3gTDznSzrnTDzUVSrkSTzZSjrMSj3MST23SDzjSzmQRT/cTDvlTDrlTDzfPz/iTDzUSzvRSzvUSTvkTDrlSjrnSjzlSzvJSjzkTDzPUj/mTDvmTDzlTDriTDtpSD7nTDzmSzvlSzvmTDvpSzvlTDvlTDzJSzzkTz3pSDrmTDzmTjyKSj3QST3WSzuJWijlTDrFSj3lTDrlTDrjSzzmSzznSjzgTDplQ0BnSDvhSzrnSjzkUDXoTT3lTDrhTDrgSjzgSjzmSzznTDzhTDzcSzzlTDzmTDzTSzzWSzzqo84UAAAAc3RSTlMAEYOW1f3CiRAX3E0DoJcJAZ7uAQIf8yTp8QMaH7XjMI8sPk0SCouxH7qohqoUCamyX6KhBiYzprs+LTE/9P4IwPX7/PTe7IqRoQ5Jcsi1IqCB33QvPOCmHSOGKi7f+AXdffj7haXXSBUXXMMTT7vv9thpzZ23JgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOhJREFUGNNjYGBgZGJmKWZlY+dggABOLm4GHt4SPn4BqICgkDCDiKhYqTiYBxSVkBSWkpaRLeMG8UX4GRjkiuWlZaQVihUZGJSUVVQZGNTK1TWkpTS1gPLaOrpAFXr6FQaGRsYmDKZm5haWVgwM/LrWNrZ29gwMDo5Ozi6uDAyqKlLCbsXuPECTPTxBBvN7efv4Fhf7+ctIawcA+TyBQcEhjKFhleHSUhGRQIEo1mggKRUTGxcPcahkAogvLZOYxANxqVByBIgvnZIKdalPcVp6hm5mVnYOiA9yaW5efkFhXpEJSD2/Kj8AaFAlmlVfyl8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDYtMTBUMTA6MDI6NDgtMDU6MDDzem5mAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA2LTEwVDEwOjAyOjQ4LTA1OjAwgifW2gAAAABJRU5ErkJggg==");
  color: #777 !important;
}
.collapse tr {
  border-width: 0 0 1px 0;
}
.collapse thead tr {
  border-color: #666;
}
.collapse th {
  background: transparent;
}
.collapse th {
  padding: 4px 12px;
  border: none;
}
.collapse tbody tr {
   border-color: #dedede;
}
.collapse td {
  padding: 4px 12px;
  border-color: #dedede;
  border-width: 0 0 1px 0;
}

.format {
  border-collapse: collapse;
}
.format th {
  padding: 2px 4px;
  background: #333;
  text-align: left;
  color: #fff;
}
.format td {
  padding: 2px 4px;
  border-bottom: 1px dashed #dedede;
}

.orders {
  margin: 1em 0;
  border-collapse: separate;
  border: 1px solid #ccc;
}
.orders:hover {
  border: 1px solid #666;
}
.orders tr {
  vertical-align: top;
}
.orders thead td,
.orders tfoot td {
  background-color: #ccc;
  font-size: 0.9em;
  color: #00637a;
}
.orders tbody th {
  background-color: #eee;
  text-align: right;
  font-size: 0.9em;
}
.orders tbody td { background-color: #eee; }

.invisiblebox { /* munin */
  background: #fff;
  background: rgba(255,255,255,0.95);
}
@media print {

html, body { background: #fff; }
a:link, a:visited {
  text-decoration: none;
  color: #000 !important;
}
a[href ^= 'http']:link:after, a[href ^= 'http']:visited:after {
  content:" [" attr(href) "] ";
  font-weight: normal;
  font-size: 0.8em;
  color: blue;
}
#feature { height: 2em; }
#flags { height: 44px; }
#flags img { display: none; }
.noprint, form, #topmenu, #nav, #menu, .submenu, .rpp, #top {
  display: none;
}

}
@media only screen and (max-device-width: 640px),
       all and (max-width: 640px) {

  #nav.active {
    box-shadow: none !important;
  }
  #nav.active li:nth-child(n+2),
  #nav.active li.mobileonly:nth-child(n+2) {
    display: none !important;
  }

  #layout {
    position: static !important;
  }

  nav#menu {
    position: absolute;
    right: 1em;
    top : 4em;
    margin: 0;
    padding: 0;
    z-index: 100;
  }
  nav#menu.active {
    display: block !important;
  }
  nav#menu > * {
    display: none;
  }
  nav#menu > ul:first-of-type {
    display: block !important;
    margin: 0;
    padding: 1em 1em;
    background-color: #ffdd00;
    box-shadow: -4px 4px 4px rgba(0,0,0,0.1);
    text-align: right;
    font-weight: bold;
    font-size: 1.4em;
  }
  nav#menu > ul:first-of-type > li {
    display: block;
  }
  nav#menu > ul:first-of-type > li > a {
    display: block;
    padding: 0.25em 0;
  }

}

@media all and (min-width: 640px) and (min-device-width: 480px) {

.fudge { float: left; }
.fudge label { width: 50px; }
.fudge span { margin-left: 50px; }
.fudge390 { float: left; width: 390px; }
.fudge240 { float: left; width: 240px; }

}

@media
        only screen and (max-device-width: 640px),
        all and (max-width: 640px) {
                
.nomobile,
#menu,
.submenu {
  display: none !important;
}
.mobileonly {
  display: block !important;
}

html {
  background-image: none !important;
}
                       
body {
  margin: 0;
  width: 640px;
  font-size: 17px;
}

header > div,
#layout,
#topmenu,
footer {
  margin: 0;
  padding: 0;
  width: 640px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#flags {
  width: 365px;
  height: 185px;
  background-size: 420px auto;
}
#flags a {
  margin: 24px 24px 0 20px;
  transform: scale(1.8);
}

main {
  padding: 2em 10px 0;
  width: 620px;
  border: none;
}

#topmenu {
  clear: both;
}
#topmenu #basket {
  position: absolute;
  z-index: 200;
  top: 20px;
  left: 420px;
}
#basket p {
  padding-left: 60px;
  width: 64px;
  height: 64px;
  background-size: 64px auto;
  font-size: 1.3em;
}
#basket a {
  font-weight: bold;
  color: #bd0900 !important;
}

#wiebestelle {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 60px;
  font-size: 1.4em;
}

#nav {
  position: absolute;
  right: 0em;
  top: 20px;
  z-index: 100;
  background: #ffdd00;
}
#nav.active {
  box-shadow: -4px 4px 4px rgba(0,0,0,0.1);
}
#nav li {
  float: none;
  display: none;
  margin: 0 0 1.2em 0;
  padding: 0 20px 0 10px;
  height: auto;
}
#nav li:first-child,
#nav.active li,
#nav.active li.mobileonly {
  display: block !important;
}
#nav a:link,
#nav a:visited {
  padding: 0 0 0 20px;
  height: auto;
  border-radius: 0;
  text-align: right;
  font-weight: bold;
  font-size: 1.4em;
}
#nav a.current,
#nav a:hover,
#nav a:focus {
  background: transparent;
  box-shadow: none;
}
#nav a:hover,
#nav a:focus {
  text-decoration: underline !important;
}
#nav.active #mobilemenu {
  text-align: right;
}
#mobilemenu a:link,
#mobilemenu a:visited {
  display: inline;
  padding: 4px 20px;
  border-radius: 10px;
  background: #333;
  box-shadow: inset 0 -2px 5px #666, inset 0 2px 4px #999, 1px 1px 3px rgba(0,0,0,0.2);
  font-size: 2em;
  color: #fff;
}
#mobilemenu a:hover,
#mobilemenu a:focus {
  text-decoration: none !important;
}

#searchbox {
  width: 480px;
  font-size: 1.5em;
}

#advanced {
  padding-left: 5px;
}

#feature {
  width: auto;
  height: auto;
  background: transparent !important;
}
#feature > div {
  position: static;
  width: auto;
  height: auto;
}
#feature > div a:link,
#feature > div a:visited {
  height: auto !important;
  background: #fef8d8;
  border: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
}
#feature > div b {
  font-size: 1.2em;
}

.buy-button {
  margin: 1.3em 0;
  text-align: left;
}
.addtocart {
  float: none;
}

.pagination,
.filtern {
  font-size: 1.2em;
}

footer {
  position: static;
  margin: 2em -10px 0;
  padding: 1em 2em;
  width: auto;
  background: #ffdd00;
  text-align: center;
  color: #000;
}
footer .mobileonly > p {
  margin: 0.5em 0;
  font-size: 1.3em;
}
footer .mobileonly a:link,
footer .mobileonly a:visited {
  color: #000;
}

.list-image {
  width: 170px;
}
.list-detail {
  margin-left: 185px;
}

.social_counters {
  position: relative;
  margin: 1.5em 0 1em;
  left: -200px;
  width: 620px;
  text-align: center;
}

input.qty {
  width: 50px;
}

#checkout_layout {
  flex-flow: column nowrap;
}
#checkout_layout > div:first-child {
  flex-basis: auto;
}
#checkout_layout > div:last-child {
  flex-basis: auto;
}

}
body:has(#lightbox_viewer.active) { /* prevent background scroll */
  overflow: hidden;
}

#lightbox_overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: black; 
  opacity: 0.7;
}
#lightbox_viewer {
  display: none;
  z-index: 1010;
  position: fixed; 
  left: 50%; 
  top: 100px;
  padding: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  background: white;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  line-height: 1.4;
  color: #666;
}
#lightbox_image_container {
  position: relative;
  padding-bottom: 4px;
  min-width: 160px;
  min-height: 160px;
  max-height: 100%;
  text-align: center;
}
#lightbox_image_container img {
  max-width: 100%;
}
#lightbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,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);
  background-position: center center;
  background-repeat: no-repeat;
}
#lightbox_prev,
#lightbox_next {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
#lightbox_prev { left: 0; }
#lightbox_prev:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU2ltPwjAUB/B2oDj1I5ioiUR98Nnv/+izD0o0QRM/goi4Qe3wFBuyS6/rf01OGsIk+3FmL4dyIQQzaZxzFrFxipGMTOurtpGx1npBsW1N9z9m6ZuOqu7ngPoRvV9hShmF9prpuCgw04w3PAU6qgJNVMjPfaNrzmW3ousUaN312VmyNNWjjmWcKhR9ce+yy+n9Md0zh4S1oE4k5KXmqZjTdSMNxqFgHahZyyP/YZKpJDBXFP3tWdeAkQTmibqiUVEN+6ILmQ0AdS27pYwfGvY3JpnLBoBa1MDSPoqBUF80jxV1K4/eYSlR0WCpUVFgCKjgMBRUUBgSKhgMDRUEhogKAYNE+cJgUT4waJQrDB7lAhsEyhWmqkk2qJs+UbYwla1My1ZugLptQgmfElfMjNUVXvZQd7SX+qb9VC8oV9i2UquXyBpQ9wRRsdv9xkYlrSuiwQR962uZkYvWC4V4oP9FFbtiJ4/8Q4ArTNXSV/L+ph24R/ZXxT2Sccj+i57RcZklSmWsoBFuSfNTG+6pmhJoapj0hfPKGA3hCwPccxOOWVR3Y8MUrrDEzfrEuYyKg8C5DvfwOJ95DBrnO0HD4rxXHrQ8gsMFWVIh4oKtFdFwQRfBSLjgq3sUXJRtCwIu2n4sNS7qRjMlLvoOOhAup/3c2PSeeykNBMDtw3COHHniXhnykSNPHO6RIx8c7JEjC9y0BnXJEI8cWeI+9dIeHcRc0vvGR444wJlgm6OzJdv7MQP5TLDQAIwyUjLDw85N7VeAAQDVB1mOzbRUqgAAAABJRU5ErkJggg==);
  background-position: left 50%;
}
#lightbox_next { right: 0; }
#lightbox_next:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk9JREFUeNrc2s1OAjEQAOC2sCLiI5iIiQY9ePb9j549KNFETHwEURGkTpMpDGSXdvtDB5tMCiEl/ZjdLjtbqbUWPk1KuXqJ0YFQpDdtCfFLeo2RrTXNv9vyeyjKjK2w7+DnBrOAmJP3IjcuBUxgdsy4I4hjiB78am+Y1SF0MxIrnG74acmRkLSpgIxZWA+ib1E4+Ql0pxAn+HmF2ZQylyABTBKYmWwFkNeaY/4ZukFpnAocJwHwvuOEHpfGhcI0zO/MsVoVxbWB2aXbLuVzmN8lV1zbjFmYWdJ/IL5gfiOOuJBDcQMGMY3BYbDImLaHIl6rPjniQjJ2ELjgVZE7TkWMZY1TkePZ4mJh9s8tO5xKkXaOOJXqZOWGSwbjhksK44RLDuOCywLjgMsGK43LCvPAXbfEdQmuLMwDd+OB65OsKZ+s7QXWgDP3c994s3rrGPvMMmM1OHuzOrcBuDvH2IlYV515wbjWFaMb1jho0bWyARm5d4wdivVzAc0GRlAdxNgSuakmPzjGXuGCsxDrhx3lYTWoHi7hA0A9OsaOsGg0w/NxKTye4qjCqCcP1BQvDXwy5kCNW6LmosUzN/UfUdlgpVFZYBxQyWFcUElhnFDJYNxQSWAcUSlgLFGxMLaoGBhrVCiMPSoEdhCo0IzRLUd9jqjQjG3AYlDad+tdZljdlqMXjqioVXHXlqPSqBjYzi1HpVFtYXVbji4aCi9FUSEZo8VOM2lTxT3fKpF9lEbZc8X3z+72dcy1dXYh9rAvONWeYE0AgmSv2GbnpvYnwACZ+Vt9L3+oIgAAAABJRU5ErkJggg==);
  background-position: right 50%;
}
#lightbox_prev.nohover:hover,
#lightbox_next.nohover:hover {
  background-image: none;
  cursor: auto;
}
#lightbox_details {
  position: relative;
  overflow: hidden;
  transition: 0.4s max-height;
}
#lightbox_caption {
  font-weight: bold;
}
#lightbox_caption span {
  font-weight: normal;
}
#lightbox_counter {
  display: block;
  clear: left;
  font-size: 0.9em;
}

#lightbox_close {
  position: absolute;
  right: 0;
  bottom: -0.1em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9em;
  color: inherit;
}
#lightbox_close:hover,
#lightbox_close:focus {
  text-decoration: none !important;
  cursor: pointer;
  color: #666;
}
#lightbox_close::before {
  content: "\2717";
  padding-right: 0.15em;
  text-decoration: none;
  font-size: 1.1em;
  color: #666;
}
#lightbox_close:hover::before,
#lightbox_close:focus::before {
  color: #c33;
}

@media only screen and (max-width: 799px) {

  #lightbox_viewer {
    flex-flow: column nowrap;
    justify-content: space-around;
    left: 0 !important;
    top: 0 !important;
    margin: 0 auto !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
    height: calc(100% - 20px) !important;
    max-height: none !important;
    background: black;
    box-shadow: none;
    color: white;
  }

  #lightbox_image_container {
    max-height: none;
  }
  #lightbox_image_container img {
    min-width: 0;
    max-height: 100%;
  }

  #lightbox_close::before {
    color: #666;
  }
  #lightbox_close:hover {
    color: white;
  }

}