* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: #f7f4e9;
  font-family: Belleza, sans-serif;
  font-size: 100%;
  color: #625147;
  width: 100%;
  height: 100%; }

#site-title, .meta-prep, .meta-sep, .author, .entry-summary p a, .widget_search, .skip-link, .entry-utility, .post-edit-link, .screen-reader-text, .mobile, .fancybox-title {
  display: none; }

.row {
  width: 100%;
  margin: 0px auto;
  overflow: hidden; }

.container {
  width: 975px;
  margin: 0px auto;
  /*all*/ }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

#main ul li {
  padding-left: 15px; }

#main p {
  margin: 10px auto; }

h1, h2, h3, h4, h5, .head1, .head2, .head3, .head4 {
  font-family: Belleza, sans-serif;
  margin: 0; }

h1, .head1 {
  font-size: 18px;
  color: #35190b;
  font-weight: 400;
  padding: 0; }

h2, .head2 {
  font-size: 14px;
  color: #746760;
  font-weight: 400;
  line-height: 18px;
  padding: 0 0 10px; }

h3, .head3 {
  font-size: 13px;
  color: #746760;
  font-weight: 700;
  padding: 0 0 5px; }

h4, .head4 {
  font-size: 13px;
  color: #746760;
  font-weight: 400;
  padding: 0 0 5px; }

a:visited {
  color: #321006; }

a img, a:hover img, a:visited img, a:active img, a:focus img {
  border: none; }

ol ol, ol ol ol, ol ol ol ol, ul ul, ul ul ul, ul ul ul ul {
  padding: 0 0 5px; }

p, td {
  font-size: 13px;
  color: #625147;
  line-height: 18px;
  text-align: justify;
  padding: 0 0 10px; }

.fatP {
  font-size: 13px;
  color: #625147;
  line-height: 18px;
  font-weight: 700;
  padding: 0 0 10px; }

.smallP {
  font-size: 12px;
  line-height: 16px; }

a {
  color: #271206;
  text-decoration: underline; }

a:hover, a:active, a:focus {
  color: #000;
  text-decoration: underline; }

p a, li {
  font-size: 13px; }

.smallP a {
  font-size: 12px; }

strong, b, .fat {
  font-weight: 700; }

em, i, .ita {
  font-style: italic; }

ol {
  background-color: transparent;
  padding: 0 0 10px; }

ul {
  background-color: transparent;
  margin: 0;
  padding: 0 0 10px; }

#content li {
  margin: 0 0 5px 20px;
  padding: 0; }

#content li ul {
  padding-top: 5px; }

table.contenttable tbody tr:hover {
  background-color: #350404; }

table.contenttable th, table.contenttable td {
  vertical-align: top;
  text-align: left;
  padding: 2px; }

#header-box-wrapper {
  position: absolute;
  top: -517px;
  width: 100%;
  /*framework*/ }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
  text-align: left; }

.col-md-12 {
  width: 100%; }

.col-md-11 {
  width: 91.66667%; }

.col-md-10 {
  width: 83.33333%; }

.col-md-9 {
  width: 75%; }

.col-md-8 {
  width: 66.66667%; }

.col-md-7 {
  width: 58.33333%; }

.col-md-6 {
  width: 50%; }

.col-md-5 {
  width: 41.66667%; }

.col-md-4 {
  width: 33.33333%; }

.col-md-3 {
  width: 25%; }

.col-md-2 {
  width: 16.66667%; }

.col-md-1 {
  width: 8.33333%; }

.fleft {
  float: left; }

.fright {
  float: right; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.upper {
  text-transform: uppercase; }

.clear {
  clear: both;
  display: block;
  height: 1px; }

.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px; }

.alignright, img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px; }

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 12px;
  /*gallery*/ }

.gallery {
  margin: 0 auto 18px;
  margin-top: 20px; }

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 31%;
  margin-right: 13px; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto; }

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto; }

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px; }

.gallery dl {
  margin: 0; }

.gallery br + br {
  display: none; }

#content .attachment img {
  display: block;
  margin: 0 auto;
  /*header*/ }

