@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.font-yellow, .font-yellow::before, .font-yellow::after {
  color: #ccc129; }

.font-red, .font-red::before, .font-red::after {
  color: #cc2929; }

.font-ochar, .font-ochar::before, .font-ochar::after {
  color: #cc8b29; }

.font-lime, .font-lime::before, .font-lime::after {
  color: #abcc29; }

.font-green, .font-green::before, .font-green::after {
  color: #49cc29; }

.font-turquoise, .font-turquoise::before, .font-turquoise::after {
  color: #29cc6a; }

.font-lightblue, .font-lightblue::before, .font-lightblue::after {
  color: #29cccc; }

.font-darkblue, .font-darkblue::before, .font-darkblue::after {
  color: #296acc; }

.font-purple, .font-purple::before, .font-purple::after {
  color: #4929cc; }

.font-pink, .font-pink::before, .font-pink::after {
  color: #ab29cc; }

.font-pink2, .font-pink2::before, .font-pink2::after {
  color: #cc298b; }

.font-brown, .font-brown::before, .font-brown::after {
  color: #8b5d42; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html {
  min-height: 100%; }

body {
  font: 1.0em "Helvetica","Arial",sans-serif;
  min-height: 100%;
  background: #e5d7c3; }

b, strong {
  font-weight: bold; }

em {
  font-style: italic; }

p {
  margin-top: 10px;
  margin-bottom: 10px; }

.center {
  margin: auto;
  text-align: center; }

.invisible-element {
  display: none; }

.clearfix {
  *zoom: 1; }
  .clearfix::before, .clearfix::after {
    content: " ";
    display: table; }
  .clearfix::after {
    clear: both; }

.no-marking {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.marking {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */ }

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px !important;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1; }

.tooltip .tooltiptext {
  width: 120px;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;
  /* Use half of the width (120/2 = 60), to center the tooltip */ }

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible; }

.font-yellow, .font-yellow::before, .font-yellow::after {
  color: #ccc129; }

.font-red, .font-red::before, .font-red::after {
  color: #cc2929; }

.font-ochar, .font-ochar::before, .font-ochar::after {
  color: #cc8b29; }

.font-lime, .font-lime::before, .font-lime::after {
  color: #abcc29; }

.font-green, .font-green::before, .font-green::after {
  color: #49cc29; }

.font-turquoise, .font-turquoise::before, .font-turquoise::after {
  color: #29cc6a; }

.font-lightblue, .font-lightblue::before, .font-lightblue::after {
  color: #29cccc; }

.font-darkblue, .font-darkblue::before, .font-darkblue::after {
  color: #296acc; }

.font-purple, .font-purple::before, .font-purple::after {
  color: #4929cc; }

.font-pink, .font-pink::before, .font-pink::after {
  color: #ab29cc; }

.font-pink2, .font-pink2::before, .font-pink2::after {
  color: #cc298b; }

.font-brown, .font-brown::before, .font-brown::after {
  color: #8b5d42; }

header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  z-index: 10;
  text-align: center;
  background: url("../img/bg_full.png") center bottom; }
  @media screen and (min-width: 781px), screen and (min-width: 481px) and (orientation: portrait) {
    header {
      position: fixed; } }
  header img.logo {
    width: 220px;
    height: auto;
    position: absolute;
    left: calc(50% - 120px);
    z-index: 1000;
    font-size: 1.1em;
    font-family: 'Playfair Display', serif;
    color: #f2d9b8;
    padding: 10px;
    bottom: -89px;
    transition: top 0.3s; }

content {
  display: block;
  padding: 20px 20px 20px 20px;
  max-width: 2200px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 70px;
  justify-content: center; }
  content .flexbox {
    background: #fff3e3;
    padding: 20px;
    display: inline-block; }
  content nav.product-categories {
    width: 530px;
    margin: auto;
    background: #fcfcfc;
    padding: 10px;
    border: 3px solid #404040;
    text-align: center; }
    content nav.product-categories a {
      display: inline-block;
      border-right: 2px solid #404040;
      padding: 10px;
      width: 80px;
      cursor: pointer; }
      content nav.product-categories a:last-child {
        border-right: none; }
    content nav.product-categories .category .text {
      padding-top: 10px;
      display: block; }
  @media screen and (min-width: 781px), screen and (min-width: 481px) and (orientation: portrait) {
    content {
      padding-top: 140px; } }
  content .button {
    background: #404040;
    color: #fcfcfc; }
    @media screen and (min-width: 600px) {
      content .button {
        width: 464px; } }
    content .button.centered {
      margin: 20px auto 40px auto;
      text-align: center; }
    content .button a, content .button a:link, content .button a:active, content .button a:hover, content .button a:visited {
      display: block;
      padding: 10px 20px;
      color: #fcfcfc;
      font-weight: bold;
      text-decoration: none;
      transistion: none; }

.font-yellow, .font-yellow::before, .font-yellow::after {
  color: #ccc129; }

.font-red, .font-red::before, .font-red::after {
  color: #cc2929; }

.font-ochar, .font-ochar::before, .font-ochar::after {
  color: #cc8b29; }

.font-lime, .font-lime::before, .font-lime::after {
  color: #abcc29; }

.font-green, .font-green::before, .font-green::after {
  color: #49cc29; }

.font-turquoise, .font-turquoise::before, .font-turquoise::after {
  color: #29cc6a; }

.font-lightblue, .font-lightblue::before, .font-lightblue::after {
  color: #29cccc; }

.font-darkblue, .font-darkblue::before, .font-darkblue::after {
  color: #296acc; }

.font-purple, .font-purple::before, .font-purple::after {
  color: #4929cc; }

.font-pink, .font-pink::before, .font-pink::after {
  color: #ab29cc; }

.font-pink2, .font-pink2::before, .font-pink2::after {
  color: #cc298b; }

.font-brown, .font-brown::before, .font-brown::after {
  color: #8b5d42; }

footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  background: url("../img/bg_full_inv.png");
  overflow: hidden;
  z-index: 10; }
  @media screen and (min-width: 600px) {
    footer {
      height: 50px; } }
  @media screen and (min-width: 781px), screen and (min-width: 481px) and (orientation: portrait) {
    footer {
      position: fixed; } }
  footer .left, footer .right {
    margin: 10px; }
  footer .left {
    float: left; }
  footer .right {
    float: right;
    margin-right: 20px; }
  footer span {
    background: #fcfcfc;
    padding: 5px 10px;
    border: 2px solid #404040; }
  footer a, footer a:link, footer a:visited {
    background: #fcfcfc;
    padding: 5px 10px;
    border: 2px solid #404040;
    text-decoration: none;
    color: #333333;
    transition: background 0.5s;
    margin-left: 10px; }
  footer a:hover {
    background: #fcfcfc; }

.font-yellow, .font-yellow::before, .font-yellow::after {
  color: #ccc129; }

.font-red, .font-red::before, .font-red::after {
  color: #cc2929; }

.font-ochar, .font-ochar::before, .font-ochar::after {
  color: #cc8b29; }

.font-lime, .font-lime::before, .font-lime::after {
  color: #abcc29; }

.font-green, .font-green::before, .font-green::after {
  color: #49cc29; }

.font-turquoise, .font-turquoise::before, .font-turquoise::after {
  color: #29cc6a; }

.font-lightblue, .font-lightblue::before, .font-lightblue::after {
  color: #29cccc; }

.font-darkblue, .font-darkblue::before, .font-darkblue::after {
  color: #296acc; }

.font-purple, .font-purple::before, .font-purple::after {
  color: #4929cc; }

.font-pink, .font-pink::before, .font-pink::after {
  color: #ab29cc; }

.font-pink2, .font-pink2::before, .font-pink2::after {
  color: #cc298b; }

.font-brown, .font-brown::before, .font-brown::after {
  color: #8b5d42; }

content h1 {
  color: #404040;
  margin-bottom: 10px;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 35px;
  text-align: left;
  font-family: 'Helvetica','Arial',sans-serif; }
content h2 {
  color: #404040;
  margin: 20px 0 0px 0;
  font-size: 1.5em;
  font-weight: bold; }
content h3 {
  color: #404040;
  margin: 10px 0 5px 0;
  font-size: 1.0em;
  font-weight: bold; }

content a, content a:link, content a:visited, content .single-recipe-style3 .recipe-meta.recipe-style3 a, content .single-recipe-style3 .recipe-meta.recipe-style4 a, content .single-recipe-style4 .recipe-meta.recipe-style3 a, content .single-recipe-style4 .recipe-meta.recipe-style4 a {
  color: #000000;
  text-decoration: none;
  transition: color 0.3s;
  text-decoration: underline; }
content a:hover, content .single-recipe-style3 .recipe-meta.recipe-style3 a:hover {
  color: #cc8b29; }

#loading {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 100;
  display: none; }
  #loading .icon {
    position: absolute;
    top: calc(50% - 181px);
    left: calc(50% - 181px);
    width: 362px;
    height: 362px;
    border-radius: 183px;
    background: url("../img/loading2.gif") center center; }

content .itembox, content section.recipe-cards {
  margin: -10px 0;
  text-align: center; }
  content .itembox .item, content .itembox article.recipe-card, content section.recipe-cards .item, content section.recipe-cards article.recipe-card {
    position: relative;
    display: inline-block;
    max-width: 464px;
    overflow: hidden;
    background: #fcfcfc;
    border: 3px solid #404040;
    margin: 30px;
    padding: 20px;
    text-align: left;
    transition: transform 0.3s;
    color: #404040; }
    @media screen and (min-width: 600px) {
      content .itembox .item, content .itembox article.recipe-card, content section.recipe-cards .item, content section.recipe-cards article.recipe-card {
        width: 424px;
        height: 430px; } }
    content .itembox .item:hover, content .itembox article.recipe-card:hover, content section.recipe-cards .item:hover, content section.recipe-cards article.recipe-card:hover {
      transform: scale(1.05);
      color: #404040; }
    content .itembox .item a, content .itembox .item a:link, content .itembox .item a:hover, content .itembox .item a:active, content .itembox .item a:visited, content .itembox article.recipe-card a, content .itembox article.recipe-card a:link, content .itembox article.recipe-card a:hover, content .itembox article.recipe-card a:active, content .itembox article.recipe-card a:visited, content section.recipe-cards .item a, content section.recipe-cards .item a:link, content section.recipe-cards .item a:hover, content section.recipe-cards .item a:active, content section.recipe-cards .item a:visited, content section.recipe-cards article.recipe-card a, content section.recipe-cards article.recipe-card a:link, content section.recipe-cards article.recipe-card a:hover, content section.recipe-cards article.recipe-card a:active, content section.recipe-cards article.recipe-card a:visited {
      color: #404040; }
    content .itembox .item .flag, content .itembox article.recipe-card .flag, content section.recipe-cards .item .flag, content section.recipe-cards article.recipe-card .flag {
      position: absolute;
      z-index: 1;
      color: #e5d7c3;
      background: #404040;
      padding: 10px;
      left: 0;
      top: 40px;
      text-transform: uppercase;
      font-weight: bold; }
      content .itembox .item .flag .point, content .itembox article.recipe-card .flag .point, content section.recipe-cards .item .flag .point, content section.recipe-cards article.recipe-card .flag .point {
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
        border-left: 10px solid #404040;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -10px; }
    content .itembox .item .recipe-link:hover, content .itembox article.recipe-card .recipe-link:hover, content section.recipe-cards .item .recipe-link:hover, content section.recipe-cards article.recipe-card .recipe-link:hover {
      box-shadow: none; }
    content .itembox .item .image, content .itembox .item .recipe-img-cont, content .itembox article.recipe-card .image, content .itembox article.recipe-card .recipe-img-cont, content section.recipe-cards .item .image, content section.recipe-cards .item .recipe-img-cont, content section.recipe-cards article.recipe-card .image, content section.recipe-cards article.recipe-card .recipe-img-cont {
      position: relative;
      display: block;
      background: #f2d9b8;
      width: 100%;
      min-height: 150px;
      overflow: hidden;
      text-align: center;
      background: #e5d7c3 url(../img/loading.gif) center center no-repeat;
      background-size: 50%; }
      content .itembox .item .image img, content .itembox .item .image .recipe-img-cont img, content .itembox .item .recipe-img-cont img, content .itembox .item .recipe-img-cont .recipe-img-cont img, content .itembox article.recipe-card .image img, content .itembox article.recipe-card .image .recipe-img-cont img, content .itembox article.recipe-card .recipe-img-cont img, content .itembox article.recipe-card .recipe-img-cont .recipe-img-cont img, content section.recipe-cards .item .image img, content section.recipe-cards .item .image .recipe-img-cont img, content section.recipe-cards .item .recipe-img-cont img, content section.recipe-cards .item .recipe-img-cont .recipe-img-cont img, content section.recipe-cards article.recipe-card .image img, content section.recipe-cards article.recipe-card .image .recipe-img-cont img, content section.recipe-cards article.recipe-card .recipe-img-cont img, content section.recipe-cards article.recipe-card .recipe-img-cont .recipe-img-cont img {
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        width: 100%;
        transform: translate(-50%, -50%); }
      @media screen and (min-width: 600px) {
        content .itembox .item .image, content .itembox .item .recipe-img-cont, content .itembox article.recipe-card .image, content .itembox article.recipe-card .recipe-img-cont, content section.recipe-cards .item .image, content section.recipe-cards .item .recipe-img-cont, content section.recipe-cards article.recipe-card .image, content section.recipe-cards article.recipe-card .recipe-img-cont {
          height: 305px; } }
    content .itembox .item h3, content .itembox article.recipe-card h3, content section.recipe-cards .item h3, content section.recipe-cards article.recipe-card h3 {
      text-transform: uppercase; }
      content .itembox .item h3 .type, content .itembox article.recipe-card h3 .type, content section.recipe-cards .item h3 .type, content section.recipe-cards article.recipe-card h3 .type {
        display: block;
        font-weight: normal; }
    content .itembox .item .description-scent, content .itembox article.recipe-card .description-scent, content section.recipe-cards .item .description-scent, content section.recipe-cards article.recipe-card .description-scent {
      font-style: italic;
      margin-bottom: 5px; }
    content .itembox .item .recipe-card-content, content .itembox article.recipe-card .recipe-card-content, content section.recipe-cards .item .recipe-card-content, content section.recipe-cards article.recipe-card .recipe-card-content {
      padding: 0; }
      content .itembox .item .recipe-card-content .recipe-archive-title, content .itembox article.recipe-card .recipe-card-content .recipe-archive-title, content section.recipe-cards .item .recipe-card-content .recipe-archive-title, content section.recipe-cards article.recipe-card .recipe-card-content .recipe-archive-title {
        display: table;
        height: 80px;
        width: 100%; }
        content .itembox .item .recipe-card-content .recipe-archive-title h3, content .itembox article.recipe-card .recipe-card-content .recipe-archive-title h3, content section.recipe-cards .item .recipe-card-content .recipe-archive-title h3, content section.recipe-cards article.recipe-card .recipe-card-content .recipe-archive-title h3 {
          display: table-cell;
          vertical-align: middle;
          text-align: center; }
content .posttype-wrapper.posttype-layout-full {
  margin: -20px;
  background: #f9e9d4; }
  content .posttype-wrapper.posttype-layout-full main#posttype-main {
    padding: 20px; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe {
      position: relative; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe .recipe-img-cont {
        margin: -20px;
        margin-bottom: 0;
        max-height: 500px; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe .boorecipe-print-link {
        color: #333333;
        text-align: left;
        background: #f2d9b8;
        display: none;
        width: auto;
        padding: 10px;
        position: absolute;
        top: 410px;
        right: 10px;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s;
        padding-left: 40px; }
        content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe .boorecipe-print-link:hover {
          color: #333333;
          background: #f9e9d4;
          transform: scale(1.1); }
        content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe .boorecipe-print-link svg {
          position: absolute;
          left: 8px;
          top: 8px; }
        @media screen and (min-width: 1025px) {
          content .posttype-wrapper.posttype-layout-full main#posttype-main article.posttype-container.boorecipe-recipe .boorecipe-print-link {
            display: inline; } }
    content .posttype-wrapper.posttype-layout-full main#posttype-main h1.recipe-title {
      margin-top: 20px;
      color: #8b5d42;
      margin: 20px auto 0; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-description + .posttype-sub-section.recipe-meta {
      grid-template-columns: 1fr 1fr 1fr; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-description + .posttype-sub-section.recipe-meta div {
        padding-left: 0; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-description + .posttype-sub-section.recipe-meta .taxonomy-recipe_category {
        grid-column: 1/1 span; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-time-info {
      padding: 0;
      border-bottom: 2px dotted #8b5d42;
      margin-bottom: 20px;
      padding-bottom: 20px; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .subsection-label {
      color: #8b5d42;
      font-style: normal; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .subsection-value {
      font-size: 1.0em; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-ingredients .select-item {
      margin: 2px 0; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-ingredients .select-item::before {
        width: 15px;
        height: 15px;
        margin-bottom: 5px;
        border: 2px solid #8b5d42; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-ingredients .select-item.select-item.active {
        color: #8b5d42;
        opacity: 0.5; }
        content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-ingredients .select-item.select-item.active::before {
          background-color: #8b5d42; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-instructions .recipe-single-instruction::before {
      background: none;
      color: #8b5d42;
      font-weight: bold; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-additional-notes {
      border: 2px dotted #8b5d42;
      border-radius: 15px;
      padding: 15px 20px 5px 20px;
      background: #f2d9b8;
      margin: 20px; }
      content .posttype-wrapper.posttype-layout-full main#posttype-main .recipe-additional-notes h3 {
        margin: 0; }
    content .posttype-wrapper.posttype-layout-full main#posttype-main .nocomments {
      display: none; }
  @media screen and (min-width: 1025px) {
    content .posttype-wrapper.posttype-layout-full {
      margin: auto;
      margin-top: -165px; } }
content .wrap.archive-recipe form {
  background: #333333;
  color: #f2d9b8; }
  content .wrap.archive-recipe form label {
    padding-bottom: 10px; }
  content .wrap.archive-recipe form input {
    box-sizing: border-box; }
    content .wrap.archive-recipe form input[type="submit"] {
      background: #f2d9b8;
      color: #333333;
      font-weight: bold;
      border: none; }
content .wrap.archive-recipe .recipe-cards .recipe-card a.recipe-link {
  background: transparent; }

.tooltips .item {
  position: relative; }
  .tooltips .item:hover .tooltip {
    visibility: visible;
    opacity: 1; }
  .tooltips .item .tooltip {
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    padding: 7px 10px 7px 10px;
    width: 150px;
    bottom: 125%;
    line-height: initial;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    background-color: #fcfcfc;
    color: #404040;
    text-align: center;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #404040;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s; }
    .tooltips .item .tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #fcfcfc transparent transparent transparent; }

content#product-detail {
  max-width: 1000px; }
  content#product-detail h1 {
    text-align: center;
    text-transform: uppercase; }
  content#product-detail h2 {
    text-align: center;
    text-transform: uppercase; }
    content#product-detail h2::before {
      content: "— "; }
    content#product-detail h2::after {
      content: " —"; }
  content#product-detail .product {
    margin: 40px 0 0 0; }
    @media screen and (min-width: 1030px) {
      content#product-detail .product .left {
        float: left;
        width: 470px; } }
    content#product-detail .product .left .imagebox {
      margin: 0; }
      content#product-detail .product .left .imagebox .item {
        margin: 0 20px 20px 0; }
        content#product-detail .product .left .imagebox .item:hover {
          transform: none; }
        content#product-detail .product .left .imagebox .item .image {
          background: #e5d7c3 url(../img/loading.gif) center center no-repeat;
          background-size: 50%;
          overflow: hidden; }
          content#product-detail .product .left .imagebox .item .image img {
            width: 424px;
            height: auto; }
        content#product-detail .product .left .imagebox .item .selector {
          margin-top: 20px;
          text-align: center; }
          content#product-detail .product .left .imagebox .item .selector .thumbnail {
            display: inline-block;
            height: 100px;
            width: 100px;
            margin-right: 15px;
            border: 3px solid #fcfcfc;
            transition: border 0.3s;
            overflow: hidden;
            cursor: pointer; }
            content#product-detail .product .left .imagebox .item .selector .thumbnail.selected, content#product-detail .product .left .imagebox .item .selector .thumbnail:hover {
              border: 3px solid #404040; }
            content#product-detail .product .left .imagebox .item .selector .thumbnail img {
              margin-left: -20px;
              height: 106px; }
    content#product-detail .product .left .inci_list {
      line-height: 30px;
      padding-right: 20px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1030px) {
        content#product-detail .product .left .inci_list {
          border-right: 3px solid #404040; } }
      content#product-detail .product .left .inci_list .item {
        cursor: pointer; }
        content#product-detail .product .left .inci_list .item a, content#product-detail .product .left .inci_list .item a:link, content#product-detail .product .left .inci_list .item a:hover, content#product-detail .product .left .inci_list .item a:active, content#product-detail .product .left .inci_list .item a:visited {
          color: #404040;
          text-decoration: none; }
        content#product-detail .product .left .inci_list .item a:hover {
          text-decoration: underline; }
        content#product-detail .product .left .inci_list .item::after {
          content: ","; }
        content#product-detail .product .left .inci_list .item:last-child::after {
          content: "."; }
        content#product-detail .product .left .inci_list .item .tooltip {
          width: 100px;
          margin-left: -60px;
          bottom: 150%; }
      content#product-detail .product .left .inci_list.subcat span:first-of-type::before {
        content: "" !important; }
      content#product-detail .product .left .inci_list.subcat .item::after {
        content: ","; }
      content#product-detail .product .left .inci_list.subcat .item:last-child::after {
        content: ""; }
      content#product-detail .product .left .inci_list.subcat .item.category {
        cursor: auto; }
        content#product-detail .product .left .inci_list.subcat .item.category::after {
          content: "("; }
        content#product-detail .product .left .inci_list.subcat .item.category::before {
          content: "), "; }
    @media screen and (min-width: 1030px) {
      content#product-detail .product .right {
        float: right;
        width: 500px; } }
    content#product-detail .product .right .description h3 {
      margin-top: 0; }
    content#product-detail .product .right .description div {
      margin-top: 10px; }
    content#product-detail .product .right .labels {
      margin-top: 20px;
      display: none;
      user-select: none; }
      @media screen and (min-width: 1030px) {
        content#product-detail .product .right .labels {
          display: block; } }
      content#product-detail .product .right .labels div {
        position: relative;
        display: inline-block;
        margin: 5px;
        font-size: 0.75em;
        font-weight: bold;
        color: #fcfcfc;
        background: #404040;
        text-transform: uppercase; }
        content#product-detail .product .right .labels div a, content#product-detail .product .right .labels div a:link a:visited, content#product-detail .product .right .labels div a:hover {
          color: #fcfcfc;
          text-decoration: none;
          padding: 10px;
          display: block;
          transition: none; }
    content#product-detail .product .right .store {
      margin: 60px auto;
      display: none; }
      @media screen and (min-width: 1030px) {
        content#product-detail .product .right .store {
          display: block; } }
      content#product-detail .product .right .store .barcode {
        float: left;
        width: 220px;
        height: 106px;
        background: #fcfcfc;
        border: 3px solid #404040;
        overflow: hidden; }
        content#product-detail .product .right .store .barcode img {
          width: 100%;
          height: auto; }
      content#product-detail .product .right .store .stock {
        margin-left: 20px;
        float: left;
        width: 248px;
        height: 106px; }
        content#product-detail .product .right .store .stock i {
          font-size: 60px;
          color: #404040; }
        content#product-detail .product .right .store .stock p:first-child {
          margin-top: 0px; }
    content#product-detail .product .right .recipelink {
      text-align: center;
      margin-top: 40px; }
      content#product-detail .product .right .recipelink a {
        display: block;
        padding: 20px;
        background: #404040;
        color: #e5d7c3;
        font-weight: bold;
        text-decoration: none; }

content#product-recipe {
  max-width: 1000px;
  background: #fff3e3; }
  content#product-recipe .image {
    display: block;
    width: calc(100% + 40px);
    height: 400px;
    background: #fcfcfc;
    margin: -80px -20px 0 -20px;
    position: relative;
    overflow: hidden; }
    content#product-recipe .image img {
      width: 100%;
      height: auto;
      margin-top: -200px; }
  content#product-recipe h1 {
    text-align: center;
    text-transform: uppercase; }
  content#product-recipe h2 {
    text-align: center;
    text-transform: uppercase; }
    content#product-recipe h2::before {
      content: "— "; }
    content#product-recipe h2::after {
      content: " —"; }
  content#product-recipe h3 {
    color: #997c57; }
  content#product-recipe .description {
    text-align: center;
    font-style: italic; }
  content#product-recipe .meta {
    font-size: 0.8em;
    padding-bottom: 20px;
    border-bottom: dashed 1px #997c57; }
    content#product-recipe .meta .box {
      display: inline-block;
      width: 33%; }
      content#product-recipe .meta .box h3 {
        font-weight: normal; }
      content#product-recipe .meta .box .list .item {
        display: inline-block; }
        content#product-recipe .meta .box .list .item::after {
          content: ","; }
        content#product-recipe .meta .box .list .item:last-child::after {
          content: "."; }
  content#product-recipe .product {
    margin: 20px 0 0 0; }
    @media screen and (min-width: 1030px) {
      content#product-recipe .product .left {
        float: left;
        width: 370px; } }
    content#product-recipe .product .right ol li {
      list-style: decimal;
      margin: 10px 0px 10px 25px; }
      content#product-recipe .product .right ol li::marker {
        color: #997c57; }
    @media screen and (min-width: 1030px) {
      content#product-recipe .product .right {
        float: right;
        width: 600px; } }
  content#product-recipe .ingredients .item {
    display: block;
    margin: 5px; }
    content#product-recipe .ingredients .item a {
      text-decoration: none; }
    content#product-recipe .ingredients .item input[type="checkbox"] {
      display: none; }
    content#product-recipe .ingredients .item input[type="checkbox"] + label::before {
      width: 12px;
      height: 12px;
      border-radius: 15px;
      border: 3px solid #404040;
      background-color: #fff;
      display: block;
      content: "";
      float: left;
      margin-right: 5px; }
    content#product-recipe .ingredients .item input[type="checkbox"]:checked + label::before {
      box-shadow: inset 0px 0px 0px 3px #fff;
      background-color: #404040; }
    content#product-recipe .ingredients .item input[type="checkbox"]:checked + label {
      opacity: 0.33; }
  content#product-recipe .print {
    text-align: center;
    margin-top: 40px; }
    content#product-recipe .print a {
      display: block;
      padding: 20px;
      background: #404040;
      color: #e5d7c3;
      font-weight: bold;
      text-decoration: none; }

content#tagselect h1 {
  text-align: center;
  text-transform: uppercase; }
content#tagselect h2 {
  text-align: center;
  text-transform: uppercase; }
  content#tagselect h2::before {
    content: "— "; }
  content#tagselect h2::after {
    content: " —"; }
content#tagselect .tagdescription {
  max-width: 1000px;
  margin: auto;
  text-align: center; }

.headline {
  margin: 80px auto auto auto;
  position: relative;
  text-align: center;
  line-height: 130px;
  width: 100%;
  max-width: 500px; }
  .headline .icon {
    position: absolute;
    font-size: 8.0em;
    opacity: 0.5;
    margin-left: -63px;
    z-index: -1;
    left: 50%;
    margin-top: 6px; }
  .headline .text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal; }
    .headline .text h2 {
      margin: 0; }
    .headline .text .description {
      max-width: 750px;
      margin: auto; }

@media screen and (min-width: 1500px) {
  .products {
    text-align: center; }
    .products .break-33 {
      width: 32%;
      display: inline-block;
      height: 750px; }
      .products .break-33 .itembox {
        margin-top: 20px; }
        .products .break-33 .itembox .item {
          margin: auto; } }

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