/****************************************************************************************
 * Adriano's Bar & Café (Development-Version)
 ****************************************************************************************
 * hand-crafted with love in Berne, Switzerland
 ****************************************************************************************
 * Graphics:    KARGO Kommunikation GmbH (kargokomm.ch)
 * Development: whatwedo GmbH (whatwedo.ch)
 ****************************************************************************************
 * Version: 1.0.0-dev
 ***************************************************************************************/

@charset "UTF-8";
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Styles should always be indepent of each other. "Specific"
Stylesheet can access "Shared" stylesheets.

Import order in final CSS:

- settings
- partials/shared
- partials/specific

Place your files with display size name
in subfolders, e.g. partials/specific/home/_medium-up.scss
They will be automatically imported
******************************************************************/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  settings/base/alerts
******************************************************************/
meta.foundation-version {
  font-family: "/5.2.2/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

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

.hide {
  display: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.clearing-blackout {
  z-index: 1010 !important;
}

.clearing-link img {
  cursor: pointer;
  cursor: -moz-zoom-in !important;
}

/* 0, 640px */
/* 768px, 1024px */
/* 769px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
.range-slider {
  border-radius: 0.1875rem;
}

.range-slider-active-segment {
  background: #282828 !important;
  border-radius: 0.1875rem;
}

.range-slider-handle {
  border-radius: 1.375rem;
  background: #282828 !important;
  border: 0.3125rem solid #c8c8c8 !important;
  box-shadow: 0 0 0 1px #8c8c8c;
}

.mixture__title, h1,
.page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
.product__amount-value input, .product__price__value, .quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file, .site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
.site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view, .breadcrumbs, label, .opening-hours__list, .search__form input, .search-result__date, .search-result__type, .product__accessoirs h3, .product__title_accessoir, .product__title_cart, .account-navigation a, .account-data table {
  font-family: "proxima-nova", sans-serif;
}

.mixture__title {
  letter-spacing: .05em;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

h1,
.page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
.product__amount-value input, .product__price__value {
  font-style: normal;
  font-weight: 700;
}

.quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file {
  font-style: normal;
  font-weight: 700;
}

.site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
.site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view {
  font-style: normal;
  font-weight: 400;
}

.breadcrumbs {
  font-style: normal;
  font-weight: 300;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
  font-family: "Merriweather", serif;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
  font-style: normal;
  font-weight: 400;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview {
  font-style: italic;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: rem-calc(20);
  position: relative;
  padding: rem-calc(11) rem-calc(11)rem-calc(10) rem-calc(11)rem-calc(1) rem-calc(11);
  font-size: rem-calc(14);
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: white;
}
.alert-box .close {
  font-size: rem-calc(22);
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -rem-calc(22)/2;
  right: rem-calc(5);
  color: #333333;
  opacity: 0.3;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  border-radius: 0;
}
.alert-box.round {
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: white;
}
.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: white;
}
.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #282828;
}
.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: white;
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #282828;
}
.alert-box.alert-close {
  opacity: 0;
}

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}
.clearing-thumbs:after, [data-clearing]:after {
  clear: both;
}
.clearing-thumbs li, [data-clearing] li {
  float: left;
  margin-right: 10px;
}
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
  margin-right: 0;
}

.clearing-blackout {
  background: rgba(255, 255, 255, 0.85098);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}
.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #aaa;
  font-size: 0.6em;
}

.visible-img {
  height: 95%;
  position: relative;
}
.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  color: #444444;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85098);
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0;
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: #333333;
  display: none;
}
.clearing-close:hover, .clearing-close:focus {
  color: #ccc;
}

.clearing-assembled .clearing-container {
  height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}

.clearing-feature li {
  display: none;
}
.clearing-feature li.clearing-featured-img {
  display: block;
}

@media only screen and (min-width: 48.063em) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }
  .clearing-main-prev > span,
  .clearing-main-next > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
  }
  .clearing-main-prev > span:hover,
  .clearing-main-next > span:hover {
    opacity: 0.8;
  }

  .clearing-main-prev {
    left: 0;
  }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: #333333;
  }

  .clearing-main-next {
    right: 0;
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: #333333;
  }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3;
  }

  .clearing-assembled .clearing-container .carousel {
    background: #111111;
    height: 150px;
    margin-top: 10px;
    text-align: center;
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 175px;
    min-height: inherit;
    float: left;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
    clear: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    box-shadow: none;
    display: block;
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    width: 100% !important;
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }
  .clearing-assembled .clearing-container .carousel > ul li:hover {
    opacity: 0.8;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: transparent;
    overflow: hidden;
    height: 75%;
  }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}
.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem;
}
.dropdown.button:before, button.dropdown:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: white transparent transparent transparent;
  top: 50%;
}
.dropdown.button:before, button.dropdown:before {
  border-width: 0.375rem;
  right: 1.40625rem;
  margin-top: -0.15625rem;
}
.dropdown.button:before, button.dropdown:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 2.625rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-width: 0.375rem;
  right: 1.125rem;
  margin-top: -0.125rem;
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.small, button.dropdown.small {
  padding-right: 3.0625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
  border-width: 0.4375rem;
  right: 1.3125rem;
  margin-top: -0.15625rem;
}
.dropdown.button.small:before, button.dropdown.small:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.large, button.dropdown.large {
  padding-right: 3.625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
  border-width: 0.3125rem;
  right: 1.71875rem;
  margin-top: -0.15625rem;
}
.dropdown.button.large:before, button.dropdown.large:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.secondary:before, button.dropdown.secondary:before {
  border-color: #333333 transparent transparent transparent;
}

@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative;
}
.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0;
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
  display: none;
}
.slideshow-wrapper ul li:first-child {
  display: block;
}
.slideshow-wrapper .orbit-container {
  background-color: transparent;
}
.slideshow-wrapper .orbit-container li {
  display: block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
  display: block;
}
.slideshow-wrapper .preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555 #fff;
  border-radius: 1000px;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: transparent;
}
.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
}
.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
}
.orbit-container .orbit-slides-container.fade li {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
  -ms-transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}
.orbit-container .orbit-slides-container.fade li.animate-in {
  opacity: 1;
  z-index: 20;
  transition: opacity 500ms ease-in-out;
}
.orbit-container .orbit-slides-container.fade li.animate-out {
  z-index: 10;
  transition: opacity 500ms ease-in-out;
}
.orbit-container .orbit-slides-container.swipe-next li {
  -ms-transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}
.orbit-container .orbit-slides-container.swipe-next li.animate-in {
  -ms-transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 500ms;
}
.orbit-container .orbit-slides-container.swipe-next li.animate-out {
  -ms-transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
  transition-duration: 500ms;
}
.orbit-container .orbit-slides-container.swipe-prev li {
  -ms-transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}
.orbit-container .orbit-slides-container.swipe-prev li.animate-in {
  -ms-transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 500ms;
}
.orbit-container .orbit-slides-container.swipe-prev li.animate-out {
  -ms-transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
  transition-duration: 500ms;
}
.orbit-container .orbit-slides-container li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -ms-transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}
.orbit-container .orbit-slides-container li.active {
  opacity: 1;
  top: 0;
  left: 0;
  -ms-transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}
.orbit-container .orbit-slides-container li .orbit-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  width: 100%;
  padding: 0.71429rem;
  font-size: 0.875rem;
}
.orbit-container .orbit-slide-number {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: white;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: 0.3125rem;
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}
.orbit-container .orbit-timer .orbit-progress {
  display: none;
}
.orbit-container .orbit-timer > span {
  display: none;
  position: absolute;
  top: 0px;
  right: 0;
  width: 11px;
  height: 14px;
  border: solid 4px #fff;
  border-top: none;
  border-bottom: none;
}
.orbit-container .orbit-timer.paused > span {
  right: -4px;
  top: 0px;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-left-style: solid;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  border-color: transparent #fff transparent transparent;
}
.orbit-container .orbit-timer.paused > span.dark {
  border-color: transparent #333 transparent transparent;
}
.orbit-container:hover .orbit-timer > span {
  display: block;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  text-indent: -9999px !important;
  z-index: 10;
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
}
.orbit-container .orbit-prev {
  left: 0;
}
.orbit-container .orbit-prev > span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: white;
}
.orbit-container .orbit-prev:hover > span {
  border-right-color: #cccccc;
}
.orbit-container .orbit-next {
  right: 0;
}
.orbit-container .orbit-next > span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: white;
  left: 50%;
  margin-left: -4px;
}
.orbit-container .orbit-next:hover > span {
  border-left-color: #cccccc;
}
.orbit-container .orbit-bullets-container {
  text-align: center;
}
.orbit-container .orbit-bullets, .orbit-container .page-teaser__bullets, .orbit-container .slider__bullets, .orbit-container .slider_products__bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block;
}
.orbit-container .orbit-bullets li, .orbit-container .page-teaser__bullets li, .orbit-container .slider__bullets li, .orbit-container .slider_products__bullets li {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #999999;
  float: none;
  margin-right: 6px;
  border-radius: 1000px;
}
.orbit-container .orbit-bullets li.active, .orbit-container .page-teaser__bullets li.active, .orbit-container .slider__bullets li.active, .orbit-container .slider_products__bullets li.active {
  background: #222222;
}
.orbit-container .orbit-bullets li:last-child, .orbit-container .page-teaser__bullets li:last-child, .orbit-container .slider__bullets li:last-child, .orbit-container .slider_products__bullets li:last-child {
  margin-right: 0;
}

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none;
}
.touch .orbit-bullets, .touch .page-teaser__bullets, .touch .slider__bullets, .touch .slider_products__bullets {
  display: none;
}

@media only screen and (min-width: 48.063em) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit;
  }
  .touch .orbit-bullets, .touch .page-teaser__bullets, .touch .slider__bullets, .touch .slider_products__bullets {
    display: block;
  }
}
@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important;
  }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin-left: 0% !important;
    opacity: 1 !important;
    -ms-transform: none !important;
    transform: none !important;
    transition: none !important;
  }
  .orbit-stack-on-small .orbit-timer {
    display: none;
  }
  .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev {
    display: none;
  }
  .orbit-stack-on-small .orbit-bullets, .orbit-stack-on-small .page-teaser__bullets, .orbit-stack-on-small .slider__bullets, .orbit-stack-on-small .slider_products__bullets {
    display: none;
  }
}
.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 0.5rem;
  border: 1px solid #dddddd;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  background: #c8c8c8;
}
.range-slider.vertical-range {
  display: block;
  position: relative;
  width: 100%;
  height: 0.5rem;
  border: 1px solid #dddddd;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  display: inline-block;
  width: 1rem;
  height: 12.5rem;
}
.range-slider.vertical-range .range-slider-handle {
  margin-top: 0;
  margin-left: -0.34375rem;
  position: absolute;
  bottom: -11.125rem;
}
.range-slider.vertical-range .range-slider-active-segment {
  width: 0.375rem;
  height: auto;
  bottom: 0;
}
.range-slider.radius {
  background: #c8c8c8;
  border-radius: 0.1875rem;
}
.range-slider.radius .range-slider-handle {
  background: #c8c8c8;
  border-radius: 0.1875rem;
}
.range-slider.radius .range-slider-handle:hover {
  background: #c8c8c8;
}
.range-slider.round {
  background: #c8c8c8;
  border-radius: true;
}
.range-slider.round .range-slider-handle {
  background: #c8c8c8;
  border-radius: true;
}
.range-slider.round .range-slider-handle:hover {
  background: #c8c8c8;
}

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.375rem;
  background: #e5e5e5;
}

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.4375rem;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  background: #c8c8c8;
}
.range-slider-handle:hover {
  background: #c8c8c8;
}

.split.button {
  position: relative;
  padding-right: 5.0625rem;
}
.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}
.split.button span:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}
.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button span {
  width: 3.09375rem;
}
.split.button span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button span:before {
  border-color: white transparent transparent transparent;
}
.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:before {
  border-color: white transparent transparent transparent;
}
.split.button.alert span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.success span {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
  padding-right: 3.75rem;
}
.split.button.tiny span {
  width: 2.25rem;
}
.split.button.tiny span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.small {
  padding-right: 4.375rem;
}
.split.button.small span {
  width: 2.625rem;
}
.split.button.small span:before {
  border-top-style: solid;
  border-width: 0.4375rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.large {
  padding-right: 5.5rem;
}
.split.button.large span {
  width: 3.4375rem;
}
.split.button.large span:before {
  border-top-style: solid;
  border-width: 0.3125rem;
  top: 48%;
  margin-left: -0.375rem;
}
.split.button.expand {
  padding-left: 2rem;
}
.split.button.secondary span:before {
  border-color: #333333 transparent transparent transparent;
}
.split.button.radius span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.split.button.round span {
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333;
}
.has-tip:hover, .has-tip:focus {
  border-bottom: none;
  color: #008cba;
}
.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 1.3;
  padding: 0.5rem;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: black;
}
.tooltip > .nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent black transparent;
  top: -10px;
}
.tooltip > .nub.rtl {
  left: auto;
  right: 5px;
}
.tooltip.radius {
  border-radius: 3px;
}
.tooltip.round {
  border-radius: 1000px;
}
.tooltip.round > .nub {
  left: 2rem;
}
.tooltip.opened {
  color: #008cba !important;
  border-bottom: none !important;
}

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #888888;
  font-weight: normal;
}

@media only screen and (min-width: 48.063em) {
  .tooltip > .nub {
    border-color: transparent transparent black transparent;
    top: -10px;
  }
  .tooltip.tip-top > .nub {
    border-color: black transparent transparent transparent;
    top: auto;
    bottom: -10px;
  }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important;
  }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent black;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px;
  }
  .tooltip.tip-right > .nub {
    border-color: transparent black transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px;
  }
}
/*
BASE (MOBILE) SIZE
These are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.

IMPORTANT: All styles should be independent of each other. If you want to share or extend elements,
try to make them fit in a stylesheet in the shared folder since it will be imported first.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*
*   UTIL === HELPERS
*   MIXINS and % classes.
*   Can be imported in multiple files
*   Holds non-rendering classes or mixins. Do not place classes in here
*   since it can be imported multiple times.
*/
/*// use of keyframes mixin
@include keyframes(bgcolor) {
  0% {
    background-color: #ffccf2;
  }
  50% {
    background-color: #ccffcc;
  }
  100% {
    background-color: #ccffff;
  }
}*/
.page-teaser__item {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
  *zoom: 1;
}
.top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  content: " ";
  display: table;
}
.top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  clear: both;
}

.page, .blog-post {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

/**
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/*********************
GENERAL STYLES
*********************/
html {
  font-size: 100%;
}

body {
  line-height: 1.5;
  color: #3c3c3c;
  background: white;
  font-size: 0.75rem;
}

.body-wrapper {
  height: 100%;
}

h1,
.page-title {
  font-size: 1.5rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

a {
  text-decoration: none;
  color: #0096ff;
  transition: color 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.container {
  background-color: white;
}

#content-view {
  position: relative;
  transition: min-height 0.2s ease-out;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:48.063em)/";
  width: 48.063em;
}

.fluidbox {
  outline: none;
  cursor: pointer;
  cursor: -moz-zoom-in !important;
}
.fluidbox.fluidbox-opened {
  cursor: pointer;
  cursor: -moz-zoom-out !important;
}

.fluidbox-overlay {
  cursor: pointer;
  cursor: -moz-zoom-out !important;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: .25s ease-in-out;
}

.fluidbox-wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  transition: .25s ease-in-out;
}

.fluidbox-ghost {
  background-size: cover;
  background-position: center center;
  position: absolute;
  transition: .25s ease-in-out;
}

.icon-facebook-black {
  background-image: url("../../images/ui/svg/icon-facebook-black.svg");
  background-size: cover !important;
  width: 12px !important;
  height: 12px !important;
  padding: 10px !important;
}

.icon-linkedin-black {
  background-image: url("../../images/ui/svg/icon-linkedin-black.svg");
  background-size: cover !important;
  width: 12px !important;
  height: 12px !important;
  padding: 11px !important;
}

.icon-twitter-black {
  background-image: url("../../images/ui/svg/icon-twitter-black.svg");
  background-size: cover !important;
  width: 12px !important;
  height: 12px !important;
  padding: 11px !important;
}

.icon-mail-black {
  background-image: url("../../images/ui/svg/icon-mail-black.svg");
  background-size: cover !important;
  width: 12px !important;
  height: 12px !important;
  padding: 12px !important;
}

.icon-whatsapp-black {
  background-image: url("../../images/ui/svg/icon-whatsapp-black.svg");
  background-size: cover !important;
  width: 12px !important;
  height: 12px !important;
  padding: 11px !important;
}

.text-danger {
  color: #9b2423;
}

p.danger {
  color: #9b2423;
  text-align: center;
  font-weight: bold;
}

p.success {
  color: #14d645;
  text-align: center;
  font-weight: bold;
}

.adrianos-logo {
  background-size: 100%;
}

.data-table_actions {
  text-align: right;
}

/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: footer/_base
******************************************************************/
/*
*   UTIL === HELPERS
*   MIXINS and % classes.
*   Can be imported in multiple files
*   Holds non-rendering classes or mixins. Do not place classes in here
*   since it can be imported multiple times.
*/
/*// use of keyframes mixin
@include keyframes(bgcolor) {
  0% {
    background-color: #ffccf2;
  }
  50% {
    background-color: #ccffcc;
  }
  100% {
    background-color: #ccffff;
  }
}*/
.page-teaser__item {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
  *zoom: 1;
}
.top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  content: " ";
  display: table;
}
.top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  clear: both;
}

.page, .blog-post {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

/**
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
.site-footer {
  background: #282828;
  letter-spacing: 0.0625rem;
}
.site-footer .jvFloat .placeHolder {
  color: white;
}
.site-footer .newsletter-form__mail {
  margin-top: 0 !important;
}
.site-footer .newsletter-form__optional__actions {
  text-align: right;
}
.site-footer .newsletter-form__optional__actions .action, .site-footer .newsletter-form__optional__actions .checkout__footer .checkout__back, .checkout__footer .site-footer .newsletter-form__optional__actions .checkout__back {
  margin-top: 20px;
}

.site-footer__newsletter .placeHolder.active {
  display: none !important;
}

/******************************************************************
FOOTER BREADCRUMB NAVIGATION
******************************************************************/
.breadcrumbs_site-footer {
  margin-top: 0.625rem;
}

/******************************************************************
FOOTER CONTENT
******************************************************************/
.site-footer__content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  color: #8c8c8c;
}
.site-footer__content:before, .site-footer__content:after {
  content: " ";
  display: table;
}
.site-footer__content:after {
  clear: both;
}

.site-footer__area {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.site-footer__content-block {
  padding-top: 20px;
  padding-bottom: 20px;
}
.site-footer__content-block p:first-of-type {
  -webkit-margin-before: 0px;
          margin-block-start: 0px;
}

.site-footer__title {
  text-transform: uppercase;
  font-size: 0.6875rem;
  color: white;
  border-bottom: 2px solid #737373;
  padding-bottom: 0.625rem;
  margin-bottom: 1em;
}

.site-footer__address {
  font-style: normal;
}
.site-footer__address strong {
  font-style: italic !important;
  font-size: 0.875rem;
  color: white;
}

.site-footer__hours {
  *zoom: 1;
}
.site-footer__hours:before, .site-footer__hours:after {
  content: " ";
  display: table;
}
.site-footer__hours:after {
  clear: both;
}
.site-footer__hours .opening-hours__list {
  font-size: 0.8125rem;
  color: white;
  width: 100%;
}

/*
* Social Media
*/
.socialmedia-list li {
  display: inline-block;
}
.socialmedia-list li strong {
  font-family: proxima-nova, "Helvetica Neue", Helvetica, sans-serif;
}

.sm-link {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.1875rem;
  padding: 0.875rem;
}

/*
* Quick Access Menu / Sitemap
*/
.quickaccess-item {
  min-width: 38px;
  display: inline-block;
  padding: 0.3125rem 0;
  font-size: 0.875rem;
}

.quickaccess-item_root {
  text-transform: uppercase;
  color: white !important;
}

.site-footer__cart {
  position: relative;
}
.site-footer__cart .empty_cart {
  float: none;
}
.site-footer__cart .cart__items-header {
  display: none;
}
.site-footer__cart .cart__content {
  padding: 0;
  width: 100%;
}
.site-footer__cart .cart__item {
  border: 0;
}
.site-footer__cart .product__variant_cart,
.site-footer__cart .product__price_cart {
  display: none;
}
.site-footer__cart .cart__item td,
.site-footer__cart .cart__item th {
  padding-top: 0;
  padding-bottom: 0.3125rem;
}
.site-footer__cart .product__title_cart {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 0.75rem;
}
.site-footer__cart .product__title_cart a {
  color: #8c8c8c;
}
.site-footer__cart .product__image_cart {
  display: none;
}
.site-footer__cart .cart__summary {
  margin-top: 1.25rem;
}
.site-footer__cart .cart__actions,
.site-footer__cart .cart__summary {
  padding: 0;
  left: 0;
  width: 100%;
}
.site-footer__cart .product__amount-value_cart {
  width: auto;
  text-align: left;
  color: white;
  font-weight: 700;
}
.site-footer__cart .cart__remove {
  text-align: right;
  width: 1.875rem;
}
.site-footer__cart .product__price__currency,
.site-footer__cart .product__price__value {
  color: white;
}
.site-footer__cart .action_save-cart,
.site-footer__cart .action_continue-shopping {
  display: none;
}

/******************************************************************
FOOTER COPYRIGHT LINE
******************************************************************/
.site-footer__info {
  background: white;
  width: 100%;
  color: #8c8c8c;
}

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

.site-footer__copyright {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  padding-top: 0.625rem;
}

.site-footer__legal {
  height: 2.75rem;
  line-height: 2.75rem;
}

.site-footer__paymentinfo {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.payment-provider__icon {
  height: 100%;
  display: inline-block;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  height: 2.75rem;
  text-align: left;
  margin: 0 20px 0 0;
}

.payment-provider__text {
  display: inline-block;
  height: 2.75rem;
  text-align: center;
  padding: 0 20px 0 0;
  text-transform: uppercase;
}
.payment-provider__text small {
  font-size: 0.5rem;
  font-weight: normal;
  line-height: 0.5em;
  display: block;
}

.site-footer__label {
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin: 0;
}

.site-footer .payment-providers {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.site-footer .payment-providers li {
  display: inline-block;
  height: 2.75rem;
  margin: 0;
  padding: 0;
}

.site-footer .icon-mastercard {
  width: 40px;
  background-size: 40px;
}

.site-footer .icon-visa {
  width: 54px;
  background-size: 54px;
}

.site-footer .icon-postfinance {
  width: 82px;
  background-size: 82px;
}

.site-footer .icon-twint {
  width: 68px;
  background-size: 68px;
}

.site-footer .icon-swisspost {
  width: 70px;
  background-size: 70px;
}

.site-footer .icon-velokurier {
  width: 101px;
  background-size: 101px;
}

@media only screen and (min-width: 535px) and (max-width: 1424px) {
  .site-footer__copyright {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    display: table;
  }

  .site-footer__paymentinfo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    display: table;
    height: 2.75rem;
    text-align: left;
  }

  .site-footer__info-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
  }
  .site-footer__info-content:before, .site-footer__info-content:after {
    content: " ";
    display: table;
  }
  .site-footer__info-content:after {
    clear: both;
  }

  .footer-group {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    margin-top: 15px;
    padding-left: 0;
  }

  .site-footer__paymentinfo > p,
  .site-footer__paymentinfo > ul {
    display: inline-block;
    vertical-align: middle;
    overflow-y: hidden;
  }

  .site-footer__paymentinfo li {
    float: left;
  }

  .payment-provider__text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1425px) {
  .footer-group {
    display: inline-block;
    width: auto;
    padding: 0;
    height: 2.75rem;
  }
  .footer-group:not(:first-of-type) {
    margin-left: 20px;
  }

  .site-footer__copyright {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    display: table;
  }

  .site-footer .payment-providers {
    *zoom: 1;
    height: 2.75rem;
    display: inline-block;
  }
  .site-footer .payment-providers:before, .site-footer .payment-providers:after {
    content: " ";
    display: table;
  }
  .site-footer .payment-providers:after {
    clear: both;
  }

  .site-footer__paymentinfo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    display: table;
    height: 2.75rem;
    line-height: 0;
    text-align: right;
  }

  .site-footer__paymentinfo > p,
  .site-footer__paymentinfo > ul {
    display: inline-block;
    vertical-align: middle;
    overflow-y: hidden;
  }

  .site-footer__paymentinfo li {
    float: left;
  }

  .site-footer__label {
    margin: 0 10px 0 0;
    height: 2.75rem;
    line-height: 2.75rem;
    float: left;
  }

  .payment-provider__text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 1.2;
  }

  .payment-provider__icon {
    margin: 0 10px;
  }
}
/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  forms/base
******************************************************************/
input,
textarea,
select {
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #8c8c8c;
  padding: 8px 20px;
  font-size: 1.0625rem;
  line-height: 1.3em;
  color: #282828;
  border-radius: 0.2rem;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #0096ff;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  /* WebKit browsers */
  font-family: "proxima-nova", sans-serif;
  color: #8c8c8c;
  font-size: 1em;
  line-height: 1.3em;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: "proxima-nova", sans-serif;
  color: #8c8c8c;
  font-size: 1em;
  line-height: 1.3em;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: "proxima-nova", sans-serif;
  color: #8c8c8c;
  font-size: 1em;
  line-height: 1.3em;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-family: "proxima-nova", sans-serif;
  color: #8c8c8c;
  font-size: 1em;
  line-height: 1.3em;
}