.row-header {
  width: 100%;
  height: 147px;
  background: url('images/kopf_hg_header.jpg') no-repeat top center;
  text-align: center; }
  .row-header .container {
    position: relative; }
  .row-header .toplogo {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px; }
  .row-header .menu {
    position: absolute;
    top: 48px;
    right: 10px;
    width: 100%;
    text-align: right; }
    .row-header .menu ul.menu li {
      display: inline-block;
      position: relative;
      margin: 0 0 0 20px;
      padding: 12px 0 0;
      right: 0px; }
      .row-header .menu ul.menu li a {
        text-decoration: none;
        font-size: 14px;
        color: #b8b9b6;
        font-weight: 400; }
        .row-header .menu ul.menu li a:hover {
          color: #acacac !important; }
      .row-header .menu ul.menu li.current-menu-item, .row-header .menu ul.menu li:hover {
        background: url('images/hauptnav_icon_juwel.png') no-repeat center top; }
      .row-header .menu ul.menu li.current-menu-item a, .row-header .menu ul.menu li:hover a {
        color: #bca86c !important; }
      .row-header .menu ul.menu li:hover ul {
        display: block; }
      .row-header .menu ul.menu li ul {
        display: none;
        position: absolute;
        top: 25px;
        left: 0px;
        width: 400px; }
        .row-header .menu ul.menu li ul li {
          float: none;
          text-align: left; }
          .row-header .menu ul.menu li ul li a {
            text-align: left; }
  .row-header .search {
    position: absolute;
    right: 20px;
    top: 60px; }
    .row-header .search input[type="text"] {
      position: relative;
      vertical-align: top;
      height: 16px;
      width: 180px;
      border: 1px solid #594a3d;
      background-color: #382d25;
      color: #8d7e75;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 400;
      /*margin: 0 5px 0 0;*/
      font-size: 12px;
      padding: 2px;
      height: 22px; }
    .row-header .search input[type="submit"] {
      position: relative;
      vertical-align: top;
      height: 22px;
      border: 1px solid #594a3d;
      background-color: #40352c;
      color: #8d7e75;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 12px;
      padding: 1px 3px; }

.row-slider {
  background: url('images/kopf_hg_galerie.jpg') repeat-x; }
  .row-slider .container {
    position: relative; }
    .row-slider .container .slider {
      height: 331px;
      overflow: hidden; }
    .row-slider .container #stage-nav-wrapper {
      position: absolute;
      background: url('images/kopf_spezial_hg.png') no-repeat center center;
      width: 100%;
      bottom: 3px;
      height: 69px;
      z-index: 1000; }
      .row-slider .container #stage-nav-wrapper ul li {
        float: left;
        width: 325px; }
        .row-slider .container #stage-nav-wrapper ul li a {
          display: block;
          width: 279px;
          text-decoration: none;
          font-size: 10px;
          color: #f7f4e9;
          font-weight: 400;
          padding: 18px 24px 15px;
          padding-right: 10px; }
          .row-slider .container #stage-nav-wrapper ul li a strong {
            display: block;
            font-size: 18px;
            color: #bca86c;
            font-weight: 400; }

.row-breadcrumbs {
  background: url('images/breadcrumb_hg.png') repeat-x top left;
  height: 42px;
  line-height: 39px;
  position: relative;
  top: -5px;
  z-index: 1000;
  font-size: 11px; }
  .row-breadcrumbs .container {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #563320;
    padding: 0px 20px; }
    .row-breadcrumbs .container #breadcrumbs {
      list-style: none;
      overflow: hidden;
      font-size: 11px; }
      .row-breadcrumbs .container #breadcrumbs .item-home {
        background: url(images/breadcrumb_icon_juwel.png) no-repeat left center;
        padding-left: 25px; }
      .row-breadcrumbs .container #breadcrumbs li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        font-size: 11px; }
      .row-breadcrumbs .container #breadcrumbs strong {
        text-decoration: underline;
        font-weight: normal; }

