/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 16.12.2013, 16:47:50
    Author     : Michael Schumacher
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10.12.2013, 12:23:05
    Author     : Michael Schumacher
*/
/* line 17, ../sass/dropnav.scss */
.nav-holder {
  background: #e30613;
  width: 100%;
}

/* line 22, ../sass/dropnav.scss */
.nav-container .eight.columns.centered {
  z-index: 101;
}

/* line 27, ../sass/dropnav.scss */
.nav-container,
.nav-container-sticky {
  width: 100%;
  /*z-index: 200;*/
  background: #e30613;
}
/* line 32, ../sass/dropnav.scss */
.nav-container > .goldline,
.nav-container-sticky > .goldline {
  height: 2px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #000; 
}

/* line 45, ../sass/dropnav.scss */
#nav {
  width: 95%;
  /* 1000 */
  font-weight: 400;
  text-align: center;
  z-index: 101;
  /*position: absolute;*/
  /*margin-top: 86px;*/
}

/* line 56, ../sass/dropnav.scss */
#nav > a {
  display: none;
}

/* line 61, ../sass/dropnav.scss */
#nav li {
  position: relative;
  padding-bottom: 0;
}

/* line 66, ../sass/dropnav.scss */
#nav li a {
  color: #fff;
  display: block;
}

/* line 71, ../sass/dropnav.scss */
#nav li a:active {
  /*background-color: #fff !important;*/
}

/* line 76, ../sass/dropnav.scss */
#nav span:after {
  width: 0;
  height: 0;
  border: 0.313em solid transparent;
  /* 5 */
  border-bottom: none;
  border-top-color: #e30613;
  content: '';
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em;
  /* 5 */
}

/* first level */
/* line 92, ../sass/dropnav.scss */
#nav > ul {
  height: 1.75em;
  /* 60 */
  background-color: #e30613;
  margin-bottom: 0;
  display: inline-block;
  margin-top: 7px;
  margin-bottom: 5px;
}

/* line 101, ../sass/dropnav.scss */
#nav > ul > li {
  /*width: 25%;*/
  height: 100%;
  /*float: left;*/
  display: inline-block;
  padding-bottom: 0;
  padding: 0 15px;
}

/* line 110, ../sass/dropnav.scss */
#nav > ul > li > a {
  height: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  /* 18 */
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* line 120, ../sass/dropnav.scss */
#nav > ul > li > a span {
  font-family: "Roboto Condensed", sans-serif;
}

/* line 125, ../sass/dropnav.scss */
#nav > ul > li:not(:last-child) {
  /*background: url('../images/nav/border.png') no-repeat right -10px;*/
}

/* line 130, ../sass/dropnav.scss */
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a {
  color: #fad69a;
}

/* line 134, ../sass/dropnav.scss */
#nav > ul > li.current > a {
  color: #fad69a;
}

/* second level */
/* line 142, ../sass/dropnav.scss */
#nav li ul {
  /*background-color: $secondLevelBg;*/
  display: none;
  position: absolute;
  top: 100%;
  margin: 0;
  /*background: url('../images/nav/pfeil-oben.png') no-repeat 15px 4px;*/
  padding-top: 8px;
  z-index: 10;
}

/* line 152, ../sass/dropnav.scss */
#nav li ul li {
  background-color: #e30613;
}

/* line 156, ../sass/dropnav.scss */
#nav li:hover ul {
  display: block;
  /*    left: 0;
      right: 0;*/
}

/* line 162, ../sass/dropnav.scss */
#nav li:not(:first-child):hover ul {
  left: -1px;
}

/* line 166, ../sass/dropnav.scss */
#nav li ul a {
  font-size: 1em;
  /* 16 */
  padding: 0.5em;
  /* 15 (20) */
  letter-spacing: 0.1em;
  line-height: 200%;
}

/* line 173, ../sass/dropnav.scss */
#nav li ul li:not(:first-child) a {
  border-top: 1px solid #ffde95;
}

/* line 178, ../sass/dropnav.scss */
#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a {
  background-color: #B64E35;
  /*@include opacity(0.7);*/
}