.boilerplate input {
  width: 100%;
}

select {
  -webkit-appearance: none;
  background-position: right;
  line-height: 1.25rem;
}
select.icon-dropdown {
  border-right: 0;
}

input {
  line-height: 1.0625rem;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0.1875rem 20px 0.1875rem 0;
  vertical-align: text-bottom;
}

label {
  font-size: 0.875rem;
}

.float-label-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .float-label-form textarea, .float-label-form select {
  margin-top: 1em;
}
.float-label-form table input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .float-label-form table textarea, .float-label-form table select {
  margin-top: 0;
}

table .jvFloat .placeHolder.active {
  display: none;
}

.float-label-form label:not(.placeHolder):not(.force-show-label):not(.checkbox-label) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.error-summary {
  color: #ff4646;
}

label.error {
  font-family: "proxima-nova", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  width: auto;
  color: #ff4646;
  font-size: .8em;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: transform 150ms, opacity 100ms, visibility 100ms;
  opacity: 0;
  visibility: hidden;
  display: block;
  visibility: visible;
  -ms-transform: translate(0, -1em);
  transform: translate(0, -1em);
  transition: transform 100ms, opacity 120ms, visibility 120ms;
  opacity: 1;
}

.product__header .jvFloat .placeHolder.active,
.product__header .jvFloat label.error {
  -ms-transform: translate(0, -4.2em);
      transform: translate(0, -4.2em);
}

.product__header.float-label-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.product__header.float-label-form textarea,
.product__header.float-label-form select {
  margin-top: 1.4em !important;
}

input.error {
  outline-color: #ff4646;
  outline-offset: -2px;
  outline-style: solid;
  outline-width: 5px;
  border-color: #ff4646;
}

.account-data form .form-footer {
  margin-top: 1em;
}

.single-option-chooser {
  *zoom: 1;
}
.single-option-chooser:before, .single-option-chooser:after {
  content: " ";
  display: table;
}
.single-option-chooser:after {
  clear: both;
}

.single-option-chooser legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  margin: 0;
}

fieldset.single-option-chooser {
  border: 0;
  padding: 0;
  margin: 0;
}

.single-option-chooser input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.single-option-chooser input[type="radio"]:not(:checked) + label {
  cursor: pointer;
}

.single-option-chooser input[type="radio"] + label {
  transition: text-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  content: '';
  display: inline-block;
  background: transparent;
  border: 1px solid #b4b4b4;
  min-width: 44px;
  min-height: 34px;
  font-size: 1em;
  padding: 0.5em;
  border-radius: 0.2rem;
}
.single-option-chooser input[type="radio"] + label:focus {
  outline: none;
  text-shadow: 0 0 8px rgba(0, 150, 255, 0.6);
  color: #0096ff;
}

.single-option-chooser input[type="radio"]:checked + label {
  color: white;
  background-color: #3c3c3c;
  border-color: #3c3c3c;
  box-shadow: none;
}
.single-option-chooser input[type="radio"]:checked + label:focus {
  color: white;
  text-shadow: none;
}

.single-option-chooser__item {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}