.row-main .container {
  background-color: #f7f4e9;
  color: #625147;
  padding: 10px 0px 10px 20px; }
  .row-main .container .home-div {
    width: 315px;
    height: 220px;
    float: left;
    margin-right: 3px;
    margin-bottom: 10px;
    margin-top: 10px; }
    .row-main .container .home-div p {
      margin-top: 20px;
      padding: 5px;
      text-align: center; }
    .row-main .container .home-div h2 {
      margin-top: 20px;
      padding: 5px;
      text-align: center;
      font-size: 18px;
      color: #35190b;
      font-weight: 400; }
    .row-main .container .home-div a {
      color: #bca86c; }
  .row-main .container .start-text {
    margin: 0 auto; }
  .row-main .container .kategorie-ubersicht {
    overflow: hidden; }
    .row-main .container .kategorie-ubersicht .kategorie {
      display: inline-block;
      width: 120px;
      height: 120px;
      margin-right: 6px;
      margin-bottom: 6px; }
    .row-main .container .kategorie-ubersicht .kategorie a {
      display: block; }
      .row-main .container .kategorie-ubersicht .kategorie a img {
        width: 100%;
        height: auto; }
  .row-main .container .produkte-ubersicht {
    overflow: hidden; }
    .row-main .container .produkte-ubersicht .produkte {
      display: inline-block;
      background: #56453e;
      width: 287px;
      height: 418px;
      margin-right: 47px;
      margin-bottom: 30px;
      vertical-align: top; }
    .row-main .container .produkte-ubersicht .produkte .none {
      display: none; }
    .row-main .container .produkte-ubersicht .produkte figure {
      height: 233px; }
      .row-main .container .produkte-ubersicht .produkte figure a {
        display: block;
        position: relative;
        text-align: center;
        background: #fff; }
        .row-main .container .produkte-ubersicht .produkte figure a img {
          margin: 0px auto;
          margin-top: 5px; }
        .row-main .container .produkte-ubersicht .produkte figure a:before {
          content: ' ';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: url('images/produkthover.png') no-repeat top right; }
    .row-main .container .produkte-ubersicht .produkte .produkteinhalt {
      padding: 20px; }
      .row-main .container .produkte-ubersicht .produkte .produkteinhalt, .row-main .container .produkte-ubersicht .produkte .produkteinhalt a {
        color: #fff;
        text-decoration: none; }
      .row-main .container .produkte-ubersicht .produkte .produkteinhalt ul {
        margin-top: 10px; }
        .row-main .container .produkte-ubersicht .produkte .produkteinhalt ul li {
          margin-left: 20px;
          list-style-type: disc;
          line-height: 17px; }
    .row-main .container .produkte-ubersicht .linkprodukt .inside {
      margin: 40px;
      height: 338px;
      padding: 30px;
      border-top: solid 1px #927f5f;
      border-bottom: solid 1px #927f5f;
      text-align: center; }
      .row-main .container .produkte-ubersicht .linkprodukt .inside h2 {
        font-size: 21px;
        line-height: 25px;
        color: #fff;
        margin-top: 15px;
        margin-bottom: 63px; }
      .row-main .container .produkte-ubersicht .linkprodukt .inside a.textlink {
        display: block;
        font-size: 13px;
        line-height: 18px;
        color: #927f5f;
        text-decoration: underline; }
      .row-main .container .produkte-ubersicht .linkprodukt .inside a.arrowlink {
        display: block;
        width: 100%;
        height: 10px;
        background: url('images/arrow.png') no-repeat center center;
        margin-top: 40px; }
  .row-main .container .pagenav {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0px; }
    .row-main .container .pagenav li {
      list-style-type: none; }
    .row-main .container .pagenav li ul li {
      padding-left: 10px; }
      .row-main .container .pagenav li ul li ul {
        display: none; }
  .row-main #main-content {
    float: left;
    width: 610px;
    padding: 0 20px 0 0px; }
  .row-main #side-content {
    float: left;
    width: 305px;
    padding: 0 0 0 10px;
    padding-bottom: 20px; }
  .row-main #side-content #map {
    background: #e0e0e0; }
  .row-main .wpcf7-form {
    margin-bottom: 20px; }
  .row-main .wpcf7-form p {
    margin-bottom: 5px;
    padding: 0px; }
  .row-main .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    overflow: hidden;
    padding: 0px; }
  .row-main .wpcf7-form label {
    display: block;
    float: left;
    width: 100px; }
  .row-main .wpcf7-form input[type="text"], .row-main .wpcf7-form input[type="email"], .row-main .wpcf7-form textarea {
    width: 304px;
    float: left; }
  .row-main .wpcf7-form textarea {
    height: 35px; }
  .row-main .wpcf7-form input[type="submit"] {
    margin-left: 100px;
    background-color: transparent;
    border: 1px solid #ccc;
    color: #625147;
    cursor: pointer;
    font-weight: 700;
    width: auto;
    padding: 3px; }

.home h1 {
  display: none; }

.mlab-modal-body {
  overflow: hidden; }

.mlab-modal-header, .mlab-modal-body, .mlab-modal-content, .mlab-modal-footer {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important; }