/* line 183, ../sass/dropnav.scss */
.sticky {
  position: fixed;
  top: 0px;
  z-index: 200;
}

/*@media only screen and ( max-width: 62.5em )  1000
{
    #nav
    {
        width: 100%;
        position: static;
    }
}*/
@media only screen and (max-width: 40em) {
  /* line 201, ../sass/dropnav.scss */
  #nav {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 25px;
  }

  /* line 208, ../sass/dropnav.scss */
  #nav > a {
    width: 3.125em;
    /* 50 */
    height: 3.125em;
    /* 50 */
    text-align: left;
    text-indent: -9999px;
    background-color: #e30613;
    position: relative;
    color: #fff;
  }

  /* line 219, ../sass/dropnav.scss */
  #nav > a:before,
  #nav > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
    content: '';
  }

  /* line 228, ../sass/dropnav.scss */
  #nav > a:after {
    top: 60%;
  }

  /* line 234, ../sass/dropnav.scss */
  #nav:not(:target) > a:first-of-type,
  #nav:target > a:last-of-type {
    display: block;
  }

  /* line 238, ../sass/dropnav.scss */
  #nav > ul.menu {
    z-index: 120;
    border: 1px solid #ffde95;
  }

  /* first level */
  /* line 246, ../sass/dropnav.scss */
  #nav > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #e30613;
    margin-top: 0;
  }

  /* line 256, ../sass/dropnav.scss */
  #nav:target > ul {
    display: block;
  }

  /* line 260, ../sass/dropnav.scss */
  #nav > ul > li {
    width: 100%;
    float: none;
  }

  /* line 265, ../sass/dropnav.scss */
  #nav > ul > li > a {
    height: auto;
    text-align: left;
    padding: 0.3em 0.833em;
    /* 20 (24) */
    color: #fff;
  }

  /* line 272, ../sass/dropnav.scss */
  #nav > ul > li:not(:last-child) > a {
    border-right: none;
    border-bottom: 1px solid #ffde95;
  }

  /* second level */
  /* line 281, ../sass/dropnav.scss */
  #nav li ul {
    position: static;
    padding: 0 1.25em;
    /* 20 */
    background: transparent;
  }

  /* line 287, ../sass/dropnav.scss */
  #nav li ul a {
    padding: 0.1em;
  }
}
/* line 16, ../sass/global.scss */
html, body {
  /*background: #fff;*/
}

/* line 20, ../sass/global.scss */
div {
  position: relative;
}

/* line 24, ../sass/global.scss */
.clear {
  float: none;
  clear: both;
}

/* line 30, ../sass/global.scss */
input,
textarea {
  margin-left: 0 !important;
}

/* line 34, ../sass/global.scss */
.goldline {
  height: 2px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #000; 
}

/* line 45, ../sass/global.scss */
header {
  position: relative;
  height: 215px;
  /*min-height: 215px;*/
  z-index: 10;
  background: #fff;
  /*background: #fff url("../images/_global/bg-header.png");*/
  text-align: center;
  /*    .valign {
          height: 96px;
      }*/
}

/* line 58, ../sass/global.scss */
#nav ul li a span:after {
  display: none;
}

/* line 62, ../sass/global.scss */
.nav-container-sticky {
  top: -146px;
}

/*#nav ul li:last-child:after {
    float: none;
    clear: both;
    content: '<li class="last">sdfdsaf</li>';
}

#nav ul li.last {
    float: none;
    clear: both;
}*/
/* line 77, ../sass/global.scss */
#content {
  background: #fff;
  padding-top: 58px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
/* line 82, ../sass/global.scss */
#content .news_img_holder {
  display: inline-block;
  font-size: 0;
  -webkit-box-shadow: 0px 0px 5px #333333;
  -moz-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}