.single-option-chooser__item:not(:first-of-type) input[type="radio"] + label {
  border-left: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.single-option-chooser__item:first-of-type input[type="radio"] + label {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.single-option-chooser__item:not(:first-of-type):not(:last-of-type) input[type="radio"] + label {
  border-radius: 0;
}

/******************************************************************
ADDITIONS
******************************************************************/
/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: https://github.com/maman/JVFloat.js

Stylesheet:  forms/JVForms/base
Provides styles for JVForm labels aka "Float Labels"
form placeholders
******************************************************************/
/*
 * Default jvFloat theme.
 * modify it as you wish!
 */
.jvFloat {
  position: relative;
  display: inline-block;
  margin-top: 1.5em;
  width: 100%;
  padding: 0;
}

.site-footer .jvFloat {
  margin-top: 0;
}

.cart__wrapper .jvFloat {
  margin-top: 0;
}

.cart__wrapper .jvFloat {
  margin-top: 0;
}

.adjust_timebreak .jvFloat {
  width: auto;
  margin: 0;
}

.adjust_timebreak .placeHolder {
  display: none !important;
}

.jvFloat .placeHolder.required {
  color: #8c8c8c;
}

/* Start CSS3 Animations on supported browser */
.jvFloat .placeHolder {
  font-family: "proxima-nova", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  color: #8c8c8c;
  font-size: .8em;
  font-weight: 400;
  -ms-transform: translateY(-1em);
      transform: translateY(-1em);
  transition: transform 150ms, opacity 100ms, visibility 100ms;
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

/*Allows textarea floating placeholder to be positioned distinctly from the normal .placeHolder class
 * This is required when working with Multiline text areas
 */
.jvFloat .placeHolder.textarea {
  /*top: 0px;*/
}

.jvFloat .placeHolder.active {
  display: block;
  visibility: visible;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: transform 100ms, opacity 120ms, visibility 120ms;
  opacity: 1;
}

/* End CSS3 */
/* Legacy browser */
/*.jvFloat .placeHolder {
	position: absolute;
	top: -1em;
	left: 0;
	color: #0c61fc;
	font-size: .85em;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
}
.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	opacity: 1;
}*/
/* End Legacy */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

/**
  Base
*/
.adjustable_active [data-adjust-for] {
  display: none;
}

.adjustable_active .adjustable__show,
.adjustable_active .adjustable__edit {
  display: none;
}

.adjustable_active .adjustable__show_active,
.adjustable_active .adjustable__edit_active {
  display: block;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 10px;
  background: #b3b3b3;
  height: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
  color: #b3b3b3;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  opacity: .4;
}

.rangeslider__fill {
  background: currentColor;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 12px;
  position: absolute;
  border-radius: 50%;
  top: -15px;
  background-color: rgba(103, 103, 103, 0);
  transition: background-color 0.1s ease-in-out;
  color: #676767;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: currentColor;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-color: rgba(103, 103, 103, 0.2);
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  outline: none;
  box-shadow: 0px 0px 5px #0096FF;
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  forms/newsletter/base
******************************************************************/
.newsletter-form {
  position: relative;
}
.newsletter-form input {
  width: 100%;
  border: 0;
}

.newsletter-form_subscribed button {
  background-color: #14d645;
}

.newsletter-form__message-done,
.newsletter-form_optional {
  opacity: 0;
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.newsletter-form_optional_visible {
  opacity: 1;
  display: block;
  max-height: 400px;
}

.newsletter-form__message-done_visible {
  max-height: 80px;
  opacity: 1;
  display: block;
}

/******************************************************************
WEBSITE HEADER WITH LOGO
******************************************************************/
/******************************************************************
Site Name:  Adrianos Bar & Café
Author: rene@whatwedo.ch

Stylesheet:  shared/messages/base
******************************************************************/
.message-info {
  color: white;
  background: #282828;
  border: 1px solid white;
  padding: 0.625rem 0;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0 0 0 2px #282828;
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  max-width: 11.5625rem;
  text-align: center;
  font-size: 1rem;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.message-info span {
  display: inline-block;
  width: 100%;
  color: white;
  letter-spacing: 0.0625rem;
}
.message-info .icon-questions {
  margin: 0.5rem auto 0.3125rem;
}

.message-info_wide {
  *zoom: 1;
  max-width: none;
  position: relative;
  overflow: hidden;
}
.message-info_wide:before, .message-info_wide:after {
  content: " ";
  display: table;
}
.message-info_wide:after {
  clear: both;
}
.message-info_wide .message-content,
.message-info_wide .icon-questions {
  float: left;
}
.message-info_wide .icon-questions {
  width: 46%;
  background-position: right;
}
.message-info_wide .message-content {
  position: absolute;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  text-align: left;
  left: 50%;
}
.message-info_wide .message-content a, .message-info_wide .message-content span {
  display: inline-block;
}

.message-notification {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  background: rgba(0, 150, 255, 0.9);
  color: white;
  z-index: 900;
  padding: 10px 40px 10px 40px;
  text-align: left;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  min-height: 40px;
  letter-spacing: 0.05em;
}

.message-notification_trust {
  background: rgba(234, 234, 236, 0.9);
  color: #8D9396;
  display: none;
  letter-spacing: 0.2em;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}

.message-notification_trust a,
.message-notification_trust a:visited {
  color: #8D9396;
}

.message-close {
  background: none;
  border: 0;
  text-indent: -9999px;
  height: 38px;
  width: 38px;
  background-size: 15px 15px;
  background-position: center;
  right: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.icon-questions {
  height: 3.375rem;
  width: 6.75rem;
  background-size: 6.75rem;
}

/*
*   UTIL === HELPERS
*   MIXINS and % classes.
*   Can be imported in multiple files
*   Holds non-rendering classes or mixins. Do not place classes in here
*   since it can be imported multiple times.
*/
/*// use of keyframes mixin
@include keyframes(bgcolor) {
  0% {
    background-color: #ffccf2;
  }
  50% {
    background-color: #ccffcc;
  }
  100% {
    background-color: #ccffff;
  }
}*/
.page-teaser__item {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
  *zoom: 1;
}
.top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  content: " ";
  display: table;
}
.top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  clear: both;
}

.page, .blog-post {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

/**
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
.container {
  transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
  padding-top: 1px;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.8);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.site-nav-trigger__icon {
  height: 30px;
  width: 30px;
  fill: black;
  display: inline-block;
}

.site-nav-trigger__text {
  display: inline-block;
}

.button_site-nav-trigger {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
  z-index: 90;
  border: 0;
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  background-size: 1.4375rem;
  background-position: center;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}
.button_site-nav-trigger:hover .site-nav-trigger__icon, .button_site-nav-trigger:focus .site-nav-trigger__icon, .button_site-nav-trigger.hover .site-nav-trigger__icon {
  fill: black;
}

/******************************************************************
SITE NAVIGATION
******************************************************************/
.site-nav {
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  outline: 0;
  background-color: #282828;
  /*  margin: 0 $margins;
  padding: rem-calc($paddingTop-page - $touch-area) 0;
  position: fixed;
  top: rem-calc($paddingTop-page + $height-whatwedo-logo-default); */
}

.site-nav__container {
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.site-nav-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 600;
}

.site-nav__header {
  text-align: center;
}

.site-nav-visible .site-nav-overlay, .site-nav:focus ~ .site-nav-overlay {
  left: 280px;
  z-index: 900;
}

.site-nav-visible {
  display: block;
}
.site-nav-visible .container {
  -ms-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
}
.site-nav-visible .site-nav-overlay {
  display: block;
}

.site-nav-transition .container {
  left: 0;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 800;
}
.site-nav-transition .site-nav__container {
  display: block;
  width: 280px;
}

.adrianos-logo_site-nav {
  display: block;
  width: 7.9375rem;
  background-position: 0 -2.5625rem;
  height: 1.3125rem;
  margin: 1.875rem auto;
}

.site-nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.site-nav-list_subtree-open > .site-nav-list__item_back, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu .site-nav-list_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu .site-nav-list_child {
  height: auto !important;
  opacity: 1 !important;
  display: block !important;
}

.site-nav-list_subtree-open > .site-nav-list__item {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.site-nav-list__item {
  border-bottom: 1px solid #8c8c8c;
}
.site-nav-list__item:first-child {
  border-top: 1px solid #8c8c8c;
}
.site-nav-list__item:last-child {
  border-bottom: 0;
}

.site-nav-list__item_root:first-child {
  border-top: 1px solid #8c8c8c;
}

.list__item-btn-y {
  display: block;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  color: white;
  text-decoration: none;
}
.list__item-btn-y:visited {
  color: white;
}
.list__item-btn-y:hover, .list__item-btn-y:focus, .list__item-btn-y.hover {
  color: rgba(255, 255, 255, 0.6);
}

.list__item-btn-y_parent {
  font-size: 1.25rem;
}

.list__item-btn-y_child {
  font-size: 1rem;
  color: #c8c8c8;
}
.list__item-btn-y_child:visited {
  color: #c8c8c8;
}

.site-nav-list_child {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.site-nav-list__item_active {
  height: auto !important;
  opacity: 1 !important;
}
.site-nav-list__item_active > .list__item-btn-y {
  background-color: #8c8c8c;
}
.site-nav-list__item_active > .site-nav-list_child,
.site-nav-list__item_active > .site-nav__submenu > .site-nav-list_child {
  height: auto !important;
  opacity: 1 !important;
}

.site-nav-list__item_back {
  display: none;
}
.site-nav-list__item_back .site-nav-list__item_back,
.site-nav-list__item_back a {
  color: #c8c8c8;
}

.site-nav-list__item_additional {
  text-align: center;
}
.site-nav-list__item_additional a {
  font-size: 1rem;
  color: #c8c8c8 !important;
  display: inline-block;
}

.nav-popout {
  /*
  @include transition((
    //height 0.1s ease-out,
    all 0.1s ease-out
  ));*/
}

/******************************************************************
SITE NAVIGATION DESKTOP/MOUSE
******************************************************************/
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu:after, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu:after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  height: 1px;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0 0 1.25rem 0.625rem rgba(0, 0, 0, 0.3);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  width: 100%;
}
.is-desktop .site-nav-list__item_additional {
  display: none !important;
}
.is-desktop .site-nav {
  font-size: 0.625rem;
  position: absolute;
  top: 8.75rem;
  margin-top: 1px;
  left: 0;
  right: 0;
  width: 100%;
  bottom: auto;
  text-align: center;
  background-color: transparent;
  height: 1.25rem;
  z-index: 995;
  /*  margin: 0 $margins;
  padding: rem-calc($paddingTop-page - $touch-area) 0;
  position: fixed;
  top: rem-calc($paddingTop-page + $height-whatwedo-logo-default); */
}
.is-desktop .site-nav__container {
  display: block;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.is-desktop .site-nav-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 0;
}
.is-desktop .site-nav__header {
  text-align: center;
  display: none;
}
.is-desktop .site-nav-visible .site-nav-overlay, .is-desktop .site-nav:focus ~ .site-nav-overlay {
  left: 0;
  z-index: 0;
}
.is-desktop .site-nav-visible .site-nav-overlay {
  display: none;
}
.is-desktop .site-nav-transition .container {
  left: 0;
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
  z-index: 0;
}
.is-desktop .site-nav-transition .site-nav__container {
  display: block;
  width: 280px;
}
.is-desktop .adrianos-logo_site-nav {
  display: none;
}
.is-desktop .site-nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
}
.is-desktop .site-nav-list_subtree-open > .site-nav-list__item_back, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu .site-nav-list_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu .site-nav-list_child {
  height: auto !important;
  opacity: 1 !important;
  display: block !important;
}
.is-desktop .site-nav-list_subtree-open > .site-nav-list__item_back {
  display: none;
}
.is-desktop .site-nav-list_subtree-open > .site-nav-list__item {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.is-desktop .site-nav-list__item {
  border: 0;
  display: inline-block;
}
.is-desktop .site-nav__submenu {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-out 0.5s;
}
.is-desktop .site-nav-list__item_root {
  padding: 0 1rem;
  height: 1.25rem;
  line-height: 1.25rem;
  cursor: pointer;
  transition: opacity 0.1s ease-out 0.5s;
}
.is-desktop .site-nav-list__item_root > * {
  line-height: 1.3;
}
.is-desktop .site-nav-list__item_root > .list__item-btn-y {
  height: 1.25rem;
  line-height: 1.25rem;
}
.is-desktop .site-nav-list__item_root.site-nav-list__item_active, .is-desktop .site-nav-list__item_root:hover, .is-desktop .site-nav-list__item_root.hover {
  border-bottom: 4px solid #282828;
  height: 2.5rem !important;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu {
  visibility: visible;
  display: block;
  background: white;
  top: 1.25rem;
  margin-top: 1px;
  opacity: 1;
  text-align: left;
  padding: 1.25rem 0;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu .site-nav-list_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu .site-nav-list_child {
  overflow: visible;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child:before, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child:after, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child:before, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child:after {
  content: " ";
  display: table;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child:after, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child:after {
  clear: both;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 16.66667%;
  float: left;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:first-child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:first-child {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 16.66667%;
  float: left;
  margin-left: 8.33333% !important;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:last-child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:last-child {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 16.66667%;
  float: right;
  float: left;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child {
  font-size: 0.8125rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child .site-nav-list__item_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child .site-nav-list__item_child {
  width: 100%;
}
.is-desktop .list__item-btn-y {
  display: inline-block;
  height: auto;
  line-height: 1rem;
  text-align: left;
  color: #3c3c3c;
}
.is-desktop .list__item-btn-y:visited {
  color: #3c3c3c;
}
.is-desktop .list__item-btn-y:hover, .is-desktop .list__item-btn-y.hover, .is-desktop .list__item-btn-y:focus {
  color: rgba(60, 60, 60, 0.6);
}
.is-desktop .list__item-btn-y_parent {
  font-size: 0.875rem;
}
.is-desktop .list__item-btn-y_parent:hover, .is-desktop .list__item-btn-y_parent.hover {
  color: #3c3c3c;
}
.is-desktop .list__item-btn-y_child {
  font-size: 0.8125rem;
  margin-bottom: 0.625rem;
  color: #3c3c3c;
}
.is-desktop .list__item-btn-y_child:visited {
  color: #3c3c3c;
}
.is-desktop .site-nav-list__item_active {
  opacity: 1 !important;
}
.is-desktop .site-nav-list__item_active > .list__item-btn-y {
  background-color: transparent;
}
.is-desktop .site-nav-list__item_active > .site-nav-list_child,
.is-desktop .site-nav-list__item_active > .site-nav__submenu > .site-nav-list_child {
  height: auto;
  opacity: 1;
}
.is-desktop .site-nav-list__item_back {
  display: none;
}
.is-desktop .site-nav-list__item_single {
  position: relative;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  background: transparent !important;
  padding: 0;
  transition: opacity 0.1s ease-out 0.5s;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu:before, .is-desktop .site-nav-list__item_single:hover > .site-nav__submenu:after, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu:before, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu:after {
  content: " ";
  display: table;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu:after, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu:after {
  clear: both;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu:after, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu:after {
  display: none;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 16.66667%;
  float: right;
  float: left;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-top: 1px;
  background-color: white;
  width: 11.25rem;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0 0.3125rem 1.25rem 0.125rem rgba(0, 0, 0, 0.3);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:first-child, .is-desktop .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:last-child, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:first-child, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child:last-child {
  width: 100%;
  padding: 0;
  margin: 0 !important;
}
.is-desktop .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child {
  text-transform: none;
  margin-bottom: 0.3125rem;
  font-size: 0.8125rem;
}

/******************************************************************
SITE NAVIGATION STICKY
******************************************************************/
.is-desktop.site-nav-sticky {
  /*
  $width-SiteNav-open: 280px;
  $backgroundColor-SiteNav: transparent;
  $color-SiteNav-links: $color-25;
  $color-SiteNav-sublinks: $color-25;
  $fontSize-SiteNav-parent: 12px;
  $fontSize-SiteNav-child: 11px;
  $border-SiteNav-items: 1px solid $color-20;
  $backgroundColor-SiteNav-item-active: $color-20;
  $padding-submenu: 20px;
  $backgroundColor-submenu: white;*/
}
.is-desktop.site-nav-sticky .site-nav__submenu {
  margin-top: 0 !important;
}
.is-desktop.site-nav-sticky .site-nav-list__item_single:hover > .site-nav__submenu > .site-nav-list_child, .is-desktop.site-nav-sticky .site-nav-list__item_single.hover > .site-nav__submenu > .site-nav-list_child {
  margin-top: 0 !important;
}
.is-desktop.site-nav-sticky .site-nav {
  /*    @include transition((
          height 0.1s ease-out,
          opacity 0.2s ease-out
      ));*/
  position: fixed;
  top: 2.5rem;
  background-color: white;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  height: 0;
}

.is-desktop.site-nav-sticky__visible .site-nav {
  height: 1.25rem;
  border-bottom: 1px solid #b4b4b4;
}

.is-desktop.site-nav-sticky__transition .top-bar {
  border-bottom: 0;
}
.is-desktop.site-nav-sticky__transition .site-nav {
  border-bottom: 1px solid #b4b4b4;
  opacity: 1;
}

/******************************************************************
WEBSITE HEADER WITH LOGO
******************************************************************/
.website-header {
  margin-top: 3.75rem;
}

.website-title {
  margin: 0;
  padding: 0;
  text-align: center;
  height: 100%;
}

.adrianos-logo_header {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: 0.5rem auto;
  height: 1.5rem;
  max-width: 8.75rem;
  width: 8.75rem;
  background-position: bottom;
  background-size: auto 4.375rem;
}

.home .website-header {
  margin-top: 3.75rem;
  height: 5rem;
}
.home .adrianos-logo_header {
  display: inline-block;
  position: static;
  height: 100%;
  z-index: 1;
  width: 12.5rem;
  background-position: center;
  margin: 0;
  top: 0;
  max-width: none;
}
.home.top-bar_logo .adrianos-logo_header {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: 0.5rem auto;
  height: 1.5rem;
  background-position: bottom;
  max-width: 8.75rem;
}

/******************************************************************
SECTION NAVIGATION
******************************************************************/
.section-nav {
  display: none;
}

/******************************************************************
TOP BAR
******************************************************************/
.search-trigger_top-bar, .login-link_top-bar, .cart-link_top-bar {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  width: 2.5rem;
  background-size: 16px;
  background-position: center;
}

.top-bar {
  height: 2.5rem;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  border-bottom: 1px solid #b4b4b4;
  color: #8c8c8c;
  letter-spacing: 0.0625rem;
  transition: opacity 0.2s ease-in-out;
}
.top-bar a, .top-bar a:link, .top-bar a:visited {
  color: #8c8c8c;
}

.top-bar__items {
  height: 100%;
  display: inline-block;
}

.top-bar__items_navigation {
  float: left;
}

.top-bar__items_user {
  float: right;
}

.top-bar__item {
  display: inline-block;
  height: 100%;
  float: left;
}

.faq-link {
  display: none;
}

.cart-link_top-bar .cart_counter {
  text-indent: 0;
  white-space: normal;
  overflow: visible;
}
.cart-link_top-bar .text-cart {
  display: none;
}
.cart-link_top-bar .pipe-counter-cart {
  font-family: "proxima-nova";
  top: 25%;
  position: relative;
}

.cart-link_top-bar {
  text-indent: 0;
  white-space: normal;
  overflow: visible;
  background-position: left;
  padding-left: 24px;
  width: auto;
  margin: 0 0.3125rem;
}

/******************************************************************
BREADCRUMBS
******************************************************************/
.breadcrumbs {
  display: none;
}

/******************************************************************
LINKS & BUTTONS
******************************************************************/
.action, .checkout__footer .checkout__back {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: #282828;
  border-color: #3e3e3e;
  color: white;
  padding: 0.9em 1.7em 0.8em 1.7em;
  text-transform: uppercase;
  border: 2px solid transparent;
  border-radius: 2px;
  letter-spacing: 0.0625rem;
  padding: 0.9em 1.7em 0.8em 1.7em;
  border: 2px solid transparent;
}
.action:hover, .checkout__footer .checkout__back:hover, .action:focus, .checkout__footer .checkout__back:focus {
  background-color: #3e3e3e;
}
.action:hover, .checkout__footer .checkout__back:hover, .action:focus, .checkout__footer .checkout__back:focus {
  color: white;
}
.action:focus, .checkout__footer .checkout__back:focus {
  background-color: #282828;
}
.action:hover, .checkout__footer .checkout__back:hover, .action:focus, .checkout__footer .checkout__back:focus, .action.hover, .checkout__footer .hover.checkout__back {
  outline: 0;
}

.action_secondary {
  background-color: transparent;
  border-color: #282828;
  color: #282828;
}

.link-action {
  color: #0096ff;
  transition: color 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: none;
  border: none;
  outline: none;
  padding: 0.625rem;
}

.remove-action {
  text-indent: -9999px;
  text-align: left;
  min-height: 0.875rem;
  min-width: 0.875rem;
  display: inline-block;
  overflow: hidden;
  background-position: center;
  background-color: transparent;
  border: 0;
}

.link-action.action_destroy {
  color: red;
}

.action.action_destroy, .checkout__footer .action_destroy.checkout__back {
  background-color: red;
  color: white;
}

.action_secondary.action_destroy {
  border-color: red;
  color: red;
}

.primary-action, .popover_cart a.action, .popover_cart .checkout__footer a.checkout__back, .checkout__footer .popover_cart a.checkout__back, .site-footer__cart a.action, .site-footer__cart .checkout__footer a.checkout__back, .checkout__footer .site-footer__cart a.checkout__back {
  background-color: #0096ff;
}
.primary-action:hover, .popover_cart a.action:hover, .popover_cart .checkout__footer a.checkout__back:hover, .checkout__footer .popover_cart a.checkout__back:hover, .site-footer__cart a.action:hover, .site-footer__cart .checkout__footer a.checkout__back:hover, .checkout__footer .site-footer__cart a.checkout__back:hover, .primary-action:focus, .popover_cart a.action:focus, .popover_cart .checkout__footer a.checkout__back:focus, .checkout__footer .popover_cart a.checkout__back:focus, .site-footer__cart a.action:focus, .site-footer__cart .checkout__footer a.checkout__back:focus, .checkout__footer .site-footer__cart a.checkout__back:focus, .primary-action.hover, .popover_cart a.hover.action, .popover_cart .checkout__footer a.hover.checkout__back, .checkout__footer .popover_cart a.hover.checkout__back, .site-footer__cart a.hover.action, .site-footer__cart .checkout__footer a.hover.checkout__back, .checkout__footer .site-footer__cart a.hover.checkout__back {
  background-color: #33abff;
}

.inline-action {
  background-color: #8c8c8c;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: 200%;
  width: 50px;
  overflow: hidden;
  border: 0;
  border-radius: 0px 3px 3px 0px;
  background-position: center;
}

.floating-action {
  background-color: rgba(40, 40, 40, 0.85);
  text-indent: -9999px;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background-size: 14px;
  background-position: center;
  border: 0;
}

.expand-action {
  border: 1px solid #b4b4b4;
  display: inline-block;
  height: 2.5rem;
  line-height: 2.375rem;
  color: #8c8c8c;
  font-size: 0.375rem;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
  position: relative;
  padding: 0 0.625rem;
  /*
  &:after,
  &:before {
    border-bottom: rem-calc($height / 2) solid transparent;
    border-left: rem-calc($height / 2) solid white;
    border-top: rem-calc($height / 2) solid transparent;
    content: '';
    position: absolute;
    right: -(rem-calc($height / 2));
    top: 0;
    z-index: 2;
  }

  &:before {
    border-bottom: rem-calc($height / 2 + 3) solid transparent;
    border-left: rem-calc($height / 2 + 3) solid;
    border-top: rem-calc($height / 2 + 3) solid transparent;
    border-left-color: $border-color;
    right: -(rem-calc($height / 2 + 3));
    top: -(rem-calc(3px));
    z-index: 1;
  }*/
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  navigation/loading/base
******************************************************************/
.loader_page {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 70px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loading-overlay {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.17s ease-in-out;
}

.loading-overlay_page {
  position: absolute;
}
.loading-overlay_page .loader_page {
  top: 440px;
}

.loader_form {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  fill: #FFF;
  opacity: 0;
}

.st0 {
  display: none;
}

.st1 {
  display: inline;
  opacity: 0;
}

@keyframes start-drink {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  21% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes drink {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 1;
  }

  11% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.wf-loading #fill-100,
.loading-view #fill-100,
.loading-page-content #fill-100,
.loading-cart #fill-100,
.checkout__auth_validate-email #fill-100 {
  animation: drink 2s infinite;
}
.wf-loading #fill-80,
.loading-view #fill-80,
.loading-page-content #fill-80,
.loading-cart #fill-80,
.checkout__auth_validate-email #fill-80 {
  animation: drink 2s 0.2s infinite;
  content: "1";
}
.wf-loading #fill-70,
.loading-view #fill-70,
.loading-page-content #fill-70,
.loading-cart #fill-70,
.checkout__auth_validate-email #fill-70 {
  animation: drink 2s 0.4s infinite;
  content: "2";
}
.wf-loading #fill-60,
.loading-view #fill-60,
.loading-page-content #fill-60,
.loading-cart #fill-60,
.checkout__auth_validate-email #fill-60 {
  animation: drink 2s 0.6s infinite;
  content: "3";
}
.wf-loading #fill-50,
.loading-view #fill-50,
.loading-page-content #fill-50,
.loading-cart #fill-50,
.checkout__auth_validate-email #fill-50 {
  animation: drink 2s 0.8s infinite;
  content: "4";
}
.wf-loading #fill-40,
.loading-view #fill-40,
.loading-page-content #fill-40,
.loading-cart #fill-40,
.checkout__auth_validate-email #fill-40 {
  animation: drink 2s 1s infinite;
  content: "5";
}
.wf-loading #fill-30,
.loading-view #fill-30,
.loading-page-content #fill-30,
.loading-cart #fill-30,
.checkout__auth_validate-email #fill-30 {
  animation: drink 2s 1.2s infinite;
  content: "6";
}
.wf-loading #fill-20,
.loading-view #fill-20,
.loading-page-content #fill-20,
.loading-cart #fill-20,
.checkout__auth_validate-email #fill-20 {
  animation: drink 2s 1.4s infinite;
  content: "7";
}
.wf-loading #fill-10,
.loading-view #fill-10,
.loading-page-content #fill-10,
.loading-cart #fill-10,
.checkout__auth_validate-email #fill-10 {
  animation: drink 2s 1.6s infinite;
  content: "8";
}

.loading-overlay_cart-footer {
  position: absolute;
}

.js.wf-loading #content-loading,
.loading-view #content-loading {
  z-index: 1112;
  opacity: 1;
}

.loading-page-content #page-loading {
  z-index: 995;
  opacity: 1;
}

/**
 * Skeleton Loading
 */
img[src$="placeholder-shop.png"] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f7f7f7;
  background-repeat: no-repeat;
  background-size: 200%;
  background-image: linear-gradient(to right, #f7f7f7 0%, #f3f3f3 20%, #f7f7f7 40%, #f7f7f7 100%);
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes prideShimmer {
  from {
    background-position: top left;
  }

  to {
    background-position: top right;
  }
}

/*
*   UTIL === HELPERS
*   MIXINS and % classes.
*   Can be imported in multiple files
*   Holds non-rendering classes or mixins. Do not place classes in here
*   since it can be imported multiple times.
*/
/*// use of keyframes mixin
@include keyframes(bgcolor) {
  0% {
    background-color: #ffccf2;
  }
  50% {
    background-color: #ccffcc;
  }
  100% {
    background-color: #ccffff;
  }
}*/
.page-teaser__item {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
  *zoom: 1;
}
.top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  content: " ";
  display: table;
}
.top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  clear: both;
}

.page, .blog-post {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

/**
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/*
* See global.scss for slider background colors
*/
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

.sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th {
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0.625rem 0;
  color: #8c8c8c;
  letter-spacing: 0.0625rem;
}

a.sub:hover, .accordion dd > a:hover, a.product__sub:hover {
  color: #595959;
}

.page__header {
  text-align: center;
  margin-bottom: 0;
}

/*********************
TEASER
*********************/
.page, .blog-post {
  padding-bottom: 1.25rem;
  max-width: 33.75rem;
  *zoom: 1;
}
.page:before, .blog-post:before, .page:after, .blog-post:after {
  content: " ";
  display: table;
}
.page:after, .blog-post:after {
  clear: both;
}
.page:after, .blog-post:after {
  border-bottom: 1px solid #b4b4b4;
  content: "";
  display: block;
  margin-top: 1.875rem;
}
.page:last-child:after, .blog-post:last-child:after {
  display: none;
}

.page .page__title, .blog-post .page__title {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.page__title {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
}

.page_gallery .page__title {
  text-align: center;
}

.page-teaser {
  height: 17.8125rem;
  background-color: #888;
  position: relative;
}
.page-teaser .orbit-bullets-container {
  position: absolute;
  bottom: 0.625rem;
  width: 100%;
}

.page-teaser__slider {
  height: 17.8125rem;
  min-height: 17.8125rem;
}

.page-teaser__item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  color: white;
}
.page-teaser__item:before, .page-teaser__item:after {
  content: " ";
  display: table;
}
.page-teaser__item:after {
  clear: both;
}
.page-teaser__item a, .page-teaser__item a:visited, .page-teaser__item a:hover {
  color: white;
}

.page-teaser__item_image {
  text-align: center;
}

.page-teaser__header-left,
.page-teaser__header-right,
.page-teaser__header-center {
  text-align: center;
}
.page-teaser__header-left .page-teaser__title,
.page-teaser__header-right .page-teaser__title,
.page-teaser__header-center .page-teaser__title {
  padding: 0 10px !important;
  text-align: center !important;
}

.page-teaser__subtitle {
  display: none;
}

.page-teaser_coffeegurator,
.page-teaser_coffeegurator .page-teaser__slider {
  height: 25.9375rem;
}

.slider__item_page-teaser img.page-teaser__content-image {
  height: 17.8125rem;
  width: auto;
}

.slider__item_page-teaser {
  background-size: cover;
  background-repeat: none;
  background-position: center;
}

.page-teaser__title, .page-teaser__subtitle {
  text-align: center;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.page-teaser__title {
  margin-bottom: 0.625rem !important;
  font-weight: 700;
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
}

.page-teaser__subtitle {
  margin-top: 0;
  font-size: 0.8125rem;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
}

.page-teaser__bullets {
  top: auto;
}

.page-teaser_shop {
  height: 21.875rem;
}
.page-teaser_shop .page-teaser__slider {
  height: 21.875rem !important;
  min-height: 21.875rem;
}

.slider__item_promotion {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 22.5rem;
}
.slider__item_promotion .page-teaser__item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  top: 0.625rem;
  -ms-transform: translateY(0);
  transform: translateY(0);
  height: 100%;
}
.slider__item_promotion .page-teaser__item:before, .slider__item_promotion .page-teaser__item:after {
  content: " ";
  display: table;
}
.slider__item_promotion .page-teaser__item:after {
  clear: both;
}
.slider__item_promotion .page-teaser__header {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.slider__item_promotion .page-teaser__title {
  padding: 0;
  margin: 0 !important;
  width: 100% !important;
}
.slider__item_promotion .page-teaser__subtitle {
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100% !important;
}

.action-promo {
  margin-top: 0.625rem;
}

.slide_lungo {
  background-color: #f7b885;
}

.slide_espresso {
  background-color: #eb6b51;
}

.slide_dark-robusta {
  background-color: #925253;
}

.slide_kuti {
  background-color: #92a482;
}

.slide_malabar {
  background-color: #9bc5b3;
}

.slide_candelaria {
  background-color: #5bacae;
}

.slide_silvestre {
  background-color: #99c5d1;
}

.slide_braun {
  background-color: #67534d;
}

.slide_armeegruen {
  background-color: #607760;
}

.slide_rosa {
  background-color: #ed8478;
}

.slide_balu {
  background-color: #2c799f;
}

.slide_aluminium {
  background-color: #999898;
}

.slide_dunkelrot {
  background-color: #c9373b;
}

.slide_ristretto {
  background-color: #342628;
}

.slide_orang-utan {
  background-color: #65595d;
}

.slide_kebele {
  background-color: #824f61;
}

.slide_schwarz {
  background-color: #3c3c3c;
}

.slide_anthrazit {
  background-color: #555555;
}

.page_bar .page, .page_bar .blog-post {
  padding-top: 1.875rem;
}

/*********************
SECTIONS
*********************/
.blog, .page__block_news,
.page__block_products, .shop, .product__similars {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: relative;
}
.blog:before, .page__block_news:before,
.page__block_products:before, .shop:before, .product__similars:before, .blog:after, .page__block_news:after,
.page__block_products:after, .shop:after, .product__similars:after {
  content: " ";
  display: table;
}
.blog:after, .page__block_news:after,
.page__block_products:after, .shop:after, .product__similars:after {
  clear: both;
}
.blog:before, .page__block_news:before,
.page__block_products:before, .shop:before, .product__similars:before {
  content: "";
  width: 80%;
  border-bottom: 1px solid #b4b4b4;
  position: absolute;
  top: 1.9375rem;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.ribbon {
  font-size: 0.5625rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background-position: center;
  color: #8c8c8c;
  position: relative;
  margin-bottom: 1.25rem;
  margin-top: 0;
}
.ribbon span, .ribbon a {
  background-color: white;
  padding: 0 20px;
  border: 1px solid #b4b4b4;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  position: relative;
  color: #8c8c8c;
  text-decoration: none;
}
.ribbon span:before, .ribbon a:before {
  content: '';
  background-color: white;
  width: 14px;
  display: inline-block;
  position: absolute;
  height: 100%;
  left: -15px;
  top: 0;
}
.ribbon span:after, .ribbon a:after {
  content: '';
  background-color: white;
  width: 14px;
  display: inline-block;
  position: absolute;
  height: 100%;
  right: -15px;
  top: 0;
}

/*********************
CONTENT BLOCKS
*********************/
.page__block {
  margin: 0.625rem 0;
}

.page__block_text blockquote {
  margin: 1.25rem 0;
  font-size: 0.9375rem;
  text-align: center;
}

.page__block_text p:after {
  CONTENT: " ";
  display: inline-block;
}

body#tinymce {
  padding-bottom: initial !important;
}

.page__block_youtube {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}
.page__block_youtube.widescreen {
  padding-bottom: 56.34%;
}
.page__block_youtube.vimeo {
  padding-top: 0;
}
.page__block_youtube iframe,
.page__block_youtube object,
.page__block_youtube embed,
.page__block_youtube video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*********************
SLIDERS
*********************/
.slider {
  height: 100%;
}

.orbit-container .orbit-bullets-container {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
}

.slider__item:not(:first-child) {
  display: none;
}

.touch .orbit-bullets, .touch .page-teaser__bullets, .touch .slider__bullets, .touch .slider_products__bullets {
  display: block !important;
}

.orbit-bullets, .page-teaser__bullets, .slider__bullets, .slider_products__bullets {
  margin: 0;
  padding: 0;
}

/*********************
IMAGES
*********************/
.clearing-featured-img {
  position: relative;
}
.clearing-featured-img .icon-gallery {
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: 30px;
  z-index: 994;
}

.text-figure {
  position: relative;
}

.text-figure__caption {
  font-size: 0.625rem;
  color: #666;
  padding: 0.625rem;
}
.text-figure__caption:after {
  content: '';
  width: 50px;
  border-bottom: 1px solid #b4b4b4;
  display: block;
  margin: 10px auto 20px;
}

.text-figure_wide {
  display: block;
  float: none;
  width: 100%;
  text-align: center;
}
.text-figure_wide .text-figure__caption {
  text-align: center;
}

/*********************
STATES
*********************/
.empty {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 1rem;
}

/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: page/accordion/base
******************************************************************/
.accordion {
  *zoom: 1;
  margin-bottom: 0;
}
.accordion:before, .accordion:after {
  content: " ";
  display: table;
}
.accordion:after {
  clear: both;
}
.accordion dd {
  margin: 0;
  display: block;
  border-bottom: 1px solid #b4b4b4;
  background-size: 1.25rem;
  background-position: 95% -100%;
}
.accordion dd:first-child {
  border-top: 1px solid #b4b4b4;
}
.accordion dd > a {
  padding: 0.625rem 0.9375rem;
  display: block;
  background-size: 1.25rem;
  background-position: 95% 50%;
}
.accordion .content {
  transition: max-height 0.5s, opacity 0.2s;
  overflow: hidden;
  height: 0;
  max-height: 0;
  padding: 0 0.9375rem;
  opacity: 0;
}
.accordion .content.active {
  overflow: visible;
  height: auto;
  padding-bottom: 0.9375rem;
  max-height: 62.5rem;
  opacity: 1;
}
.accordion .accordion__item.active .accordion__title {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2254%20108%2024%2024%22%20enable-background%3D%22new%2054%20108%2024%2024%22%3E%3Cpath%20fill%3D%22%233C3C3C%22%20d%3D%22M72%20120.9h-12v-2h12v2zm-6-12.9c-6.6%200-12%205.4-12%2012s5.4%2012%2012%2012%2012-5.4%2012-12-5.4-12-12-12%22%2F%3E%3C%2Fsvg%3E");
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  page/login/base
******************************************************************/
.login {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.login:before, .login:after {
  content: " ";
  display: table;
}
.login:after {
  clear: both;
}

.auth-form {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  max-width: 23.75rem;
}
.auth-form input[type="text"],
.auth-form input[type="password"],
.auth-form button {
  width: 100%;
}

.login__forgot-password {
  text-align: center;
}

.login__logo {
  height: 95px;
  /* height: auto; */
  width: 300px;
  overflow-y: hidden;
  background-size: 300px;
  margin: 0 auto;
}

#whatwedo_subscriptionbundle_subscription_deliveryDay,
#whatwedo_subscriptionbundle_subscription_deliveryWeek {
  margin: 20px 0;
}
#whatwedo_subscriptionbundle_subscription_deliveryDay input,
#whatwedo_subscriptionbundle_subscription_deliveryWeek input {
  float: left;
}
#whatwedo_subscriptionbundle_subscription_deliveryDay label,
#whatwedo_subscriptionbundle_subscription_deliveryWeek label {
  display: block;
  margin-left: 40px;
  margin-bottom: 5px;
}

/******************************************************************
Site Name:  Adrianos Bar & Café
Author: rene@whatwedo.ch

Stylesheet:  shared/page/hours/base
******************************************************************/
.opening-hours {
  margin: 0 0.875rem;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  -ms-transform: translateY(55%);
  transform: translateY(55%);
  max-width: none;
  border: 0;
}
.opening-hours * {
  -webkit-transform-style: preserve-3d;
}

/*
.opening-hours__status {
  @include vertical-align;
  @include grid-column(6);
  position: absolute;
  font-size: rem-calc(23px);
  text-align: right;
  padding-right: 6px;
  margin: 0;
}
*/
.opening-hours__list {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 50%;
  float: right;
  float: right;
  margin-left: 50% !important;
  font-size: 0.625rem;
  padding-left: 0;
  *zoom: 1;
}
.opening-hours__list:before, .opening-hours__list:after {
  content: " ";
  display: table;
}
.opening-hours__list:after {
  clear: both;
}

.opening-hours__times {
  margin: 0;
  *zoom: 1;
}
.opening-hours__times:before, .opening-hours__times:after {
  content: " ";
  display: table;
}
.opening-hours__times:after {
  clear: both;
}

.opening-hours__weekday {
  display: inline;
  margin: 0;
}

.opening-hours__time {
  display: inline;
  margin: 0;
  float: right;
}
.opening-hours__time:after {
  content: '\A';
  white-space: pre;
}

.action_to-shop {
  margin: 0.9375rem auto 0;
  width: 13.75rem;
  display: block;
}

.opening-hours__status {
  background-position: left bottom;
  text-align: right;
  padding-right: 11px;
  background-position-x: 11px !important;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.opening-hours__title {
  font-weight: bold;
  font-size: 1.2em;
}

.opening-hours_site-header {
  max-width: 250px;
  margin: 0 auto;
}

/*
.adrianos-status-open {
  .opening-hours__status {
    background-position: -webkit-calc(100% - 76px) top;
    background-position: calc(100% - 76px) top;
    //background-position: right rem-calc(76px) top;
    //letter-spacing: rem-calc(-1px);
    background-size: rem-calc(60px 28px);
  }

  .opening-hours_site-header {
    max-width: rem-calc(320px);
    margin: 0 auto;
  }
}

.adrianos-status-closed {
  .opening-hours__status {
    letter-spacing: rem-calc(-1px);
    background-position: -webkit-calc(100% - 97px) top;
    background-position: calc(100% - 97px) top;
    //background-position: right rem-calc(97) center;
    background-size: rem-calc(56px 28px);
  }

  .opening-hours_site-header {
    max-width: rem-calc(320px);
    margin: 0 auto;
  }
}

*/
/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  page/image_slider/owlcarousel
******************************************************************/
/******************************************************************
BASE CSS
******************************************************************/
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: block;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  opacity: 1;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/******************************************************************
THEME OWL DEFAULT
******************************************************************/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/******************************************************************
GLOBAL
******************************************************************/
.owl-prev,
.owl-next {
  position: absolute;
  opacity: 1;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  text-indent: -9999px !important;
  background-position: center;
  background-size: 24px;
}

.owl-prev {
  left: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2290%20108%2024%2024%22%20enable-background%3D%22new%2090%20108%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M102.5%20112c4.7%200%208.5%203.8%208.5%208.5s-3.8%208.5-8.5%208.5-8.5-3.8-8.5-8.5%203.8-8.5%208.5-8.5z%22%2F%3E%3Cpath%20fill%3D%22%23282828%22%20d%3D%22M103.1%20126l-5.4-6.3%205.5-5.8%201.1%201-4.5%204.8%204.6%205.3-1.3%201zm-1.1-18c-6.6%200-12%205.4-12%2012s5.4%2012%2012%2012%2012-5.4%2012-12-5.4-12-12-12%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.owl-next {
  right: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22126%20108%2024%2024%22%20enable-background%3D%22new%20126%20108%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M138.5%20112c4.7%200%208.5%203.8%208.5%208.5s-3.8%208.5-8.5%208.5-8.5-3.8-8.5-8.5%203.8-8.5%208.5-8.5z%22%2F%3E%3Cpath%20fill%3D%22%23282828%22%20d%3D%22M136.9%20114l5.4%206.3-5.5%205.8-1.1-1%204.5-4.8-4.6-5.3%201.3-1zm1.1%2018c6.6%200%2012-5.4%2012-12s-5.4-12-12-12-12%205.4-12%2012%205.4%2012%2012%2012%22%2F%3E%3C%2Fsvg%3E");
}

.no-touch .owl-next, .no-touch .owl-prev {
  display: inline-block;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s ease-out;
}

.slider_products .owl-prev, .slider_products .owl-next {
  top: 38%;
}
.slider_products .owl-prev {
  left: 25px;
}
.slider_products .owl-next {
  right: 25px;
}

.home .page-teaser__slider .owl-controls {
  margin-top: -70px;
}

/******************************************************************
THEME SLIDER DEFAULT
******************************************************************/
.slider_default .owl-pagination {
  text-align: center;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slider_default {
  position: relative;
}
.slider_default .owl-wrapper-outer,
.slider_default .owl-wrapper,
.slider_default .owl-item {
  height: 100%;
}
.slider_default .slider__item:not(:first-child) {
  display: list-item;
}

/* Styling Next and Prev buttons */
/* Styling Pagination*/
.slider_default .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.slider_default .owl-controls .owl-page span {
  display: block;
  width: 7px;
  height: 7px;
  margin: 20px 6px;
  border-radius: 10px;
  background: #c8c8c8;
}

.slider_default .owl-controls .owl-page.active span,
.slider_default .owl-controls.clickable .owl-page:hover span {
  background: white;
}

/* If PaginationNumbers is true */
.slider_default .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

.slider_default .owl-controls {
  margin-top: -53px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/******************************************************************
THEME PRODUCT PREVIEWS (3-GRID ON DESKTOP)
******************************************************************/
.slider_products .owl-pagination {
  text-align: center;
}

.slider_products {
  display: block;
  opacity: 1;
}

.slider_products .owl-controls {
  margin-top: -117px;
  margin-bottom: 60px;
  text-align: center;
}

.slider_products .owl-controls .owl-page span {
  background: rgba(100, 100, 100, 0.4);
}

.slider_products .owl-controls .owl-page.active span,
.slider_products .owl-controls.clickable .owl-page:hover span {
  background: #282828;
}

/******************************************************************
THEME SLIDER DEFAULT | BRIGHT IMAGES
******************************************************************/
.slider_dark .owl-controls .owl-page span {
  background: rgba(100, 100, 100, 0.4);
}
.slider_dark .owl-controls .owl-page.active span,
.slider_dark .owl-controls.clickable .owl-page:hover span {
  background: #282828;
}

/*
*   UTIL === HELPERS
*   MIXINS and % classes.
*   Can be imported in multiple files
*   Holds non-rendering classes or mixins. Do not place classes in here
*   since it can be imported multiple times.
*/
/*// use of keyframes mixin
@include keyframes(bgcolor) {
  0% {
    background-color: #ffccf2;
  }
  50% {
    background-color: #ccffcc;
  }
  100% {
    background-color: #ccffff;
  }
}*/
.page-teaser__item {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
  *zoom: 1;
}
.top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  content: " ";
  display: table;
}
.top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
  clear: both;
}

.page, .blog-post {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

/**
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: blog/_base
******************************************************************/
/******************************************************************
BASE
******************************************************************/
.blog-posts {
  padding-bottom: 30px;
}
.blog-posts .blog-posts__pagination {
  padding-left: 15px;
  padding-right: 15px;
}
.blog-posts .blog-posts__pagination a {
  font-size: 0.6rem;
}
.blog-posts .blog-posts__pagination a:last-child {
  float: right;
}
.blog-posts .blog-posts__pagination a:first-child {
  float: none !important;
}

.blog-post .blog-post__thumb img {
  width: 100%;
}

.blog-post__title {
  font-size: 1.5rem;
  margin: 0;
  color: #3c3c3c;
}
.blog-post__title a {
  color: #3c3c3c;
}
.blog-post__title a:visited {
  color: #3c3c3c;
}
.blog-post__title a:hover {
  color: #6f6f6f;
}

/******************************************************************
BLOG POST/ARTICLE FULL/SINGLE
******************************************************************/
.blog-post_full {
  margin: 0.625rem auto;
  max-width: auto;
}
.blog-post_full .blog-post__title {
  margin: 0.625rem 0;
}

.blog-post__title {
  margin-bottom: -10px;
}

.blog-post__thumb {
  max-width: 100%;
  margin: 0 auto;
}

.blog-post__meta {
  color: #8c8c8c;
  margin-bottom: 0;
  font-size: 0.75em;
}

.keyword {
  padding: 5px;
  height: 23px !important;
  line-height: 10px !important;
  text-transform: initial;
  letter-spacing: 0.125em;
  font-size: 0.95em;
  margin-left: 5px;
}

.page__block_news::before,
.page__block_products::before {
  width: 100%;
}

.page__block_news ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.page__block_news ul li {
  margin: 0 auto;
  padding: 0 0 20px 0;
  list-style: none;
  font-weight: bold;
  width: 80%;
  text-align: center;
  font-size: 0.9rem;
}
.page__block_news ul li div {
  margin-top: 6px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.page__block_news ul li a {
  color: #282828;
}

.page__block_products > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.page__block_products > ul:before, .page__block_products > ul:after {
  display: none !important;
}
.page__block_products > ul li.product.product_preview {
  padding: 0;
  list-style: none;
  font-weight: bold;
  width: 80%;
  margin: 0 auto;
  display: block;
}
.page__block_products > ul li.product.product_preview > div {
  margin-top: 6px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.page__block_products > ul li.product.product_preview > div > .product-preview-wrapper-link {
  color: #282828;
}
.page__block_products > ul li.product.product_preview .product-preview-wrapper {
  padding: 0;
  margin: 0;
}

.blog-post_preview {
  text-align: center;
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  checkout/base
******************************************************************/
.checkout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  min-height: 480px;
  position: relative;
}
.checkout:before, .checkout:after {
  content: " ";
  display: table;
}
.checkout:after {
  clear: both;
}
.checkout h2 {
  margin-bottom: 0;
}

.checkout__back {
  display: none;
}

.checkout__next {
  width: 100%;
  word-wrap: break-word;
}

.page__header_checkout {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  max-width: 25rem;
}
.page__header_checkout .checkout__back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 8px;
  padding: 0 0.9375rem;
}
.page__header_checkout p {
  margin: 0;
}
.page__header_checkout h1 {
  margin-bottom: 0.625rem;
  padding: 0 50px;
}

.checkout__footer {
  *zoom: 1;
  margin-top: 40px;
}
.checkout__footer:before, .checkout__footer:after {
  content: " ";
  display: table;
}
.checkout__footer:after {
  clear: both;
}
.checkout__footer .checkout__back {
  display: none;
}

.checkout_addressing .checkout__footer, .checkout_payment .checkout__footer, .checkout_finalize .checkout__footer {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.checkout__breadcrumbs {
  display: none;
}

/******************************************************************
SECURITY
******************************************************************/
#checkout_guest,
#checkout_user {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

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

.checkout__auth, .checkout__addresses, .checkout__shipment-payment-options,
.checkout__shipment-subscription-options {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  *zoom: 1;
  float: none;
  max-width: 25rem;
}
.checkout__auth:before, .checkout__addresses:before, .checkout__shipment-payment-options:before,
.checkout__shipment-subscription-options:before, .checkout__auth:after, .checkout__addresses:after, .checkout__shipment-payment-options:after,
.checkout__shipment-subscription-options:after {
  content: " ";
  display: table;
}
.checkout__auth:after, .checkout__addresses:after, .checkout__shipment-payment-options:after,
.checkout__shipment-subscription-options:after {
  clear: both;
}
.checkout__auth input:not([type="checkbox"]):not([type="radio"]), .checkout__addresses input:not([type="checkbox"]):not([type="radio"]), .checkout__shipment-payment-options input:not([type="checkbox"]):not([type="radio"]),
.checkout__shipment-subscription-options input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
}

.checkout__next_fake {
  opacity: 1;
}

.checkout__auth_validate-email .checkout__next_fake span {
  opacity: 0;
}
.checkout__auth_validate-email .checkout__next_fake .loader_form {
  opacity: 1;
}

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

.checkout__address_different {
  float: left;
}

.checkout__address__options {
  padding: 0.625rem 0;
}

/******************************************************************
SHIPPING/PAYMENT
******************************************************************/
.checkout_payment .page__header_checkout h1 {
  padding: 0 30px;
}

.checkout__shipment-payment-subscription-options {
  *zoom: 1;
  max-width: 50rem;
  margin: 0 auto;
}
.checkout__shipment-payment-subscription-options:before, .checkout__shipment-payment-subscription-options:after {
  content: " ";
  display: table;
}
.checkout__shipment-payment-subscription-options:after {
  clear: both;
}
.checkout__shipment-payment-subscription-options span {
  font-size: 0.75rem;
}

.checkout__shipment-payment-options,
.checkout__shipment-subscription-options {
  float: left !important;
}

.checkout__shipment-payment-option label span {
  font-size: 0.75rem;
}

.checkout__shipment-subscription-options--interval-interval-form {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.checkout__shipment-subscription-options--details--weekly,
.checkout__shipment-subscription-options--details--monthly {
  margin-top: 20px;
}
.checkout__shipment-subscription-options--details--weekly input,
.checkout__shipment-subscription-options--details--monthly input {
  margin: 4px 5px;
}

.checkout__shipment-subscription-options--details--weekly .form_row {
  display: inline-block;
  margin-right: 20px;
}

.checkout__shipment-subscription-options--interval-repeat-form {
  width: 65%;
  float: left;
}

.checkout__shipment-subscription-options--interval {
  *zoom: 1;
}
.checkout__shipment-subscription-options--interval:before, .checkout__shipment-subscription-options--interval:after {
  content: " ";
  display: table;
}
.checkout__shipment-subscription-options--interval:after {
  clear: both;
}

.checkout__shipment-subscription-options--interval-text {
  margin-top: 20px;
  *zoom: 1;
}
.checkout__shipment-subscription-options--interval-text:before, .checkout__shipment-subscription-options--interval-text:after {
  content: " ";
  display: table;
}
.checkout__shipment-subscription-options--interval-text:after {
  clear: both;
}

/******************************************************************
FINALIZE
******************************************************************/
.checkout_finalize p, .checkout_finalize address {
  margin-top: 0.625rem;
}
.checkout_finalize h2 {
  margin-top: 1.25rem;
}

.checkout__finalize__addresses {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.checkout__finalize__shippingpayment {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.checkout__finalize__support_wide {
  display: none;
}

.checkout__finalize__support {
  margin-bottom: 20px;
}

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

.checkout__agb,
.checkout__payment_slip,
.checkout__newsletter {
  text-align: left;
}
.checkout__agb .error-message,
.checkout__payment_slip .error-message,
.checkout__newsletter .error-message {
  display: none;
  font-family: "proxima-nova", sans-serif;
  color: #ff4646;
  font-size: .8em;
  font-weight: bold;
  line-height: 1.25rem;
  vertical-align: top;
}

.checkout__shipment-option .info-message {
  color: #9b2423;
}

.checkout__agb_error .error-message {
  display: block;
}

.checkout__comment textarea {
  width: 100%;
}

.checkout__cart-summary {
  margin-top: 1.875rem;
}

/******************************************************************
THANKS
******************************************************************/
.checkout__finished {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
  max-width: 25rem;
}

.checkout__thanks {
  margin: 1.875rem 0;
}

/******************************************************************
CROSSELL #773
******************************************************************/
.product__crosssell ul {
  margin: 0;
  padding: 0;
}
.product__crosssell ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.product__crosssell ul li .action-instantbuy {
  margin-left: 6.6rem;
  bottom: 0.1rem;
  right: initial;
  left: 0;
}

/**
 * Dialogs
 * A lot of stuff handled by JavaScript and Velocity.js
 */
.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 1300;
}

.dialog-wrapper {
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
}

.dialog-box {
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: left;
  padding: 50px;
  background-color: white;
  border-radius: 3px;
  position: relative;
}

.dialog.dialog_active {
  display: table;
}

.dialog.dialog_active .dialog-wrapper {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.dialog.dialog_active .dialog-box {
  margin: 0 auto;
}

/**
 * Actions
 */
.dialog .dialog-action-close {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 14px 14px;
  background-position: center;
  text-indent: -9999px;
  border: 0;
  background-color: transparent;
}

.dialog .dialog-primary-actions {
  text-align: right;
  margin-top: 2em;
}

.dialog .dialog-primary-actions > * {
  margin: 0;
}

/**
 * Handle different kind of modules in dialogs
 */
/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: gallery/_base
******************************************************************/
.page_gallery {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.page_gallery:before, .page_gallery:after {
  content: " ";
  display: table;
}
.page_gallery:after {
  clear: both;
}

.gallery {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.gallery_full {
  /*  .gallery__item {
      $margins: $column-gutter / 2 / 2;
      @include grid-column(
        $columns: 4
      );
  
      margin-top: $margins;
      margin-bottom: $margins;
  
      position: relative;
      padding-bottom: 24%;
      overflow: hidden;
    }
  
    .gallery__item__thumb {
      @include vertical-align;
      position: absolute;
      background: #ccc;
      min-width: 100%;
    }*/
}
.gallery_full .clearing-link {
  width: 50%;
}
.gallery_full .clearing-link img {
  width: 100%;
}
.gallery_full .gallery__item {
  width: 46%;
  margin: 2%;
}

.gallery_inline .owl-next {
  right: 12px;
}

.page-teaser_front-page {
  -webkit-transform-style: preserve-3d;
}

.page-teaser_front-page {
  margin-bottom: 1.875rem;
}
.page-teaser_front-page .orbit-bullets-container {
  bottom: 1.875rem;
}

.slider__item_page-teaser {
  height: 100%;
  position: relative;
}
.slider__item_page-teaser img {
  width: 100%;
  height: auto;
}

/**
  Adrianos Theme
*/
.adjustable_active button:not(.remove-action) {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: #282828;
  border-color: #3e3e3e;
  color: white;
  padding: 0.9em 1.7em 0.8em 1.7em;
  text-transform: uppercase;
  border: 2px solid transparent;
  border-radius: 2px;
  letter-spacing: 0.0625rem;
  padding: 0.9em 1.7em 0.8em 1.7em;
  border: 2px solid transparent;
  font-size: 0.6875rem;
  padding: 0.6em 1.3em 0.5em 1.3em;
  float: right;
  margin-top: 2rem;
}
.adjustable_active button:not(.remove-action):hover, .adjustable_active button:not(.remove-action):focus {
  background-color: #3e3e3e;
}
.adjustable_active button:not(.remove-action):hover, .adjustable_active button:not(.remove-action):focus {
  color: white;
}
.adjustable_active button:not(.remove-action):focus {
  background-color: #282828;
}
.adjustable_active button:not(.remove-action):hover, .adjustable_active button:not(.remove-action):focus, .adjustable_active button:not(.remove-action).hover {
  outline: 0;
}

.adjustable > *:first-child {
  margin-top: 0 !important;
}

.adjustable > *:last-child {
  margin-bottom: 0 !important;
}

.adjustable_active .adjustable__show,
.adjustable_active button.adjustable__show,
.adjustable_active .adjustable__edit,
.adjustable_active button.adjustable__edit {
  *zoom: 1;
  display: none;
}
.adjustable_active .adjustable__show:before, .adjustable_active .adjustable__show:after,
.adjustable_active button.adjustable__show:before,
.adjustable_active button.adjustable__show:after,
.adjustable_active .adjustable__edit:before,
.adjustable_active .adjustable__edit:after,
.adjustable_active button.adjustable__edit:before,
.adjustable_active button.adjustable__edit:after {
  content: " ";
  display: table;
}
.adjustable_active .adjustable__show:after,
.adjustable_active button.adjustable__show:after,
.adjustable_active .adjustable__edit:after,
.adjustable_active button.adjustable__edit:after {
  clear: both;
}

.adjustable_active .adjustable__show_active,
.adjustable_active button.adjustable__show_active,
.adjustable_active .adjustable__edit_active,
.adjustable_active button.adjustable__edit_active {
  display: block;
}

.adjustable {
  *zoom: 1;
  border-top: 1px solid #b4b4b4;
  padding: 1rem 0;
}
.adjustable:before, .adjustable:after {
  content: " ";
  display: table;
}
.adjustable:after {
  clear: both;
}

.adjustable:first-child {
  border-top: 0;
}

/* ==========================================================================
   Mixtures
   ========================================================================== */
/**
* OVERVIEW PAGE
*/
.mixtures {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.mixtures:before, .mixtures:after {
  content: " ";
  display: table;
}
.mixtures:after {
  clear: both;
}

.mixtures__intro {
  text-align: center;
}
.mixtures__intro:after {
  display: none;
}

.mixtures__intro-action {
  margin-top: 3rem;
}

.mixture__name {
  transform: translateZ(0) translateY(0);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  position: relative;
}

.mixtures-list__item:hover .mixture__name {
  transform: translateZ(0) translateY(100%);
  opacity: 0;
}

.mixture__title,
.mixture__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  color: #3c3c3c;
  text-align: left !important;
  margin: 0;
}

.mixtures-list-wrapper {
  width: 100%;
  position: relative;
}

.mixtures-list-wrapper .mixtures-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.mixtures-list__item {
  transform: translateZ(0);
  border: 1px solid transparent;
  position: relative;
  padding: 20px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.mixtures-list__item:hover, .mixtures-list__item:focus {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.mixtures-list__item .mixture-preview:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
}
.mixtures-list__item:hover .mixture-preview:before {
  opacity: 1;
  z-index: 1;
}

.mixtures-list .mixtures-list__item {
  width: 100%;
}

.mixture-preview {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.mixture-preview img {
  width: 100%;
  height: auto;
}

.mixtures-list .mixtures-list__item .mixture-preview {
  height: 100%;
}

.mixture-action {
  margin-bottom: 0;
  z-index: 3;
}

.mixture-action_edit {
  position: absolute;
  bottom: 0;
  transform: translateZ(0) translateY(100%);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  width: 100%;
}

.mixtures-list__item:hover .mixture-action_edit {
  transform: translateZ(0) translateY(0%);
  opacity: 1;
}

.mixture-action_delete {
  background-color: transparent;
  position: absolute;
  top: -20px;
  right: -20px;
  background-size: 16px 16px;
  background-position: 20px 50%;
  transform: translateZ(0) translateY(-100%);
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, max-width 0.2s ease;
  color: #3c3c3c;
  max-width: 44px;
  font-size: 10px;
}

.mixture-action_delete span {
  display: inline-block;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transform: translateZ(0);
  transition: all 0.2s ease-in-out;
  padding-left: 20px;
  vertical-align: middle;
}

.mixture-action_delete:hover {
  max-width: 100%;
}

.mixture-action_delete:hover span {
  opacity: 1;
}

.mixtures-list__item:hover .mixture-action_delete {
  background-color: transparent;
  transform: translateZ(0) translateY(0);
  opacity: 1;
  color: black;
}

.coffee-wheel {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}

.flavor-wheel {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  overflow: visible;
}

.flavor-wheel__labels {
  display: none;
}

.flavor-wheel__labels_visible {
  display: block;
}

.flavor-wheel__labels text {
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  font-size: 0.4rem;
}

/**
* HTML5 Native Rangeslide & polyfill to rangeslider.js
*/
input[type="range"] {
  padding-left: 0;
  padding-right: 0;
}

/**
* Mixture UI
*/
.mixture-edit__header {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
  padding-top: 0.5rem;
}

.mixture-edit__header .product__title {
  text-transform: none;
}

.mixture-edit__header .product__shortdescription {
  margin-top: 0.6em;
}

.mixture__perceptions-reset-small {
  display: none;
}

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

.mixture__mobile-actions {
  text-align: center;
  margin-bottom: 30px;
}

.mixture__action-reset {
  font-size: 0.6875rem;
  padding: 0.6em 1.3em 0.5em 1.3em;
  background-color: transparent;
  border-color: #282828;
  color: #282828;
  margin-bottom: 4px;
}
.mixture__action-reset.active {
  background-color: #282828;
  color: white;
}

.mixture__save {
  margin-bottom: 5px;
}

.perception-list {
  list-style-type: none;
  padding: 0;
}

/*
.product__mixture__primary-info .product__summary {
  float: none;
}*/
.perception__choose-action {
  display: none;
  width: 33%;
  height: 44px;
}

.action_edit-mixture {
  display: none;
  max-width: 49%;
}

.perception-edit__save {
  display: none;
}

.close-mixtures-action {
  display: none;
}

.coffee-wheel_action-help {
  background: none;
  text-indent: -9999px;
  border: none;
  cursor: help;
  width: 44px;
  height: 44px;
  background-size: 26px 26px;
  background-position: center;
  padding: 0;
  border-radius: 100%;
}
.coffee-wheel_action-help:focus {
  outline: 0;
  box-shadow: 0px 0px 5px #0096ff;
}

.coffee-wheel .coffee-wheel_action-help {
  position: absolute;
  top: 0;
  right: 0;
}

/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: search/_base
******************************************************************/
.search__overlay {
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
  opacity: 0;
  background-color: whitesmoke;
  backface-visibility: hidden;
  perspective: 1000;
  transform: translateZ(0);
}

.search-visible {
  overflow: hidden;
  height: 100%;
}
.search-visible .search__overlay {
  z-index: 1100;
  opacity: 1;
}
.search-visible .top-bar {
  opacity: 0;
}

.search__close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 40px;
  height: 40px;
  background-size: 15px;
  background-position: center;
}

.adrianos-logo_search {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0.5rem auto;
  height: 1.5rem;
  background-position: bottom;
  max-width: 8.75rem;
  background-size: auto 4.375rem;
}

.search__input {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  background-color: whitesmoke;
}
.search__input:before, .search__input:after {
  content: " ";
  display: table;
}
.search__input:after {
  clear: both;
}

.search__form {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.search__form input {
  padding: 0.625rem;
  width: 100%;
  background-color: white;
  border: 1px solid gainsboro;
  background-size: auto 40%;
  background-position: 95% center;
}
.search__form input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.search__form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.search__form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.search__form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.search__results {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
  background-color: whitesmoke;
}
.search__results:before, .search__results:after {
  content: " ";
  display: table;
}
.search__results:after {
  clear: both;
}

.search-result {
  border-bottom: 1px solid #b4b4b4;
}

.search-result__inner {
  margin-left: 160px;
}

.search-result__image {
  width: 130px;
  float: left;
}

.search-result-list {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  list-style-type: none;
  margin-top: 0;
}
.search-result-list a {
  color: #3c3c3c;
}

.search-result__title {
  margin-bottom: 0;
  margin-top: 0;
}

.search__results__message {
  font-size: 0.875rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  text-align: center;
}

.search-result__type {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  padding: 6px 10px;
  color: white;
  background-color: #3c3c3c;
  border-radius: 20px;
  display: inline-block;
  line-height: 11px;
}

.type__news {
  background-color: #ed8478;
}

.type__shop {
  background-color: #5bacae;
}

.search__results_widgets {
  margin-top: 10px;
}
.search__results_widgets .opening-hours__list {
  float: none;
  font-size: 0.875rem;
  width: 100% !important;
  margin: 0 !important;
}

.search-result_hours {
  background-color: white;
  padding-top: 1px;
}

.search-result_widget {
  padding-left: 5%;
  padding-right: 5%;
}

/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: shop/_base
******************************************************************/
/*********************
BASICS
*********************/
.product__price__mwst-info {
  color: #8c8c8c;
  font-size: 0.75rem;
  margin: 0 !important;
}

/*********************
PRODUCT IMAGE SLIDER
*********************/
.orbit-container_shop .orbit-bullets-container {
  position: absolute;
  bottom: 0;
  height: 3.75rem;
  right: 1.25rem;
}

.slider__item.slider__item-clickable {
  cursor: pointer;
}

.slider_products .slider__item a {
  *zoom: 1;
  color: blue;
  display: inline-block;
}
.slider_products .slider__item a:before, .slider_products .slider__item a:after {
  content: " ";
  display: table;
}
.slider_products .slider__item a:after {
  clear: both;
}

.slider__product-video {
  position: relative;
  padding-bottom: 68%;
  /* 16:9 */
  height: 0;
}
.slider__product-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider_products__bullets {
  text-align: right !important;
}

/*********************
PRODUCT DETAILS
*********************/
.product__title_full, .product__shortdescription, .product__accordion, .product__infos, .relation__item, .product__accessoirs {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: right;
  float: left;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.product_full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.product_full:before, .product_full:after {
  content: " ";
  display: table;
}
.product_full:after {
  clear: both;
}
.product_full .orbit-container {
  margin-bottom: 0.5rem;
}

.product__title_full, .product__shortdescription {
  text-align: center;
}

.product__title_full {
  margin-bottom: 0;
}

.product__shortdescription {
  font-style: italic;
  margin-top: 0;
  padding-top: 0;
}

.product__important-information {
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 40px;
  background-size: 33px;
  background-position: left 4px;
  min-height: 41px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.product__accordion {
  padding-left: 0;
  padding-right: 0;
}

.relation__item {
  padding: 0;
}

.product__file {
  text-transform: uppercase;
}

.product__image_full {
  width: 100%;
}

.product__options, .product__amount, .product__variable_price, .product__summary {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  border-top: 1px solid #b4b4b4;
  padding: 0.625rem 0.9375rem;
  *zoom: 1;
}
.product__options:before, .product__amount:before, .product__variable_price:before, .product__summary:before, .product__options:after, .product__amount:after, .product__variable_price:after, .product__summary:after {
  content: " ";
  display: table;
}
.product__options:after, .product__amount:after, .product__variable_price:after, .product__summary:after {
  clear: both;
}

.product__variant_misc .icon-question-mark {
  position: absolute;
  background-size: contain;
  min-width: 25px;
  min-height: 25px;
  margin-left: -25px;
  margin-top: 4px;
  right: 10px;
}
.product__variant_misc .product__variant__list, .product__variant_misc .product__amount-setting, .product__variant_misc .product__variable_price-setting, .product__variant_misc .product__variant-dropdown {
  padding-left: 3rem;
  list-style: none;
  margin: 0;
  left: 0;
  *zoom: 1;
}
.product__variant_misc .product__variant__list:before, .product__variant_misc .product__amount-setting:before, .product__variant_misc .product__variable_price-setting:before, .product__variant_misc .product__variant-dropdown:before, .product__variant_misc .product__variant__list:after, .product__variant_misc .product__amount-setting:after, .product__variant_misc .product__variable_price-setting:after, .product__variant_misc .product__variant-dropdown:after {
  content: " ";
  display: table;
}
.product__variant_misc .product__variant__list:after, .product__variant_misc .product__amount-setting:after, .product__variant_misc .product__variable_price-setting:after, .product__variant_misc .product__variant-dropdown:after {
  clear: both;
}
.product__variant_misc .product__variant__list > li, .product__variant_misc .product__amount-setting > li, .product__variant_misc .product__variable_price-setting > li, .product__variant_misc .product__variant-dropdown > li {
  margin: 0;
  float: left;
}
.product__variant_misc .product__variant__list > li > button, .product__variant_misc .product__amount-setting > li > button, .product__variant_misc .product__variable_price-setting > li > button, .product__variant_misc .product__variant-dropdown > li > button, .product__variant_misc .product__variant__list > li .button, .product__variant_misc .product__amount-setting > li .button, .product__variant_misc .product__variable_price-setting > li .button, .product__variant_misc .product__variant-dropdown > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.product__variant_misc .product__variant__list > li:first-child button, .product__variant_misc .product__amount-setting > li:first-child button, .product__variant_misc .product__variable_price-setting > li:first-child button, .product__variant_misc .product__variant-dropdown > li:first-child button, .product__variant_misc .product__variant__list > li:first-child .button, .product__variant_misc .product__amount-setting > li:first-child .button, .product__variant_misc .product__variable_price-setting > li:first-child .button, .product__variant_misc .product__variant-dropdown > li:first-child .button {
  border-left: 0;
}
.product__variant_misc .product__variant__list > li:first-child, .product__variant_misc .product__amount-setting > li:first-child, .product__variant_misc .product__variable_price-setting > li:first-child, .product__variant_misc .product__variant-dropdown > li:first-child {
  margin-left: 0;
}
.product__variant_misc .product__variant__list > li:first-child, .product__variant_misc .product__amount-setting > li:first-child, .product__variant_misc .product__variable_price-setting > li:first-child, .product__variant_misc .product__variant-dropdown > li:first-child, .product__variant_misc .product__variant__list > li:first-child > a, .product__variant_misc .product__amount-setting > li:first-child > a, .product__variant_misc .product__variable_price-setting > li:first-child > a, .product__variant_misc .product__variant-dropdown > li:first-child > a, .product__variant_misc .product__variant__list > li:first-child > button, .product__variant_misc .product__amount-setting > li:first-child > button, .product__variant_misc .product__variable_price-setting > li:first-child > button, .product__variant_misc .product__variant-dropdown > li:first-child > button, .product__variant_misc .product__variant__list > li:first-child > .button, .product__variant_misc .product__amount-setting > li:first-child > .button, .product__variant_misc .product__variable_price-setting > li:first-child > .button, .product__variant_misc .product__variant-dropdown > li:first-child > .button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.product__variant_misc .product__variant__list > li:last-child, .product__variant_misc .product__amount-setting > li:last-child, .product__variant_misc .product__variable_price-setting > li:last-child, .product__variant_misc .product__variant-dropdown > li:last-child, .product__variant_misc .product__variant__list > li:last-child > a, .product__variant_misc .product__amount-setting > li:last-child > a, .product__variant_misc .product__variable_price-setting > li:last-child > a, .product__variant_misc .product__variant-dropdown > li:last-child > a, .product__variant_misc .product__variant__list > li:last-child > button, .product__variant_misc .product__amount-setting > li:last-child > button, .product__variant_misc .product__variable_price-setting > li:last-child > button, .product__variant_misc .product__variant-dropdown > li:last-child > button, .product__variant_misc .product__variant__list > li:last-child > .button, .product__variant_misc .product__amount-setting > li:last-child > .button, .product__variant_misc .product__variable_price-setting > li:last-child > .button, .product__variant_misc .product__variant-dropdown > li:last-child > .button {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.product__variant_misc-read-more {
  padding-left: 7.8rem;
  padding-left: calc(16.67% + 3rem);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}

.variant__item_text button, .variant__item_text .button {
  margin-right: 2px;
  margin-bottom: 2px;
  transition: text-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  background: #fff;
  border: 1px solid #b4b4b4 !important;
  min-width: 44px;
  min-height: 34px;
  color: #3c3c3c;
}
.variant__item_text button:focus, .variant__item_text .button:focus {
  outline: none;
  text-shadow: 0 0 8px rgba(0, 150, 255, 0.6);
  color: #0096ff;
}
.variant__item_text.product__variant__item_active button, .variant__item_text.product__variant__item_active span {
  background-color: #3c3c3c;
  border-color: #3c3c3c !important;
  color: white;
  box-shadow: none;
}
.variant__item_text.product__variant__item_active button:focus, .variant__item_text.product__variant__item_active span:focus {
  color: white;
  text-shadow: none;
}

.product__variant-master-title, .product__amount-title, .product__variable_price-title {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 16.66667%;
  float: left;
  margin: 0;
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
  padding-left: 0;
  line-height: 1;
}

.product__variant__list, .product__amount-setting, .product__variable_price-setting, .product__variant-dropdown {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 83.33333%;
  float: left;
  padding-left: 3rem;
  list-style-type: none;
  margin: 0;
  padding-right: 0;
}

.variant__item_color {
  display: inline-block !important;
  margin: 0;
  float: left;
}
.variant__item_color button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: white;
  border-color: white;
  color: #333333;
  position: relative;
  box-sizing: content-box;
  text-indent: -9999px;
  display: inline-block;
  padding: 0 !important;
  /* Fix for Internet Explorer */
  border: 0.625rem solid white !important;
  margin: 0;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.75rem;
  -moz-border-radius: 0 !important;
  border-weight: 0.625rem;
  background: #b4b4b4 !important;
  color: #b4b4b4;
  cursor: pointer;
}
.variant__item_color button:hover, .variant__item_color button:focus {
  background-color: white;
}
.variant__item_color button:hover, .variant__item_color button:focus {
  color: #333333;
}
.variant__item_color button:after {
  width: 1.75rem;
  height: 1.75rem;
  top: -0.3125rem;
  left: -0.3125rem;
}
.variant__item_color button:hover, .variant__item_color button:focus {
  outline: none;
  background: #b4b4b4;
  color: #b4b4b4;
}
.variant__item_color button:hover:after, .variant__item_color button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__item_color button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_unknown button {
  background: blue !important;
  color: blue;
  cursor: pointer;
}
.variant__color_unknown button:hover, .variant__color_unknown button:focus {
  outline: none;
  background: blue;
  color: blue;
}
.variant__color_unknown button:hover:after, .variant__color_unknown button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_unknown button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_black button {
  background: black !important;
  color: black;
  cursor: pointer;
}
.variant__color_black button:hover, .variant__color_black button:focus {
  outline: none;
  background: black;
  color: black;
}
.variant__color_black button:hover:after, .variant__color_black button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_black button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_silver button {
  background: silver !important;
  color: silver;
  cursor: pointer;
}
.variant__color_silver button:hover, .variant__color_silver button:focus {
  outline: none;
  background: silver;
  color: silver;
}
.variant__color_silver button:hover:after, .variant__color_silver button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_silver button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_red button {
  background: #da2527 !important;
  color: #da2527;
  cursor: pointer;
}
.variant__color_red button:hover, .variant__color_red button:focus {
  outline: none;
  background: #da2527;
  color: #da2527;
}
.variant__color_red button:hover:after, .variant__color_red button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_red button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_brown button {
  background: #a0786b !important;
  color: #a0786b;
  cursor: pointer;
}
.variant__color_brown button:hover, .variant__color_brown button:focus {
  outline: none;
  background: #a0786b;
  color: #a0786b;
}
.variant__color_brown button:hover:after, .variant__color_brown button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_brown button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_green button {
  background: #97d837 !important;
  color: #97d837;
  cursor: pointer;
}
.variant__color_green button:hover, .variant__color_green button:focus {
  outline: none;
  background: #97d837;
  color: #97d837;
}
.variant__color_green button:hover:after, .variant__color_green button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_green button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_darkgreen button {
  background: #535430 !important;
  color: #535430;
  cursor: pointer;
}
.variant__color_darkgreen button:hover, .variant__color_darkgreen button:focus {
  outline: none;
  background: #535430;
  color: #535430;
}
.variant__color_darkgreen button:hover:after, .variant__color_darkgreen button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_darkgreen button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_white button {
  background: white !important;
  color: white;
  cursor: pointer;
}
.variant__color_white button:hover, .variant__color_white button:focus {
  outline: none;
  background: white;
  color: white;
}
.variant__color_white button:hover:after, .variant__color_white button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_white button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_yellow button {
  background: #f5c049 !important;
  color: #f5c049;
  cursor: pointer;
}
.variant__color_yellow button:hover, .variant__color_yellow button:focus {
  outline: none;
  background: #f5c049;
  color: #f5c049;
}
.variant__color_yellow button:hover:after, .variant__color_yellow button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_yellow button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_chrome button {
  background: #e6e4e8 !important;
  color: #e6e4e8;
  cursor: pointer;
}
.variant__color_chrome button:hover, .variant__color_chrome button:focus {
  outline: none;
  background: #e6e4e8;
  color: #e6e4e8;
}
.variant__color_chrome button:hover:after, .variant__color_chrome button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_chrome button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_anthrazit button {
  background: #555555 !important;
  color: #555555;
  cursor: pointer;
}
.variant__color_anthrazit button:hover, .variant__color_anthrazit button:focus {
  outline: none;
  background: #555555;
  color: #555555;
}
.variant__color_anthrazit button:hover:after, .variant__color_anthrazit button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_anthrazit button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_hellblau button {
  background: #88caef !important;
  color: #88caef;
  cursor: pointer;
}
.variant__color_hellblau button:hover, .variant__color_hellblau button:focus {
  outline: none;
  background: #88caef;
  color: #88caef;
}
.variant__color_hellblau button:hover:after, .variant__color_hellblau button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_hellblau button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_blue button {
  background: #3b5ca1 !important;
  color: #3b5ca1;
  cursor: pointer;
}
.variant__color_blue button:hover, .variant__color_blue button:focus {
  outline: none;
  background: #3b5ca1;
  color: #3b5ca1;
}
.variant__color_blue button:hover:after, .variant__color_blue button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_blue button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_creme button {
  background: #eee8db !important;
  color: #eee8db;
  cursor: pointer;
}
.variant__color_creme button:hover, .variant__color_creme button:focus {
  outline: none;
  background: #eee8db;
  color: #eee8db;
}
.variant__color_creme button:hover:after, .variant__color_creme button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_creme button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_orange button {
  background: #ef5e23 !important;
  color: #ef5e23;
  cursor: pointer;
}
.variant__color_orange button:hover, .variant__color_orange button:focus {
  outline: none;
  background: #ef5e23;
  color: #ef5e23;
}
.variant__color_orange button:hover:after, .variant__color_orange button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_orange button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_pink button {
  background: #c965a0 !important;
  color: #c965a0;
  cursor: pointer;
}
.variant__color_pink button:hover, .variant__color_pink button:focus {
  outline: none;
  background: #c965a0;
  color: #c965a0;
}
.variant__color_pink button:hover:after, .variant__color_pink button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_pink button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_violet button {
  background: #695c9d !important;
  color: #695c9d;
  cursor: pointer;
}
.variant__color_violet button:hover, .variant__color_violet button:focus {
  outline: none;
  background: #695c9d;
  color: #695c9d;
}
.variant__color_violet button:hover:after, .variant__color_violet button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_violet button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.variant__color_darkred button {
  background: #992527 !important;
  color: #992527;
  cursor: pointer;
}
.variant__color_darkred button:hover, .variant__color_darkred button:focus {
  outline: none;
  background: #992527;
  color: #992527;
}
.variant__color_darkred button:hover:after, .variant__color_darkred button:focus:after {
  opacity: 1;
  border-color: #b4b4b4;
}
.variant__color_darkred button:after {
  content: '';
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.product__variant__list__grinding {
  width: 75%;
}

.variant_grinding_legend ul, .variant_grinding_legend li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.variant_grinding_legend li {
  position: relative;
  height: 50px;
}
.variant_grinding_legend span {
  padding-top: 5px;
  display: block;
  margin-left: 35px;
}
.variant_grinding_legend .multiline span {
  padding-top: 0px;
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
}
.variant_grinding_legend img {
  height: 25px;
  position: absolute;
}

.variant__item_grinding_setting button {
  transition: text-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  background: transparent;
  border: 1px solid #b4b4b4 !important;
  min-width: 44px;
  min-height: 34px;
  color: #3c3c3c;
  max-width: 50px;
  margin: 0 3px 10px 0;
  border-radius: 6px !important;
  outline: none;
}
.variant__item_grinding_setting button .grinding_setting_active {
  display: none;
}
.variant__item_grinding_setting button img {
  max-height: 25px;
}
.variant__item_grinding_setting.product__variant__item_active button .grinding_setting_active {
  display: initial;
}
.variant__item_grinding_setting.product__variant__item_active button .grinding_setting_inactive {
  display: none;
}

.product__variant__item_active button,
.product__variant__item_active span {
  background-color: #3c3c3c;
}

.variant__color_white button::before {
  content: ' ';
  display: block;
  width: 17px;
  height: 17px;
  left: 0;
  top: 0;
  position: absolute;
  border: 1px solid #000;
}

.variant__color_chrome button {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, silver 0%, #e6e4e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e6e4e8',GradientType=0 );
  /* IE6-9 */
}

.product__variant__item .button {
  display: inline-block;
  padding: 6px 7px 2px;
}

.product__variant__item_active button,
.product__variant__item_active span {
  outline: none;
}
.product__variant__item_active button:after,
.product__variant__item_active span:after {
  opacity: 1;
  border-color: #8c8c8c;
}
.product__variant__item_active button:hover, .product__variant__item_active button:focus,
.product__variant__item_active span:hover,
.product__variant__item_active span:focus {
  outline: none;
}
.product__variant__item_active button:hover:after, .product__variant__item_active button:focus:after,
.product__variant__item_active span:hover:after,
.product__variant__item_active span:focus:after {
  opacity: 1;
  border-color: #8c8c8c;
}

.product__amount-setting, .product__variable_price-setting {
  position: relative;
}

.product__variant-dropdown {
  position: relative;
}

label[for=voucher_payment] {
  margin-top: 5px;
  margin-left: calc(16.667% + 3rem);
  font-size: 14px;
}
label[for=voucher_payment] input {
  float: left;
  margin-right: 5px;
}

.voucher_payment_product {
  margin-bottom: 15px;
}

.product__amount-slider, .product__variable_price-slider {
  display: none;
  float: left;
  width: 70%;
  margin: 0;
  margin-top: 0.95rem;
}

.product__variant_colors .product__variant__list, .product__variant_colors .product__amount-setting, .product__variant_colors .product__variable_price-setting, .product__variant_colors .product__variant-dropdown {
  margin-left: -5px;
}

.product__variable_price-value input,
.product__amount-value input {
  width: 100%;
  font-size: 1.125rem;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}
.product__variable_price-value input::-webkit-outer-spin-button,
.product__variable_price-value input::-webkit-inner-spin-button,
.product__amount-value input::-webkit-outer-spin-button,
.product__amount-value input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.product__variable_price_full .product__variable_price-value,
.product__variable_price_full .product__amount-value,
.product__amount_full .product__variable_price-value,
.product__amount_full .product__amount-value {
  width: 100%;
}
.product__variable_price_full .product__variable_price-value input,
.product__variable_price_full .product__amount-value input,
.product__amount_full .product__variable_price-value input,
.product__amount_full .product__amount-value input {
  width: 40%;
  -moz-appearance: textfield;
}
.product__variable_price_full .product__variable_price-value small,
.product__variable_price_full .product__amount-value small,
.product__amount_full .product__variable_price-value small,
.product__amount_full .product__amount-value small {
  display: block;
}

.product__actions .action, .product__actions .checkout__footer .checkout__back, .checkout__footer .product__actions .checkout__back {
  width: 100%;
}

@media (min-width: 575px) {
  .product__actions .action, .product__actions .checkout__footer .checkout__back, .checkout__footer .product__actions .checkout__back {
    width: 49%;
    max-width: 16.3em;
  }
}
/*********************
PRODUCT SUMMARY
*********************/
.product__summary {
  float: none;
}

.product__price {
  text-align: right;
}

.product__price__currency {
  font-style: italic;
  vertical-align: top;
}

.product__price__value {
  line-height: 1;
  margin-left: 0.25rem;
}

.product__price_full {
  font-size: 1.25rem;
  padding-bottom: 1rem;
}
.product__price_full .product__price__value {
  font-size: 3rem;
  line-height: 1;
  margin-left: 0.25rem;
}

.product__price__with-shipping {
  display: block;
  font-family: "Merriweather", serif;
  font-size: 0.75rem;
  font-style: italic;
  text-align: right;
  font-weight: 200;
  color: #8c8c8c;
}

.product__actions {
  *zoom: 1;
  text-align: right;
}
.product__actions:before, .product__actions:after {
  content: " ";
  display: table;
}
.product__actions:after {
  clear: both;
}

.product__subscribe-action,
.product__addtocard-action {
  margin: 0.5em 0;
  width: 100%;
  float: right;
}

.product__addtocard-action {
  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  margin: 0;
  background-size: 1.375rem 1.375rem;
  background-position: 1.25rem 50%;
  padding-left: 3.125rem;
}

.action_addtocart {
  margin: 0;
  background-size: 1.375rem 1.375rem;
  background-position: 1.25rem 50%;
  padding-left: 3.125rem;
}

/*********************
SUBSCRIBE A PRODUCT
*********************/
.product-subscription-dialog .dialog-box {
  max-width: 24.1rem;
}

.subscription-interval-options {
  *zoom: 1;
}
.subscription-interval-options:before, .subscription-interval-options:after {
  content: " ";
  display: table;
}
.subscription-interval-options:after {
  clear: both;
}

.subscription-interval-value {
  float: left;
  margin: 0;
}

.subscription-interval-value input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

fieldset.subscription-interval-measure {
  padding-top: 2.57em;
}

.subscription-interval-measure {
  float: left;
  font-size: 1.15em;
}

.subscription-interval-measure .single-option-chooser__item {
  margin: 0;
}

.subscription-interval-measure .single-option-chooser__item:first-of-type input[type="radio"] + label {
  border-left: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.subscription-general-options p {
  margin-bottom: 0;
}

.product-subscription-dialog .subscription-name-input {
  width: 100%;
}

@media only screen and (max-width: 23.125em) {
  .subscription-interval-value,
  .product-subscription-dialog .subscription-interval-measure {
    float: none;
  }

  fieldset.subscription-interval-measure {
    padding-top: 0.5em;
  }

  .subscription-interval-measure .single-option-chooser__item:first-of-type input[type="radio"] + label {
    border-left: 1px solid #b4b4b4;
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
  }

  .subscription-interval-value input {
    border-radius: 0.2rem;
  }
}
/*********************
PRODUCTS ACCESSOIRS
*********************/
.product__accessoirs h3 span {
  font-size: 0.8em;
  font-weight: normal;
}

.product_accessoir {
  *zoom: 1;
  position: relative;
  margin-bottom: 10px;
}
.product_accessoir:before, .product_accessoir:after {
  content: " ";
  display: table;
}
.product_accessoir:after {
  clear: both;
}
.product_accessoir a:hover * {
  color: #595959;
}

.product__header_accessoir {
  float: left;
  width: 100%;
}

.product__title_accessoir {
  text-transform: uppercase;
  margin-left: 7.1875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #8c8c8c;
}

.product__category_accessoir {
  margin-left: 7.1875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #b4b4b4;
  letter-spacing: 1px;
}

.product__image_accessoir {
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
  background: #c8c8c8;
  float: left;
  margin-left: -100%;
  position: relative;
  background: #dfddde;
}
.product__image_accessoir img {
  width: 6.25rem;
  height: auto;
  position: absolute;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*********************
PRODUCTS SIMILARS
*********************/
.checkout_finish .product__similars:before {
  display: none !important;
}

/*********************
PRODUCTS GRID / PRODUCTS LIST
*********************/
.products {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.products:before, .products:after {
  content: " ";
  display: table;
}
.products:after {
  clear: both;
}

.products__switch-view {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #8c8c8c;
  letter-spacing: 0.0625rem;
  border: 0;
  background-color: transparent;
  background-position: left center;
  background-size: 22px;
  padding: 1.25rem 2.625rem 1.25rem;
}
.products__switch-view:focus, .products__switch-view:hover {
  border: 0;
  outline: 0;
  color: #0096ff;
}

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

/*********************
MISC STATES
*********************/
.product_in-cart .action_addtocart {
  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: #14d645;
}
.product_in-cart .action_addtocart:after {
  top: 0;
  right: 20px;
}

.action_addedtocart {
  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: #14d645 !important;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 50%;
  min-width: 300px;
  padding: 1px;
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  white-space: nowrap;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  position: relative;
}
.popover-title span {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 7px;
  width: 30px;
  text-align: center;
  display: block;
}

.popover-content {
  padding: 9px 14px;
  font-size: 1em;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: white;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: white;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: white;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: white;
  bottom: -10px;
}

@media (max-width: 768px) {
  .popover {
    position: fixed;
    left: 0 !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
  }

  .product__options .popover, .product__amount .popover, .product__variable_price .popover, .product__summary .popover {
    top: 39px !important;
  }

  .popover-content {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  line-height: 1.4;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: black;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: black;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}

.reset-form .form-footer {
  margin-top: 2rem;
}

.dropdown__wrapper_hidden {
  display: none;
}

.dropdown__wrapper {
  display: unset;
}
.dropdown__wrapper select {
  font-size: 0.625rem;
}

.toggle__subscription {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color: #282828;
  border-color: #3e3e3e;
  color: white;
  padding: 0.9em 1.7em 0.8em 1.7em;
  text-transform: uppercase;
  border: 2px solid transparent;
  border-radius: 2px;
  letter-spacing: 0.0625rem;
  padding: 0.9em 1.7em 0.8em 1.7em;
  border: 2px solid transparent;
  font-size: 0.6875rem;
  padding: 0.6em 1.3em 0.5em 1.3em;
  float: right;
  margin-top: 2rem;
}
.toggle__subscription:hover, .toggle__subscription:focus {
  background-color: #3e3e3e;
}
.toggle__subscription:hover, .toggle__subscription:focus {
  color: white;
}
.toggle__subscription:focus {
  background-color: #282828;
}
.toggle__subscription:hover, .toggle__subscription:focus, .toggle__subscription.hover {
  outline: 0;
}

/******************************************************************
Site Name: Adrianos.ch
Author: Rene Stalder

Stylesheet: shop/cart/_base
******************************************************************/
.mixture__title {
  letter-spacing: .05em;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

h1,
.page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
.product__amount-value input, .product__price__value {
  font-style: normal;
  font-weight: 700;
}

.quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file {
  font-style: normal;
  font-weight: 700;
}

.site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
.site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view {
  font-style: normal;
  font-weight: 400;
}

.breadcrumbs {
  font-style: normal;
  font-weight: 300;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
  font-family: "Merriweather", serif;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
  font-style: normal;
  font-weight: 400;
}

.page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview {
  font-style: italic;
}

.cart__item-gift .product__image_cart {
  display: none !important;
}

.product__amount-value_cart label [type="radio"] {
  -ms-transform: translateY(1px);
      transform: translateY(1px);
}

.cart {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.cart:before, .cart:after {
  content: " ";
  display: table;
}
.cart:after {
  clear: both;
}

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

.cart__items {
  width: 100%;
}
.cart__items td, .cart__items th {
  text-align: center;
}
.cart__items tbody .product__image_cart,
.cart__items tbody .product__title_cart {
  text-align: left;
  font-weight: bold;
}

.cart__item-gift td {
  text-align: left;
}
.cart__item-gift input {
  width: auto !important;
}

@media only screen and (max-width: 40em) {
  .cart__item-gift .product__image_cart {
    display: block;
    width: 10%;
    margin-left: 10px;
    float: left;
  }
  .cart__item-gift .product__title_cart {
    float: left;
    width: 80%;
    padding-top: 1.25rem;
  }
  .cart__item-gift .product__amount-value_cart {
    width: 100%;
  }
}
.cart__item {
  border-top: 1px solid #b4b4b4;
}
.cart__item.cart__item_shipping .product__title_cart {
  white-space: nowrap;
}
.cart__item:hover .product__title_cart a {
  color: #0096ff;
}
.cart__item:hover .product__title_cart a .product__variant_cart {
  color: #0096ff;
}
.cart__item:hover .product__title_cart a:hover {
  color: rgba(0, 150, 255, 0.8);
}
.cart__item:hover .product__title_cart a:hover .product__variant_cart {
  color: rgba(0, 150, 255, 0.8);
}

.cart__items-header {
  opacity: 0;
  visibility: hidden;
}

.product__image_cart {
  display: none;
}

.product__title_cart {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.1;
}
.product__title_cart a {
  color: #282828;
}

.product__variant_cart {
  color: #8c8c8c;
  margin: 0;
  font-size: 0.625rem;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  text-transform: none;
  margin-top: 1px;
}

.product__variant_error {
  color: #ff4646;
  margin: 0;
  font-size: 0.625rem;
  font-weight: bold !important;
  display: block;
  width: 100%;
  line-height: 1.5;
  text-transform: none;
  margin-top: 1px;
}

.product__price_cart {
  text-align: right !important;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1;
}

.product__price__value_cart {
  font-size: 1.125rem;
}

.product__price__currency_cart {
  line-height: 1.3;
}

.cart__remove {
  text-align: right;
}

.cart__actions {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  text-align: center;
}
.cart__actions .action, .cart__actions .checkout__footer .checkout__back, .checkout__footer .cart__actions .checkout__back {
  width: 100%;
}

.action_save-cart {
  margin-right: 10px;
}

.action_checkout {
  background-color: #0096ff;
}
.action_checkout:hover, .action_checkout:focus {
  background-color: #33abff;
}

.action_continue-shopping {
  margin-bottom: 0.625rem;
}

/******************************************************************
CART POPOVER
******************************************************************/
.is-cart-expanded {
  overflow: hidden;
  height: 100%;
}
.is-cart-expanded .popover_cart {
  height: 100%;
  overflow-y: scroll;
  z-index: 1200;
}
.is-cart-expanded .popover_cart .cart__content-popover-info {
  margin-top: 0.9375rem;
  color: gainsboro;
  display: block;
  font-weight: bold;
}
.is-cart-expanded .popover_cart__close {
  display: block;
}

.loading-overlay_cart {
  display: none;
}

.loading-cart .loading-overlay {
  opacity: 1;
  z-index: 1;
  display: inline-block;
}

.popover_cart {
  height: 0%;
  overflow-y: hidden;
  z-index: -1;
  background-color: #282828;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  color: white;
}
.popover_cart a.action, .popover_cart .checkout__footer a.checkout__back, .checkout__footer .popover_cart a.checkout__back {
  color: white;
}
.popover_cart .product__title_cart a {
  color: white;
}
.popover_cart .action_continue-shopping {
  display: none;
}
.popover_cart .empty_cart {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
.popover_cart .cart__wrapper {
  margin-top: 40px;
}

.popover_cart__close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
  border: 0;
  background: none;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-size: 15px;
  background-position: center;
  z-index: 2;
}
.popover_cart__close:focus {
  outline: 0;
}

 /* .cart-editable-input {

  }

  .cart-editable-input__saving {
    border-color: $color-50;
    color: $color-50;
  }
  .cart-editable-input__saved {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-color: $borderColor-forms;
    color: $color-forms-text;
  }*/
.product__cart-coupon {
  width: 83.33333%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  text-align: left !important;
  float: left;
}
.product__cart-coupon input {
  width: 60%;
}
.product__cart-coupon button {
  max-width: 40%;
  margin-bottom: 0;
  padding: 0.5rem 1.5rem;
  -ms-transform: translateY(-1px);
      transform: translateY(-1px);
}

.checkout_finalize .cart__content-popover-info {
  padding: 0.825rem;
}

/*********************
Footer Cart
*********************/
.site-footer__cart a.action, .site-footer__cart .checkout__footer a.checkout__back, .checkout__footer .site-footer__cart a.checkout__back {
  color: white;
}

.checkout_error {
  color: #ff4646;
  font-weight: bold;
  text-align: center;
  max-width: 60%;
  margin: 10px auto;
  display: block;
}

.adjustable_active .cart__content {
  padding-right: 0rem !important;
}

/*********************
PRODUCTS PREVIEW / PRODUCT LIST
*********************/
.products__options {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  float: none;
}

.products__introduction {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  text-align: center;
}

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

.product_preview__image-wrapper {
  margin: 0;
  text-align: center;
  margin-bottom: 0.375rem;
  width: 100%;
}

.product__image_preview {
  background-color: #f7f7f7;
  width: 100%;
}

.product__caption_preview {
  position: relative !important;
  background: transparent !important;
  color: #3c3c3c !important;
  height: 3.75rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  float: none;
}

.product__title_preview {
  font-size: 0.625rem;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}

.product__price_preview {
  width: 100%;
}

.product_preview .product-instantbuy {
  overflow-y: hidden;
  display: none;
  opacity: 0;
  background-color: white;
  border-radius: 4px;
  z-index: 1000;
  padding-bottom: 2rem;
}

.product-instantbuy__content .product__summary {
  float: left;
}

.product_preview .action_addtocart {
  width: 100%;
  position: fixed;
  z-index: 1;
  border: 5px solid #FFF;
  border-radius: 7px;
}

:root .product_preview .action_addtocart {
  max-width: none;
}

.product_preview .action_instantbuy-close {
  position: fixed;
  top: 10px;
  right: 0;
  text-indent: -9999;
  z-index: 1;
  -ms-transform: scale(0);
  transform: scale(0);
}
.product_preview .action_instantbuy-close:focus {
  outline: 0;
}

.product_preview .action-instantbuy {
  width: 40px;
  height: 40px;
  display: inline-block !important;
  text-indent: -9999px;
  background-size: 23px;
  background-position: center;
  position: absolute;
  bottom: 2rem;
  right: 0;
}
.product_preview .action-instantbuy:before, .product_preview .action-instantbuy:after {
  display: initial !important;
}

.product-preview-wrapper {
  position: relative;
}

.product-label {
  position: absolute;
  width: 25%;
  top: 5%;
  right: 5%;
}

/*-------------------------------------------------------------------------------------
  STATES
-------------------------------------------------------------------------------------*/
.products_image-view .action-instantbuy {
  bottom: 1.5rem;
  right: 5px;
}

.products_list-view .product_preview {
  border-top: 1px solid #b4b4b4;
}
.products_list-view .product_preview:last-child {
  border-bottom: 1px solid #b4b4b4;
}
.products_list-view .product_preview__image-wrapper {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 25%;
  float: left;
  padding: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  height: auto;
  height: 73px;
  width: 96px;
  overflow: hidden;
  background-color: #b4b4b4;
  border: 1px solid white;
  position: relative;
}
.products_list-view .product__image_preview {
  height: auto;
}
.products_list-view .action-instantbuy {
  bottom: auto;
  top: 15px;
  right: 10px;
}
.products_list-view .product-instantbuy .product_preview__image-wrapper {
  height: auto !important;
}
.products_list-view .product__caption_preview {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 58.33333%;
  float: left;
  padding-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  /*border-top: 1px solid $color-10;
  border-bottom: 1px solid $color-10;*/
}
.products_list-view .product_preview .action-instantbuy {
  display: none;
}

body:after {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  content: '';
  display: block;
  position: fixed;
  opacity: 0;
  background: rgba(40, 40, 40, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

body.instantbuy-active,
#site-body.instantbuy-active {
  overflow: hidden;
}
body.instantbuy-active:after,
#site-body.instantbuy-active:after {
  z-index: 999;
  opacity: 1;
}

.product_preview .product-instantbuy.product_instantbuy {
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
  -webkit-overflow-scrolling: touch;
}
.product_preview .product-instantbuy.product_instantbuy::-webkit-scrollbar {
  -webkit-appearance: none;
}
.product_preview .product-instantbuy.product_instantbuy::-webkit-scrollbar:vertical {
  width: 11px;
}
.product_preview .product-instantbuy.product_instantbuy::-webkit-scrollbar:horizontal {
  height: 11px;
}
.product_preview .product-instantbuy.product_instantbuy::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.3);
}

.product_preview .product_instantbuy .product__image_preview {
  width: 100%;
}

.instantbuy-active .owl-carousel .owl-wrapper,
.instantbuy-active .owl-carousel .owl-item,
.instantbuy-active .slider_products li.slider__item {
  -ms-transform: none !important;
  transform: none !important;
}

/*-------------------------------------------------------------------------------------
  Subscriptions / User
-------------------------------------------------------------------------------------*/
.subscriptions-list .data-table_actions {
  width: 7em;
}

/*-------------------------------------------------------------------------------------
  Subscriptions / User / Subscription / Show - Edit
-------------------------------------------------------------------------------------*/
.subscription-products-list .cart__content {
  width: 100%;
  padding: 0;
  float: none;
}

.subscription-products-list .cart__items {
  padding: 0;
}

.subscription-products-list .cart__summary {
  position: relative;
  width: 100%;
  left: auto;
  right: auto;
  float: none;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
}

.subscription-products-list .cart__remove {
  display: none;
}

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

.subscription-edit__footer button {
  float: right;
  margin-left: 0.5em;
}

.adjustable .subscription-products-list table {
  margin: 0;
}

.adjustable .subscription-products-list thead tr {
  border-bottom: 0;
}

.adjustable .subscription-products-list .cart__item:first-child {
  border-top-color: transparent;
}

/******************************************************************
Site Name:  Adrianos Bar & Cafe
Author: nachtmeister

Stylesheet:  user/base
******************************************************************/
.account {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}
.account:before, .account:after {
  content: " ";
  display: table;
}
.account:after {
  clear: both;
}

.account-navigation {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.account-navigation ul {
  list-style-type: none;
  padding: 0;
}
.account-navigation ul li.active {
  font-weight: bold;
}

.subscription-products-list .cart__item .subscription_adjust__button {
  display: none;
}

.subscription_adjust__button-mobile {
  margin: 0 -0.75rem 0 0 !important;
}

.account-data {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.account-data input:not([type="radio"]):not([type="checkbox"]) {
  width: 100%;
}
.account-data h1 {
  text-align: center;
}
.account-data table {
  width: 100%;
  margin: 0.625rem 0;
  text-align: left;
}
.account-data table tr {
  border-bottom: 1px solid #b4b4b4;
}
.account-data table td, .account-data table th {
  padding: 0.75rem;
}

.order__select {
  text-align: right;
}

.order__actions .action, .order__actions .checkout__footer .checkout__back, .checkout__footer .order__actions .checkout__back {
  width: 100%;
}

.order__tracking,
.order__addtocart {
  display: none;
}

.editprofile__newsletter {
  *zoom: 1;
  margin: 0.625rem 0;
}
.editprofile__newsletter:before, .editprofile__newsletter:after {
  content: " ";
  display: table;
}
.editprofile__newsletter:after {
  clear: both;
}
.editprofile__newsletter div {
  float: left;
}
.editprofile__newsletter label {
  float: left;
}

/*
  MEDIA QUERIES
  Configure: Place a _media-queries.scss in the settings folder
  Parameters: http://foundation.zurb.com/docs/media-queries.html
*/
/*
 SMALL SCREENS
*/
@media only screen and (max-width: 40em) {
  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  small-only
  ******************************************************************/
  /* No files to import found in partials/shared/**\/_small-only.scss */
  /**
   * Mixture UI
   * States:
   *   .show-mixture-perceptions: Filter overlay
   *   .show-perceptions-edit-ui: Editing
   */
  .bottom-sheet {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1200;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .bottom-sheet_transparent {
    background-color: rgba(0, 0, 0, 0);
  }

  .bottom-sheet__wrapper {
    display: none;
    background: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -ms-transform: translateY(100%);
        transform: translateY(100%);
    padding: 34px;
  }

  .bottom-sheet__items {
    *zoom: 1;
    margin: 0;
    margin-left: -8px;
    list-style-type: none;
    padding: 0;
  }
  .bottom-sheet__items:before, .bottom-sheet__items:after {
    content: " ";
    display: table;
  }
  .bottom-sheet__items:after {
    clear: both;
  }

  .perception-list-item {
    display: none;
  }

  .bottom-sheet__action {
    padding: 4px;
    font-family: "proxima-nova", sans-serif;
  }
  .bottom-sheet__action.active {
    background: #282828 !important;
    color: white;
  }

  .bottom-sheet__title_bottombar {
    color: white;
    height: 34px;
    -ms-transform: translateY(100%);
        transform: translateY(100%);
    text-align: center;
  }

  .bottom-sheet__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    display: inline-block;
  }

  /*-------------------------------------------------------------------------------------
    Adrianos / Components / Bottom Sheet / Grid Items
  -------------------------------------------------------------------------------------*/
  .bottom-sheet__items_grid .bottom-sheet__item {
    height: 0;
    width: calc(33.3% - 16px);
    float: left;
    padding-top: calc(33.3% - 16px);
    position: relative;
    margin: 8px;
  }

  .bottom-sheet__items_grid .bottom-sheet__action {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    border-radius: 0;
    border: 2px solid #282828;
    border-radius: 2px;
    background: transparent;
  }

  /*-------------------------------------------------------------------------------------
    Adrianos / Components / Bottom Sheet / Edit UI
    Sub element for editing values
  -------------------------------------------------------------------------------------*/
  /************************************/
  /*    *--------------------*  [OK]  */
  /************************************/
  .bottom-sheet__wrapper_edit {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #282828;
    -ms-transform: translateY(0);
        transform: translateY(0);
  }

  .bottom-sheet__edit-item {
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    height: 34px;
  }

  .bottom-sheet__edit-item,
  .bottom-sheet__wrapper_edit .bottom-sheet__title_bottombar {
    padding: 12px 70px 12px 12px;
    width: 100%;
  }

  .bottom-sheet__wrapper_edit .bottom-sheet__title_bottombar {
    padding-top: 0;
    padding-bottom: 0;
  }

  .bottom-sheet__edit-action-save {
    position: absolute;
    top: 0;
    right: 0;
    background: white;
    border: 1px solid white;
    border-top: 0;
    border-right: 0;
    color: black;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    width: 46px;
    margin: 12px;
    height: calc(100% - 12px - 12px);
  }

  .dialog-box {
    height: 100%;
    width: 100%;
    padding: 20px;
  }

  .dialog-wrapper {
    height: 100%;
  }

  .dialog.dialog_active {
    display: block;
  }

  .dialog.dialog_active .dialog-wrapper {
    display: block;
  }

  .dialog.dialog_active .dialog-box {
    margin: 0 auto;
  }

  /**
   * Mixture UI
   * States:
   *   .show-mixture-perceptions: Filter overlay
   *   .show-perceptions-edit-ui: Editing
   */
  .bottom-sheet.show-mixture-perceptions,
  .show-mixture-perceptions .bottom-sheet,
  .show-perceptions-edit-ui .bottom-sheet,
  .bottom-sheet.show-perceptions-edit-ui {
    display: block;
  }

  .perception-list-item {
    display: none;
  }

  .action_edit-mixture {
    display: inline-block;
    margin: 0 auto;
  }

  .mixture__perceptions-reset {
    display: none;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  shop/cart/small-only
  ******************************************************************/
  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: shop/cart/_base
  ******************************************************************/
  .cart__items-header {
    display: none;
  }

  .cart__item th:first-child {
    padding-top: 0.75rem;
  }
  .cart__item td:not(:first-child) {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .cart__item:last-child td {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .product__title_cart {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
  }

  .product__amount-value_cart {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 25%;
    float: left;
  }

  .product__price_cart {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 58.33333%;
    float: left;
  }

  .cart__remove {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 16.66667%;
    float: left;
  }

  .cart__label {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 41.66667%;
    float: left;
  }

  .product__title_cart_vat {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 25%;
    float: left;
  }

  .cart__value {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 41.66667%;
    float: right;
    float: left;
  }

  .cart__summary {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
  }

  /*********************
  CART POPOVER
  *********************/
  .is-cart-expanded .adrianos-logo_header {
    display: none;
  }

  .popover_cart .cart__item:first-child {
    border-top: 0;
  }
}
/*
 MEDIUM SCREENS
*/
@media only screen and (min-width: 48em) {
  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: Tablet Stylesheet
  ******************************************************************/
  html {
    font-size: 120%;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Café
  Author: rene@whatwedo.ch
  
  Stylesheet:  shared/messages/medium-portrait
  ******************************************************************/
  .message-info {
    font-size: 0.8125rem;
  }
  .message-info a {
    display: inline-block;
    width: 100%;
    color: white;
    letter-spacing: 0.0625rem;
  }
  .message-info a:hover {
    color: #0096ff;
  }
  .message-info .icon-questions {
    margin-bottom: 0.5rem !important;
    margin-top: 0.3125rem !important;
  }

  .message-notification {
    top: 48px;
    text-align: center;
  }

  .message-close {
    right: 14px;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: navigation/_medium-portrait
  ******************************************************************/
  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: page/_medium-portrait
  ******************************************************************/
  /*
  *   UTIL === HELPERS
  *   MIXINS and % classes.
  *   Can be imported in multiple files
  *   Holds non-rendering classes or mixins. Do not place classes in here
  *   since it can be imported multiple times.
  */
  /*// use of keyframes mixin
  @include keyframes(bgcolor) {
    0% {
      background-color: #ffccf2;
    }
    50% {
      background-color: #ccffcc;
    }
    100% {
      background-color: #ccffff;
    }
  }*/
  .page-teaser__item, .slider__item_promotion .page-teaser__header {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  .top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
    *zoom: 1;
  }
  .top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    content: " ";
    display: table;
  }
  .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    clear: both;
  }

  .page, .blog-post {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /**
   * Computes a top-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Computes a bottom-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Gives a card depth effect.
   *
   * @param {Number} $depth - depth level (between 1 and 5)
   *
   * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
   *
   * @requires {function} top-shadow
   * @requires {function} bottom-shadow
   */
  .page, .blog-post, .blog-list,
  .blog-post.blog-post_preview {
    font-size: 0.8125rem;
    line-height: 1.7;
  }

  .page-teaser {
    height: 12.5rem;
  }

  .page-teaser__slider {
    height: 12.5rem !important;
    min-height: 12.5rem;
  }

  .slider__item_page-teaser img.page-teaser__content-image {
    height: 12.5rem;
    width: auto;
  }

  .page-teaser__title, .page-teaser__subtitle {
    text-align: center;
  }

  .page-teaser__title {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 83.33333%;
    float: left;
    float: none;
  }

  .page-teaser__title_news {
    float: none !important;
  }

  .page-teaser__subtitle {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    float: none;
  }

  .page-teaser_shop {
    height: 12.5rem;
  }
  .page-teaser_shop .page-teaser__slider {
    height: 12.5rem !important;
    min-height: 12.5rem;
  }

  .slider__item_promotion {
    background-position: right 10% bottom;
    background-size: contain;
  }
  .slider__item_promotion .page-teaser__header {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 58.33333%;
    float: right;
    float: left;
    position: absolute;
  }
  .slider__item_promotion .page-teaser__title {
    text-align: left;
    padding: 0;
    margin: 0;
  }
  .slider__item_promotion .page-teaser__subtitle {
    text-align: left;
    padding: 0;
    margin: 0;
  }

  /*********************
  CONTENT BLOCKS
  *********************/
  .page__block {
    margin: 1.875rem 0;
  }

  .page__block_text {
    margin: 0;
  }
  .page__block_text blockquote {
    margin-left: -3.125rem;
    margin-right: -3.125rem;
    font-size: 1.25rem;
  }

  /*********************
  SLIDERS
  *********************/
  .slider_products li.slider__item {
    -ms-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
  }

  .page-teaser__item {
    padding: 0 30px;
  }

  .page-teaser__subtitle {
    display: block;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  page/login/medium-portrait
  ******************************************************************/
  .login {
    margin: 6.25rem auto;
  }

  .auth-form {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .auth-form button {
    width: auto;
  }

  .login__remember {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    padding-left: 0;
  }

  .login__actions {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 0;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Café
  Author: rene@whatwedo.ch
  
  Stylesheet:  shared/page/hours/medium-portrait
  ******************************************************************/
  .opening-hours {
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }

  /*
  .opening-hours {
    width: rem-calc(160px);
    left: auto;
    padding: rem-calc(5px);
    margin: 0 rem-calc(14px)!important;
  }
  
  .opening-hours__status {
    @include clear-vertical-align;
    position: relative;
    @include grid-column($columns: 12, $collapse: true);
    padding: 0;
  }
  */
  .opening-hours__status {
    background-position: left center;
  }

  .opening-hours__list {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    margin-left: 0% !important;
    font-size: 0.5625rem;
    letter-spacing: 0.0625rem;
    padding-left: 0;
    margin: 0;
  }

  .opening-hours_site-header {
    width: 250px;
  }
  .opening-hours_site-header .icon-cart-refresh {
    background-size: 55px 55px;
  }

  /*
  .adrianos-status-open {
    .opening-hours__status {
      background-position: left top;
      letter-spacing: rem-calc(3px);
      background-size: rem-calc(50px 23px);
    }
  }
  
  .adrianos-status-closed {
    .opening-hours__status {
      letter-spacing: rem-calc(-1px);
      background-position: -webkit-calc(100% - 116px) top;
      background-position: calc(100% - 116px) top;
      //background-position: right rem-calc(98) top;
      background-size: rem-calc(54px 27px);
    }
  }
  */
  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: blog/_medium-portrait
  ******************************************************************/
  /******************************************************************
  BLOG POST/ARTICLE FULL/SINGLE
  ******************************************************************/
  .blog-list,
  .blog-post.blog-post_preview {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 50rem;
  }

  .blog-post_preview {
    display: -ms-flexbox;
    display: flex;
  }
  .blog-post_preview aside {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 30%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
  }
  .blog-post_preview .blog-post_preview-content {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 70%;
    padding-left: 20px;
    position: relative;
  }
  .blog-post_preview .blog-post_preview-content:after {
    position: absolute;
    bottom: 0;
    content: ' ';
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .blog-post__meta {
    margin-top: 0;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  checkout/medium-portrait
  ******************************************************************/
  .checkout__footer .checkout__footer-text {
    width: 100%;
    text-align: center;
    padding: 0 15%;
  }

  #checkout_guest,
  #checkout_user {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
  }

  /******************************************************************
  FINALIZE
  ******************************************************************/
  .checkout__finalize__addresses {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
  }

  .checkout__finalize__shippingpayment {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
  }

  .checkout__finalize__support {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
  }
  .checkout__finalize__support .icon-questions {
    background-size: 9.875rem;
    margin: 0 auto;
    height: 4.25rem;
    width: 9.875rem;
  }
  .checkout__finalize__support .message-info {
    position: absolute;
    right: 0;
  }

  .checkout__finalize__support_wide {
    display: block;
  }

  .checkout__finalize__support_small {
    display: none;
  }

  .checkout__agb_error .error-message {
    display: inline;
    margin-right: 10px;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: gallery/_medium-portrait
  ******************************************************************/
  .gallery_full .gallery__item {
    width: 21%;
    margin: 2%;
  }

  .clearing-blackout .clearing-img {
    height: 100% !important;
    margin: 0 !important;
  }
  .clearing-blackout .gallery_inline {
    margin: 0;
  }
  .clearing-blackout .clearing-link img {
    width: 100%;
    height: 100%;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: home/_medium-portrait
  ******************************************************************/
  /*
  *   UTIL === HELPERS
  *   MIXINS and % classes.
  *   Can be imported in multiple files
  *   Holds non-rendering classes or mixins. Do not place classes in here
  *   since it can be imported multiple times.
  */
  /*// use of keyframes mixin
  @include keyframes(bgcolor) {
    0% {
      background-color: #ffccf2;
    }
    50% {
      background-color: #ccffcc;
    }
    100% {
      background-color: #ccffff;
    }
  }*/
  .page-teaser__item, .slider__item_promotion .page-teaser__header {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  .top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
    *zoom: 1;
  }
  .top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    content: " ";
    display: table;
  }
  .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    clear: both;
  }

  .page, .blog-post {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /**
   * Computes a top-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Computes a bottom-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Gives a card depth effect.
   *
   * @param {Number} $depth - depth level (between 1 and 5)
   *
   * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
   *
   * @requires {function} top-shadow
   * @requires {function} bottom-shadow
   */
  .page-teaser_front-page {
    margin-bottom: 2.5rem;
  }
  .page-teaser_front-page .orbit-bullets-container {
    bottom: 0.3125rem;
  }

  .shop_front-page .orbit-prev, .shop_front-page .orbit-next {
    display: none;
  }

  .page_startseite .breadcrumbs_site-footer {
    margin-top: 3rem;
  }

  .slider_products {
    *zoom: 1;
  }
  .slider_products:before, .slider_products:after {
    content: " ";
    display: table;
  }
  .slider_products:after {
    clear: both;
  }
  .slider_products .owl-pagination {
    margin-top: 90px;
    margin-bottom: -80px;
  }
  .slider_products li.slider__item {
    padding: 0 25px;
    position: relative;
  }
  .slider_products .product__image_preview {
    position: static;
  }
  .slider_products .orbit-bullets-container {
    opacity: 0;
  }

  .orbit-container_shop .slider_products__bullets {
    display: none;
  }
  .orbit-container_shop .orbit-bullets-container {
    display: none;
  }

  .product__infos {
    font-size: 0.625rem;
  }

  /*********************
  PRODUCT SUMMARY
  *********************/
  .product__subscribe-action,
  .product__addtocard-action {
    margin: 0.3em;
    width: auto;
  }

  /*********************
  PRODUCTS ACCESSOIRS
  *********************/
  .product__title_accessoir {
    font-size: 0.875rem;
  }

  .product__category_accessoir {
    font-size: 0.875rem;
  }

  /*********************
  PRODUCTS PREVIEW / PRODUCT LIST
  *********************/
  .products__switch-view {
    font-size: 0.5625rem;
  }

  /*********************
  PRODUCT DETAILS
  *********************/
  .variant__item_color button {
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 0.75rem;
    -moz-border-radius: 0 !important;
    border-weight: 0.625rem;
  }
  .variant__item_color button:after {
    width: 1.5rem;
    height: 1.5rem;
    top: -0.3125rem;
    left: -0.3125rem;
  }

  .product__variable_price_full .product__variable_price-value input,
  .product__variable_price_full .product__amount-value input,
  .product__amount_full .product__variable_price-value input,
  .product__amount_full .product__amount-value input {
    width: 40%;
  }

  .product-list .product_preview {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
    min-height: 305px !important;
  }
  .product-list .product__title_preview {
    padding-right: 25px;
  }
}
@media only screen and (min-width: 48.063em) {
  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: Stylesheet for devices starting at tablet size
  ******************************************************************/
  h1,
  .page-title {
    font-size: 1.875rem;
    line-height: 1.1;
  }

  .orbit-container_shop .slider-prev, .orbit-container_shop .slider-next {
    display: none;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: footer/_medium-up
  ******************************************************************/
  /*
  *   UTIL === HELPERS
  *   MIXINS and % classes.
  *   Can be imported in multiple files
  *   Holds non-rendering classes or mixins. Do not place classes in here
  *   since it can be imported multiple times.
  */
  /*// use of keyframes mixin
  @include keyframes(bgcolor) {
    0% {
      background-color: #ffccf2;
    }
    50% {
      background-color: #ccffcc;
    }
    100% {
      background-color: #ccffff;
    }
  }*/
  .page-teaser__item {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  .top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
    *zoom: 1;
  }
  .top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    content: " ";
    display: table;
  }
  .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    clear: both;
  }

  .page, .blog-post {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /**
   * Computes a top-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Computes a bottom-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Gives a card depth effect.
   *
   * @param {Number} $depth - depth level (between 1 and 5)
   *
   * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
   *
   * @requires {function} top-shadow
   * @requires {function} bottom-shadow
   */
  /******************************************************************
  FOOTER BREADCRUMB NAVIGATION
  ******************************************************************/
  .breadcrumbs_site-footer {
    margin-top: 6.25rem;
  }

  /******************************************************************
  FOOTER CONTENT
  ******************************************************************/
  .site-footer__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
    color: #8c8c8c;
  }
  .site-footer__content:before, .site-footer__content:after {
    content: " ";
    display: table;
  }
  .site-footer__content:after {
    clear: both;
  }

  .site-footer__area {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
  }

  .site-footer__title {
    font-size: 0.625rem;
    color: white;
  }

  .site-quickaccess-list {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1;
  }
  .site-quickaccess-list:before, .site-quickaccess-list:after {
    content: " ";
    display: table;
  }
  .site-quickaccess-list:after {
    clear: both;
  }

  .site-quickaccess-item {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    padding: 0;
    padding-bottom: 20px;
  }
  .site-quickaccess-item:nth-child(1) {
    padding-left: 0;
  }
  .site-quickaccess-item:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
  .site-quickaccess-item:nth-child(even) {
    float: right;
  }
  .site-quickaccess-item:nth-child(3) {
    float: right;
    padding-left: 0;
    padding-right: 0;
  }
  .site-quickaccess-item:nth-child(4) {
    float: left;
    padding-left: 0;
  }
  .site-quickaccess-item:nth-child(5) {
    float: right;
    padding-left: 0;
    padding-right: 0;
  }

  .quickaccess-item {
    min-width: 38px;
    display: inline-block;
    padding: 0.125rem 0;
    font-size: 0.75rem;
  }

  .quickaccess-item_child {
    color: #8c8c8c;
  }
  .quickaccess-item_child:hover {
    color: #bfbfbf;
  }

  /******************************************************************
  FOOTER COPYRIGHT LINE
  ******************************************************************/
  .site-footer__info a, .site-footer__info a:visited {
    color: #8c8c8c;
  }
  .site-footer__info a:hover {
    color: #595959;
  }

  .message-notification {
    top: 108px;
  }

  html:not(.page_checkout) .message-notification_trust {
    display: block;
  }

  .message-notification-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
  }
  .message-notification-wrapper:before, .message-notification-wrapper:after {
    content: " ";
    display: table;
  }
  .message-notification-wrapper:after {
    clear: both;
  }

  .message-notification-wrapper > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: left;
    padding-top: 2px;
  }

  .home .message-notification {
    top: 60px;
  }
  .home .message-notification_trust {
    background: transparent;
    border-bottom: 1px solid #B4B4B4;
  }
  .home .message-notification_trust .message-close {
    opacity: 0.4;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: navigation/_medium-up
  ******************************************************************/
  /*
  *   UTIL === HELPERS
  *   MIXINS and % classes.
  *   Can be imported in multiple files
  *   Holds non-rendering classes or mixins. Do not place classes in here
  *   since it can be imported multiple times.
  */
  /*// use of keyframes mixin
  @include keyframes(bgcolor) {
    0% {
      background-color: #ffccf2;
    }
    50% {
      background-color: #ccffcc;
    }
    100% {
      background-color: #ccffff;
    }
  }*/
  .page-teaser__item {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .socialmedia-list, .site-quickaccess-list, .top-bar__items, .slider, .opening-hours__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .socialmedia-list ul, .site-quickaccess-list ul, .top-bar__items ul, .slider ul, .opening-hours__list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  .top-bar, .top-bar__items, .page-teaser__item, .ribbon, .page__block, .opening-hours, .opening-hours__list, .blog-posts, .mixtures-list-wrapper .mixtures-list, .product__variant, .product__summary, .cart__items tr {
    *zoom: 1;
  }
  .top-bar:before, .top-bar__items:before, .page-teaser__item:before, .ribbon:before, .page__block:before, .opening-hours:before, .opening-hours__list:before, .blog-posts:before, .mixtures-list-wrapper .mixtures-list:before, .product__variant:before, .product__summary:before, .cart__items tr:before, .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    content: " ";
    display: table;
  }
  .top-bar:after, .top-bar__items:after, .page-teaser__item:after, .ribbon:after, .page__block:after, .opening-hours:after, .opening-hours__list:after, .blog-posts:after, .mixtures-list-wrapper .mixtures-list:after, .product__variant:after, .product__summary:after, .cart__items tr:after {
    clear: both;
  }

  .page, .blog-post {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /**
   * Computes a top-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Computes a bottom-shadow for a card effect.
   *
   * @param {Number} $depth - depth level
   *
   * @return {List}
   */
  /**
   * Gives a card depth effect.
   *
   * @param {Number} $depth - depth level (between 1 and 5)
   *
   * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
   *
   * @requires {function} top-shadow
   * @requires {function} bottom-shadow
   */
  .mixture__title, h1,
  .page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
  .product__amount-value input, .product__price__value, .quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file, .site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
  .site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view, .top-bar, .breadcrumbs, label, .opening-hours__list, .search__form input, .search-result__date, .search-result__type, .product__accessoirs h3, .product__title_accessoir, .product__title_cart, .account-navigation a, .account-data table, .section-nav {
    font-family: "proxima-nova", sans-serif;
  }

  .mixture__title {
    letter-spacing: .05em;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
  }

  h1,
  .page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
  .product__amount-value input, .product__price__value {
    font-style: normal;
    font-weight: 700;
  }

  .quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file {
    font-style: normal;
    font-weight: 700;
  }

  .site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
  .site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view, .top-bar {
    font-style: normal;
    font-weight: 400;
  }

  .breadcrumbs, .site-footer__title {
    font-style: normal;
    font-weight: 300;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-family: "Merriweather", serif;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-style: normal;
    font-weight: 400;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview {
    font-style: italic;
  }

  .mixture__title {
    letter-spacing: .05em;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
  }

  h1,
  .page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
  .product__amount-value input, .product__price__value {
    font-style: normal;
    font-weight: 700;
  }

  .quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file {
    font-style: normal;
    font-weight: 700;
  }

  .site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
  .site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view, .top-bar {
    font-style: normal;
    font-weight: 400;
  }

  .breadcrumbs, .site-footer__title {
    font-style: normal;
    font-weight: 300;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-family: "Merriweather", serif;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-style: normal;
    font-weight: 400;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview {
    font-style: italic;
  }

  .action, .checkout__footer .checkout__back {
    font-size: 0.75rem;
  }

  .login-link_top-bar, .faq-link {
    text-indent: 0;
    white-space: normal;
    overflow: visible;
    background-image: none !important;
    cursor: auto;
    width: auto;
    padding: 0 0.625rem;
  }

  .cart-link_top-bar, .button_site-nav-trigger, .search-trigger_top-bar {
    text-indent: 0;
    white-space: normal;
    overflow: visible;
    background-position: left;
    padding-left: 24px;
    width: auto;
    margin: 0 0.3125rem;
  }

  .container {
    padding-top: 5.625rem;
  }

  .is-desktop .site-nav {
    height: 2.5rem;
    top: 11.25rem;
    /*  margin: 0 $margins;
    padding: rem-calc($paddingTop-page - $touch-area) 0;
    position: fixed;
    top: rem-calc($paddingTop-page + $height-whatwedo-logo-default); */
  }
  .is-desktop .site-nav-list__item_root {
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .is-desktop .site-nav-list__item_root > .list__item-btn-y {
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .is-desktop .site-nav-list__item_root:hover > .site-nav__submenu, .is-desktop .site-nav-list__item_root.hover > .site-nav__submenu {
    top: 2.45rem;
  }
  .is-desktop .nav-popout {
    height: 0;
  }

  .is-desktop.site-nav-sticky__transition .site-nav {
    position: fixed !important;
  }

  .is-desktop.site-nav-sticky__visible .site-nav {
    overflow: visible;
    height: 2.5rem;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /******************************************************************
  SITE NAVIGATION STICKY
  ******************************************************************/
  .top-bar {
    border-bottom: 0;
  }

  .site-nav {
    overflow: visible !important;
    height: 2.5rem !important;
    opacity: 1 !important;
    border-bottom: 1px solid #b4b4b4;
    top: 3.125rem;
    transition: none;
    font-size: 0.625rem;
    left: 0;
    right: 0;
    width: 100%;
    bottom: auto;
    text-align: center;
    z-index: 995;
    background-color: #FFF;
    position: absolute !important;
  }

  .is-desktop.site-nav-sticky {
    /*
    $width-SiteNav-open: 280px;
    $backgroundColor-SiteNav: transparent;
    $color-SiteNav-links: $color-25;
    $color-SiteNav-sublinks: $color-25;
    $fontSize-SiteNav-parent: 12px;
    $fontSize-SiteNav-child: 11px;
    $border-SiteNav-items: 1px solid $color-20;
    $backgroundColor-SiteNav-item-active: $color-20;
    $padding-submenu: 20px;
    $backgroundColor-submenu: white;*/
  }
  .is-desktop.site-nav-sticky .site-nav {
    top: 3.125rem;
  }

  /******************************************************************
  SECTION NAVIGATION
  ******************************************************************/
  .section-nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
    position: relative;
    text-align: center;
    height: 4rem;
    display: block;
  }
  .section-nav:before, .section-nav:after {
    content: " ";
    display: table;
  }
  .section-nav:after {
    clear: both;
  }
  .section-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .section-nav li {
    display: inline-block;
  }
  .section-nav a, .section-nav a:visited {
    display: inline-block;
    color: black;
  }

  .section-nav-list__item {
    font-size: 0.8125rem;
    padding: 0 1.25rem;
  }
  .section-nav-list__item > a {
    position: relative;
    padding: 0.375rem;
  }
  .section-nav-list__item.section-nav-list__item_active > a:after, .section-nav-list__item:hover > a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 4px solid #282828;
  }

  .section-nav-list__item_active > a, .section-nav-list__item_active > a:visited {
    color: #282828;
  }
  .section-nav-list__item_active .section-nav-list_sub {
    display: block;
  }

  .section-nav-list_parent:after {
    content: "";
    width: 80%;
    border-bottom: 1px solid #b4b4b4;
    position: absolute;
    top: 2rem;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .section-nav-list_parent > li > a {
    font-weight: 700;
  }

  .section-nav-list_sub {
    display: none;
    font-size: 0.6875rem;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 2.5rem;
  }

  .section-nav-list__sub-item {
    padding: 0.375rem 0.75rem;
  }
  .section-nav-list__sub-item.section-nav-list__item_active a {
    font-weight: 700;
    color: black;
  }

  /******************************************************************
  BREADCRUMB NAVIGATION
  ******************************************************************/
  .breadcrumbs {
    display: block;
    background-color: gainsboro;
    overflow-y: hidden;
    letter-spacing: 0.0625rem;
  }

  .breadcrumbs__nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
  }
  .breadcrumbs__nav:before, .breadcrumbs__nav:after {
    content: " ";
    display: table;
  }
  .breadcrumbs__nav:after {
    clear: both;
  }

  .breadcrumbs__list {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    list-style-type: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    font-size: 0.625rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .breadcrumbs__list a, .breadcrumbs__list a:visited {
    display: inline-block;
    color: #8c8c8c;
    padding: 0.3125rem 1rem 0.3125rem 0.875rem;
    position: relative;
  }
  .breadcrumbs__list a:after, .breadcrumbs__list a:visited:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -ms-transform: rotate(45deg) skew(10deg, 10deg);
    transform: rotate(45deg) skew(10deg, 10deg);
  }
  .breadcrumbs__list a:hover {
    color: #595959;
  }
  .breadcrumbs__list li {
    display: inline-block;
    padding: 0;
  }
  .breadcrumbs__list li:last-child a:after {
    display: none;
  }
  .breadcrumbs__list li:first-child a {
    padding: 0.3125rem 1rem 0.3125rem 0;
  }

  .breadcrumbs__item_current a, .breadcrumbs__item_current a:visited {
    color: black;
    font-weight: 600;
  }

  /******************************************************************
  TOP BAR
  ******************************************************************/
  .search-trigger_top-bar, .login-link_top-bar, .cart-link_top-bar, .button_site-nav-trigger {
    height: 3.125rem;
    line-height: 3.125rem;
    background-size: 1rem;
  }

  .top-bar {
    height: 3.125rem;
    text-transform: uppercase;
    font-size: 0.625rem;
    padding: 0 20px;
  }

  .top-bar__items_navigation {
    width: 40%;
  }
  .top-bar__items_navigation li {
    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .top-bar__items_navigation li:first-child {
    margin-left: -100%;
  }

  .button_site-nav-trigger {
    cursor: default !important;
    background-size: 1.125rem;
    padding-left: 1.75rem;
  }

  .faq-link {
    display: inline-block;
  }

  .cart-link_top-bar .text-cart {
    display: unset;
  }
  .cart-link_top-bar .pipe-counter-cart {
    top: 0%;
    position: relative;
  }

  .adrianos-logo_header, .home.top-bar_logo .adrianos-logo_header {
    /*$height: 18px;
    $margins: ($height-topBar - $height - 2) / 2; // slight margin correcture for Webkit
    margin: rem-calc($margins) auto;
    height: rem-calc($height);
    background-position: bottom;*/
    background-size: 10.625rem;
    max-width: 11.25rem;
    height: 1.875rem;
    width: 100%;
  }

  .website-header {
    height: 0;
    margin-top: 0;
    margin-bottom: 3.125rem;
    position: absolute;
  }

  .home .container {
    padding-top: 1px;
  }
  .home .top-bar {
    border-bottom: 1px solid #b4b4b4;
  }
  .home .site-nav {
    border-bottom: 0;
  }
  .home .website-header {
    margin-bottom: 2.5rem;
    margin-top: 5.625rem;
    height: 5.625rem;
    position: relative;
  }

  .scroll-scroll-scroll-your-boat .top-bar {
    border-bottom: 1px solid #b4b4b4;
  }
  .scroll-scroll-scroll-your-boat .site-nav {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 0.12s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  /******************************************************************
  LINKS & BUTTONS
  ******************************************************************/
  .expand-action {
    font-size: 0.625rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: page/_medium-up
  ******************************************************************/
  .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th {
    font-size: 0.5rem;
  }

  .page-teaser {
    height: 15.625rem;
  }

  .slider__item_page-teaser img.page-teaser__content-image {
    height: 15.625rem;
    width: auto;
  }

  .page-teaser__slider {
    height: 15.625rem !important;
    min-height: 15.625rem;
  }

  .page-teaser__title {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 66.66667%;
    float: left;
    font-size: 1.9rem;
  }

  .page__content {
    padding-top: 2.5rem;
    position: relative;
  }

  .page-teaser_shop {
    height: 15.625rem;
  }
  .page-teaser_shop .page-teaser__slider {
    height: 15.625rem !important;
    min-height: 15.625rem;
  }

  .page-teaser__header {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-teaser__header .page-teaser__title {
    text-align: left !important;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .page-teaser__header .page-teaser__subtitle {
    text-align: left;
    padding: 0;
    margin: 0;
  }

  .slider__item_promotion .page-teaser__header-right {
    text-align: right;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: right;
  }
  .slider__item_promotion .page-teaser__header-right .page-teaser__title {
    text-align: right !important;
    float: right;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slider__item_promotion .page-teaser__header-right .page-teaser__subtitle {
    text-align: right;
    float: right;
    padding: 0;
    margin: 0;
  }
  .slider__item_promotion .page-teaser__header-right .action-promo {
    float: right;
  }
  .slider__item_promotion .page-teaser__header-left {
    text-align: left;
    float: left;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .slider__item_promotion .page-teaser__header-left .page-teaser__title {
    text-align: left !important;
    float: left;
    padding-left: 0 !important;
    margin: 0;
    width: 100%;
  }
  .slider__item_promotion .page-teaser__header-left .page-teaser__subtitle {
    text-align: left;
    float: left;
    padding: 0;
    margin: 0;
  }
  .slider__item_promotion .page-teaser__header-left .action-promo {
    float: left;
  }

  .page-teaser__header-center {
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-teaser__header-center .page-teaser__title {
    text-align: center !important;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .page-teaser__header-center .page-teaser__subtitle {
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .slider__item_promotion-left {
    background-position: right 20% bottom !important;
  }

  .slider__item_promotion-right {
    background-position: left 20% bottom !important;
  }

  .slider__item_promotion-left .page-teaser__title,
  .slider__item_promotion-left .page-teaser__subtitle {
    padding-right: 42% !important;
  }

  .slider__item_promotion-right .page-teaser__title,
  .slider__item_promotion-right .page-teaser__subtitle {
    padding-left: 42% !important;
  }

  .slider__item_promotion-center {
    background-position: center bottom !important;
  }

  .action-promo {
    margin-top: 2.5rem;
  }

  .home .page-teaser__slider .owl-controls {
    margin-top: -40px;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: blog/_medium-up
  ******************************************************************/
  .blog-posts .blog-posts__pagination {
    margin-left: 30%;
    padding-left: 27px;
    padding-right: 20px;
  }
  .blog-posts .blog-posts__pagination a {
    font-size: 0.75rem;
    width: 195px;
  }

  .page__block_news ul {
    display: -ms-flexbox;
    display: flex;
  }
  .page__block_news ul li {
    width: 31%;
    text-align: left;
    padding-bottom: 0;
    font-size: 0.75rem;
    margin: 0;
  }
  .page__block_news ul li img {
    max-width: 100%;
  }

  .page__block_products ul {
    display: -ms-flexbox;
    display: flex;
  }
  .page__block_products ul li.product.product_preview {
    width: 31%;
    margin: 0;
  }

  .blog-post_preview {
    text-align: left;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  checkout/medium-up
  ******************************************************************/
  .mixture__title {
    letter-spacing: .05em;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
  }

  h1,
  .page-title, .single-option-chooser input[type="radio"] + label, .checkout__shipment-payment-option label span, .flavor-wheel__labels text, .search-result__title, .product__price, .product__title_full, .variant__item_text button, .variant__item_text .button, .product__variable_price-value input,
  .product__amount-value input, .product__price__value {
    font-style: normal;
    font-weight: 700;
  }

  .quickaccess-item_root, .payment-provider__text, .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root.site-nav-list__item_active-child > .list__item-btn-y_parent, .is-desktop .site-nav-list__item_root:hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .is-desktop .site-nav-list__item_root.hover .site-nav__submenu > .site-nav-list_child > .site-nav-list__item_child > .list__item-btn-y_child, .product__file {
    font-style: normal;
    font-weight: 700;
  }

  .site-footer, .site-footer__title, .list__item-btn-y_child, .site-nav-list__item_back .site-nav-list__item_back,
  .site-nav-list__item_back a, .site-nav-list__item_additional a, .is-desktop .list__item-btn-y_parent, .is-desktop .list__item-btn-y_child, .sub, a.sub, .accordion dd > a, .product__sub, .cart__items thead th, .account-data table th, .mixture-action_delete span, .product__category_accessoir, .products__switch-view, .top-bar {
    font-style: normal;
    font-weight: 400;
  }

  .breadcrumbs, .site-footer__title {
    font-style: normal;
    font-weight: 300;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-family: "Merriweather", serif;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview, body, .site-footer__address strong, .ribbon, .product__price__currency {
    font-style: normal;
    font-weight: 400;
  }

  .page-teaser__subtitle, .page__block_text blockquote, .text-figure__caption, .product__price__mwst-info, .product__variant_cart, .product__variant_error, .product__title_preview {
    font-style: italic;
  }

  .checkout {
    position: static;
  }

  .checkout__auth, .checkout__addresses, .checkout__shipment-payment-options,
  .checkout__shipment-subscription-options, .page__header_checkout {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .page__header_checkout {
    margin-top: 4.375rem;
  }
  .page__header_checkout .checkout__back {
    display: none;
  }

  .checkout__next {
    width: auto !important;
    float: right;
  }

  .checkout__footer .checkout__back {
    display: inline-block;
  }

  .checkout__breadcrumbs {
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 2.5rem;
  }
  .checkout__breadcrumbs.checkout__breadcrumbs_checkout-active .breadcrumb__checkout a {
    color: black;
    font-weight: 600;
  }
  .checkout__breadcrumbs.checkout__breadcrumbs_addressing-active .breadcrumb__addressing a {
    color: black;
    font-weight: 600;
  }
  .checkout__breadcrumbs.checkout__breadcrumbs_shipping-active .breadcrumb__shipping a {
    color: black;
    font-weight: 600;
  }
  .checkout__breadcrumbs.checkout__breadcrumbs_finalizing-active .breadcrumb__finalizing a {
    color: black;
    font-weight: 600;
  }

  /******************************************************************
  ADDRESSES
  ******************************************************************/
  .checkout__addresses {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    max-width: none;
  }

  .checkout__address {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .checkout__agb,
  .checkout__payment_slip,
  .checkout__newsletter {
    text-align: right;
  }

  /******************************************************************
  FINALIZE
  ******************************************************************/
  /******************************************************************
  CROSSELL #773
  ******************************************************************/
  .product__crosssell .product__category {
    font-size: 0.725rem;
  }
  .product__crosssell .product__title_accessoir {
    font-size: 0.8rem;
  }
  .product__crosssell ul li .action-instantbuy {
    margin-left: 6.7rem;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: gallery/_medium-up
  ******************************************************************/
  .gallery_inline {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    padding-left: 0;
  }
  .gallery_inline .clearing-featured-img {
    width: 100%;
  }
  .gallery_inline .clearing-featured-img img {
    width: 100%;
    height: auto;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: home/_medium-up
  ******************************************************************/
  /*.opening-hours {
    bottom: auto;
    top: 0;
    @include transform(translateY(-50%));
  }
  
  .opening-hours__status {
    @extend %clear-vertical-align;
  }
  
  .page-teaser_front-page {
    margin-bottom: 0;
  }*/
  /* Mixture List - Medium Up
     ========================================================================== */
  .mixtures-list .mixtures-list__item {
    width: 25%;
    float: left;
  }

  /* Mixture Edit - Medium up
     ========================================================================== */
  .perception-list-item_editable {
    padding: 7px 0;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  search/_medium-up
  ******************************************************************/
  .search__form {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 66.66667%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .search__form input {
    font-size: 1.25rem !important;
    padding-left: 5%;
  }
  .search__form input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 1.25rem !important;
    line-height: 1.5625rem;
  }
  .search__form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 1.25rem !important;
    line-height: 1.5625rem;
  }
  .search__form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 1.25rem !important;
    line-height: 1.5625rem;
  }
  .search__form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 1.25rem !important;
    line-height: 1.5625rem;
  }

  .search__input {
    margin-top: 150px;
    margin-bottom: 1.875rem;
  }

  .adrianos-logo_search {
    background-size: 10.625rem;
    max-width: 11.25rem;
    height: 102px;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    width: 100%;
  }

  .search-result-list {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 66.66667%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .search-result {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .search__results__message {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 66.66667%;
    float: right;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .search__results_widgets {
    margin-top: 0;
  }

  .search__close {
    margin: 15px;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  shop/_medium-up
  ******************************************************************/
  .product_full .product__infos, .product_full .product__options, .product_full .product__amount, .product_full .product__variable_price, .product_full .product__summary, .product_full .product__accordion {
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }

  .product_full .product__images, .product_full .product__extras {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 58.33333%;
    float: right;
    float: right;
  }

  .product_full .product__primary-info {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 41.66667%;
    float: left;
  }
  .product_full .product__accordion {
    float: left !important;
  }
  .product_full .product__reasons {
    margin-left: 0;
  }
  .product_full .product__accessoirs {
    margin-right: 0;
  }

  .trust-message-active .product_full {
    margin-top: 40px;
  }

  .product__actions {
    text-align: right;
  }

  .product__similars .orbit-next {
    display: none;
  }
  .product__similars .orbit-prev {
    display: none;
  }

  .range-slider-handle {
    height: 0.75rem;
    width: 0.75rem;
    border-width: 0.25rem !important;
    margin-top: 0.25rem;
  }

  .product__amount-slider, .product__variable_price-slider {
    height: 0.3125rem;
    border: 0;
  }

  .slider__product-video {
    padding-bottom: 72%;
  }

  .range-slider-active-segment {
    height: 0.3125rem;
  }

  .product__actions .action, .product__actions .checkout__footer .checkout__back, .checkout__footer .product__actions .checkout__back {
    width: auto;
    max-width: 18.3em;
  }

  /*********************
  PRODUCT SUMMARY
  *********************/
  .product__price__currency {
    font-style: italic;
  }

  .product__price_full .product__price__value {
    font-size: 2.5rem;
  }

  /*********************
  PRODUCTS PREVIEW / PRODUCT LIST
  *********************/
  .product-list .product_preview {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 25%;
    float: left;
  }

  .product__variant_misc {
    position: relative;
  }
  .product__variant_misc .icon-question-mark {
    right: 0;
  }

  .product__variant_misc-read-more {
    padding-left: 7rem;
    font-size: 0.6rem;
  }

  .variant_grinding_legend {
    min-width: 400px;
  }

  .product__variant__list, .product__amount-setting, .product__variable_price-setting, .product__variant-dropdown {
    padding-left: 3rem !important;
  }

  .product__variant__list__grinding {
    padding-left: 0 !important;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  shop/cart/medium-up
  ******************************************************************/
  .cart {
    margin-top: 6.25rem;
  }

  .product__amount-value_cart label [type="radio"] {
    -ms-transform: translateY(-3px);
        transform: translateY(-3px);
  }

  .cart__content {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 66.66667%;
    float: left;
  }
  .cart__content .cart__content-popover-info {
    display: none;
  }

  .cart__items {
    width: 100%;
    border-collapse: collapse;
  }
  .cart__items thead, .cart__items tr {
    width: 100%;
  }
  .cart__items thead th {
    text-align: center;
  }
  .cart__items tbody .product__image_cart {
    min-height: 80px;
  }

  .cart__items-header {
    opacity: 1;
    visibility: visible;
  }

  .cart__item td, .cart__item th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .cart__summary {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 25%;
    left: 8.33333%;
    right: auto;
    float: left;
  }

  .cart__actions {
    text-align: right;
  }
  .cart__actions .action, .cart__actions .checkout__footer .checkout__back, .checkout__footer .cart__actions .checkout__back {
    width: auto;
  }

  .product__image_cart {
    display: inline-block;
    width: 80px;
  }
  .product__image_cart img {
    height: 60px;
    width: 60px;
    margin-right: 20px;
  }

  .product__amount-value_cart {
    width: 200px;
  }
  .product__amount-value_cart input {
    width: 3.75rem;
  }

  .product__price_cart {
    width: 200px;
  }

  .product__price__currency_cart {
    line-height: 1;
  }

  .cart__remove {
    width: 80px;
  }

  .product__cart-coupon {
    float: none;
    width: auto;
    text-align: right !important;
    padding-right: 0;
  }
  .product__cart-coupon input {
    width: 150px;
  }
  .product__cart-coupon button {
    width: auto;
    padding: 0.6rem 1.5rem;
    -ms-transform: translateY(-3px);
        transform: translateY(-3px);
  }

  .checkout_finalize .cart__content-popover-info {
    padding: 0.825rem;
  }

  /******************************************************************
  CART POPOVER
  ******************************************************************/
  .is-cart-expanded {
    overflow: auto;
  }
  .is-cart-expanded .popover_cart {
    height: auto;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 998;
  }
  .is-cart-expanded .popover_cart__close {
    display: block;
  }
  .is-cart-expanded .top-bar {
    border-bottom: 0;
  }

  .popover_cart {
    height: auto;
    bottom: auto;
    max-height: 60%;
    padding-top: 3.125rem;
    top: 0;
    z-index: 998;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55), height 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .popover_cart .cart__actions {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 33.33333%;
    float: right;
    float: right;
  }
  .popover_cart .loading-overlay_cart {
    position: absolute;
    top: 3.125rem;
  }
  .popover_cart .empty_cart {
    top: auto;
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: static;
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .popover_cart .cart__wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem;
    *zoom: 1;
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .popover_cart .cart__wrapper:before, .popover_cart .cart__wrapper:after {
    content: " ";
    display: table;
  }
  .popover_cart .cart__wrapper:after {
    clear: both;
  }

  .popover_cart__close {
    top: 3.75rem;
    right: 16px;
  }

  .products__introduction {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .products_list-view .action-instantbuy {
    bottom: -3rem;
    right: 2rem;
  }
  .products_list-view .product_preview {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 50%;
    float: left;
    border: 0;
    margin: 10px 0;
    min-height: 70px !important;
  }
  .products_list-view .product_preview:last-child {
    border: 0;
  }
  .products_list-view .product__caption_preview {
    position: relative;
    padding-right: 0;
  }
  .products_list-view .product__caption_preview:before, .products_list-view .product__caption_preview:after {
    content: '';
    height: 0px;
    background-color: #b4b4b4;
    position: absolute;
    left: 0.9375rem;
    right: 0;
    display: block;
  }
  .products_list-view .product__caption_preview:before {
    top: 0;
  }
  .products_list-view .product__caption_preview:after {
    bottom: 0;
  }

  .product__price_preview {
    font-size: 1rem;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  user/medium-up
  ******************************************************************/
  .account {
    margin-top: 6.25rem;
  }

  .account-navigation {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 16.66667%;
    right: 83.33333%;
    left: auto;
    float: left;
    font-size: 1.2em;
  }

  .account-data {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 83.33333%;
    left: 16.66667%;
    right: auto;
    float: left;
  }
  .account-data h1 {
    text-align: left;
  }

  .subscription_adjust__button {
    padding-right: 0 !important;
    display: initial;
  }
  .subscription_adjust__button button {
    -ms-transform: translateY(-19px);
        transform: translateY(-19px);
  }

  .order__actions {
    *zoom: 1;
  }
  .order__actions:before, .order__actions:after {
    content: " ";
    display: table;
  }
  .order__actions:after {
    clear: both;
  }
  .order__actions .action, .order__actions .checkout__footer .checkout__back, .checkout__footer .order__actions .checkout__back {
    width: auto;
  }

  .order__tracking,
  .order__addtocart {
    display: table-cell;
  }

  .account-action__checkout {
    float: right;
  }

  .account-action__allorders {
    float: left;
  }

  .adjustable_active .subscription-products-list {
    margin-top: -2rem !important;
  }

  .subscription_adjust__button-mobile {
    display: none !important;
  }

  .subscription-products-list .cart__item .subscription_adjust__button {
    display: initial !important;
  }
}
/*
 LARGE SCREENS
*/
@media only screen and (min-width: 64.063em) {
  /* No files to import found in partials/shared/**\/_large-up.scss */
  /******************************************************************
  CROSSELL #773
  ******************************************************************/
  .product__crosssell {
    width: 30%;
    float: right;
    margin-top: -13rem;
  }

  /******************************************************************
  Site Name: Adrianos.ch
  Author: Rene Stalder
  
  Stylesheet: gallery/_large-up
  ******************************************************************/
  .gallery_full .gallery__item {
    width: 8%;
    margin: 1%;
  }
}
/*
  X LARGE SCREENS
*/
@media only screen and (min-width: 90.063em) {
  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: nachtmeister
  
  Stylesheet:  page/large-up
  ******************************************************************/
  .page-teaser {
    height: 23.4375rem;
  }

  .page-teaser__slider {
    height: 23.4375rem !important;
    min-height: 23.4375rem;
  }

  .slider__item_page-teaser img.page-teaser__content-image {
    height: 23.4375rem;
    width: auto;
  }

  .page-teaser__title {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 83.33333%;
    float: left;
    font-size: 2.8rem;
  }

  .page-teaser__subtitle {
    font-size: 1.25rem;
  }

  .page-teaser_shop {
    height: 23.4375rem;
  }
  .page-teaser_shop .page-teaser__slider {
    height: 23.4375rem !important;
    min-height: 23.4375rem;
  }

  .slider__item_promotion {
    background-position: right 20% bottom;
  }

  /* No files to import found in partials/specific/**\/_xlarge-up.scss */
}
/*
  XX LARGE SCREENS
*/
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  @page {
    margin: 2cm 3cm;
}

  html {
    font-size: 105%;
    margin: 0;
    padding: 0;
  }

  body {
    margin: 0;
    padding: 0;
  }

  * {
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    box-shadow: none;
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }

  .blog, .shop, .product__similars {
    max-width: none;
  }

  .adrianos-logo_header {
    position: absolute;
  }

  #buffer-extension-hover-button {
    display: none !important;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: rene@whatwedo.ch
  
  Stylesheet:  shared/footer/print
  ******************************************************************/
  .site-footer__content {
    max-width: none;
  }

  .site-footer__newsletter {
    display: none;
  }

  .site-footer {
    background: transparent;
  }

  .site-footer__social-media {
    display: block;
    float: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .socialmedia-list li {
    width: 50%;
    float: left;
  }

  .sm-link {
    color: #444 !important;
    text-decoration: underline;
    text-indent: 0;
    overflow: auto;
    display: block;
    width: 100%;
    padding: 0;
  }
  .sm-link:after {
    content: attr(href);
  }
  .sm-link abbr[title]:after {
    content: attr(href);
  }

  .site-footer__title {
    display: none;
  }

  .site-footer__info {
    display: none;
  }

  .site-footer__hours {
    width: 50%;
  }

  .opening-hours__list {
    padding-right: 0;
  }

  .site-footer__address {
    width: 50%;
  }

  .site-footer__area {
    *zoom: 1;
    /*  padding-left: 0;
      padding-right: 0;*/
  }
  .site-footer__area:before, .site-footer__area:after {
    content: " ";
    display: table;
  }
  .site-footer__area:after {
    clear: both;
  }

  .site-footer__content-block {
    display: inline-block;
    float: right;
  }

  .site-footer__area_secondary,
  .site-footer__area_tertiary {
    display: none;
  }

  .site-footer__address {
    padding-bottom: 0;
  }
  .site-footer__address p:first-child {
    margin-top: 0;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: rene@whatwedo.ch
  
  Stylesheet:  shared/page/print
  ******************************************************************/
  .page, .blog-post, .blog-post {
    max-width: 80%;
    text-align: center;
    margin-top: 70px;
  }
  .page .clearing-feature, .blog-post .clearing-feature, .blog-post .clearing-feature {
    display: inline-block;
  }
  .page .carousel, .blog-post .carousel, .blog-post .carousel {
    text-align: center;
  }

  .blog-post__title,
  .page__block_text {
    text-align: left;
  }

  .text-figure,
  .page__block_youtube,
  .page__block_gallery {
    width: 50%;
    margin: 0 auto;
  }

  .page .page__title, .blog-post .page__title {
    text-align: center;
  }

  .icon-gallery {
    display: none;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: rene@whatwedo.ch
  
  Stylesheet:  shop/print
  ******************************************************************/
  .product__accordion,
  .product__amount,
  .product__options,
  .product__amount,
  .product__variable_price,
  .product__summary,
  .product__actions {
    display: none;
  }

  .product__primary-info {
    position: relative;
  }

  .product__summary {
    display: block;
    border-top: none;
    position: absolute;
    top: 0;
  }

  .product__infos {
    padding-top: 40px;
  }

  .product_full {
    max-width: none;
  }

  .product__similars {
    display: none;
  }

  .slider__product-images .owl-item {
    width: 50% !important;
  }
  .slider__product-images .owl-item:nth-child(n+3) {
    display: none;
  }
  .slider__product-images .owl-wrapper {
    width: 100% !important;
  }
  .slider__product-images .owl-controls {
    display: none !important;
  }

  .product__extras {
    page-break-before: always;
  }

  /******************************************************************
  Site Name:  Adrianos Bar & Cafe
  Author: rene@whatwedo.ch
  
  Stylesheet:  specific/shop/cart/print
  ******************************************************************/
  .is-cart-expanded .popover_cart {
    height: auto;
    max-height: none;
    background: white;
    left: 0;
    right: 0;
    position: static;
    width: 100%;
    display: block !important;
    color: black;
  }
  .is-cart-expanded .cart__actions {
    display: none;
  }
  .is-cart-expanded .cart__items-header {
    opacity: 1;
    visibility: visible;
  }
  .is-cart-expanded .product__title_cart,
  .is-cart-expanded .product__title_cart a,
  .is-cart-expanded .product__title_cart a:visited,
  .is-cart-expanded .product__title_cart a:hover,
  .is-cart-expanded .product__title_cart a:focus,
  .is-cart-expanded .product__title_cart a:active {
    color: black !important;
  }
  .is-cart-expanded .product__image_cart {
    display: table-cell;
  }
  .is-cart-expanded .cart-form {
    margin-top: 80px;
  }
  .is-cart-expanded .website-header {
    height: auto;
  }
  .is-cart-expanded .website-header ~ * {
    display: none;
  }
  .is-cart-expanded .remove-action {
    display: none;
  }
  .is-cart-expanded input {
    width: auto;
    border: none;
  }
  .is-cart-expanded #content-view {
    min-height: none !important;
  }
}