@charset "UTF-8";
/* Diese Funktion rechnet Pixel, in Bezug zur Basis Schriftgröße, in em um. 
* Beispiel Aufruf: em(14px);
*/
/**
* fraction = math. Bruch
* denominator = math. Zähler
* numerator = math. Nenner
* from = mit diesem Wert wird multipliziert.
*/
.gradient.vert {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e0dccd 38%, #ddd9c8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(38%, #e0dccd), color-stop(100%, #ddd9c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e0dccd 38%, #ddd9c8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e0dccd 38%, #ddd9c8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e0dccd 38%, #ddd9c8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e0dccd 38%, #ddd9c8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd9c8',GradientType=0 );
  /* IE6-9 */ }

.cm_elem.startseite.column .inner, .gradient.horiz, .page.menu.gradient ul.menu > li {
  /*Diagonal*/
  /*    background: #c2bead;  Old browsers
background: -moz-linear-gradient(-45deg, #c2bead 0%, #938c6d 100%) !important;  FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c2bead), color-stop(100%,#938c6d)) !important;  Chrome,Safari4+
background: -webkit-linear-gradient(-45deg, #c2bead 0%,#938c6d 100%) !important;  Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, #c2bead 0%,#938c6d 100%) !important;  Opera 11.10+
background: -ms-linear-gradient(-45deg, #c2bead 0%,#938c6d 100%) !important;  IE10+
background: linear-gradient(135deg, #c2bead 0%,#938c6d 100%) !important;  W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bead', endColorstr='#938c6d',GradientType=1 ) !important;  IE6-9 fallback on horizontal gradient */
  background: #c2bead;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c2bead 0%, #938c6d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2bead), color-stop(100%, #938c6d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c2bead 0%, #938c6d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c2bead 0%, #938c6d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c2bead 0%, #938c6d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c2bead 0%, #938c6d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bead', endColorstr='#938c6d',GradientType=0 );
  /* IE6-9 */ }

.page.background.vert .flower {
  width: 371px;
  height: 733px;
  max-height: 100%;
  background-image: url("/images/bravat/flower.gif");
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: -15px; }