/* line 87, ../sass/global.scss */
#content .news_img_holder img {
  border-bottom: 4px solid #e30613;
}
/* line 92, ../sass/global.scss */
#content section.news {
  height: 240px;
  padding: 35px 0;
  border-bottom: 2px solid #ccc;
}
/* line 98, ../sass/global.scss */
#content .read {
  text-align: right;
  display: block;
  right: 0;
  margin-bottom: 20px;
}
/* line 105, ../sass/global.scss */
#content #contents {
  margin-bottom: 50px;
}
/* line 109, ../sass/global.scss */
#content #contents h1,
#content #contents h1 * {
  font-size: 3rem;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0;
  margin-bottom: 15px;
  text-align: center;
}
/* line 120, ../sass/global.scss */
#content #contents h2,
#content #contents h2 * {
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
  letter-spacing: 0.08em;
  padding: 0;
}
/* line 129, ../sass/global.scss */
#content #contents .text {
  margin-top: 25px;
  line-height: 180%;
}
/* line 134, ../sass/global.scss */
#content #contents .highlight-text {
  margin-top: 25px;
  line-height: 180%;
  background: #e30613;
  color: #fff;
  padding: 25px;
}
/* line 142, ../sass/global.scss */
#content #contents .footnote {
  margin-top: 25px;
  line-height: 150%;
  font-size: 0.75rem;
}

@media only screen and (min-width: 900px) {
  #content #contents .multicolumns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    text-align: justify;
  }
}

/* line 148, ../sass/global.scss */
#content #contents ul {
  margin-left: 20px;
}
/* line 152, ../sass/global.scss */
#content #contents li {
  list-style: none;
}
/* line 156, ../sass/global.scss */
#content #contents li:before {
  /* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: -0px;
  color: #e30613;
  font-size: 20px;
}
/* line 173, ../sass/global.scss */
#content #sidebar .side-img-holder {
  text-align: center;
}
/* line 178, ../sass/global.scss */
#content .form-kontakt {
  max-width: 800px;
}
/* line 181, ../sass/global.scss */
#content .form-kontakt .picker {
  width: 100%;
}
/* line 184, ../sass/global.scss */
#content .form-kontakt .picker:after {
  margin-top: -8px;
  right: 3%;
}
/* line 189, ../sass/global.scss */
#content .form-kontakt .picker select {
  width: 100%;
  padding-left: 5px;
}

