/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans:300);
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.barrierefrei {
  #medianav0 {
    color: #fff;
    background: #333;
  }
  #medianav0 .active a, #medianav0 a::before, #medianav0 a:hover, #medianav0 a:focus {
    color: #fff;
  }
  #leftcol h1, #infobar h1 {
    color: #231f20;
  }
  .tocart::before, .prelisten::before {
    background-color: #fff;
    border: 1px solid #231f20;
    padding: .1em .35em;
  }
  .media-slider .flex-direction-nav .prev, .media-slider .flex-direction-nav .next {
    background: #333;
  }
  .tocart {
    color: #333;
  }
  .bmkonto a, .bmbasket a {
    color: #231f20;
    text-decoration: none;
  }
  .bmkonto a:hover, .bmbasket a:hover {
    color: #231f20;
    text-decoration: underline;
  }
  .btn-primary, btn-secondary {
    background-color: #fff !important;
    border-color: #333 !important;
    color: #333 !important;
  }
  .form-control {
    border-color: #333;
  }
  .bmkonto .btn-secondary, .bmbasket .btn-secondary, .bmkonto .btn-secondary:hover, .bmbasket .btn-secondary:hover, .btn-back, .btn-back:hover {
    background-color: #fff;
    border-color: #5a6268;
    color: #333;
  }
  input, select {
    border: solid thin #333;
  }
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.box-shadow {
  box-shadow: 0 0 1em #ccc;
}
/*
// Single primary color that all mixins use. Str8 ballin.
@primary:        hsl(202, 100%, 50%);

// Primary Variants -
@primaryLight:   hsl(hue(@primary), 100%, 70%);
@primaryDark:    hsl(hue(@primary), 60%, 40%);
@primaryFaded:   hsl(hue(@primary), 60%, 65%);

// 180degree Variants
@variant:         spin((@primary), 180);
@variantLight:    hsl(hue(@variant), 100%, 70%);
@variantDark:     hsl(hue(@variant), 60%, 40%);
@variantFaded:    hsl(hue(@variant), 60%, 65%);

// 90degree Variants
@corner:         spin((@primary), 70);
@cornerLight:    hsl(hue(@corner), 100%, 70%);
@cornerDark:     hsl(hue(@corner), 60%, 40%);
@cornerFaded:    hsl(hue(@corner), 60%, 65%);*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1.4em;
  font-family: "Open Sans", sans-serif;
  color: #231f20;
}
#mainspace,
#footer {
  line-height: 1.6;
}
.f-secondary {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  color: #333;
}
h1,
h2,
h3,
body > header nav {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  color: #333;
}
h1 {
  font-size: 1.5em;
  margin-bottom: .5em;
  line-height: 1.3;
}
h1 .subtitle {
  display: block;
  font-size: 0.875em;
}
h2 {
  font-size: 1.16666667em;
  line-height: 1.3;
  margin: .3em 0;
  font-weight: bold;
}
a {
  color: #231f20;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin-bottom: 1em;
}
strong {
  font-weight: bold;
}
#leftcol h1,
#infobar h1 {
  color: #e9a400;
}
.detail-music {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.detail-music .img-container,
.detail-music .header,
.detail-music .tracklist {
  box-sizing: border-box;
}
.detail-music .tracklist {
  background: #feedd0;
  border-radius: 0.2em;
  padding: .5em 1em;
}
.detail-music .shopper {
  margin-left: 0;
  width: 100%;
}
@media only screen and (min-width: 400px) {
  .detail-music {
    align-items: flex-start;
    flex-direction: row;
  }
  .detail-music .img-container {
    flex: 0 0 25.4120879%;
    order: -1;
  }
  .detail-music .header {
    flex: 0 0 68.68131868%;
  }
  .detail-music .tracklist {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 600px) {
  .detail-music .header {
    flex: 0 0 35%;
  }
  .detail-music .tracklist {
    flex: 0 0 30%;
  }
}
.event {
  margin: 2em 0;
}
.event header {
  font-size: 1.16666667em;
}
.event-type {
  display: block;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: normal;
  text-decoration: underline;
}
#mainnav,
#footer {
  box-shadow: 0 0 1em #ccc;
}
.img-container img {
  display: block;
  width: 100%;
}
.img-container img + * {
  margin-top: .5em;
}
.with-img header {
  float: right;
  width: 68.68131868%;
}
.with-img header h1,
.with-img header h2 {
  margin-top: -0.2em;
}
header + .img-container {
  float: left;
  width: 25.4120879%;
}
.text {
  clear: both;
}
.about {
  font-size: 1.16666667em;
}
.about .img-container {
  margin-bottom: 1em;
}
.about .quote {
  padding: 1em;
  font-size: 1.83333333em;
  font-style: italic;
}
.about .cols {
  margin-top: 2em;
  border-top: dotted thin;
  padding-top: 2em;
}
@media only screen and (min-width: 1000px) {
  .about .cols.two {
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
.about .cols p {
  padding-right: 1em;
}
.about .showcase article {
  clear: left;
}
.about .showcase .img-container {
  float: left;
  width: 29%;
  margin-bottom: 1em;
  overflow: hidden;
}
.about .showcase p {
  margin-left: 33%;
}
@media only screen and (min-width: 700px) {
  .about .quote {
    float: right;
    width: 30%;
  }
  .about .showcase {
    text-align: justify;
  }
  .about .showcase article {
    display: inline-block;
    width: 30%;
    text-align: left;
  }
  .about .showcase .img-container {
    float: none;
    width: 100%;
  }
  .about .showcase p {
    margin-left: 0;
  }
  .about .showcase:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
}
.pagination {
  margin: 1em 0;
  font-size: 1.16666667em;
}
.pagination li {
  display: inline;
}
.pagination .active {
  text-decoration: underline;
}
.pagination .active,
.pagination a {
  padding: .4em;
}
input,
select,
button {
  border: solid thin #f9a72b;
  border-radius: 0;
  background: none;
  padding: .5em;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../img/icon-select.png') right no-repeat;
  padding-right: 30px;
}
.clearfix {
  content: "";
  display: table;
  clear: both;
}
.centered {
  max-width: 1335px;
  margin: 0 auto;
  padding: 0 5%;
}
main {
  margin-bottom: 2em;
}
footer {
  clear: both;
}
#mainspace {
  clear: both;
  margin-bottom: 2em;
  overflow: hidden;
}
#header .rotator,
.external {
  width: 100%;
}
@media only screen and (min-width: 700px) {
  .centered {
    padding: 0 5%;
  }
  #leftcol {
    float: left;
    width: 21.5526046987%;
    margin-right: 4.0858018386%;
  }
  main {
    float: left;
    width: 74.3615934627%;
  }
  #infobar {
    clear: left;
  }
}
@media only screen and (min-width: 1000px) {
  #header .searchform {
    float: left;
    width: 72.35955056%;
  }
  #header .banner {
    float: left;
    width: 100%;
  }
  #header .banner.banner100percent {
    width: 100%;
  }
  #leftcol {
    width: 16.55430712%;
    margin-right: 2.69662921%;
  }
  main.konto {
    width: 74.3615934627%;
  }
  main {
    width: 53.10861423%;
  }
  #infobar,
  #account,
  #newsletter,
  .external {
    clear: none;
    float: right;
    width: 21.87265918%;
  }
  .form-register #newsletter {
  	float:left;
  	width: auto;
  }
}
.flex-direction-nav .prev,
.flex-direction-nav .next {
  position: absolute;
  z-index: 100;
  top: 50%;
  font-size: 3em;
  width: .5em;
  height: 2em;
  line-height: 1em;
  margin-top: -1em;
  overflow: hidden;
  background: #d22027;
  color: #fff;
  font-family: 'FontAwesome';
  border-radius: .2em;
}
.flex-direction-nav .prev:before,
.flex-direction-nav .next:before {
  display: block;
  line-height: 2em;
  width: .5em;
  text-align: center;
}
.flex-direction-nav .prev {
  left: 0;
}
.flex-direction-nav .prev:before {
  content: "";
}
.flex-direction-nav .next {
  right: 0;
}
.flex-direction-nav .next:before {
  content: "";
}
.media-slider {
  overflow: hidden;
  margin-bottom: 2em;
  padding: 0 2em;
  background: #feedd0;
  position: relative;
}
.media-slider .flex-direction-nav .prev,
.media-slider .flex-direction-nav .next {
  background: #fcc775;
}
.media-slider li {
  margin: 1em 1px 1em 0;
  box-sizing: border-box;
}
.banner {
  position: relative;
}
.banner img {
  display: block;
  width: 100%;
}
.header-main-container {
  background: linear-gradient(#f9c463, transparent);
}
.header-main {
  padding-top: 2%;
  padding-bottom: .5em;
  position: relative;
}
.header-main:after {
  content: "";
  display: table;
  clear: both;
}
#logo {
  margin-right: 2.5em;
}
#logo img {
  width: 100%;
}
#badge {
  display: none;
  margin: .5em 0;
  color: #fff;
  font-size: 1.16666667em;
  background: #d22027;
  text-align: center;
}
#badge p {
  margin-bottom: 0;
}
#account {
  clear: both;
}
#account li {
  float: left;
  width: 32%;
  margin-right: 2%;
  background: rgba(255, 255, 255, 0.5);
}
#account li:last-child {
  margin-right: 0;
}
#account li a {
  display: block;
  padding: .5em;
}
#newsletter h1 {
  font-size: 1.33333333em;
  color: #f9a72b;
  line-height: 1;
  margin-bottom: .2em;
}
#newsletter h1:before {
  float: left;
  font-size: 3em;
  font-family: 'FontAwesome';
  content: '';
  padding: 0 .2em 1em 0;
  line-height: .7;
}
#newsletter p {
  font-size: 0.91666667em;
}
@media only screen and (max-width: 999px) {
  #newsletter {
    display: none;
  }
}
@media only screen and (min-width: 700px) {
  #header {
    margin-bottom: 3em;
  }
  #logo {
    width: 60%;
    float: left;
    margin-left: 8%;
    margin-right: 0;
  }
  #badge {
    display: block;
    font-size: 0.91666667em;
    float: right;
    position: absolute;
    width: 10em;
    padding: 0;
    right: 0;
    top: -1em;
    border-radius: 50%;
  }
  #badge p {
    position: absolute;
    top: 1.5em;
    right: 1em;
    bottom: 1em;
    left: 1em;
    text-align: center;
    line-height: 1.2;
    -ms-transform: rotate(5.5deg);
    -webkit-transform: rotate(5.5deg);
    transform: rotate(5.5deg);
  }
  #badge:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  #badge:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 8.5em;
    width: 5.445em;
    height: 5.805em;
    background: no-repeat url('../img/badge-books.png');
    background-size: 100%;
  }
  #account .cart {
    margin-right: .5em;
    background: url('../img/cart.png') right / auto 100% no-repeat;
  }
}
@media only screen and (min-width: 1000px) {
  .header-main {
    padding-bottom: 3em;
  }
  #logo {
    width: 32.77153558%;
    float: left;
    margin-left: 11%;
  }
  #badge {
    font-size: 1.2em;
    right: 20%;
    /*position: relative;
        float: left;
        /*margin: -4% -2.8% -1.8% 7.92%;*/
  }
  #account {
    clear: none;
    padding: 0;
  }
  #account li {
    float: none;
    width: auto;
    margin: 0;
  }
  #account li a {
    padding: .5em 1em .5em 20%;
    margin-bottom: .3em;
  }
}
nav li {
  list-style: none;
}
nav a {
  text-decoration: none;
}
body > header nav {
  display: block;
  overflow: hidden;
  font-weight: bold;
}
body > header nav a {
  display: block;
  padding: 1em 0.5em 1em 0;
}
#show-menu {
  position: absolute;
  left: -999em;
}
[for=show-menu] {
  display: block;
  position: absolute;
  left: 100%;
  z-index: 199;
}
[for=show-menu]:before {
  font-family: 'FontAwesome';
  content: '';
  width: auto;
  padding: 1em;
  float: left;
  margin-left: -3em;
  background: #d22027;
  color: #fff;
  font-size: 1.16666667em;
  text-align: center;
  cursor: pointer;
}
input#show-menu {
  &:focus {
    +label:before {
      border: 1px solid blue;
    }
  }
}
#mainnav {
  width: 100%;
  left: 100%;
  position: absolute;
  z-index: 198;
  background: #d22027;
  color: #fff;
  display: none;
}
#show-menu:checked ~ #mainnav {
  left: 0;
  display:block;
}
.phone {
  display: block;
  font-size: 1.33333333em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.875em;
  padding: 0.75em 0;
  margin: 0;
}
#infonav a {
  color: #fff;
}
#infonav a:hover {
  text-decoration:none;
}
#medianav0 {
  color: #d22027;
  background: #f9a72b;
  font-size: 1.83333333em;
}
#medianav0 a {
  color: #fff;
}
#medianav0 .active a,
#medianav0 a:before,
#medianav0 a:hover, #medianav0 a:focus {
  color: #d22027;
  text-decoration:none;
}
#medianav1 {
  font-size: 1.16666667em;
  line-height: 1.9em;
  padding-bottom: 1em;
  border-bottom: solid thin #f9a72b;
  margin-bottom: 1em;
}
#medianav1 li ul {
  padding-left: 0.571428571em;
}
#medianav1 li ul a {
  color: #5a5758;
}
#medianav1 a:hover {
  text-decoration: underline;
}
#medianav1 .active a {
  font-weight: bold;
}
#medianav1 .active li a {
  font-weight: normal;
}
#medianav1 li li.active a {
  font-weight: inherit;
  text-decoration: underline;
}
.fb a {
  padding: 0.5em 0;
}
.shops {
  padding-bottom: 1em;
  border-bottom: solid thin #f9a72b;
}
.shops h2 {
  font-weight: bold;
}
.shops article {
  margin-bottom: 1em;
}
@media only screen and (max-width: 699px) {
  #medianav1 {
    overflow: hidden;
    position: relative;
    min-height: 2em;
  }
  #medianav1 li {
    display: none;
  }
  #medianav1 li.active,
  #medianav1 ul:hover li {
    display: block;
  }
  #medianav1 > ul:after {
    font-family: 'FontAwesome';
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 2em;
  }
  #medianav1 > ul:hover:after {
    content: '';
    padding: 0;
  }
  #medianav1 li ul {
    overflow: hidden;
  }
  #medianav1 li li {
    float: left;
    padding-right: .5em;
  }
  #medianav1 ul:hover li li + :before {
    content: "|";
    padding-right: 0.5em;
  }
  #medianav0 a {
	  padding: 0.5em;
	}
  #infonav ul {
    display: none;
  }
  .phone {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .shops {
    display: none;
  }
  .email-ontop {
    margin: 0 30px 0 0.5em;
  }
}
@media only screen and (min-width: 700px) {
  body > header nav li {
    float: left;
  }
  body > header nav li + li a:before {
    content: "|";
    padding-right: 0.5em;
  }
  [for=show-menu] {
    display: none;
  }
  #mainnav {
    position: static;
    display:block;
  }
  #mainnav .menu-section {
    display: block;
    width: auto;
    box-sizing: content-box;
    overflow: hidden;
  }
  #infonav {
    overflow: hidden;
  }
  #infonav ul {
    float: left;
  }
  #infonav .phone {
    float: right;
  }
  #medianav0 h1 {
    display: none;
  }
  #medianav0 a {
    padding: 0.5em 0.5em 0.5em 0;
  }
  #medianav0 .fb {
    float: right;
  }
  #medianav0 .fb a {
    padding: .5em 0 0 .5em;
  }
  #medianav0 .fb a:before {
    display: none;
  }
}
#header .searchform {
  line-height: 2.6em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 699px) {
  #header .searchform select.searchform-fields,
  #header .searchform a {
    display: none;
  }
  #header .searchform input.searchform-fields {
    border: none !important;
  }
}
#header .searchform .searchform-fields {
  display: flex;
}
#header .searchform a {
  margin-right: 1em;
}
#header .searchform form {
  overflow: hidden;
  padding-left: .5em;
  border: solid #d22027;
  border-radius: 1em;
}
#header .searchform input,
#header .searchform button {
  border: none;
  background: transparent;
}
#header .searchform select,
#header .searchform input,
#header .searchform button {
  margin-right: 1em;
}
#header .searchform select {
  border: none;
}
#header .searchform input.searchform-fields {
  border-right: solid #d22027;
  border-left: solid #d22027;
}
#header .searchform [name="quick"] {
  flex: 1 1 auto;
}
#header .searchform [type=submit] {
  text-transform: uppercase;
  cursor: pointer;
  width: 2em;
  padding: 0;
  overflow: hidden;
  line-height: 2.6em;
}
#header .searchform [type=submit]:before {
  font-family: 'FontAwesome';
  content: '';
  font-size: 2em;
  margin-right: 1em;
  vertical-align: middle;
}
#header .searchform [type=submit],
#header .searchform a {
  float: right;
}
#header .searchform a {
  line-height: 2.6em;
}
.detail-search label,
.detail-search input,
.detail-search select,
.detail-search button {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.detail-search label,
.detail-search [type=submit] {
  margin-top: 1em;
}
.detail-search [type=submit]:before {
  font-family: 'FontAwesome';
  content: '';
  font-size: 1.16666667em;
  padding-right: .5em;
  margin-left: -1.5em;
}
@media only screen and (min-width: 600px) {
  #header .searchform form:before {
    font-size: 2em;
  }
  #header .searchform [type=text] {
    min-width: 20em;
  }
  .detail-search {
    text-align: justify;
  }
  .detail-search label,
  .detail-search input,
  .detail-search select,
  .detail-search button {
    text-align: left;
    display: inline-block;
    margin: 1em 0;
  }
  .detail-search label,
  .detail-search button {
    width: 25.4120879%;
  }
  .detail-search input,
  .detail-search select {
    width: 68.68131868%;
  }
  .detail-search [type=submit]:before {
    margin-left: auto;
  }
}