article select, label {
  color: #393639 !important; }

article .page.content h1, h2 {
  font-weight: 400 !important; }

.page.content.startseite .cm_elem.width-33 h3 {
  font-weight: 400; }

.page.content.startseite .cm_elem.width-33 .inner {
  border-radius: 5px; }
  .page.content.startseite .cm_elem.width-33 .inner input[type=submit] {
    background-color: white;
    color: #ada890;
    position: relative;
    left: 12px;
    font-weight: 700;
    height: 1.5em; }

.cm_elem.startseite.column select, .cm_elem.column.startseite label {
  color: #7d7b7b !important;
  font-weight: 400 !important; }

nav li a, .cm_elem.startseite h3 {
  text-transform: none !important; }

.breadcrumbs ul li a {
  text-transform: none !important; }

/*
Grundlagende Styles für die gesamte Seite
*/
.nofloat {
  float: none;
  clear: both; }

.hidden {
  display: none; }

.block {
  display: block; }

.inline {
  display: inline; }

.width-33 {
  width: 33.333%; }

.width-50 {
  width: 50%; }

.float.left {
  float: left; }

.float.right {
  float: right; }

.odd {
  /*background-color: $breadcrumbs_bg;;*/ }

label.required:after {
  content: ' *'; }

img {
  border: 0; }

.loading {
  width: 100%;
  height: 100%; }
  .loading img {
    display: block;
    margin: 0 auto; }

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

body * {
  font-family: 'PT Sans', Arial , sans-serif; }

hr {
  background-color: white;
  margin-bottom: 6px;
  border-top: 0;
  height: 0;
  border-bottom: 1px dotted #ada890; }

h1, h2, h3, h4, h5 {
  color: #393639;
  font-weight: 700; }

p, li, a, img, pre, dd, dt, span {
  color: #7d7b7b;
  font-size: 11pt; }

h1 {
  font-size: 180%;
  letter-spacing: +3px; }

h2 {
  font-size: 150%;
  letter-spacing: +3px; }

h3 {
  font-size: 140%;
  letter-spacing: +3px;
  /*text-transform: uppercase;*/ }

h4 {
  /*Genauso wie p nur fett und farbig*/
  font-size: 11pt;
  color: #979173;
  margin-top: 10px;
  margin-bottom: 0px; }

h5 {
  /*mit Unterstrich*/
  font-size: 100%;
  border-bottom: 2px solid #ada890;
  color: #c3bcb4;
  margin-top: 7px;
  margin-top: 3px; }

.page p, .page.content li, .page td {
  color: #7d7b7b;
  margin: 7px 0; }
  .page p a:not(.button), .page.content li a:not(.button), .page td a:not(.button) {
    color: #393639;
    /*text-decoration: underline;*/ }
  .page p a:hover, .page.content li a:hover, .page td a:hover {
    color: #ada890; }
  .page p a:not(.img):before, .page.content li a:not(.img):before, .page td a:not(.img):before {
    content: '\00bb\a0';
    text-decoration: none;
    display: inline-block; }

a:not(.img) {
  text-decoration: underline;
  color: #ada890; }

a:hover {
  color: #c3bcb4; }

a.button {
  background-color: #ada890;
  text-transform: uppercase;
  height: 2.5em;
  min-width: 9em;
  color: white;
  border: 0;
  cursor: pointer;
  padding: 5px 8px;
  text-decoration: none; }

a.button:active {
  position: relative;
  top: 3px; }

a.button:hover {
  color: #c3bcb4 !important; }

a.button:before {
  content: '\00bb\a0'; }

a:hover.dotted {
  border-bottom: 2px dotted #ada890;
  /*text-decoration: underline;*/ }

.line {
  border-bottom: 2px solid #ada890;
  text-transform: uppercase; }

/*
    Allgemeines Formular-Styling
    */
form select {
  width: 18em;
  border: 1px dotted #ada890;
  margin-right: 2em;
  padding: 0px;
  margin: 0;
  border-radius: 4px;
  color: #7d7b7b;
  outline: none;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  font-size: 10pt !important; }
  form select option {
    text-transform: uppercase;
    padding: 0;
    margin: 0; }

form input[type=submit], form input[type=button] {
  background-color: #ada890;
  /*text-transform: uppercase;*/
  /*height: 2.5em;*/
  min-width: 7em;
  color: white;
  border: 0;
  cursor: pointer;
  padding: 6px 8px;
  line-height: 12pt; }
  form input[type=submit] :before, form input[type=button] :before {
    content: '\00bb\a0'; }

form input[type=submit]:active, form input[type=button]:active {
  position: relative;
  top: 2px; }

form input[type=submit]:before, form input[type=button]:before {
  content: '\00bb\a0'; }

form t
input[type=submit]:hover, form input[type=button]:hover {
  color: #c3bcb4; }

form input[type=text], form input[type=password] {
  height: 3em;
  width: 15em;
  font-size: 90%;
  color: #ada890;
  border: 1px dotted #ada890; }

form input, form textarea, form select {
  color: #7d7b7b;
  font-size: 11pt;
  /*text-transform: uppercase;*/ }

form .labelinside {
  margin: 3px 0;
  position: relative;
  width: 100%; }
  form .labelinside label {
    color: #7d7b7b;
    corsur: text;
    z-index: 1;
    position: absolute;
    top: 0;
    margin-left: 7px;
    /*text-transform: uppercase;*/
    font-weight: 400; }
  form .labelinside input, form .labelinside select, form .labelinside textarea {
    z-index: 0; }

form .labelinside.large {
  margin: 3px 0;
  position: relative;
  width: 100%; }
  form .labelinside.large label {
    color: #ada890;
    corsur: text;
    z-index: 1;
    position: absolute;
    top: 10px;
    margin-left: 7px;
    /*text-transform: uppercase;*/ }
  form .labelinside.large input, form .labelinside.large select, form .labelinside.large textarea {
    z-index: 0; }

.vert.center {
  position: relative; }
  .vert.center img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }

article, article * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.slideshow .overview {
  position: absolute;
  width: 50000em;
  padding: 0;
  margin: 0;
  z-index: 1;
  height: 350px; }

.slideshow .scrollItem {
  height: 350px;
  padding: 0 1px;
  width: 1000px;
  float: left; }

.slideshow .overlay {
  height: 350px;
  margin: 0 auto;
  width: 1000px; }

.slideshow .overlay {
  overflow: hidden;
  position: relative; }

body {
  margin: 0px 0 0 0;
  background-color: #ffffff;
  color: #393639;
  font-size: 11pt;
  /*
    Allgemeines Formular-Styling
    */ }
  body h1, body h2, body h3, body h4, body h5 {
    color: #393639;
    font-weight: 700; }
  body p, body li, body a, body img, body pre, body dd, body dt {
    color: #7d7b7b;
    font-size: 11pt; }
  body h1 {
    margin-top: 25px;
    font-size: 180%;
    letter-spacing: +3px; }
  body h2 {
    margin-top: 18px;
    font-size: 150%;
    letter-spacing: +2px; }
  body h3 {
    font-size: 140%;
    letter-spacing: +1px;
    /*text-transform: uppercase;*/ }
  body h4 {
    /*Genauso wie p nur fett und farbig*/
    font-size: 11pt;
    color: #979173;
    margin-top: 10px;
    margin-bottom: 0px; }
  body h5 {
    /*mit Unterstrich*/
    font-size: 100%;
    border-bottom: 2px solid #ada890;
    color: #c3bcb4;
    margin-top: 7px;
    margin-top: 3px; }
  body .page p, body .page.content li, body .page td {
    color: #7d7b7b;
    margin: 7px 0; }
    body .page p a:not(.button), body .page.content li a:not(.button), body .page td a:not(.button) {
      color: #393639;
      /*text-decoration: underline;*/ }
    body .page p a:hover, body .page.content li a:hover, body .page td a:hover {
      color: #ada890; }
    body .page p a:not(.img):before, body .page.content li a:not(.img):before, body .page td a:not(.img):before {
      content: '\00bb\a0';
      text-decoration: none;
      display: inline-block; }
  body a:not(.img) {
    text-decoration: underline;
    color: #ada890; }
  body a:hover {
    color: #c3bcb4; }
  body a.button {
    background-color: #ada890;
    text-transform: uppercase;
    height: 2.5em;
    min-width: 9em;
    color: white;
    border: 0;
    cursor: pointer;
    padding: 5px 8px;
    text-decoration: none; }
  body a.button:active {
    position: relative;
    top: 3px; }
  body a.button:hover {
    color: #c3bcb4 !important; }
  body a.button:before {
    content: '\00bb\a0'; }
  body a:hover.dotted {
    border-bottom: 2px dotted #ada890;
    /*text-decoration: underline;*/ }
  body .line {
    border-bottom: 2px solid #ada890;
    text-transform: uppercase; }
  body a.link.back:before {
    content: '\00ab\a0' !important;
    text-decoration: none;
    display: inline-block; }
  body form {
    /*Gegen die Blauen Rahmen in Webkit */ }
    body form *:focus {
      outline: none; }
    body form select {
      width: 18em;
      border: 1px dotted #ada890;
      height: 2em;
      margin-right: 2em;
      padding: 0px;
      margin: 0;
      border-radius: 4px;
      color: #7d7b7b;
      outline: none;
      display: inline-block;
      appearance: none;
      cursor: pointer;
      text-transform: none;
      font-size: 10pt !important; }
      body form select option {
        text-transform: none;
        padding: 0;
        margin: 0; }
    body form input[type=submit], body form input[type=button] {
      background-color: #ada890;
      /*text-transform: uppercase;*/
      /*height: 2.5em;*/
      min-width: 7em;
      color: white;
      border: 0;
      cursor: pointer;
      border-radius: 4px;
      padding: 6px 8px;
      line-height: 12pt; }
      body form input[type=submit] :before, body form input[type=button] :before {
        content: '\00bb\a0'; }
    body form input[type=submit]:active, body form input[type=button]:active {
      position: relative;
      top: 2px; }
    body form input[type=submit]:before, body form input[type=button]:before {
      content: '\00bb\a0'; }
    body form t
input[type=submit]:hover, body form input[type=button]:hover {
      color: #c3bcb4; }
    body form input[type=text], body form input[type=password] {
      height: 3em;
      width: 15em;
      border-radius: 4px;
      font-size: 10pt;
      color: #393639;
      border: 1px dotted #ada890; }
    body form input, body form textarea, body form select {
      color: #393639;
      font-size: 10pt;
      /*text-transform: uppercase;*/ }
    body form select.large {
      color: #ada890 !important;
      height: 25pt;
      width: 23em;
      font-size: 11pt;
      padding: 6px 3px; }
    body form .labelinside {
      margin: 0px 0;
      position: relative;
      width: 100%; }
      body form .labelinside label {
        color: #393639;
        corsur: text;
        z-index: 1;
        position: absolute;
        top: 1px;
        margin-left: 7px;
        /*text-transform: uppercase;*/
        font-weight: 400;
        font-size: 10pt; }
      body form .labelinside input, body form .labelinside select, body form .labelinside textarea {
        z-index: 0; }
    body form .labelinside.large {
      margin: 0px 0;
      position: relative;
      width: 100%; }
      body form .labelinside.large label {
        color: #ada890 !important;
        corsur: text;
        z-index: 1;
        position: absolute;
        top: 10px;
        margin-left: 7px;
        /*text-transform: uppercase;*/ }
      body form .labelinside.large input, body form .labelinside.large select, body form .labelinside.large textarea {
        z-index: 0; }
  body form.product.search input, body form.partner.search input {
    margin-right: 10px; }
  body form.product.search .labelinside, body form.partner.search .labelinside {
    width: auto; }
    body form.product.search .labelinside label, body form.partner.search .labelinside label {
      top: 8px !important;
      font-size: 10pt !important; }
  body form.product.search input[type=text], body form.partner.search input[type=text] {
    /*text-transform: uppercase;*/
    width: 21em;
    color: #393639;
    height: 25pt; }
  body form.product.search label, body form.partner.search label {
    font-weight: 400 !important; }
  body form.product.search td, body form.partner.search td {
    font-weight: 700;
    vertical-align: top !important; }
  body form.product.search td div, body form.partner.search td div {
    font-weight: 400; }
  body form.product.search table, body form.partner.search table {
    width: 100%; }
  body form.forgot_password input[type=text] {
    width: 20em;
    font-site: 16pt; }
  body form.forgot_password label {
    font-weight: 700; }
  body form.contact dl, body form.user_register dl, body form.recommend dl {
    width: 75%; }
    body form.contact dl dt, body form.user_register dl dt, body form.recommend dl dt {
      width: 40%;
      float: left;
      margin: 0 0 5px 0;
      min-height: 1px; }
      body form.contact dl dt label, body form.user_register dl dt label, body form.recommend dl dt label {
        font-weight: 700;
        color: #7d7b7b !important; }
    body form.contact dl dd, body form.user_register dl dd, body form.recommend dl dd {
      width: 60%;
      float: left;
      margin: 0 0 5px 0;
      height: 2em; }
      body form.contact dl dd ul, body form.user_register dl dd ul, body form.recommend dl dd ul {
        list-style-type: none;
        padding-left: 0;
        margin: 0 0 0 0; }
        body form.contact dl dd ul li, body form.user_register dl dd ul li, body form.recommend dl dd ul li {
          float: left; }
      body form.contact dl dd input, body form.contact dl dd textarea, body form.user_register dl dd input, body form.user_register dl dd textarea, body form.recommend dl dd input, body form.recommend dl dd textarea {
        margin-left: 10px; }
      body form.contact dl dd textarea, body form.user_register dl dd textarea, body form.recommend dl dd textarea {
        height: 10em;
        width: 25em;
        border: 1px dotted #ada890;
        text-transform: none; }
      body form.contact dl dd input[type=text]:not(.short):not(.long), body form.contact dl dd input[type=password], body form.user_register dl dd input[type=text]:not(.short):not(.long), body form.user_register dl dd input[type=password], body form.recommend dl dd input[type=text]:not(.short):not(.long), body form.recommend dl dd input[type=password] {
        text-transform: none;
        height: 2em;
        width: 16em; }
      body form.contact dl dd input.short, body form.contact dl dd input.small, body form.user_register dl dd input.short, body form.user_register dl dd input.small, body form.recommend dl dd input.short, body form.recommend dl dd input.small {
        width: 4em !important; }
      body form.contact dl dd input.long, body form.user_register dl dd input.long, body form.recommend dl dd input.long {
        width: 11em !important; }
      body form.contact dl dd select, body form.user_register dl dd select, body form.recommend dl dd select {
        margin-left: 10px;
        width: 16em; }
      body form.contact dl dd input[type=submit], body form.user_register dl dd input[type=submit], body form.recommend dl dd input[type=submit] {
        /*margin-top: 20px;*/
        /*                    position: relative;
                    left: 60%;*/ }
    body form.contact dl dd.textarea, body form.user_register dl dd.textarea, body form.recommend dl dd.textarea {
      height: 10em; }
    body form.contact dl dd.captcha, body form.user_register dl dd.captcha, body form.recommend dl dd.captcha {
      padding-left: 10px;
      padding-top: 3px; }
  body form.contact .error_messages, body form.contact label.error, body form.user_register .error_messages, body form.user_register label.error, body form.recommend .error_messages, body form.recommend label.error {
    color: red !important; }
    body form.contact .error_messages li, body form.contact label.error li, body form.user_register .error_messages li, body form.user_register label.error li, body form.recommend .error_messages li, body form.recommend label.error li {
      color: red; }

div.content.wrapper {
  z-index: 0;
  width: 1000px;
  padding: 0 10px 0px 10px;
  position: relative;
  margin: 0 auto;
  min-height: 700px;
  background-color: white; }
  div.content.wrapper header .logo {
    position: absolute;
    /*right: 0px;*/
    top: 20px;
    display: block; }
    div.content.wrapper header .logo a {
      display: block; }
  div.content.wrapper header .top.search {
    position: absolute;
    top: 45px;
    right: 10px; }
    div.content.wrapper header .top.search form {
      float: right; }
      div.content.wrapper header .top.search form input[type=submit] {
        background-image: url("/images/default/lupe.gif");
        width: 2em;
        min-width: 2em;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: 6px;
        position: relative;
        bottom: -1px;
        height: 1.8em;
        border-top: 1px solid white; }
      div.content.wrapper header .top.search form input[type=text] {
        height: 1.85em;
        margin-right: 5px;
        /*text-transform: uppercase;*/
        border: 1px dotted #7d7b7b;
        width: 160px; }
      div.content.wrapper header .top.search form label {
        top: 9px;
        font-weight: 700;
        color: #7d7b7b !important; }
    div.content.wrapper header .top.search .leaflet {
      background-color: #ada890;
      color: white;
      float: left;
      width: 160px;
      height: 1.9em;
      margin-top: 2px;
      margin-right: 10px;
      border-radius: 4px; }
      div.content.wrapper header .top.search .leaflet a {
        text-decoration: none; }
      div.content.wrapper header .top.search .leaflet p {
        color: white;
        margin: 3px 10px;
        text-transform: uppercase;
        text-align: right; }
      div.content.wrapper header .top.search .leaflet img {
        display: inline;
        float: left;
        position: relative;
        bottom: 10px;
        margin-left: 5px;
        margin-right: 5px; }
      div.content.wrapper header .top.search .leaflet:active {
        position: relative;
        top: 3px; }
  div.content.wrapper header .world.map {
    position: absolute;
    left: 10px;
    top: 50px; }
  div.content.wrapper header .header.above {
    background-color: #ffffff;
    /*min-height: 10em;*/
    display: block; }
  div.content.wrapper header span.country.selector {
    float: right;
    margin-top: 2px;
    margin-right: 5px; }
    div.content.wrapper header span.country.selector img {
      width: 16px;
      height: 16px; }
  div.content.wrapper header .sitenavi {
    float: right; }
    div.content.wrapper header .sitenavi ul {
      margin: 0;
      height: 10px;
      padding: 0;
      list-style-type: none;
      list-style-position: inside; }
      div.content.wrapper header .sitenavi ul li {
        float: left;
        /*margin-right: 10px;*/ }
        div.content.wrapper header .sitenavi ul li a {
          color: #1b1a1f;
          text-decoration: none;
          /*text-transform: uppercase;*/
          font-size: 0.9em; }
        div.content.wrapper header .sitenavi ul li a:hover {
          color: #ada890; }
      div.content.wrapper header .sitenavi ul li:after {
        content: "\a0|\a0 "; }
      div.content.wrapper header .sitenavi ul li:last-child:after {
        content: ''; }

footer {
  /*position: absolute;*/
  bottom: 30px;
  padding: 0px 10px;
  background-color: white;
  color: #cccccc;
  font-size: 90%;
  display: block;
  margin: 0 auto;
  width: 1000px; }
  footer hr {
    margin: 0;
    background-color: #ada890;
    height: 4px; }
  footer .copyright {
    text-align: right;
    float: right;
    margin: 24px 0;
    color: #ada890; }
    footer .copyright a {
      text-decoration: none; }
  footer .social.media {
    float: left;
    width: 60%; }
    footer .social.media ul {
      margin: 0; }
    footer .social.media #socialshareprivacy {
      float: right; }
    footer .social.media .youtube {
      margin-top: 17px;
      float: left; }
      footer .social.media .youtube a, footer .social.media .youtube img {
        display: block; }

.header.side.border {
  position: absolute;
  top: 183px;
  background-color: #ffffff;
  width: 100%;
  height: 350px;
  z-index: -100; }

.search.link {
  width: 200px;
  background-color: white;
  line-height: 30px;
  z-index: 2;
  position: absolute;
  top: 450px;
  right: 10px;
  float: right; }
  .search.link a {
    margin-left: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 120%; }
    .search.link a span {
      width: 30px;
      background-color: #ada890;
      color: white;
      float: right;
      text-align: center; }

.categories.header {
  margin-top: 0;
  background-color: white;
  padding: 10px; }
  .categories.header .left {
    float: left;
    width: 33%; }
    .categories.header .left h5 {
      margin: 0px 0 8px 20px;
      color: #393639; }
    .categories.header .left p {
      margin: 10px 0 5px 20px;
      color: #393639; }
  .categories.header .right {
    float: right;
    width: 66%; }
    .categories.header .right ul {
      list-style-type: none; }
      .categories.header .right ul li {
        padding-bottom: 10px; }
        .categories.header .right ul li a {
          color: #393639;
          text-transform: uppercase; }
      .categories.header .right ul li:before {
        color: #393639;
        content: ">\a0\a0 "; }

ul.quicklink {
  text-transform: uppercase;
  list-style-type: none; }
  ul.quicklink li:before {
    content: "> ";
    margin-right: 5px; }
  ul.quicklink li {
    margin-bottom: 15px; }
    ul.quicklink li .headline {
      font-size: 1.2em;
      font-weight: 700;
      color: #393639; }
    ul.quicklink li .text {
      font-size: 1em; }

.header.image {
  margin-bottom: 0;
  border-top: 3px solid white;
  /*border-left: 10px solid white;*/
  /*border-right: 10px solid white;*/ }

.background.page {
  width: 100%;
  height: 60%;
  z-index: -1000;
  position: fixed;
  bottom: 0; }

.icons img {
  margin-right: 10px;
  margin-bottom: 10px; }

.content.wrapper article {
  /*border-bottom: 5px solid $headline;*/
  width: 100%; }
  .content.wrapper article .product_container .links {
    margin: 20px 0; }
    .content.wrapper article .product_container .links ul {
      list-style-type: none;
      padding: 0; }
  .content.wrapper article .product_container h3 {
    /*text-indent: 10px;*/
    color: #979173;
    margin-top: 3px; }
  .content.wrapper article .product_container .related.container {
    margin-top: 50px; }
    .content.wrapper article .product_container .related.container ul {
      list-style-type: none; }
      .content.wrapper article .product_container .related.container ul li {
        float: left; }
        .content.wrapper article .product_container .related.container ul li a {
          width: 120px;
          height: 120px;
          display: block;
          padding: 0 20px;
          overflow: hidden; }
          .content.wrapper article .product_container .related.container ul li a img {
            /*display: block;*/
            margin: 0 auto; }
  .content.wrapper article .product_container .image.product {
    width: 40%;
    float: left;
    /*            #main_image div:before {
                content: "";
                display: inline-block;
                height: 50%;
            }*/ }
    .content.wrapper article .product_container .image.product img {
      display: block;
      margin: 0px auto; }
    .content.wrapper article .product_container .image.product #main_image {
      height: 280px;
      width: 280px; }
      .content.wrapper article .product_container .image.product #main_image img {
        vertical-align: middle; }
      .content.wrapper article .product_container .image.product #main_image > div {
        height: 280px;
        width: 280px; }
    .content.wrapper article .product_container .image.product #preview_image {
      margin: 10px 10px 0 10px; }
      .content.wrapper article .product_container .image.product #preview_image .single.preview.image {
        float: left;
        width: 83px;
        height: 83px;
        cursor: pointer;
        margin-right: 4px;
        margin-bottom: 4px;
        border: 1px dotted #ada890; }
      .content.wrapper article .product_container .image.product #preview_image .single.preview.image:hover, .content.wrapper article .product_container .image.product #preview_image .single.preview.image.current {
        border: 1px solid #ada890; }
  .content.wrapper article .product_container .info {
    width: 60%;
    float: right;
    padding-left: 20px; }
    .content.wrapper article .product_container .info .icons img {
      margin-right: 10px;
      margin-bottom: 10px; }
  .content.wrapper article .product.details h1 {
    margin-bottom: 0; }
  .content.wrapper article .breadcrumbs {
    background-color: #ececeb;
    /*margin: -13px 0 0 0;*/
    height: 2.5em; }
    .content.wrapper article .breadcrumbs ul {
      margin: 0;
      padding-top: 6px;
      padding-left: 5px;
      float: none;
      list-style-type: none; }
      .content.wrapper article .breadcrumbs ul li {
        float: left;
        /*margin-right: 30px;*/ }
        .content.wrapper article .breadcrumbs ul li a {
          color: #393639;
          text-decoration: none;
          text-transform: uppercase; }
          .content.wrapper article .breadcrumbs ul li a:hover {
            color: #ada890; }
      .content.wrapper article .breadcrumbs ul li.icon:after {
        content: '\a0>\a0 '; }

.content.wrapper article {
  margin: 0;
  background-color: #ffffff;
  min-height: 800px; }
  .content.wrapper article .page.content.width-75 {
    width: 75%;
    float: right;
    padding: 0 20px 20px 20px;
    border-left: 1px dotted #ada890;
    min-height: 800px; }
    .content.wrapper article .page.content.width-75 .series.text {
      width: 65%;
      margin-bottom: 10px; }
      .content.wrapper article .page.content.width-75 .series.text ul {
        margin-top: 0;
        list-style-type: square; }
        .content.wrapper article .page.content.width-75 .series.text ul li {
          color: #393639;
          margin-top: 0; }
    .content.wrapper article .page.content.width-75 .series.icons {
      margin-bottom: 20px;
      width: 35%; }
  .content.wrapper article .page.custom.width-25 {
    width: 25%;
    float: left;
    padding: 0 20px;
    min-height: 800px; }
    .content.wrapper article .page.custom.width-25 .edge.left {
      float: left;
      left: -10px;
      border-left: 1px dotted #7d7b7b; }
    .content.wrapper article .page.custom.width-25 .edge.right {
      float: right;
      /*left: 10px;*/
      border-right: 1px dotted #7d7b7b; }
    .content.wrapper article .page.custom.width-25 .edge {
      border-top: 1px dotted #7d7b7b;
      width: 10px;
      height: 10px;
      position: relative;
      top: 10px; }
    .content.wrapper article .page.custom.width-25 input.right {
      float: right; }
    .content.wrapper article .page.custom.width-25 .series ul {
      list-style-type: none;
      padding-left: 10px; }
      .content.wrapper article .page.custom.width-25 .series ul li.active a {
        color: #393639;
        font-weight: 700; }
      .content.wrapper article .page.custom.width-25 .series ul li a {
        text-decoration: none; }
    .content.wrapper article .page.custom.width-25 input[type=submit], .content.wrapper article .page.custom.width-25 a.button {
      line-height: 12pt;
      min-width: 5em;
      width: 6.5em !important;
      /*IE8*/ }
    .content.wrapper article .page.custom.width-25 a.button {
      padding: 2px 8px; }
    .content.wrapper article .page.custom.width-25 input[type=submit] {
      padding: 2px 8px 2px 8px; }
      .content.wrapper article .page.custom.width-25 input[type=submit]::-moz-focus-inner {
        border: 0;
        padding: 0;
        margin: 0; }
  .content.wrapper article .page.content.width-100 {
    width: 100%;
    padding: 0 20px 20px 20px; }
  .content.wrapper article .page.content .column {
    float: left; }
  .content.wrapper article .page.content .column.width-33 {
    width: 33.33%;
    padding: 0 20px; }
  .content.wrapper article .page.content .column.width-50 {
    width: 50%; }
  .content.wrapper article .page.content .column.width-100 {
    width: 100%; }
  .content.wrapper article .page.content .inner {
    /*            margin-left: 20px;
            margin-right: 20px;*/ }
  .content.wrapper article .page.content .box.shadow {
    background-image: url("/images/default/bg_shadow_box.png");
    background-size: 100% 100%;
    height: 13px;
    width: 100%;
    background-repeat: no-repeat; }

dl.w5050 {
  width: 100%; }
  dl.w5050 dt {
    float: left;
    font-weight: 700;
    width: 50%;
    margin-bottom: 3px;
    color: #979173; }
  dl.w5050 dd {
    width: 50%;
    float: left;
    margin: 0;
    margin-bottom: 3px; }
    dl.w5050 dd ul {
      margin: 0 !important;
      list-style-type: square;
      list-style-position: outside;
      padding-left: 17px; }
      dl.w5050 dd ul li {
        margin: 0 !important; }
        dl.w5050 dd ul li a:before {
          content: '' !important; }
  dl.w5050 dd:after {
    content: '\A';
    white-space: pre; }

.category.teaser {
  padding: 0; }
  .category.teaser a {
    text-decoration: none; }
  .category.teaser .teaser.element.series {
    float: left !important;
    margin-right: 32px;
    width: 204px;
    height: 240px; }
    .category.teaser .teaser.element.series img {
      width: 200px; }
  .category.teaser .teaser.element {
    /*float: left;*/
    display: block;
    width: 254px;
    padding: 0 0 10px 0;
    margin: 20px 0;
    border: 2px solid white; }
    .category.teaser .teaser.element h4 {
      color: #ada890;
      text-align: center;
      font-weight: 400; }
    .category.teaser .teaser.element img {
      display: block;
      margin: 0 auto; }
  .category.teaser .teaser.element:hover {
    /*        background: $headline;
        background: -moz-linear-gradient(top, $headline 0%, $headline2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$headline), color-stop(100%,$headline2));
        background: -webkit-linear-gradient(top, $headline 0%,$headline2 100%);
        background: -o-linear-gradient(top, $headline 0%,$headline2 100%);
        background: -ms-linear-gradient(top, $headline 0%,$headline2 100%);
        background: linear-gradient(to bottom, $headline 0%,$headline2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$headline', endColorstr='$headline2',GradientType=0 );*/
    border-radius: 4px;
    /*        -webkit-box-shadow: 5px 5px 10px 3px $text;  WebKit
        -moz-box-shadow: 5px 5px 10px 3px $text;  Firefox
        box-shadow: 5px 5px 10px 3px $text;  Standard */
    border: 2px solid #ada890; }
    .category.teaser .teaser.element:hover h4 {
      color: #ada890; }

div.form {
  margin-bottom: 2em; }
  div.form label {
    font-weight: 700; }
  div.form table {
    border-collapse: collapse; }
    div.form table tr td {
      padding-bottom: 10px;
      padding-left: 5px; }

form.contact dd.no-br li {
  position: relative;
  bottom: 7px; }

form.contact select#country {
  width: 15.7em !important; }

/*
Produktsuche
*/
.search.results {
  width: 100%;
  min-height: 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

table.search_result {
  border-collapse: collapse;
  width: 100%; }
  table.search_result td:nth-child(2), table.search_result th:nth-child(2) {
    max-width: 200px; }
  table.search_result thead tr th {
    text-align: left !important;
    background-color: #ada890;
    color: white;
    height: 2em; }
  table.search_result tbody tr {
    border-bottom: 1px dotted #ada890; }
    table.search_result tbody tr td {
      height: 55px;
      padding: 3px 0; }
      table.search_result tbody tr td img {
        display: block;
        margin: 0 auto; }
      table.search_result tbody tr td a {
        text-decoration: none; }
        table.search_result tbody tr td a:before {
          content: '' !important; }
      table.search_result tbody tr td a.mail img, table.search_result tbody tr td a.inline img {
        display: inline; }
    table.search_result tbody tr td.padding {
      padding: 0 5px; }
    table.search_result tbody tr td.white {
      background-color: white; }

table.search_result.highlight tbody tr {
  cursor: pointer; }
  table.search_result.highlight tbody tr:hover {
    background-color: #ececeb; }

.cm_product_search.standard select,
.cm_form.standard select,
.cm_partner_search.standard select {
  width: 15em !important;
  margin-bottom: 10px;
  height: 1.8em; }

.cm_product_search.standard input[type=text], .cm_product_search.standard input[type=password],
.cm_form.standard input[type=text],
.cm_form.standard input[type=password],
.cm_partner_search.standard input[type=text],
.cm_partner_search.standard input[type=password] {
  width: 200px;
  height: 1.8em;
  margin-bottom: 10px; }

.cm_product_search.standard dt, .cm_product_search.standard dd,
.cm_form.standard dt,
.cm_form.standard dd,
.cm_partner_search.standard dt,
.cm_partner_search.standard dd {
  margin: 0;
  padding: 0; }

.cm_product_search.standard label,
.cm_form.standard label,
.cm_partner_search.standard label {
  top: 4px; }

.cm_product_search.standard ul.register,
.cm_form.standard ul.register,
.cm_partner_search.standard ul.register {
  list-style-type: none;
  list-style-position: inside;
  padding-left: 20px; }

.cm_product_search.standard li,
.cm_form.standard li,
.cm_partner_search.standard li {
  margin-bottom: 5px; }

.cm_elem.startseite.column h3 {
  text-transform: uppercase; }

.cm_elem.startseite.column .inner {
  background-color: #ada890;
  padding: 15px 10px 10px 10px;
  margin: 0 !important;
  height: 160px;
  width: 280px;
  overflow: hidden; }
  .cm_elem.startseite.column .inner input[type=text], .cm_elem.startseite.column .inner select {
    width: 100%;
    height: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    border: 0;
    color: #7d7b7b; }
  .cm_elem.startseite.column .inner input[type=submit], .cm_elem.startseite.column .inner input[type=button] {
    border-top: 1px dotted white;
    border-left: 1px dotted white;
    border-bottom: 1px dotted white;
    font-weight: 400;
    height: 1.5em;
    cursor: pointer;
    padding: 0 5px !important;
    position: relative;
    left: 12px; }
    .cm_elem.startseite.column .inner input[type=submit]:hover, .cm_elem.startseite.column .inner input[type=button]:hover {
      color: #c3bcb4; }
  .cm_elem.startseite.column .inner input[type=submit] {
    float: right; }
  .cm_elem.startseite.column .inner a, .cm_elem.startseite.column .inner p, .cm_elem.startseite.column .inner h2, .cm_elem.startseite.column .inner h3, .cm_elem.startseite.column .inner h4, .cm_elem.startseite.column .inner span {
    color: white; }
  .cm_elem.startseite.column .inner a:hover {
    color: #393639; }
  .cm_elem.startseite.column .inner .text p {
    margin-top: 0; }
  .cm_elem.startseite.column .inner .labelinside label {
    font-weight: 400; }

.cm_editor.startseite {
  background-color: none !important; }
  .cm_editor.startseite .inner {
    margin: 0 20px; }
    .cm_editor.startseite .inner strong {
      color: #979173; }

.cm_news_teaser.startseite {
  margin: 10px 20px; }
  .cm_news_teaser.startseite h3 {
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ada890; }
  .cm_news_teaser.startseite .item {
    width: 50%;
    padding-left: 30px;
    padding-right: 20px;
    float: left; }
    .cm_news_teaser.startseite .item h4 {
      margin-bottom: 5px; }
      .cm_news_teaser.startseite .item h4 a {
        color: #979173 !important;
        text-transform: none;
        text-decoration: none; }
  .cm_news_teaser.startseite .item.first {
    border-right: 1px dotted #ada890; }

.cm_link.startseite {
  padding: 0 20px; }
  .cm_link.startseite .inner {
    padding: 0 !important; }
    .cm_link.startseite .inner a {
      text-decoration: none; }
    .cm_link.startseite .inner h4 {
      position: relative;
      bottom: 38px;
      background-color: #ada890;
      opacity: 0.7;
      font-size: 12pt;
      margin: 0;
      padding: 8px 5px;
      text-align: center;
      text-decoration: none; }

.page.custom .cm_elem.standard {
  border-bottom: 4px solid #ada890; }

.page.custom .cm_elem.standard:last-child {
  border-bottom: 0px !important; }

.page.custom .cm_elem.standard {
  padding: 0 0 30px 10px; }

.cm_elem.cm_image_text .image {
  float: left;
  margin: 0 10px 10px 0; }

.cm_elem.cm_image_text .text {
  float: right;
  width: 63%; }

.width-25 .cm_news_teaser h2 span.arrow {
  display: inline !important;
  float: right;
  margin-right: 10px; }

.cm_news_teaser .teaser a {
  text-decoration: none !important; }

.cm_news_teaser .teaser .release.date {
  background-color: #ada890;
  color: white;
  padding: 2px 0 2px 10px; }
  .cm_news_teaser .teaser .release.date span.arrow {
    float: right;
    margin-right: 10px; }

.cm_news_teaser .teaser h2 {
  margin: 0 0 10px 0;
  padding: 2px 0 2px 10px;
  font-size: 11pt;
  color: #393639;
  background-color: #c3bcb4; }
  .cm_news_teaser .teaser h2 span.arrow {
    display: none; }

.cm_news_teaser .teaser .image {
  margin-top: 10px;
  float: left;
  margin-left: 10px; }

.cm_news_teaser .teaser .text {
  float: left;
  margin: 10px 10px; }
  .cm_news_teaser .teaser .text p {
    text-transform: none;
    margin-top: 0;
    font-weight: 400; }
  .cm_news_teaser .teaser .text a {
    text-decoration: underline !important;
    color: #393639; }
  .cm_news_teaser .teaser .text a:hover {
    color: #ada890; }

.cm_news_teaser .teaser.custom h2 {
  margin: 0;
  padding: 2px 0 2px 10px;
  font-size: 9pt;
  color: white;
  letter-spacing: +1px;
  background-color: #ada890 !important; }

.cm_news_teaser .teaser.custom .text {
  float: left;
  margin: 0;
  padding: 5px 10px;
  background-color: #c3bcb4; }
  .cm_news_teaser .teaser.custom .text p {
    color: #ada890 !important; }
  .cm_news_teaser .teaser.custom .text a {
    color: #393639; }
  .cm_news_teaser .teaser.custom .text a:hover {
    color: #ada890; }

.cm_inf.cm_elem .image {
  margin-top: 20px; }

.cm_inf.cm_elem .release.date {
  background-color: #ada890;
  color: white;
  padding: 2px 0 2px 10px;
  text-decoration: none;
  margin-top: 20px; }

.cm_inf.cm_elem .cm_elem .inner h2 {
  margin: 0 0 10px 0;
  padding: 2px 0 2px 10px;
  font-size: 10pt;
  color: #393639;
  background-color: #c3bcb4; }

.cm_inf.cm_elem .cm_elem .inner .text {
  float: left;
  margin: 10px 0px; }
  .cm_inf.cm_elem .cm_elem .inner .text p {
    text-transform: none;
    margin-top: 0;
    font-weight: 400; }
  .cm_inf.cm_elem .cm_elem .inner .text a {
    color: #393639; }
  .cm_inf.cm_elem .cm_elem .inner .text a:hover {
    color: #ada890; }

section#alertify-logs article {
  background-color: #ada890;
  color: white;
  font-size: 11pt; }

.cm_gallery .ad-gallery ul.ad-thumb-list {
  list-style-type: none;
  padding: 0; }
  .cm_gallery .ad-gallery ul.ad-thumb-list li {
    float: left; }

.cm_gallery .ad-gallery .ad-controls {
  height: 30px; }
  .cm_gallery .ad-gallery .ad-controls ul {
    width: 100%; }

.cm_gallery .ad-gallery .ad-nav a.ad-active {
  border: 2px solid #ada890; }

.cm_gallery .ad-gallery .ad-nav .ad-back {
  background-color: #ada890;
  height: 100%; }
  .cm_gallery .ad-gallery .ad-nav .ad-back:after {
    content: '<'; }

.cm_gallery .ad-gallery .ad-nav .ad-forward {
  background-color: #ada890;
  height: 100%; }
  .cm_gallery .ad-gallery .ad-nav .ad-forward:after {
    content: '>'; }

.page.content .structure.overview {
  background-color: #ada890;
  margin-bottom: 15px; }
  .page.content .structure.overview ul {
    list-style-type: none;
    padding-left: 10px;
    margin: 0; }
    .page.content .structure.overview ul li {
      float: left;
      margin-right: 20px; }
      .page.content .structure.overview ul li a {
        color: white;
        text-decoration: none; }
        .page.content .structure.overview ul li a:hover {
          color: #979173; }
        .page.content .structure.overview ul li a a:before {
          content: ''; }
      .page.content .structure.overview ul li.active a {
        color: #393639;
        font-weight: 700; }

.contentbox .result .link {
  color: #c3bcb4; }

.fancybox-wrap {
  background-color: white; }
  .fancybox-wrap #image_fancybox {
    background-color: white; }
    .fancybox-wrap #image_fancybox img {
      display: block;
      margin: 0 auto; }

.bildunterschrift {
  text-align: center;
  font-size: 9pt; }

.page.menu {
  margin-top: 101px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .page.menu ul {
    margin: 0;
    height: 19px;
    padding: 10px 0 9px 0px;
    /*margin-left: 30px;;*/
    list-style-type: none;
    list-style-position: outside;
    background-color: #ffffff;
    /*display: table;*/ }
    .page.menu ul li {
      float: left;
      /*padding-right: 30px;*/
      width: calc(100%/6);
      text-align: center;
      /*text-align: center;*/ }
      .page.menu ul li a {
        position: relative;
        bottom: 1px;
        padding: 4px 10px 4px 10px;
        color: #393639;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14pt;
        /*border-bottom: 5px solid $headline;*/ }
        .page.menu ul li a span.number {
          color: #393639; }
        .page.menu ul li a span.number:after {
          content: "\a0\a0 "; }
      .page.menu ul li a:hover {
        background-color: #ada890;
        padding: 4px 10px 1px 10px;
        color: white;
        /*border-bottom: 6px solid $menu_bg;*/ }
        .page.menu ul li a:hover span.label, .page.menu ul li a:hover span.arrow {
          color: white; }
  .page.menu ul.menu > li > a > span.arrow {
    position: relative;
    bottom: 3px;
    font-size: 1em;
    margin-left: 10px;
    line-height: 10px; }

ul.menu > li {
  border-bottom: 4px solid #ada890;
  /*     &:hover {
         border-bottom: $border_height solid $headline2;
     }*/ }
  ul.menu > li.active {
    border-bottom: 4px solid #393639; }

ul.menu {
  z-index: 2; }
  ul.menu ul.level_2 {
    min-width: 200px;
    margin-left: -1px;
    position: absolute;
    opacity: 1.0;
    display: none;
    margin-top: 4px !important;
    border-left: 1px solid #ada890;
    border-bottom: 1px solid #ada890;
    border-right: 1px solid #ada890;
    height: auto;
    z-index: 2;
    padding: 0 !important; }
    ul.menu ul.level_2 li {
      z-index: 4;
      background-color: white;
      /*padding: 5px 5px !important;*/
      /*height: 30px;*/
      min-width: 130px;
      /*border-bottom: 1px solid $headline;*/
      margin-right: 0 !important;
      width: 12em;
      padding-right: 0;
      float: none;
      text-align: left; }
      ul.menu ul.level_2 li a {
        padding: 4px 10px 6px 10px;
        display: block;
        font-size: 1.1em;
        border: 0; }
        ul.menu ul.level_2 li a span {
          font-size: 14px !important; }
      ul.menu ul.level_2 li a:hover {
        background-color: #ffffff;
        padding: 4px 10px 6px;
        color: #979173;
        border: 0; }
        ul.menu ul.level_2 li a:hover span {
          color: #ada890 !important; }
  ul.menu li.active > a > span, ul.menu li.current > a > span {
    color: #393639; }

.page.menu.use_hover ul.menu li:hover ul.level_2 {
  display: block !important; }

.page.menu > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column; }
  .page.menu > ul > li {
    flex: 0 0 100%;
    width: auto;
    box-sizing: border-box; }
    .page.menu > ul > li > a {
      display: block;
      box-sizing: border-box;
      padding: 2px 10px 2px 10px;
      bottom: 0; }
      .page.menu > ul > li > a:HOVER {
        padding: 2px 10px 2px 10px; }

.page.menu .highlight-black-gold {
  background-color: #000;
  color: #b99c52; }
  .page.menu .highlight-black-gold > a {
    color: inherit; }

.jcarousel-wrapper {
  margin: 0;
  width: 640px; }
  .jcarousel-wrapper .jcarousel {
    position: relative;
    overflow: hidden;
    width: 600px;
    margin: 0 auto; }
    .jcarousel-wrapper .jcarousel ul {
      width: 20000em;
      position: relative;
      /* Optional, required in this case since it's a <ul> element */
      list-style: none;
      margin: 0;
      padding: 0; }
      .jcarousel-wrapper .jcarousel ul li {
        /* Required only for block elements like <li>'s */
        float: left;
        width: 120px;
        margin: 0;
        border-top: 1px dotted #ada890;
        border-right: 1px dotted #ada890;
        border-bottom: 1px dotted #ada890;
        /*                a:hover {
                    background-color: $headline2;
                }*/
        /*padding: 0 10px;*/ }
      .jcarousel-wrapper .jcarousel ul li:first-child {
        border-left: 1px dotted #ada890; }
  .jcarousel-wrapper a.jcarousel_control {
    width: 20px;
    height: 122px;
    display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #c3bcb4;
    text-decoration: none;
    color: white; }
    .jcarousel-wrapper a.jcarousel_control span {
      position: relative;
      top: 40px;
      font-size: 20pt;
      font-weight: 700; }
  .jcarousel-wrapper a.next {
    float: right; }
  .jcarousel-wrapper a.prev {
    float: left; }

/**
Mobiles, Responsive Carousel
*/
.jcarousel-wrapper-mobile {
  margin: 20px auto;
  position: relative; }
  .jcarousel-wrapper-mobile .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .jcarousel-wrapper-mobile .jcarousel ul {
      width: 20000em;
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0; }
      .jcarousel-wrapper-mobile .jcarousel ul li {
        padding: 0 3rem;
        width: 50rem;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .jcarousel-wrapper-mobile .jcarousel img {
      display: block;
      max-width: 100%;
      height: auto !important; }
  .jcarousel-wrapper-mobile .jcarousel_control {
    position: absolute;
    /*margin-top: -15px;-*/
    /*        -webkit-transform: translate(0, 50%);
        -moz-transform: translate(0, 50%);*/
    /*transform: translate(0, 50%);*/
    width: 2rem;
    height: 100%;
    /*top: 50%;*/
    text-align: center;
    z-index: 10;
    background-size: 2rem 50%;
    background-position: center center;
    background-repeat: no-repeat; }
  .jcarousel-wrapper-mobile .jcarousel_control.prev {
    background-image: url("/images/default/arrow.png");
    /*left: 1.2rem;*/ }
  .jcarousel-wrapper-mobile .jcarousel_control.next {
    /*right: -1rem;*/
    right: 0;
    background-image: url("/images/default/arrow_right.png");
    /*        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);*/ }

/** Stage container **/
.connected-carousels ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }
  .connected-carousels ul li {
    float: left; }

.connected-carousels .stage {
  width: 720px;
  margin: 0 auto;
  position: relative; }
  .connected-carousels .stage .carousel-stage {
    height: 400px; }
  .connected-carousels .stage .carousel {
    overflow: hidden;
    position: relative; }
  .connected-carousels .stage .next-stage, .connected-carousels .stage .prev-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 305px;
    height: 410px;
    color: #fff; }
    .connected-carousels .stage .next-stage.inactive, .connected-carousels .stage .prev-stage.inactive {
      display: none; }
    .connected-carousels .stage .next-stage:hover span, .connected-carousels .stage .prev-stage:hover span {
      display: block; }
    .connected-carousels .stage .next-stage span, .connected-carousels .stage .prev-stage span {
      display: none;
      position: absolute;
      top: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      color: #fff;
      text-decoration: none;
      font-size: 20pt;
      font-weight: 700; }
  .connected-carousels .stage .prev-stage {
    left: 0; }
    .connected-carousels .stage .prev-stage span {
      left: 20px; }
  .connected-carousels .stage .next-stage {
    right: 0; }
    .connected-carousels .stage .next-stage span {
      right: 20px; }

.connected-carousels .navigation {
  width: 630px;
  margin: 20px auto;
  position: relative; }
  .connected-carousels .navigation .carousel-navigation {
    height: 100px;
    width: 630px;
    background: #fff;
    overflow: hidden; }
    .connected-carousels .navigation .carousel-navigation li {
      margin: 0;
      cursor: pointer; }
      .connected-carousels .navigation .carousel-navigation li img {
        display: block;
        border: 3px solid #fff; }
      .connected-carousels .navigation .carousel-navigation li.active img {
        border-color: #979173; }
      .connected-carousels .navigation .carousel-navigation li:hover img {
        border-color: #c3bcb4; }
  .connected-carousels .navigation .prev-navigation,
  .connected-carousels .navigation .next-navigation {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    background: #c3bcb4;
    color: #fff;
    text-decoration: none;
    font-size: 20pt;
    font-weight: 700; }
    .connected-carousels .navigation .prev-navigation.inactive,
    .connected-carousels .navigation .next-navigation.inactive {
      opacity: .5;
      cursor: default; }
  .connected-carousels .navigation .prev-navigation {
    left: -20px;
    /*top: 22px;*/
    text-indent: 3px;
    padding-top: 30px; }
  .connected-carousels .navigation .next-navigation {
    right: -20px;
    /*top: 22px;*/
    text-indent: 3px;
    padding-top: 30px; }

/*# sourceMappingURL=bravat.css.map */