/* line 198, ../sass/global.scss */
footer {
  padding: 25px 0;
  background-color: #fff;
}
/* line 201, ../sass/global.scss */
footer .logo {
  text-align: center;
}
/* line 205, ../sass/global.scss */
footer ul.bottomMenu {
  margin-bottom: 25px;
}
/* line 208, ../sass/global.scss */
footer ul.bottomMenu li {
  border-bottom: 1px solid #000;
  text-align: center;
}
/* line 212, ../sass/global.scss */
footer ul.bottomMenu li:last-child {
  border-bottom: none;
}
/* line 216, ../sass/global.scss */
footer ul.bottomMenu li a {
  line-height: 3rem;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
/* line 225, ../sass/global.scss */
footer .big {
  font-size: 2rem;
  font-weight: bold;
  padding: 10px 0;
}

/* line 233, ../sass/global.scss */
.productCarousel {
  background: #f8f4ee;
}

/* line 238, ../sass/global.scss */
.product-info,
.product-info-mobile {
  text-align: center;
  width: 460px;
  height: 525px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 130px;
  z-index: 10;
}
/* line 249, ../sass/global.scss */
.product-info .ms-info,
.product-info-mobile .ms-info {
  padding: 20px;
}
/* line 253, ../sass/global.scss */
.product-info h3,
.product-info-mobile h3 {
  font-weight: 300;
  font-size: 1.625rem;
  margin: 0px;
  text-align: left;
  text-transform: uppercase;
}
/* line 261, ../sass/global.scss */
.product-info .foodicon,
.product-info-mobile .foodicon {
  margin-bottom: 25px;
}
/* line 265, ../sass/global.scss */
.product-info .desc,
.product-info-mobile .desc {
  text-align: justify;
  line-height: 150%;
}
/* line 270, ../sass/global.scss */
.product-info ul.details,
.product-info-mobile ul.details {
  margin-left: 0 !important;
  margin-top: 25px;
}
/* line 274, ../sass/global.scss */
.product-info ul.details li,
.product-info-mobile ul.details li {
  font-size: 1.25rem;
  border-bottom: 1px dotted #9ba1ac;
  margin-left: 0 !important;
  line-height: 150%;
  width: 50% !important;
}
/* line 281, ../sass/global.scss */
.product-info ul.details li:nth-child(odd),
.product-info-mobile ul.details li:nth-child(odd) {
  text-align: left;
}
/* line 285, ../sass/global.scss */
.product-info ul.details li:nth-child(even),
.product-info-mobile ul.details li:nth-child(even) {
  color: #e30613;
  text-align: right;
}
/* line 291, ../sass/global.scss */
.product-info ul.details li:nth-child(1), .product-info ul.details li:nth-child(2),
.product-info-mobile ul.details li:nth-child(1),
.product-info-mobile ul.details li:nth-child(2) {
  border-top: 1px dotted #9ba1ac;
}
/* line 297, ../sass/global.scss */
.product-info ul.sheets,
.product-info-mobile ul.sheets {
  margin-top: 25px;
}
/* line 300, ../sass/global.scss */
.product-info ul.sheets a,
.product-info-mobile ul.sheets a {
  display: block;
  background: #e30613 url("../images/_global/arrow.png") no-repeat 10px 10px;
  border-bottom: 4px solid #000000;
  padding: 8px 10px;
  padding-left: 30px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.25em;
}

/* line 314, ../sass/global.scss */
.red {
  color: #e30613 !important;
}

/* line 318, ../sass/global.scss */
a.read {
  display: inline-block;
  background: #e30613 url("../images/_global/arrow.png") no-repeat 10px 10px;
  border-bottom: 4px solid #000000;
  padding: 8px 10px;
  padding-left: 30px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.25em;
  float: right;
}

/* Storefinder ****************************************************************************************/
/*
#addressInput,
#radiusSelect {
    background: #a59f95;
    border: 1px solid #7f7565;
    color: #4c4231;
    padding: 8px;

    @include input-placeholder {
        color: #6c675d;
    }
}

#radiusSelect {
    padding: 7px;
}

#locationSearch,
#resetMarkers,
#showAll {
    background: #574c39;
    border: 1px solid #574c39;
    color: #fff;
    padding: 8px;
    height: 34px;
    cursor: pointer;
}
*/
/* line 361, ../sass/global.scss */
#resultSelect li {
  background: #e30613;
  color: #fff;
  padding: 5px;
  margin-top: 10px;
  cursor: pointer;
  min-height: 90px;
}
/* line 369, ../sass/global.scss */
#resultSelect li .num {
  font-size: 125%;
  font-weight: bold;
}

/* line 376, ../sass/global.scss */
#map_canvas {
  margin-top: 10px;
}

/* Responsive Menu ************************************************************************************/
/* line 381, ../sass/global.scss */
#sb-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

/* line 389, ../sass/global.scss */
.sb-toggle-left {
  width: 45px;
  height: 42px;
  /*padding: 10px;*/
  padding-top: 12px;
  padding-left: 11px;
}

/* line 397, ../sass/global.scss */
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
  cursor: pointer;
}

/* line 401, ../sass/global.scss */
.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #fff;
}

@media only screen and (max-width: 40em) {
  /* line 411, ../sass/global.scss */
  #sb-button {
    display: block;
  }
}
/* InfoWindow *****************************************************************************************/
/* line 418, ../sass/global.scss */
.infoWindow {
  background: #e30613;
  padding: 10px;
}
/* line 422, ../sass/global.scss */
.infoWindow * {
  color: #fff;
}
/* line 426, ../sass/global.scss */
.infoWindow h1 {
  font-size: 200% !important;
  color: #fff !important;
}

/* NyroModal ******************************************************************************************/
/* line 433, ../sass/global.scss */
.nyroModalCont {
  border: 20px solid #fff;
  box-sizing: content-box;
  z-index: 300;
}

/* line 439, ../sass/global.scss */
.nyroModalBg {
  z-index: 299;
}