@media only screen and (min-width: 700px) {
  #header .searchform {
    margin-bottom: 3em;
  }
}
.tabs {
  margin: 1em 0;
}
.tabs li {
  display: inline;
  padding-right: .5em;
  font-size: 1.16666667em;
}
.tabs li a {
  color: #5a5758;
}
.tabs li.active a {
  color: #231f20;
}
.tabs li + li:before {
  content: '|';
  padding-right: .5em;
  color: #5a5758;
}
#infobar div div > * {
  margin-bottom: 1em;
  padding-bottom: 1em;
  overflow: hidden;
  border-bottom: solid thin #f9a72b;
}
#infobar img {
  max-width: 100%;
}
#infobar h1 .subtitle {
  color: #231f20;
}
#infobar .boxed {
  border: none;
  padding: 0;
}
#infobar .box {
  border: solid thin #f9a72b;
  padding: 1.3em 1em 0;
  overflow: hidden;
  font-size: 0.91666667em;
}
#infobar .box div {
  clear: left;
  overflow: hidden;
}
#infobar .box img {
  float: left;
  width: 44.6%;
  margin: 0 1em 1.3em 0;
}
#infobar .box h2 {
  font-size: 1.09090909em;
}
#infobar .box p {
  margin-bottom: 1.3em;
}
#infobar section article {
  overflow: hidden;
  margin-bottom: 1em;
}
#infobar section article h1 {
  color: #231f20;
}
#infobar .logos {
  border: none;
  overflow: hidden;
  text-align: justify;
}
#infobar .logos li {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
#infobar .logos img {
  width: 100%;
}
#infobar .logos ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}
#infobar .fb {
  border: none;
}
#infobar .concert .morelink {
  float: left;
}
@media only screen and (min-width: 700px) and (max-width: 999px) {
  #infobar {
    text-align: justify;
  }
  #infobar > div > div > * {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: left;
    margin-bottom: 1em;
    border: none;
  }
  #infobar:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
}
#footer {
  padding: 2em 0;
  background: #f9a72b;
}
#footer h1,
#footer h2 {
  color: #231f20;
}
#footer .centered {
  overflow: hidden;
  background: url('../img/logoLayer.png') no-repeat left bottom;
}
#footer .centered > section {
  float: left;
  margin-right: 4em;
  margin-bottom: 2em;
}
#footer .centered > section:last-child {
  margin-right: 0;
}
#footer li a {
  text-decoration: none;
}
#footer .contact {
  margin-bottom: 2em;
}
#footer .contact h1 {
  display: none;
}
#footer .contact img {
  width: 14em;
  display: block;
  margin-left: -4.3em;
  margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
  #footer .contact section,
  #footer .links {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin-right: 1%;
  }
}
@media only screen and (min-width: 700px) {
  #footer .shops {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #footer li a {
    display: block;
    margin-bottom: 0.6em;
  }
}
@media only screen and (min-width: 1000px) {
  #footer .contact {
    float: right;
    width: 30%;
  }
  #footer .contact img {
    width: 20em;
    margin-left: -6.2em;
  }
  #footer .contact section {
    display: block;
    width: auto;
  }
  #footer .links {
    width: 22%;
    margin-top: 6.1em;
  }
}
#header .banner {
  box-shadow: 0 0 .7em #888;
}
#header .banner,
#header .external {
  margin-bottom: 2em;
}
#header .external {
  border: none;
  height: 24.71910112%;
}
#header .external > * {
  margin-bottom: 1em;
  padding-bottom: 1em;
  overflow: hidden;
  border-bottom: solid thin #f9a72b;
}
#header .external > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-bottom: none;
}
.shopper {
  overflow: hidden;
  margin-bottom: 1em;
  font-size: 1.16666667em;
}
.price {
  float: left;
  font-size: 1.16666667em;
  line-height: 2.2;
  margin: 0 1em 0 0;
}
.article-list .price {
  margin-bottom: 0;
}
.wishlist {
  clear: left;
}
.wishlist,
.ebook {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.78571429em;
  text-decoration: underline;
  margin-right: 1em;
}
.tocart {
  line-height: 2.2;
  min-width: 5em;
  color: #f9a72b;
}
.tocart:before,
.prelisten:before {
  vertical-align: middle;
  font-size: 1.5em;
  padding: .1em .4em;
  margin-right: .2em;
  color: #231f20;
  background: #f9a72b;
  border-radius: .2em;
  width: 1em;
  float: left;
  line-height: 1em;
  text-align: center;
}
.tocart:before {
  content: '';
  height: 1em;
  margin-top: .1em;
  background-image: url('../img/cart.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.media-slider .tocart,
.article-list .tocart,
.media-slider .prelisten,
.article-list .prelisten {
  display: inline-block;
  vertical-align: middle;
  width: 2.7em;
  margin: .3em .3em;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}
.prelisten:before {
  font-family: 'FontAwesome';
  content: '';
}
.prelisten.playing:before {
  content: '';
}
.morelink {
  display: block;
  font-size: 1.16666667em;
  margin-right: .5em;
}
.morelink:before {
  content: '»';
  margin-right: .2em;
}
.shopper {
  width: 68.68131868%;
  margin-left: 31.31868132%;
}
.synopsis {
  clear: right;
  margin-left: 31.31868132%;
  margin-right: 20px;
}
.media_details,
.tip {
  overflow: hidden;
}
.media_details header,
.tip header,
.media_details .shopper,
.tip .shopper {
  margin-bottom: 0.6em;
  font-size: 1.16666667em;
}
.media_details header h2,
.tip header h2,
.media_details .shopper h2,
.tip .shopper h2 {
  font-size: 1.33333333em;
}
.media_details header p,
.tip header p {
  margin: 0;
}
.media_details .author,
.tip .author {
  display: block;
  padding-bottom: 0.4em;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 0.66666667em;
}
.media_details .buylinks,
.tip .buylinks {
  padding: .4em 0 2em;
}
.media_details .price,
.tip .price {
  font-size: 1.57142857em;
}
@media only screen and (min-width: 700px) {
  .media_details header,
  .tip header {
    margin-bottom: 1em;
  }
  .media_details .shopper,
  .tip .shopper {
    clear: right;
  }
}
.media_details {
  margin-bottom: 3em;
}
.media_details .img-container {
  margin-bottom: 1em;
}
.media_details .tabs {
  clear: both;
}
.tip {
  margin-bottom: 2em;
}
.description,
.medium {
  overflow: hidden;
  padding: 1em;
  background: #fdebca;
}
.recommender {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  color: #333;
}
.recommender p {
  margin: .2em 0;
}
.article-list > h1 {
  color: #f9a72b;
}
.article-list article {
  overflow: hidden;
  margin-bottom: 3em;
}
.article-list article h1 {
  line-height: 1.3;
  font-size: 1.09090909em;
  font-weight: bold;
}
.article-list .price {
  font-weight: bold;
}
.article-list p,
#infobar p {
  margin-bottom: .5em;
}
@media only screen and (max-width: 400px) {
  .media_details header,
  .media_details .img-container {
    float: none;
    width: auto;
  }
  .media_details img {
    max-height: 12em;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
  }
  .shopper {
    width: auto;
    margin-left: 0;
  }
}
@media only screen and (min-width: 700px) {
  .article-list.twocols {
    text-align: justify;
  }
  .article-list.twocols article {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    text-align: left;
  }
  .article-list.twocols article:nth-child(2n) {
    padding-left: 2.0408163%;
    border-left: dotted thin;
  }
  .article-list.twocols:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
  .article-list.half {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .article-list.half:nth-child(2n) {
    margin-right: 0;
  }
}
.rotator,
.article-list {
  overflow: hidden;
}
.rotator article header h1,
.article-list article header h1 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.rotator article header p,
.article-list article header p {
  margin-bottom: 0.6em;
}
.jplayer .jp-interface {
  text-align: center;
}
.jplayer button {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.16666667em;
  border: none;
  width: 1.2em;
  padding: .1em;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  color: #5a5758;
}
.jplayer button:before {
  width: 1em;
  margin-right: 1em;
}
.jplayer button:hover {
  color: #e9a400;
}
.jplayer .jp-previous:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-play:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-pause:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-next:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-mute:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-volume-max:before {
  font-family: 'FontAwesome';
  content: '';
}
.jplayer .jp-play,
.jplayer .jp-pause {
  font-size: 2em;
  width: 1.6em;
  padding-left: .4em;
  padding-right: .2em;
  color: #d22027;
}
.jplayer .jp-time {
  font-size: 0.91666667em;
}
.jplayer .jp-progress {
  margin-top: 1em;
}
.jplayer .jp-volume-bar,
.jplayer .jp-seek-bar {
  clear: right;
  width: 100%;
  height: .6em;
  border: solid thin #ccc;
  border-radius: 0.2em;
  cursor: pointer;
}
.jplayer .jp-volume-bar-value,
.jplayer .jp-play-bar {
  height: 100%;
  background: #e9a400;
}
.jplayer .jp-playlist-current a:before {
  font-family: 'FontAwesome';
  content: '';
  color: #5a5758;
}
.panel {
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .panel-body:after {
    clear: both; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
    border-width: 1px 0; }
    .panel > .list-group .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0; }
    .panel > .list-group .list-group-item:last-child {
      border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive {
  margin-bottom: 0; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden; }
  .panel-group .panel + .panel {
    margin-top: 5px; }
.panel-group .panel-heading {
  border-bottom: 0; }
  .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dddddd; }
.panel-group .panel-footer {
  border-top: 0; }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd; }

.panel-default {
  border-color: #dddddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: whitesmoke;
    border-color: #dddddd; }
    .panel-default > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #dddddd; }
    .panel-default > .panel-heading > .dropdown .caret {
      border-color: #333333 transparent; }
  .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd; }

.panel-primary {
  border-color: #428bca; }
  .panel-primary > .panel-heading {
    color: white;
    background-color: #428bca;
    border-color: #428bca; }
    .panel-primary > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #428bca; }
    .panel-primary > .panel-heading > .dropdown .caret {
      border-color: white transparent; }
  .panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading > .dropdown .caret {
      border-color: #468847 transparent; }
  .panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading > .dropdown .caret {
      border-color: #c09853 transparent; }
  .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading > .dropdown .caret {
      border-color: #b94a48 transparent; }
  .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ebccd1; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading > .dropdown .caret {
      border-color: #3a87ad transparent; }
  .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bce8f1; }
    
.bmcookie a {
	color: #fff;
}
.buchabo.shadow{
  box-shadow: 3px 3px 8px #cccccc;
}
.buchabo.shadow .formcontent{
  padding: 10px;
}
.buchabo.shadow form button{
  margin: 0 10px 10px 10px;
}
#changeColor{
  position:fixed;
  bottom:20px;
  right:20px;
  color:black;
  cursor:pointer;
  z-index:999;
}