.row-footer {
  width: 100%;
  background-image: url(images/footer_bg_kachel.png);
  background-repeat: repeat-x;
  background-color: #d5cfb7;
  color: #b8b9b6; }
  .row-footer * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial; }
  .row-footer .container {
    background: url(images/fussleiste_hg.jpg) no-repeat left top;
    /*width: 935px;*/
    position: relative;
    color: #563320;
    font-size: 11px;
    line-height: inherit;
    margin: 0 auto;
    padding: 0 20px 20px;
    padding: 0px; }
  .row-footer .container #footer-nav {
    float: right;
    width: 79px;
    margin-top: 43px;
    margin-right: 20px; }
  .row-footer .container #footer-brands {
    float: right;
    width: 360px;
    margin-top: 43px;
    padding-right: 50px; }
  .row-footer .container #footer-info2 {
    float: right;
    width: 173px;
    margin-top: 43px;
    padding-right: 50px; }
  .row-footer .container #footer-info1 {
    float: right;
    width: 223px; }
  .row-footer .container #footer-last-line {
    clear: both;
    padding-top: 20px; }
    .row-footer .container #footer-last-line p, .row-footer .container #footer-last-line a {
      font-size: 11px;
      color: #bca86c; }
  .row-footer .container .fatP {
    font-weight: 700; }
  .row-footer .container p {
    color: #563320;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding: 0 0 5px; }
  .row-footer .container a {
    text-decoration: none; }
  .row-footer .container address {
    font-style: normal; }
  .row-footer .container address span.name {
    display: block;
    height: 29px;
    font-size: 13px;
    padding: 14px 0 0 30px; }
  .row-footer .container p {
    text-align: justify;
    padding: 0 0 5px; }
  .row-footer .container #footer-last-line {
    clear: both;
    padding-top: 20px; }
  .row-footer .container #footer-last-line a:hover {
    color: #bca86c; }
  .row-footer .container .pagenav {
    list-style-type: none; }
    .row-footer .container .pagenav li {
      list-style-type: none;
      float: left;
      display: block;
      font-size: 11px;
      margin-right: 5px;
      padding-right: 5px;
      border-right: solid 1px #321006; }
    .row-footer .container .pagenav li ul {
      display: none; }

@media only screen and (max-width: 975px) {
  .desktop {
    display: none; }

  .mobile {
    display: block; }

  .container {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto;
    margin-left: auto;
    width: auto; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, #main-content, #side-content {
    float: none !important;
    width: 100% !important; }

  .alignleft, img.alignleft, .alignright, img.alignright {
    display: block;
    float: none; }

  .row-slider .container {
    padding: 0px !important; }
    .row-slider .container embed {
      width: 100% !important;
      display: none; }
    .row-slider .container #stage-nav-wrapper {
      display: block;
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      height: auto;
      background: #332927; }
      .row-slider .container #stage-nav-wrapper ul li {
        float: none;
        width: 100%; }
        .row-slider .container #stage-nav-wrapper ul li a {
          padding: 10px 15px;
          width: auto;
          border-bottom: solid 1px #d9c78a; }
        .row-slider .container #stage-nav-wrapper ul li:last-child a {
          border-bottom: none; }
    .row-slider .container .slider {
      height: auto; }
      .row-slider .container .slider img {
        width: 100%;
        height: auot; }
    .row-slider .container img {
      width: 100%;
      height: auto; }

  .row-main .container #home-wrapper .home-div {
    width: 32%;
    height: auto; }
    .row-main .container #home-wrapper .home-div img {
      width: 100%;
      height: auto; }
    .row-main .container #home-wrapper hr {
      display: none; }

  .row-footer .container {
    background: none; }
    .row-footer .container #footer-nav, .row-footer .container #footer-brands, .row-footer .container #footer-info2, .row-footer .container #footer-info1 {
      float: none;
      width: auto;
      padding-right: 0px; }
    .row-footer .container #footer-nav, .row-footer .container #footer-brands {
      margin-top: 20px; }
    .row-footer .container address span.name {
      padding: 0px;
      padding-top: 20px; } }

@media only screen and (max-width: 500px) {
  .row-header {
    height: auto;
    background: #302624; }
    .row-header .menu, .row-header .toplogo {
      position: relative;
      top: 0;
      left: 0;
      right: auto; }
      .row-header .menu ul.menu li, .row-header .toplogo ul.menu li {
        margin-left: 8px;
        margin-bottom: 10px; }
    .row-header .search input[type="text"] {
      width: 70px; }

  .row-main .container #home-wrapper .home-div {
    width: 100%; }
    .row-main .container #home-wrapper .home-div img {
      width: 100%;
      height: auto; }

  .row-main .wpcf7-form label {
    display: block;
    width: auto;
    float: none; }
    .row-main .wpcf7-form input[type="text"], .row-main .wpcf7-form input[type="email"], .row-main .wpcf7-form textarea {
      width: 100% !important; } }