/* line 443, ../sass/global.scss */
.nyroModalCloseButton {
  z-index: 300;
}

/* line 447, ../sass/global.scss */
a.nyro {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

/* ------------------------------------------------------------------------------------ */
/* line 453, ../sass/global.scss */
body.agecheck {
  background: #fff;
}
/* line 456, ../sass/global.scss */
body.agecheck .agecheckHolder {
  padding-top: 100px;
}
/* line 460, ../sass/global.scss */
body.agecheck #content.content {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  /*width: 700px;*/
  height: 350px;
}
/* line 470, ../sass/global.scss */
body.agecheck #content.content h1 {
  color: #002854;
  font-size: 208%;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 477, ../sass/global.scss */
body.agecheck #content.content .text {
  font-size: 87.5%;
  color: #a3a3a3;
  line-height: 150%;
}
/* line 482, ../sass/global.scss */
body.agecheck #content.content .text a {
  font-size: 100%;
  color: #a3a3a3;
  text-decoration: underline;
}
/* line 489, ../sass/global.scss */
body.agecheck #content.content form {
  /*            input {
                  font-size: 150%;
              }*/
}
/* line 494, ../sass/global.scss */
body.agecheck #content.content form .picker:after {
  top: 58%;
}
/* line 498, ../sass/global.scss */
body.agecheck #content.content form select {
  font-size: 150%;
  background: transparent;
  height: 40px;
  width: 248px;
  text-align: center;
  display: block;
  margin: 5px auto;
}
/* line 508, ../sass/global.scss */
body.agecheck #content.content form input.submit {
  text-transform: uppercase;
  cursor: pointer;
  width: 248px;
  height: 40px;
}
/* line 515, ../sass/global.scss */
body.agecheck #content.content form .checkbox label {
  display: inline-block;
}
/* line 519, ../sass/global.scss */
body.agecheck #content.content form .check {
  width: 248px;
  text-align: center;
  color: #000;
  display: block;
  margin: 15px auto;
}
/* line 526, ../sass/global.scss */
body.agecheck #content.content form .check label {
  display: inline;
}
/* line 530, ../sass/global.scss */
body.agecheck #content.content form .check input {
  display: inline;
  cursor: pointer;
  /*                    width: 25px;
                      margin-bottom: 0;
                      margin-top: 7px;*/
}

/* line 542, ../sass/global.scss */
.product-info-mobile {
  display: none;
}

@media only screen and (max-width: 75em) {
  /* line 548, ../sass/global.scss */
  .product-info {
    display: none;
  }

  /* line 552, ../sass/global.scss */
  .product-info-mobile {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    margin-left: 0;
    margin-bottom: 15px;
    display: block;
  }
  /* line 562, ../sass/global.scss */
  .product-info-mobile section {
    /*border-bottom: 4px solid #000000;*/
    padding-bottom: 10px;
    text-align: left;
  }
  /* line 568, ../sass/global.scss */
  .product-info-mobile ul.details li {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 53.6875em) {
  /* line 576, ../sass/global.scss */
  .nav-container > .row > .columns {
    float: none;
  }
}
@media only screen and (max-width: 40em) {
  /* line 583, ../sass/global.scss */
  header {
    height: 190px;
  }

  /* line 587, ../sass/global.scss */
  #content {
    padding-top: 10px;
    /*        &.mastersliderActive {
                margin-top: 470px;
            }*/
  }
  /* line 594, ../sass/global.scss */
  #content section.news {
    height: auto;
    padding: 0;
  }
  /* line 601, ../sass/global.scss */
  #content #contents h1,
  #content #contents h1 * {
    font-size: 2.21rem;
  }
  /* line 606, ../sass/global.scss */
  #content #contents h2,
  #content #contents h2 * {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 26.25em) {
  /* line 615, ../sass/global.scss */
  ul.sheets li a {
    background-image: none !important;
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 23.75em) {
  /* line 623, ../sass/global.scss */
  ul.sheets li a {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 20em) {
  /* line 630, ../sass/global.scss */
  header {
    height: 150px;
  }
}
