/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_modern
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* Colors ================================================================================= */
body {
  --cc-bg: #fff;
  --cc-text: #000;
  --cc-border-radius: .35em;
  --cc-btn-primary-bg: #f2d3d3;
  --cc-btn-primary-color: #000;
  --cc-btn-primary-border-color: #f2d3d3;
  --cc-btn-primary-hover-bg: #fff;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-primary-hover-border-color: #f2d3d3;
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-color: #000;
  --cc-btn-secondary-hover-bg: #fff;
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}
#cc-main small {
  font-size: 12px;
}

#cc-main .pm__section-services {
  padding: 0.6em 0;
}

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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* custom reset */
a {
  color: #000;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover,
a:focus,
a:active {
  color: #000;
}

html {
  font-family: 'Sweet Sans Pro Reg', sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

caption, th, td {
  vertical-align: top;
}

:focus {
  outline: 0;
}

::-moz-focus-inner {
  border: 0;
}

a:active, a:visited {
  border: none;
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*input, textarea, select {*/
/*  -moz-transition: all 0.2s ease-in-out;*/
/*  -o-transition: all 0.2s ease-in-out;*/
/*  -webkit-transition: all 0.2s ease-in-out;*/
/*  transition: all 0.2s ease-in-out;*/
/*}*/

input:focus, textarea:focus, select:focus {
  outline: 0;
  border-color: #f2d3d3 !important;
  -moz-box-shadow: 0 0 2px #f2d3d3;
  -webkit-box-shadow: 0 0 2px #f2d3d3;
  box-shadow: 0 0 2px #f2d3d3;
}

input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: inherit !important;
}

/* Fonts ================================================================================= */
@font-face {
  font-family: "Sweet Sans Pro Reg";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("/skin/frontend/sbac/default/css/fonts/SweetSans-Regular/SweetSans-Regular.woff2") format("woff2"),
  url("/skin/frontend/sbac/default/css/fonts/SweetSans-Regular/SweetSans-Regular.woff") format("woff");

}
@font-face {
  font-family: "BodoniAnt-DemBol";
  src: url('/skin/frontend/sbac/default/css/fonts/BodoniAntiquaDemiBold/font.woff2') format('woff2'), url('/skin/frontend/sbac/default/css/fonts/BodoniAntiquaDemiBold/font.woff') format('woff');
}

@font-face {
  font-family: 'icomoon';
  src: url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/css/fonts/icomoon.eot?sq5p49");
  src: url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/css/fonts/icomoon.eot?#iefixsq5p49") format("embedded-opentype"), url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/css/fonts/icomoon.svg?sq5p49#icomoon") format("svg"), url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/css/fonts/icomoon.woff?sq5p49") format("woff"), url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/css/fonts/icomoon.ttf?sq5p49") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\69";
}

.icon-cart:before {
  content: "\e600";
}

.icon-addcart:before {
  content: "\e602";
}

.icon-search:before {
  content: "\e601";
}

.icon-facebook:before {
  content: "\66";
}

.icon-pinterest:before {
  content: "\70";
}

.icon-help:before {
  content: "\3f";
}


i.icon {
  font-style: normal !important;
}

/* Sprites =============================================================================== */
.global-sprite, .global-hb-siegel, .global-icon-banktransfer, .global-icon-dhl, .global-icon-dpd, .global-icon-paypal, .global-icons-payment {
  background-image: url('/skin/frontend/sbac/default/images/sprites/global-s4757984d8d.png');
  background-repeat: no-repeat;
}

.global-hb-siegel {
  background-position: 0 0;
  height: 80px;
  width: 80px;
}

.global-icon-banktransfer {
  background-position: 0 -80px;
  height: 32px;
  width: 55px;
}

.global-icon-dhl {
  background-position: 0 -112px;
  height: 30px;
  width: 72px;
}

.global-icon-dpd {
  background-position: 0 -142px;
  height: 37px;
  width: 72px;
}

.global-icon-paypal {
  background-position: 0 -179px;
  height: 35px;
  width: 80px;
}

.global-icons-payment {
  background-position: 0 -214px;
  height: 68px;
  width: 153px;
}

/* Tools */
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.nobr {
  white-space: nowrap !important;
}

.wrap {
  white-space: normal !important;
}

.a-left {
  text-align: left !important;
}

.a-center {
  text-align: center !important;
}

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

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

.f-left,
.left {
  float: left !important;
}

.f-right,
.right {
  float: right !important;
}

.f-none {
  float: none !important;
}

.f-fix {
  float: left;
  width: 100%;
}

.no-display {
  display: none;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-bg {
  background: none !important;
}

.posrel {
  position: relative !important;
}

/* ======================================================================================= */
/* Layout ================================================================================ */
body {
  position: relative;
  background: #fff;
  /*color: #9d9999;*/
  color: #000;
  min-width: 316px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper {
  overflow-x: hidden;
}

.page {
  width: 960px;
  margin: 15px auto 0;
  text-align: left;
  padding-bottom: 540px;
}

.page_v2 {
  width: auto !important;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px !important;
  margin-top: 0 !important;
}

.page_v2 .home-slider {
  border-top: none;
  margin-top: 0;
}

.page_v2 .block-proslider {
  display: none !important;
}

/*.page_v2 .page-title {*/
/*  margin-top: 0;*/
/*}*/

.page_v2 .language-switch label {
  display: none;
}

.page_v2 .language-switch select {
  text-transform: uppercase;
}

.page_v2 .footer-container {
  display: none;
}

/** HOME SECTIONS */
.cms-index-index .page_v2 .page-title,
/*.cms-index-index .page_v2 .block-follow-us,*/
.cms-index-index .page_v2 .col-main > *:not(.home-sections):not(.category-products):not(.messages) {
  display: none;
}
.cms-index-index .page_v2 .col-main > .messages {
  margin-bottom: 0 !important;
}
.home-sections {
  display: none;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  /*min-height: 100vh;*/
  /*background: #000;*/
}
.home-sections a {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none !important;
  overflow: hidden;
  /*margin-bottom: -1px;*/
}
.home-sections a i {
  display: flex;
  width: 100%;
  animation: scale 2000ms ease-in-out forwards;
  transform-origin: center;
}
.home-sections a img {
  display: flex;
  width: 100%;
  height: auto;
  transition: all 1s ease-in-out;
  transform: scale(1);
  object-fit: cover;
  object-position: center 80%;
  max-height: 70vh;
  transform-origin: center;
}
@keyframes scale {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
  /* You could think of as "step 2" */
}
.home-sections a:hover img {
  transition: all 0.6s ease-in-out;
  transform: scale(1.05);
}
.home-sections a span {
  position: absolute;
  left: 20%;
  top: 75%;
  font-size: 26px;
  color: white;
  text-shadow: 1px 1px 8px #000000;
  transition: all 1s ease-in-out;
  transform: scale(1);
  text-transform: uppercase;
  animation: scale 2000ms ease-in-out forwards;
}
.home-sections a:hover span {
  left:22%;
  top: 74%;
  transition: all 1s ease-out;
  transform: scale(1.02);
}

@media (max-width: 768px) {
  .home-sections a span {
    left: 10%;
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .home-sections a span {
    left: 5%;
    font-size: 15px;
  }
}

.page_v2 .home-sections {
  display: block;
  margin-bottom: 16px;
}

.page-print {
  background: #fff;
  padding: 25px 30px;
  text-align: left;
}

.page-empty {
  background: #fff;
  padding: 20px;
  text-align: left;
}

.page-popup {
  background: #fff;
  padding: 25px 30px;
  text-align: left;
}

.container {
  padding: 0 5px;
}

/* Base Columns */
.col-left {
  float: left;
  width: 220px;
  padding: 0 0 1px;
}

.col-main {
  float: left;
  width: 686px;
  padding: 0 0 71px;
}

.page_v2 .col2-right-layout .col-main,
.page_v2 .col2-left-layout .col-main {
  width: calc(100% - 250px);
}

.col-right {
  float: right;
  width: 220px;
  padding: 0 0 1px;
}

/* 1 Column Layout */
.col1-layout .col-main {
  float: none;
  width: auto;
}

/* 2 Columns Layout */
.col2-left-layout .col-main {
  float: right;
}

/* 3 Columns Layout */
.col3-layout .col-main {
  width: 452px;
}

.col3-layout .col-wrapper {
  float: left;
  width: 689px;
}

.col3-layout .col-wrapper .col-main {
  float: right;
}

/* Content Columns */
.col2-set .col-1 {
  float: left;
  width: 48.5%;
}

.col2-set .col-2 {
  float: right;
  width: 48.5%;
}

.col2-set .col-narrow {
  width: 32%;
}

.col2-set .col-wide {
  width: 65%;
}

.col3-set .col-1 {
  float: left;
  width: 32%;
}

.col3-set .col-2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.col3-set .col-3 {
  float: right;
  width: 32%;
}

.col4-set .col-1 {
  float: left;
  width: 23.5%;
}

.col4-set .col-2 {
  float: left;
  width: 23.5%;
  margin: 0 2%;
}

.col4-set .col-3 {
  float: left;
  width: 23.5%;
}

.col4-set .col-4 {
  float: right;
  width: 23.5%;
}

/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input, select, textarea, button {
  color: #2f2f2f;
  font-family: inherit;
}

input.input-text, select, textarea, .stripe-elements-field {
  background: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

.stripe-elements-field {
  box-shadow: none !important;
  border: 1px solid #b6b6b6 !important;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #2f2f2f !important;
}

input.input-text, textarea {
  padding: 7px 12px;
}

select {
  /*background: #fff url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_dropwdown_arrow.gif) no-repeat 96% 50%;*/
  padding: 5px 26px 6px 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat calc(100% - 8px) 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  font-weight: normal;
  color: #000;
  box-sizing: content-box;
  vertical-align: baseline;
}

/*select::-ms-expand {*/
/*  display: none;*/
/*  !* hide default arrow in IE10 *!*/
/*}*/

.ie-ie6 select, .ie-ie7 select, .ie-ie8 select, .ie-ie9 select, opera select {
  background: none;
  padding-right: 3px;
}

select option {
  padding-right: 10px;
}

select.multiselect option {
  border-bottom: 1px solid #b6b6b6;
  padding: 1px 5px;
}

select.multiselect option:last-child {
  border-bottom: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

input.radio {
  margin-right: 3px;
}

input.checkbox {
  margin-right: 3px;
}

input.qty {
  margin: 0;
  font-size: 12px;
  text-align: center;
}

.qty-box {
  display: flex;
  align-items: center;
}
.qty-box label {
  flex-basis: 42%;
}
.qty-box input.qty {
  font-size: 14px;
  height: 40px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfafa;
  border-radius: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
}

button.qty-change {
  font-size: 14px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b6b6b6;
  margin: 0;
  background: none;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
}

button.qty-change-minus {
  border-right: 0 none;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px 0 0 5px;
}

button.qty-change-plus {
  border-left: 0 none;
  border-radius: 0 5px 5px 0;
}

button.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* FF Fix */
button.button {
  -webkit-border-fit: lines;
}

/* <- Safari & Google Chrome Fix */
button.button {
  font-size: 12px;
  line-height: 28px;
  overflow: visible;
  width: auto;
  border: 1px solid #f2d3d3;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background: #fff;
  cursor: pointer;
  color: #000;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.button span {
  /*float:left; height:28px; background:transparent url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 6px; */
  padding: 0;
  text-align: center;
  white-space: nowrap;
}

button.button span span {
  /*background-position:100% 0; padding:0 15px 0 9px;*/
  padding-left: 20px;
  padding-right: 20px;
}

button.disabled span {
  color: #bbb !important;
}

button.button:hover,
button.button:focus {
  background: #f2d3d3;
  border-color: #f2d3d3;
  color: #000;
  transition-duration: 0.1s;
}

button.btn-checkout,
button.btn-cart {
  font-size:18px;
  border-radius: 4px;
  padding: 4px 16px;
  color: #000;
  background: #f2d3d3;
  border-color: #f2d3d3;
  line-height: 2;
}

button.btn-checkout:hover,
button.btn-cart:hover {
  background: none;
  color: #000 !important;
  background: #fff;
  border-color: #f2d3d3;
}

button.btn-cart span span {
  padding-left: 0;
  padding-right: 0;
}

button.btn-cart span span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  padding-right: 5px;
}


button.btn-checkout.no-checkout span {
  background: none;
}

button.btn-update,
button.btn-empty,
button.btn-continue,
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
  border-color: #c9c3c3;
}
button.btn-update:hover,
button.btn-empty:hover,
button.btn-continue:hover,
.cart .discount .buttons-set button.button:hover,
.cart .shipping .buttons-set button.button:hover {
  border-color: #000;
  background: #efefef;
}

p.control input.checkbox,
p.control input.radio {
  margin-right: 6px;
}

/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; }*/
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
.form-list select,
.form-list input.input-text,
.form-list textarea {
  box-sizing: border-box;
}

.form-list li {
  margin: 0 0 6px;
}

.form-list li.control {
  margin-top: 24px;
}

.form-list label {
  position: relative;
  z-index: 0;
}

.form-list label.required em {
  float: right;
  font-style: normal;
  color: #000;
  position: absolute;
  top: 0;
  right: -10px;
}

.form-list li.control label {
  float: none;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
  margin-top: -1px;
  margin-right: 4px;
}

.form-list li.control .input-box {
  clear: none;
  display: inline;
  width: auto;
}

.form-list .input-box {
  display: block;
}

.form-list .field {
  margin-bottom: 10px;
}

.form-list .fields .field {
  float: left;
  width: calc(50% - 15px);
}

.form-list .fields .field:first-child {
  margin-right: 30px;
}

.form-list input.input-text {
  width: 100%;
}

.form-list textarea {
  width: 50%;
  height: 10em;
  padding: 3px 4px 4px;
  margin-top: 2px;
}

.form-list select {
  width: 100%;
  height: 40px;
}

.form-list li.wide input.input-text {
  width: 100%;
}

.form-list li.wide textarea {
  width: 100%;
}

.form-list li.wide select {
  width: 100%;
}

.form-list li.additional-row {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 7px;
}

.form-list li.additional-row .btn-remove {
  float: right;
  margin: 5px 0 0;
}

.form-list .input-range input.input-text {
  width: 74px;
}

.form-cols .form-col_left {
  float: left;
  width: 230px;
  padding: 0 5px;
  margin-right: 40px;
}

.form-cols .form-col_right {
  float: left;
  width: 670px;
  padding: 0 5px;
}

.form-list-narrow li {
  margin-bottom: 0;
}

.form-list-narrow li .input-box {
  margin-bottom: 6px;
}

.form-list-narrow li.wide .input-box {
  width: 260px;
}

.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
  width: 254px;
}

.form-list-narrow li.wide select {
  width: 260px;
}

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
  width: auto;
}

.form-list .name-prefix {
  width: 65px;
}

.form-list .name-prefix select {
  width: 55px;
}

.form-list .name-prefix input.input-text {
  width: 49px;
}

.form-list .name-suffix {
  width: 65px;
}

.form-list .name-suffix select {
  width: 55px;
}

.form-list .name-suffix input.input-text {
  width: 49px;
}

.form-list .name-middlename {
  width: 70px;
}

.form-list .name-middlename input.input-text {
  width: 49px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
  width: 140px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
  width: 124px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
  width: 205px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
  width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
  width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
  width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
  width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
  width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
  width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
  width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
  width: 210px;
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
  width: 205px;
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
  width: 189px;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
  float: left;
  width: 85px;
}

.form-list .customer-dob input.input-text {
  display: block;
  width: 74px;
}

.form-list .customer-dob label {
  font-size: 10px;
  font-weight: normal;
  color: #888;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
  width: 60px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
  width: 46px;
}

.form-list .customer-dob .dob-year {
  width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
  width: 134px;
}

.buttons-set {
  clear: both;
  text-align: right;
}

.buttons-set p.required {
  margin: 0 0 10px;
}

.buttons-set .back-link {
  float: left;
  font-size: 12px;
}

.buttons-set .back-link a {
  position: relative;
  left: -10px;
  padding: 5px 10px 4px;
  font-size: 12px;
  border: 1px solid #fff;
  display: block;
  color: #c9c3c3;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
.buttons-set .back-link a:hover {
  left: 0px;
  color: #aba1a1;
  border-color: #c9c3c3;
  text-decoration: none;
}

.buttons-set button.button {
  float: right;
  margin-left: 5px;
}

@media (max-width: 768px) {
  .buttons-set button.button {
    float: none;
    margin: 0 2px;
    width: 100%;
    height: 40px;
  }
}

.opc .buttons-set button.button {
  width: 100%;
  height: 40px;
  font-size: 16px;
  background: #f2d3d3;
}

.buttons-set-order {
  margin: 10px 0 0;
}

.buttons-set-order .please-wait {
  padding: 5px 7px 0 0;
}

.fieldset {
  margin: 0 0 25px;
}

.fieldset .legend {
  margin: 0 -10px 12px;
  padding: 2px 10px;
  font-size: 13px;
  line-height: 1.25;
}

/* Form Validation */
.validation-advice {
  clear: both;
  min-height: 13px;
  margin: 3px 0 0;
  padding-left: 13px;
  font-size: 11px;
  line-height: 13px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/validation_advice_bg.gif) 2px 3px no-repeat;
  color: #444;
}

.validation-failed {
  border: 1px solid #f2d3d3 !important;
}

p.required {
  font-size: 11px;
  text-align: right;
  color: #000;
}

/* Expiration date and CVV number validation fix */
.v-fix {
  float: left;
}

.v-fix .validation-advice {
  display: block;
  width: 12em;
  margin-right: -12em;
  position: relative;
}

/* Global Messages  */
.success {
  color: #3d6611;
  font-weight: bold;
}

.error {
  color: #df280a;
  font-weight: bold;
}

.notice {
  color: #e26703;
}

.messages,
.messages ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.messages {
  list-style: none !important;
  width: 100%;
  overflow: hidden;
  margin: 32px 0 !important;
}

.messages li {
  margin: 0 0 7px !important;
}

.messages li li {
  margin: 0 0 3px !important;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
  padding:10px 15px 6px !important;
  border-radius: 5px;
  border: 1px solid #f2d3d3;
  background-color: #f2d3d333;
  color: #bca4a4;
}


/* BreadCrumbs */
.breadcrumbs {
  font-size: 10px;
  color: #000;
  display: none;
}

.breadcrumbs a {
  color: #444;
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li strong {
  font-weight: normal;
  color: #000;
}

/* Page Heading */

.page-title {
  clear: both;
  font-family: 'BodoniAnt-DemBol', serif;
  font-size: 32px;
  color: #000;
  text-align: center;
  margin: 50px 0 20px 0;
  vertical-align: middle;
}
.page-title:before {
  content: "";
  display: block;
  position: relative;
  top: 23px;
  width: 100%;
  height: 1px;
  background: #c3c3c3;
  z-index: -1;
}
.page-title h1,
.page-title span {
  display: inline;
  font-size: 32px;
  font-weight: normal;
  color: #000;
  background: #fff;
  padding: 0 40px;
  /*letter-spacing: 2px;*/
}
.page-title h1 span {
  padding: 0;
}
.page-title .uc {
  text-transform: uppercase;
}
.page-title .separator {
  margin: 0 3px;
}
.page-title .link-rss {
  float: right;
  margin: 7px 0 0;
}

.page-title_sub {
  margin-top: 45px;
  margin-bottom: 35px;
}

@media only screen and (min-width: 769px) {
  .page-title span, .page-title h1 {
    position: relative;
    top: -7px;
  }
  .win .page-title span span, .win .page-title h1 span {
    top: auto;
  }
}
.page-popup .page-title {
  text-align: left;
  margin-top: 0;
}
.page-popup .page-title h1 {
  position: static;
}
.page-popup .page-title h1, .page-popup .page-title span {
  font-size: 23px;
  padding: 0;
}
.page-popup .page-title:before {
  display: none;
}

h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 1.5em 0 4px;
}

h3 {
  font-size: 14px;
  font-weight: 600;
}

/*
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
*/
/* Toolbar */
.toolbar {
  font-size: 11px;
  /*border: 1px solid #c9c3c3;*/
  border-left: 0 none;
  border-right: 0 none;
  padding: 10px 0;
}
.toolbar select {
  margin: 0 0 0 8px;
}
.toolbar .sort-by a {
  padding: 12px;
}
.toolbar .amount {
  display: inline;
  margin: 0;
  padding: 0 7px 0 0;
  vertical-align: middle;
}
.toolbar .sorter {
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.toolbar .sorter .view-mode {
  display: none;
}
.toolbar .limiter {
  display: inline;
  padding: 0 0 0 10px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_pipe1.gif) no-repeat 0% 50%;
  vertical-align: middle;
}
.toolbar .pages {
  text-align: center;
  margin: 0 auto 0;
  padding: 0;
  position: absolute;
  left: 50%;
  width: 360px;
  margin-left: -180px;
  top: 2px;
  vertical-align: middle;
}
.toolbar .pages ol {
  display: inline;
}
.toolbar .pages li {
  display: inline;
  margin: 0 2px;
}
.toolbar .pages li a {
  color: inherit;
}
.toolbar .pages li.current {
  color: #000;
}

/* Data Table */
.data-table {
  width: 100%;
}

.data-table tr.odd {
  background: #fff;
}

.data-table tr.even {
  background: #fcfcfc;
}

.data-table tr.last th,
.data-table tr.last td {
  /*border-bottom:0 !important;*/
}

.data-table th {
  padding: 2px 8px;
  white-space: nowrap;
  border: 1px solid #ddd;
  color: #000;
}

.data-table th.wrap {
  white-space: normal;
}

.data-table th a {
  color: #fff;
}

.data-table td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}

/*.data-table thead,*/
/*.data-table thead tr {*/
/*  background: #e9e9e9;*/
/*}*/

/*.data-table tfoot {*/
/*  border-bottom: 1px solid #d9dde3;*/
/*}*/

/*.data-table tfoot tr {*/
/*  background-color: #f3f3f3 !important;*/
/*}*/
.data-table tfoot tr td {
  border: none;
}

.data-table tbody th {
  padding: 3px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  white-space: normal;
}

.data-table thead th,
.data-table thead td {
  line-height: 18px;
  padding: 10px 10px;
}

/* Bundle products tables */
.data-table tbody.odd tr {
  background: #fff;
}

.data-table tbody.even tr {
  background: #fcfcfc;
}

.data-table tbody.odd tr td,
.data-table tbody.even tr td {
  border-bottom: 0;
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
  border-bottom: 1px solid #d9dde3;
}

.data-table tbody td .option-label {
  font-weight: bold;
}

.data-table tbody td .option-value {
  padding-left: 10px;
}

/* Generic Info Box */
.info-box {
  margin: 0 0 15px;
}

.info-box h2 {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #c9c3c3;
  margin: 0 0 8px;
}

.info-table th {
  font-weight: bold;
  padding: 2px 15px 2px 0;
}

.info-table td {
  padding: 2px 0;
}

/* Shopping cart total summary row expandable to details */
tr.summary-total {
  cursor: pointer;
}

tr.summary-total .summary-collapse {
  float: right;
  text-align: right;
  padding-left: 20px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_collapse.gif) 0 4px no-repeat;
  cursor: pointer;
}

tr.show-details .summary-collapse {
  background-position: 0 -53px;
}

tr.summary-details td {
  background-color: #dae1e4;
  color: #626465;
}

tr.summary-details-first td {
  border-top: 1px solid #d2d8db;
}

tr.summary-details-excluded {
  /*font-style: italic;*/
}

/* Shopping cart tax info */
.cart-tax-info {
  display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
  padding-right: 20px;
}

.cart-tax-total {
  display: block;
  padding-right: 20px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_collapse.gif) 100% 4px no-repeat;
  cursor: pointer;
}

.cart-tax-info .price,
.cart-tax-total .price {
  display: inline !important;
  font-weight: normal !important;
}

.cart-tax-total-expanded {
  background-position: 100% -53px;
}

/* Class: std - styles for admin-controlled content */
/*
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }*/
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote {
  margin: 0 0 1em;
  padding: 0;
}

/*
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
*/
strong {
  font-weight: 600;
}

/* Misc */
.links li {
  display: inline;
}

.links li.first {
  padding-left: 0 !important;
}

.links li.last {
  background: none !important;
  padding-right: 0 !important;
}

.link-cart {
  font-weight: bold;
  color: #d62502;
}

.link-wishlist {
  color: #444;
}

.link-print {
  /*background:url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px;*/
}

.link-rss {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_rss.gif) 0 1px no-repeat;
  padding-left: 18px;
  line-height: 14px;
  white-space: nowrap;
}

.btn-remove {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_remove.gif) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.btn-previous {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_previous.gif) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.btn-remove2 {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_remove.png) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
  background-size: 16px 16px;
}

.btn-edit {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_edit.gif) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.cards-list dt {
  margin: 5px 0 0;
}

.cards-list .offset {
  padding: 2px 0 2px 20px;
}

.separator {
  margin: 0 3px;
}

.divider {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 1px;
  background: #ccc;
  margin: 10px 0;
  text-indent: -999em;
  overflow: hidden;
}

/* Global site notices */
.global-site-notice {
  border: 0 none;
  background: #f2d3d3;
  font-size: 12px;
  line-height: 1.25;
  color: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  text-align: left;
}
.global-site-notice a {
  color: #000;
  text-decoration: underline;
}
.global-site-notice button.button:hover,
.global-site-notice button.button:active,
.global-site-notice button.button:focus {
  background: #000;
  border-color: #000;
}
.global-site-notice .notice-inner p {
  border: 0 none !important;
}
.global-site-notice .notice-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.global-site-notice .notice-inner .actions {
  padding: 10px;
}

.global-site-notice .notice-inner p {
  margin: 0;
  border: 1px dotted #cccc73;
  padding: 10px;
}

.global-site-notice .notice-inner .actions {
  padding-top: 10px;
}

/* Cookie Notice */
/* Noscript Notice */
/* Demo Notice */
.demo-notice {
  margin: 0;
  padding: 6px 10px;
  background: #d75f07;
  font-size: 12px;
  line-height: 1.15;
  border: 0;
  text-align: center;
  color: #fff;
}

.demo-notice .notice-inner {
  width: auto;
  padding: 0;
  background: none;
  text-align: center;
}

.demo-notice .notice-inner p {
  padding: 0;
  border: 0;
}

/* ======================================================================================= */
/* Header ================================================================================ */
.logo {
  float: left;
}

.header-container {
  z-index: 2;
  position: relative;
}

.header {
  margin-bottom: 20px;
}

.header .logo {
  float: left;
  text-decoration: none !important;
}

.header a.logo {
  position: relative;
  top: 4px;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

.header a.logo img {
  max-width: 100%;
  height: auto;
}

.header .logo strong {
  position: absolute;
  top: -999em;
  left: -999em;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  overflow: hidden;
}

.header .top-promo {
  float: left;
  width: 117px;
  height: 30px;
  margin: 12px 10px 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_top-promo.gif) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.quick-access {
  float: right;
  text-align: right;
  margin-top: 23px;
  font-size: 13px;
}

.quick-access .form-language {
  margin-right: 7px;
  display: inline-block;
}

.quick-access .form-language label {
  display: none;
}

.quick-access .form-language select {
  /*background-size: 14px 7px;*/
  font-size: 11px;
  /*line-height: 15px;*/
}

.quick-access .form-language select.flags option {
  background-position: 4px 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.quick-access .links {
  padding-left: 8px;
}

.quick-access .links,
.quick-access .links li {
  display: inline-block;
}

.quick-access .links li {
  padding: 0 4px 0 1px;
  white-space: nowrap;
}

.quick-access .links a {
  color: #aba1a1;
  padding: 0 7px 0 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_pipe1.gif) no-repeat 100% 50%;
  -moz-transition-property: color, border-color;
  -o-transition-property: color, border-color;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
}

.quick-access .links li.logout a,
.quick-access .links a.top-link-login {
  padding: 0;
  background: none;
}

.quick-access .links a.top-link-cart {
  display: inline-block;
  padding: 3px 7px 2px;
  background: #c9c3c3;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-decoration: none !important;
  position: relative;
  margin-right: 33px;
  margin-left: 12px;
}
.quick-access .links a.top-link-cart:after {
  position: absolute;
  right: -32px;
  top: -11px;
  font-size: 30px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #000;
}

.top-bar {
  margin-top: 52px;
  margin-bottom: -53px;
}

.form-search {
  float: right;
}
.form-search input.input-text {
  width: 100px;
  height: 22px;
  padding: 4px 45px 4px 14px;
  color: #c9c3c3;
  border-radius: 18px;
  transition-property: color, border-color, box-shadow, width;
}
.form-search input.input-text:focus {
  color: #000;
  width: 150px;
}
.form-search button.button {
  position: absolute;
  right: 6px;
  top: 1px;
  height: 30px;
  width: 31px;
  padding: 0;
  border: 0 none;
  font-size: 19px;
  line-height: 19px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_pipe1.gif) no-repeat 0 50%;
}
.form-search button.button span {
  background: none;
  display: block;
  color: #aba1a1;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.form-search button.button span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 15px;
}
.form-search button.button:focus span, .form-search button.button:hover span {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  color: #f2d3d3;
}
.form-search button.button:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-search .search-autocomplete {
  z-index: 999;
}

.form-search .search-autocomplete ul {
  border: 1px solid #999;
  background-color: #fff;
}

.form-search .search-autocomplete li {
  text-align: left;
  border-bottom: 1px solid #f4eee7;
  padding: 9px 8px 8px 8px;
  cursor: pointer;
}

.form-search .search-autocomplete li .amount {
  float: right;
  font-weight: bold;
}

.form-search .search-autocomplete li.selected {
  background-color: #f2d3d3;
}

.header-container .top-container {
  padding: 5px 12px;
  background: #fff;
  border: 1px solid #bbb;
  border-width: 0 1px 1px;
  text-align: right;
}

/********** < Navigation */
.nav-container {
  border-bottom: 1px solid #c9c3c3;
  margin-left: -5px;
  padding: 0 5px;
  width: 100%;
}
.nav-container form {
  float: right;
  position: relative;
  z-index: 2;
  top: -10px;
  -webkit-backface-visibility: hidden;
}
.nav-container .form-language {
  display: none;
}

.cms-home .nav-container {
  border-bottom: none;
}

.mac.safari .nav-container form {
  top: -9px;
}


#nav {
  font-size: 14px;
  text-transform: lowercase;
  margin-left: -18px;
  position: relative;
  top: 1px;
  /*letter-spacing: 1px;*/
  -webkit-backface-visibility: hidden;
}
#nav img {
  display: none;
}


/** v2 */

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding: 24px 0 0;*/
  height: 80px;
  position: relative;
}
.header-wrapper .h1 {
  position: absolute;
  top: 100px;
  white-space: nowrap;
  color: white;
}

.header-logo {
  margin-right: auto;
  max-width: 290px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-logo img {
  width: 100%;
}

.header-icons {
  margin-left: auto;
  display: flex;
  align-items: center;
  /*margin-bottom: 25px;*/
}

.header-icons select {
  border: none;
  font-size: 14px;
}

.header-icons svg {
  width: 28px;
  height: 28px;
  /*fill: black;*/
  color: black;
  fill: none!important;
  stroke-width: 2px;
  stroke: currentColor!important;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

@media (min-width: 769px) {
  .header-wrapper {
    height: 93px;
  }
  .header-icons .icon-nav .mobile-nav-toggle {
    display: none;
  }
}

@media (max-width: 768px) {
  .header-logo {
    max-width: 226px;
  }
  .header-icons .icon-nav .account-link {
    display: none;
  }
  .header-icons .language-switch {
    display: none;
  }
}

.header-icons .icon-nav {
  width: 100%;
  display: flex;
}
.header-icons .icon-nav a,
.header-icons .icon-nav button {
  appearance: none;
  border: none;
  background: none;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
  color: black;
  cursor:pointer;
}

.icon-dropdown-root {
  position: relative;
}
.icon-nav-dropdown {
  position: absolute;
  left: 0;
  display: none;
}
.icon-nav-dropdown-background {
  padding: 8px;
  margin: 8px -8px 0;
  background: white;
  border-radius: 4px;
  box-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.icon-dropdown-root:hover .icon-nav-dropdown {
  display: block;
}

.cart-icon {
  position: relative;
  top: -1px;
}
.cart-count {
  margin-left: 1px;
  font-size: 14px;
}

/** main search */
.main-search {
  margin-left: 10px;
}
.main-search .icon-button {
  display: flex;
  border: none;
  appearance: none;
  width: auto;
  height: auto;
  background: none;
  cursor: pointer;
}
.main-search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: none;
  align-items: center;
  z-index: 10;
}
.main-search-bar.show {
  display: block;
}
.main-search-content {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.main-search-content input {
  font-size: 24px;
  line-height: 1;
  width: 100%;
  margin: 0 12px;
  appearance: none;
  border: none !important;
  box-shadow: none !important;
}
.main-search-content button {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.autocomplete-result {

}

@media (min-width: 769px) {
  .main-search-content {
    min-height: 93px;
  }
}

@media (max-width: 768px) {

  .mega-menu {
    position: fixed;
    z-index: 999;
    left: 100%;
    top: 0;
    bottom: 0;
    background: white;
    color: black;
    min-width: 300px;
    transform: translateX(0);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    box-shadow: 0 0 0px #0000001a;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mega-menu.open {
    transform: translateX(-100%);
    box-shadow: 0 0 150px #0000001a;
  }
  .mega-menu:before {
    content: "";
    position: absolute;
    width: 100vw;
    right: 100%;
    top:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
  }
  .mega-menu.open:before {
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    opacity: 0.5;
    visibility: visible;
  }

  .mobile-top-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .mobile-close-btn {
    appearance: none;
    border: none;
    background: none;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
  }
  .mobile-close-btn svg {
    width: 28px;
    height: 28px;
    color: black;
    fill: none!important;
    stroke-width: 2px;
    stroke: currentColor!important;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }

  .mega-menu a {
    padding: 15px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
  }
  .mega-menu .nav-item {
    text-transform: uppercase;
  }

  .mega-menu > nav > * {
    border-bottom: 1px solid #e8e8e1;
  }
  .mega-menu > nav > *:first-child {
    border-top: 1px solid #e8e8e1;
  }

  .dd-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
  }
  .dd-toggle.open {
    transform: rotate(180deg);
  }
  .dd-toggle svg {
    width: 10px;
    height: 10px;
    color: black;
    fill: none!important;
    stroke-width: 2px;
    stroke: currentColor!important;
    stroke-linecap: square;
    stroke-linejoin: miter;
    cursor: pointer;
  }

  .mega-menu .whitebox {
    display: none;
  }
  .mega-menu .whitebox.open {
    display: block;
  }
  .mega-menu .shopnav h2 {
    margin: 0;
    padding: 0;
    font-weight: 300;
  }
  .mega-menu .shopnav a {
    padding: 7px 15px;
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
  }

  .mega-menu .shopnav .dd-toggle {
    border: 1px solid #cbcbcb;
  }

  .mega-menu .shopnav .link-list {
    position: relative;
    display: none;
    margin-bottom: 15px;
  }
  .mega-menu .shopnav .link-list.open {
    display: block;
  }
  .mega-menu .shopnav .link-list:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background: #000;
    left: 17px;
    top: 10px;
    bottom: 10px;
  }
  .mega-menu .shopnav .link-list a {
    padding-left: 30px;
  }

  .mega-menu .social-icons a {
    margin: 0;
    border-right: 1px solid #e8e8e1;
    flex-basis: 33.33%;
    justify-content: center;
    display: flex;
  }
  .mega-menu .social-icons a:last-child {
    border-right: none;
  }
  .mega-menu .social-icons a svg {
    width: 20px;
    height: 20px;
  }
}

/** mega menu */
@media (min-width: 769px) {
  .mobile-top-bar,
  .dd-toggle,
  .mega-menu .nav-item.nav-mobile,
  .mega-menu .social-icons {
    display: none;
  }
  .mega-menu {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mega-menu a {
    text-decoration: none;
  }
  .mega-menu nav {
    display: flex;
    justify-content: center;
  }
  .mega-menu nav a.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 7px;
    color: black;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none !important;
    margin-top: 1px; /* adjustment for underline */
    white-space: nowrap;
  }

  .mega-menu nav a.nav-item::after {
     content: '';
     display: block;
     height: 2px;
     width: 100%;
     background: black;
     transform: scaleX(0);
     transition: transform 0.2s ease-out;
   }

  .mega-menu nav .shop-nav-container:hover a.nav-item::after,
  .mega-menu nav a.nav-item:hover::after {
     transform: scaleX(1);
   }

  .mega-menu .whitebox {
    position: absolute;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    z-index: 10;
    padding-top: 30px;
  }

  .mega-menu .whitebox-background {
    background: #fff;
  }

  .mega-menu .whitebox::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  }

  .mega-menu .shop-nav-container:hover .whitebox {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in 0s;
  }

  /*.mega-menu .category-list {*/
  /*  list-style: none;*/
  /*  display: flex;*/
  /*  justify-content: space-between;*/
  /*}*/
  /*.mega-menu .category-list > li {*/
  /*  display: block;*/
  /*}*/

  .mega-menu .shopnav {
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    max-width: 1240px;
    margin-right: auto;
    padding: 30px 16px 24px;
    /*overflow: auto;*/
  }
  .mega-menu .shopnav a {
    color: black;
  }

  .mega-menu .shopnav > li {
    padding: 12px 12px 24px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.2s ease-out;
  }

  .mega-menu .shopnav > li:nth-child(1) {
    transition-delay: 50ms;
  }

  .mega-menu .shopnav > li:nth-child(2) {
     transition-delay: 100ms;
   }

  .mega-menu .shopnav > li:nth-child(3) {
     transition-delay: 150ms;
   }

  .mega-menu .shopnav > li:nth-child(4) {
     transition-delay: 200ms;
   }

  .mega-menu .shopnav > li:nth-child(5) {
     transition-delay: 250ms;
   }

  .mega-menu .shop-nav-container:hover .shopnav > li {
    opacity: 1;
    transition-duration: 0.4s;
    transform: translateY(0);
  }
  .mega-menu .shop-nav-container:hover .shopnav a {
    /*color: #9d9999;*/
  }
  .mega-menu .shop-nav-container:hover .shopnav a:hover,
  .mega-menu .shop-nav-container:hover .shopnav a:focus {
    color: black;
    text-decoration: none;
  }

  .mega-menu .category-item h2,
  .mega-menu .category-item .h2 {
    font-size: 14px;
    margin: 0 0 24px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.3em;
  }
  .mega-menu .link-list li {
    margin-bottom: 8px;
  }
}

@media (min-width: 992px) {
  .mega-menu nav a.nav-item {
    padding: 0 12px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .mega-menu .shop-nav-container:hover .shopnav a {
    font-size: 12px;
  }
}

/*.level-top {*/
/*  order: 1;*/
/*}*/

/*.category_image {*/
/*  display: block;*/
/*  order: 0;*/
/*  margin-bottom: @_theme_spacing * 3px;*/
/*}*/

/*> ul {*/
/*  order: 2;*/
/*}*/


/* All Levels */
/* Style consistent throughout all nav levels */
#nav li {
  position: relative;
  text-align: left;
}

#nav li.over {
  z-index: 98;
}

#nav a,
#nav a:hover {
  display: block;
  line-height: 1.3em;
  text-decoration: none;
  -moz-transition-property: color, border-color;
  -o-transition-property: color, border-color;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
}

#nav span {
  display: block;
  cursor: pointer;
  white-space: nowrap;
  padding: 6px 16px;
}

#nav li ul span {
  white-space: normal;
}

/* 0 Level */
#nav li {
  float: left;
  margin: 0 5px 0 0;
}

#nav li.active > a span:after {
  content: "★";
  display: block;
  /*width:12px; height:12px; background:url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_star.gif) no-repeat 0 0;*/
  position: absolute;
  right: 3px;
  top: 0px;
  color: #000 !important;
  font-size: 10px;
}

#nav li.active li a {
  color: #aba1a1 !important;
}

#nav a {
  float: left;
  color: #000;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}

#nav a.level-top {
  position: relative;
  z-index: 100;
}

#nav li.over a,
#nav a:hover {
  color: #000;
  text-decoration: underline;
}

#nav li.parent.over a,
#nav li.parent a:hover {
  border-color: #bbb;
  border-bottom-color: #fff;
}

/* 1st Level */
#nav ul li,
#nav ul li.active,
#nav ul li.over {
  float: none;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  padding-bottom: 1px;
}

#nav ul li.parent {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_nav_parent.gif) no-repeat 100% 50%;
}

#nav ul li.last {
  padding-bottom: 0;
}

#nav ul li.active {
  margin: 0;
  border: 0;
  background: none;
}

#nav ul li.active a span {
  color: #000;
}

#nav ul li.active a span:before {
  color: #000;
}

#nav ul li.active a span:after {
  content: "";
  display: none;
}

#nav ul a,
#nav ul a:hover {
  float: none;
  padding: 0;
  background: none;
  border: 0 none;
}

#nav ul a span:before {
  content: "›";
  color: #000;
  font-size: 12px;
  padding-right: 6px;
}

#nav ul li a {
  font-weight: normal !important;
}

/* 2nd Level */
#nav ul,
#nav div {
  position: absolute;
  width: 20em;
  top: 31px;
  left: -10000px;
  border: 1px solid #bbb;
  border-radius: 0 0 5px 5px;
  padding: 12px 8px;
  background: #fff;
  font-size: 11px;
  /*letter-spacing: 0px;*/
  -webkit-backface-visibility: hidden;
}

#nav div ul {
  position: static;
  width: auto;
  border: none;
  padding: 0;
}

/* 3rd+ Level */
#nav ul ul,
#nav ul div {
  top: 5px;
}

#nav ul li a {
  padding: 3px 0;
  color: #aba1a1 !important;
}

#nav ul li a:hover {
  padding: 3px 0;
  color: #000 !important;
}

#nav div.subwrap {
  visibility: hidden;
  opacity: 0;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#nav div.subwrap .button-close {
  display: none;
}

/* Show menu */
#nav li.over div.subwrap,
#nav li ul.shown-sub,
#nav li div.shown-sub {
  left: 0;
  z-index: 99;
  visibility: visible;
  opacity: 1;
}

#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub {
  left: 100px;
}

/********** Navigation > */
/* ======================================================================================= */
/* Sidebar =============================================================================== */
.block {
  border: 1px solid #c9c3c3;
  margin: 0 0 20px;
  line-height: 1.35;
}

.block .block-title {
  border-bottom: 1px solid #c9c3c3;
  background: #e7e7e7;
  padding: 2px 10px;
}

.block .block-title strong {
  display: block;
}

.block .block-title a {
  text-decoration: none !important;
}

.block .block-subtitle {
  font-size: 10px;
  margin: 0 0 10px;
  padding: 0 0 2px;
  border-bottom: 1px solid #c9c3c3;
  text-transform: uppercase;
}

.block .block-content li.item {
  border-bottom: 1px solid #c9c3c3;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.block .block-content li.item.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.block .block-content .product-name {
  color: #000;
}

.block .btn-remove,
.block .btn-edit {
  float: right;
  margin: 1px 0 2px 5px;
}

.block .actions {
  border-top: 1px solid #c9c3c3;
  padding: 5px 0 0;
  margin: 5px 0 0;
  text-align: right;
}

.block .actions a {
  float: left;
}

.block .actions button.button {
  float: right;
}

.block .empty {
  margin: 0;
}

.block .price-box {
  margin: 5px 0;
}

.block button.button span {
  height: 23px;
  /*background-image:url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_btn-small.png);*/
  line-height: 20px;
}

/*.block li.odd { background-color:#f4f3f3; }
.block li.even { background-color:#fafafa; }*/
/* Mini Products List */
.mini-products-list .product-image {
  float: left;
  width: 50px;
  border: 1px solid #a9a9a9;
}

.mini-products-list .product-details {
  margin-left: 60px;
}

.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small {
  word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
  white-space: normal !important;
}

/* Block: Account */
.block-account {
  position: relative;
  top: 120px;
  margin-bottom: 160px;
  border: 0 none;
}

.block-account .block-title {
  display: none;
}

.block-account .block-content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.block-account .block-content li {
  border-bottom: 1px solid #c9c3c3;
  padding: 6px 0;
}

.block-account .block-content li a {
  display: block;
  color: #5f5d5c;
  text-decoration: none !important;
}

.block-account .block-content li.current {
  border-bottom: 1px solid #c9c3c3;
  color: #000;
}

.block-account .block-content li.current strong {
  font-weight: normal;
}

.block-account .block-content li.current.last {
  border-bottom: 0;
}

/* Block: Currency Switcher */
.block-currency {
  background: #f4f4f4;
}

.block-currency .block-title {
  border: 0;
  background: none;
  padding: 7px 10px 2px;
  text-transform: none;
}

.block-currency .block-title strong {
  text-transform: none;
}

.block-currency .block-content {
  padding: 0 10px 12px;
}

.block-currency .block-content select {
  width: 100%;
  padding: 0;
}

/* Block: Layered Navigation */
.block-layered-nav {
  border: 0;
}

.block-layered-nav .block-title {
  border: 0;
  padding: 0;
  margin: 0 0 6px;
  height: 13px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_block-layered-title.gif) 0 0 no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.block-layered-nav .block-content {
  padding: 0;
}

.block-layered-nav .block-subtitle {
  margin: 0;
  background: #679100;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  color: #fff;
}

.block-layered-nav dt {
  font-weight: bold;
  border-top: 1px solid #fff;
  padding: 8px 10px 0 10px;
  font-size: 12px;
}

.block-layered-nav dd {
  padding: 0 10px 8px 10px;
  border-bottom: 1px solid #c9c3c3;
}

.block-layered-nav dd li {
  line-height: 1.35;
  margin: 0 0 3px;
}

.block-layered-nav dd a {
  color: #444;
}

.block-layered-nav .currently ol {
  padding: 6px 0 0;
}

.block-layered-nav .currently li {
  padding: 2px 36px 2px 10px;
  position: relative;
  z-index: 1;
}

.block-layered-nav .currently .label {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.block-layered-nav .currently .value {
  display: inline-block;
  vertical-align: top;
}

.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
  position: absolute;
  right: 8px;
  top: 3px;
  margin: 0;
}

.block-layered-nav .currently .btn-previous {
  right: 22px;
}

.block-layered-nav .actions {
  padding: 5px 10px;
  margin: 0;
}

.block-layered-nav .actions a {
  float: none;
}

/* Block: Cart */
.block-cart .block-title {
  background: #679100;
}

.block-cart .block-title strong {
  color: #fff;
}

.block-cart .summary {
  background: #e5eed6;
  padding: 8px;
  margin: -12px -10px 8px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.block-cart .amount {
  margin: 0;
}

.block-cart .amount a {
  font-weight: bold;
}

.block-cart .subtotal {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_subtotal.gif) no-repeat 50% 0;
  margin: 5px 0 0;
  line-height: 23px;
}

.block-cart .subtotal .price {
  font-weight: bold;
}

.block-cart .actions {
  display: none !important;
}

.block-cart .actions .paypal-logo {
  float: left;
  width: 100%;
  margin: 3px 0 0;
  text-align: right;
}

/* Block: Wishlist */
.block-wishlist .actions {
  text-align: right;
}

.block-wishlist .actions a {
  float: none;
}

/* Block: Related */
.block-related .block-subtitle {
  font-size: 11px;
  font-weight: bold;
  border: 0;
  padding: 0;
  margin: 0 0 8px;
  text-transform: none;
}

.block-related input.checkbox {
  float: right;
}

.block-related .product {
  margin-right: 20px;
}

/* Block: Compare Products */
.page-popup .link-print {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_print.gif) 0 2px no-repeat;
  padding: 3px 0 3px 25px;
}

.compare-table {
  border: 0;
}

.compare-table thead,
.compare-table thead tr.first {
  background: #fff;
}

.compare-table thead tr.first th,
.compare-table thead tr.first td {
  border: 0;
  background: none;
  padding: 0 0 4px;
  font-size: 0;
  line-height: 0;
}

.compare-table .btn-remove {
  float: right;
  background-image: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_remove.gif);
  width: 12px;
  height: 12px;
}

.compare-table tbody th {
  background: #e9e9e9;
}

.compare-table tbody th,
.compare-table tbody td {
  padding: 10px;
  border: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.compare-table tbody td.last {
  border-right: 1px solid #ccc;
}

.compare-table tbody tr.last th,
.compare-table tbody tr.last td {
  border-bottom: 1px solid #ccc !important;
}

.compare-table tr.add-to-row td {
  background: #fffada;
  text-align: center;
}

.compare-table tr.first td {
  text-align: center;
}

.compare-table tr.first td .product-name {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 5px;
  color: #203548;
}

.compare-table tr.first td .product-name a {
  color: #203548;
}

.compare-table tr.first td .ratings {
  width: 69px;
  margin: 0 auto;
}

.compare-table tr.first td p,
.compare-table tr.add-to-row td p {
  margin: 0;
}

.compare-table .add-to-links li {
  background: none;
  padding: 0;
}

/* Block: Recently Viewed */
/* Block: Recently Compared */
/* Block: Poll */
.block-poll .block-subtitle {
  font-size: 12px;
}

.block-poll label {
  color: #777;
  font-weight: bold;
}

.block-poll input.radio {
  float: left;
  margin: 1px -18px 0 0;
}

.block-poll .label {
  display: block;
  margin-left: 18px;
}

.block-poll li {
  padding: 3px 9px;
}

.block-poll .actions {
  margin: 5px 0 0;
}

.block-poll .answer {
  font-weight: bold;
}

.block-poll .votes {
  float: right;
  margin-left: 10px;
}

/* Block: Tags */
.block-tags .block-content .tags-list {
  border: 0;
  background: none;
  padding: 0;
}

.block-tags .block-content li a {
  color: #444;
}

.block-tags .actions {
  text-align: right;
}

.block-tags .actions a {
  float: none;
}

/* Block: Reorder */
.block-reorder input.checkbox {
  float: left;
  margin: 2px -20px 0 0;
}

.block-reorder .product-name {
  margin-left: 20px;
}

.block-reorder .validation-advice {
  margin: 3px 9px 7px;
}

/* Block: Banner */
.block-banner {
  border: 0;
}

.block-banner .block-content {
  padding: 0;
  background: none;
  text-align: center;
}

/* Block: Login */
.block-login .block-content {
  padding: 5px 10px;
}

.block-login label {
  font-weight: bold;
  color: #555;
}

.block-login input.input-text {
  display: block;
  width: 167px;
  margin: 3px 0;
}

.block-login .actions {
  background: none;
  padding: 0;
  margin: 3px 0 0;
}

/* Paypal */
.sidebar .paypal-logo {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.sidebar .paypal-logo a {
  float: none;
}

/* specials */
.award {
  position: absolute;
  z-index: 1;
  top: -18px;
  right: -17px;
  width: 58px;
  height: 58px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transform: translateZ(0);
}

.award--new {
  background-image: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/article-award-new.png);
}

.award--sale {
  background-image: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/article-award-sale.png);
}

.products-grid .award {
  left: 16px;
  top: 10px;
}

.cms-new-arrivals .award--new {
  display: none;
}

/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-image {
  display: none;
}

.category-description {
  margin: 60px auto 10px;
  text-align: center;
  max-width: 700px;
}

/* View Type: Grid */
.products-grid {
  position: relative;
  color: #000000;
  margin: 44px 0 20px;
  font-size: 14px;
  text-align: center;
}

.cms-index-index .products-grid {
  margin-top: 10px;
  margin-bottom: 0 !important;
}

.products-grid .clear-row {
  clear: both;
  margin-top: 44px;
  margin-bottom: 40px;
  display: block;
  height: 1px;
}

.products-grid .clear-row_2 {
  display: none;
}

.products-grid .item {
  float: left;
  width: 31%;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

.page_v2 .products-grid .item {
  border: 1px solid #ececec;
  overflow: hidden;
}

.products-grid .item:nth-of-type(3n-1) {
  margin-left: 3.5%;
  margin-right: 3.5%;
}
.products-grid .item a:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.products-grid .item a {
  opacity: 1;
  text-decoration: none;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.products-grid .item a img {
  max-width: 100%;
  height: auto;
}
.products-grid .item:hover a {
  opacity: 0.8;
}

.page_v2 .products-grid .item:hover a {
  opacity: 1;
}

.products-grid .item:hover .actions,
.products-grid .tapped .actions {
  visibility: visible;
  opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.products-grid .product-image {
  display: block;
}

.products-grid .product-name {
  margin: 0 0 6px;
}

.products-grid .price-box {
  margin: 5px 0;
}

.products-grid .product-name {
  position: absolute;
  bottom: 1px;
  right: 0;
  left:0;
  display:none;
  z-index: 5;
  background: #fff;
  box-shadow: 0 0 10px 12px #fff;
  padding: 0 4px;
  border-radius: 5px;
}
.products-grid .price-box {
  position: absolute;
  top: 0;
  right: 0;
  display:none;
  background: #fff;
  box-shadow: 0 0 10px 12px #fff;
  padding: 0 4px;
  border-radius: 5px;
}
@media (hover: hover) {
  .products-grid .item:not(.item_no-hover):hover .price-box,
  .products-grid .item:not(.item_no-hover):hover .product-name {
    display: block;
  }
}

.products-grid .tapped:not(.item_no-hover) .price-box,
.products-grid .tapped:not(.item_no-hover) .product-name {
    display: block;
}

.products-grid .availability {
  line-height: 21px;
}

.products-grid .actions {
  position: absolute;
  bottom: 157px;
  left: 65px;
  right: 65px;
  padding: 0;
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  visibility: hidden;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.products-grid .actions a {
  border: 1px solid #f2d3d3;
  padding: 8px 15px;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.products-grid .actions a:hover {
  text-decoration: none;
}

.products-grid .tax-details {
  display: none;
}

/* Product View ========================================================================== */
.catalog-product-view .top-bar {
  margin: 50px 0 8px;
}

/* Rating */
.no-rating {
  margin: 0;
}

.ratings {
  line-height: 1.25;
  margin: 7px 0;
}

.ratings strong {
  float: left;
  margin: 0 3px 0 0;
}

.ratings .rating-links {
  margin: 0;
}

.ratings .rating-links .separator {
  margin: 0 2px;
}

.rating-box {
  width: 50px;
  height: 10px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_rating.gif) 0 0 repeat-x;
  text-indent: -999em;
  overflow: hidden;
}

.rating-box .rating {
  float: left;
  height: 10px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_rating.gif) 0 100% repeat-x;
}

.ratings .rating-box {
  float: left;
  margin: 2px 3px 0 0;
}

.ratings-table th,
.ratings-table td {
  font-size: 11px;
  line-height: 1.15;
  padding: 3px 0;
}

.ratings-table th {
  font-weight: bold;
  padding-right: 8px;
}

.ratings-table td {
  padding: 4px 0 0;
}

/* Availability */
.availability {
  margin: 0;
}

.availability span {
  font-weight: bold;
}

.availability.out-of-stock span {
  color: #d83820;
}

.availability-only {
  margin: 10px 0 7px;
  line-height: 16px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_availability_only.gif) 0 50% no-repeat;
  padding-left: 15px;
}

.availability-only span,
.availability-only a {
  border-bottom: 1px dashed #751d02;
  color: #000;
}

.availability-only a {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat;
  cursor: pointer;
  padding-right: 15px;
  text-decoration: none;
}

.availability-only .expanded {
  background-position: 100% -15px;
}

.availability-only strong {
  color: #be2c00;
}

.availability-only-details {
  margin: 0 0 7px;
}

.availability-only-details th {
  background: #e9e9e9;
  font-size: 10px;
  padding: 0 8px;
}

.availability-only-details td {
  border-bottom: 1px solid #d9dde3;
  font-size: 11px;
  padding: 2px 8px 1px;
}

.availability-only-details tr.odd {
  background: #fff;
}

.availability-only-details tr.even {
  background: #fcfcfc;
}

.availability-only-details tr.odd td.last {
  color: #396f00;
  font-weight: bold;
}

.availability-only-details tr.last td {
  border-bottom: none;
}

.product-view .product-shop.product-view .product-shop .availability {
  font-size: 11px;
}

.product-view .product-shop .availability span {
  font-weight: normal;
}

/* Email to a Friend */
.email-friend {
  margin: 0;
}

/* Alerts */
.alert-price {
  margin: 0;
  font-size: 11px;
}

.alert-stock {
  margin: 0;
  font-size: 11px;
}

/********** < Product Prices */
.price {
  white-space: nowrap !important;
}

.price-box {
  margin: 5px 0 10px;
}

/* Regular price */
/* Old price */
.old-price {
  margin: 0;
}

.old-price .price-label {
  white-space: nowrap;
  padding-left: 3px;
}

.old-price .price {
  text-decoration: line-through;
}

.old-price .price-label-special br {
  display: none;
}

.category-products .old-price {
  text-transform: lowercase;
}

/* Special price */
.special-price {
  margin: 0;
  display: inline;
  padding-left: 3px;
}

.special-price .price-label {
  text-transform: uppercase;
  white-space: nowrap;
  display: none;
}

.special-price .price {
  font-weight: bold;
}

/* Minimal price (as low as) */
.minimal-price {
  margin: 0;
}

.minimal-price .price-label {
  white-space: nowrap;
}

.minimal-price-link {
  display: block;
  font-size: 12px;
  text-decoration: underline;
}

/* Including tax */
.price-including-tax {
  display: block;
}

.price-including-tax .label {
  white-space: nowrap;
}

/* Excluding tax */
.price-excluding-tax {
  display: block;
}

.price-excluding-tax .label {
  white-space: nowrap;
}

/* Configured price */
.configured-price {
  margin: 0;
}

.configured-price .price-label {
  white-space: nowrap;
}

/* Incl tax (for order tables) */
.price-incl-tax {
  display: block;
}

.price-incl-tax .label {
  display: block;
  white-space: nowrap;
}

.price-incl-tax .price {
  display: block;
}

/* Excl tax (for order tables) */
.price-excl-tax {
  display: block;
}

.price-excl-tax .label {
  display: block;
  white-space: nowrap;
}

.price-excl-tax .price {
  display: block;
}

/* FPT */
.weee {
  display: block;
  font-size: 11px;
  color: #444;
}

.weee .price {
  font-size: 11px;
  font-weight: normal;
}

/* Price range */
.price-from {
  margin: 0;
}

.price-from .price-label {
  white-space: nowrap;
}

.price-to {
  margin: 0;
}

.price-to .price-label {
  white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
  padding-left: 7px;
  color: #000;
}

/* Price as configured */
.price-as-configured {
  margin: 0;
}

.price-as-configured .price-label {
  white-space: nowrap;
  text-transform: uppercase;
}

.price-box-bundle {
  padding: 0 0 10px 0;
}

.price-box-bundle .price-box {
  margin: 0 !important;
  padding: 0 !important;
}

/********** Product Prices > */
/* Tier Prices */
.product-pricing,
.tier-prices {
  margin: 10px 0;
  padding: 10px;
  background: #f4f9ea;
  border: 1px solid #c9c3c3;
}

.tier-prices .benefit {
  /*font-style: italic;*/
}

.tier-prices-grouped li .price {
  font-weight: bold;
}

/* Add to Links */
.add-to-links {
  margin: 3px 0 0;
}

.add-to-links li {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_add-to.gif) 2px 50% no-repeat;
  line-height: 1.25;
  padding-left: 12px;
}

.add-to-links li a {
  color: #444;
}

.add-to-links .separator {
  display: none;
}

/* Add to Cart */
.add-to-cart label {
  clear: both;
  font-weight: normal;
  float: left;
  width: 140px;
  padding: 3px 0 0;
}

.add-to-cart .paypal-logo {
  clear: left;
  margin: 0;
  text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
  clear: both;
  display: block;
  margin: 5px 60px 5px 0;
}

/* Add to Links + Add to Cart */
.add-to-box {
  margin: 10px 0;
}

.add-to-box .add-to-cart .paypal-logo {
  float: left;
}

.add-to-box .or {
  display: none !important;
}

.add-to-box .add-to-links {
  margin: 10px 0;
  text-align: right;
}

.add-to-box .add-to-links li .separator {
  display: none !important;
}

.product-view-new .award {
  z-index: 20;
}

.product-essential {
  padding: 0 0 25px;
}

.product-essential .award {
    top: 4px;
}

.product-collateral h2 {
  font-size: 19px;
  font-weight: normal;
  line-height: 1.15;
}

/* Product Images */
.product-view .product-img-box {
  float: left;
  width: 470px;
  position: relative;
}

.product-view .product-img-box .product-image {
  margin: 0px 20px 0 4px;
  /*border: 1px solid #f6f5f5;*/
  overflow: hidden;
  position: relative;
}

.page_v2 .product-view .product-img-box,
.page_v2 .product-view .product-shop {
  margin-bottom: 0;
  margin-top: 24px;
}

.page_v2 .product-view .product-img-box .product-image {
  margin: 0;
}

.product-view .product-img-box .product-image .zoom-hint {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: #c9c3c3;
  font-size: 14px;
}

.product-view .product-img-box .product-image .zoom-hint:after {
  content: "zoom";
  color: #000;
}

.product-view .product-img-box .product-image .zoom-hint .icon {
  position: relative;
  top: 3px;
}

.product-view .product-img-box .product-image-zoom {
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
  z-index: 9;
}

.product-view .product-img-box .product-image-zoom img {
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
}

.product-view .product-img-box .zoom-notice {
  margin: 0 0 10px;
  text-align: center;
}

.product-view .product-img-box .zoom {
  position: relative;
  z-index: 9;
  height: 24px;
  margin: 0 auto 13px;
  padding: 0 28px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/slider_bg.gif) 50% 50% no-repeat;
  cursor: pointer;
}

.product-view .product-img-box .zoom.disabled {
  -moz-opacity: .3;
  -webkit-opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /*IE8*/
  opacity: .3;
}

.product-view .product-img-box .zoom #track {
  position: relative;
  height: 18px;
}

.product-view .product-img-box .zoom #handle {
  position: absolute;
  left: 0;
  top: 3px;
  width: 9px;
  height: 18px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/magnifier_handle.gif) 0 0 no-repeat;
}

.product-view .product-img-box .zoom .btn-zoom-out {
  position: absolute;
  left: 10px;
  top: 7px;
}

.product-view .product-img-box .zoom .btn-zoom-in {
  position: absolute;
  right: 10px;
  top: 7px;
}

.product-view .product-img-box .more-views h2 {
  font-size: 10px;
  font-weight: normal;
  padding: 0 0 2px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.product-view .product-img-box .more-views ul {
  /*margin:0px auto; text-align:center;*/
}

.product-view .product-img-box .more-views li {
  max-width: 90px;
  display: inline-block;
  padding: 0 16px 15px 4px;
  position: relative;
}
.product-view .product-img-box .more-views li img {
  max-width: 100%;
}

/*.product-view .product-img-box .more-views li:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 40px;
  background: #c9c3c3;
  top: -38px;
  left: 0;
}*/

.product-view .product-img-box .more-views li:first-child:before {
  display: none;
}

.product-view .product-img-box .more-views li a {
  overflow: hidden;
}

.product-view .description {
  color: #000000;
}

.product-view .description p {
  font-size: 15px;
  line-height: 2;
  max-width: 1000px;
}

.product-view .description p.small-text {
  font-size: 13px;
  margin-top: 30px;
}

.product-image-popup {
  margin: 0 auto;
}

.product-image-popup .buttons-set {
  float: right;
  clear: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.product-image-popup .nav {
  font-weight: bold;
  margin: 0 100px;
  text-align: center;
}

.product-image-popup .image {
  display: block;
  margin: 10px 0;
}

.product-image-popup .image-label {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px;
  color: #2f2f2f;
}

/* Product Shop */
.product-view .product-shop {
  float: right;
  width: 435px;
  font-size: 12px;
  position: relative;
}


@media (min-width: 769px) {
  .page_v2 .product-view .product-shop {
    width: 345px;
    font-size: 13px;
  }
  .page_v2 .product-view .product-img-box {
    width: calc(100% -  360px);
    max-width: 580px;
  }
}

@media (min-width: 992px) {
  .page_v2 .product-view .product-shop {
    width: 460px;
    font-size: 14px;
  }
  .page_v2 .product-view .product-img-box {
    width: calc(100% -  490px);
  }
}

.product-view .product-top {
  border-bottom: 1px solid #ece5e5;
  padding-bottom: 12px;
  margin-bottom: 24px;
}

.product-view .product-top .product-name h1 {
  font-size: 21px;
  padding-bottom: 4px;
  color: #000;
}

.product-view .product-top .product-sku {
  font-size: 10px;
  padding-bottom: 8px;
  color: #a89d9d;
}

.product-view .product-top .product-sku:hover {
  color: #000;
}

.product-view .product-shop .availability {
  margin: 10px 0;
}

.product-view .product-shop .price-box {
  margin: 0;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.product-view .product-shop .price-box-mobile {
  position: absolute;
  bottom: 0;
}

.product-view .product-shop .tax-details {
  font-size: 10px;
}

.product-view .product-shop .tax-details:before {
  font-size: 10px;
  content: "(";
}

.product-view .product-shop .tax-details:after {
  font-size: 10px;
  content: ")";
}

.product-view .product-shop .add-to-links {
  margin: 0;
}

.product-view .product-shop .add-to-links {
  text-align: right;
}

.product-view .product-shop .add-to-links li {
  display: inline;
  margin-left: 12px;
}

.product-view .product-shop .add-to-links li .separator {
  display: none !important;
}

.product-view .product-shop .product-options-bottom .paypal-logo {
  float: left;
}

.product-view .social-box {
  border-top: 1px solid #c9c3c3;
  padding-top: 10px;
  margin-top: 12px;
}

.product-view .social-box .addthis_toolbox {
  margin-left: -1px;
}

.product-view .social-box .fb-share {
  float: right;
}

.product-view .social-box a {
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}

.product-view .product-shop .old-price {
  display: block;
  font-size: 11px;
}

.product-view .product-shop .old-price .price {
  font-size: 11px;
  padding-right: 0;
}

.product-view .product-shop .special-price {
  padding-left: 0;
}

/* Upsell Products */
.category-products_upsell .page-title_sub {
  margin-bottom: 0;
}
.category-products_upsell .products-grid {
  margin-top: 0;
}
.category-products_upsell .products-grid .item {
  width: 190px;
}

/* Product Options */
/*.product-options {*/
/*}*/

.product-options, /* fix for customizable product change via js */
.product-options dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product-options dt {
  flex-basis: 42%;
  font-weight: normal;
  padding: 12px 12px 12px 0;
  box-sizing: border-box;
  /*text-transform: capitalize;*/
}

.product-options dt label.required {
  position: relative;
}

.product-options dt label:after {
  content: ":";
}

.product-options dt label.required em {
  display:none;
  position: absolute;
  right: -9px;
  top: -4px;
  font-size: 10px;
  color: #444;
}

.product-options dd {
  flex-basis: 58%;
  margin-bottom: 6px;
  padding: 12px 0;
}

.product-options dd .input-box {
  width: 100%;
}

.product-options dd .input-box_checkbox {
  margin-left: -6px;
  /*-22px;*/
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 24px;
  width: 24px !important;
  background: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #b6b6b6;
  vertical-align: bottom;
}
input[type=checkbox]:checked {
  background: #fff url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_checkmark.png) 50% 50% no-repeat;
  background-size: 16px 16px;
}

.product-options dd .qty-holder {
  display: block;
  padding: 10px 0 0;
}

.product-options dd .qty-holder label {
  vertical-align: middle;
}

.product-options dd .qty-disabled {
  background: none;
  border: 0;
  padding: 3px;
  color: #444;
}

.product-options dd .time-picker {
  display: -moz-inline-box;
  display: inline-block;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd select,
.product-options dd input,
.product-options dd textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  font-size: 14px;
  padding: 11px;
  margin: -12px 0;
}

.product-options dd select + .validation-advice,
.product-options dd input + .validation-advice,
.product-options dd textarea + .validation-advice {
  margin: 15px 0 -12px;
}

.product-options dd textarea {
  max-height: 200px;
  height: 90px;
  line-height: 1.5;
}

.product-options dd select {
  line-height: 15px;
}

.product-options dd select[disabled],
.product-options dd select:disabled {
  color: #c9c3c3;
}

.product-options dd.hinweis {
  font-size: 10px;
  /*font-style: italic;*/
}

.product-options dd .multiselect option {
  border-bottom: 1px dotted #d9e5ee;
  padding: 2px 4px;
}

.product-options ul.options-list {
  padding-top: 1px;
}

.product-options ul.options-list.validation-failed {
  padding-top: 1px;
  margin-left: 6px; /* adjust border inset */
}

.product-options ul.options-list li {
  padding: 2px 0;
}

.product-options ul.options-list input.radio {
  float: left;
  margin-top: 3px;
}

.product-options ul.options-list input.checkbox {
  float: left;
  margin: 3px 0 0 0;
  min-height: 0;
}

.product-options ul.options-list .label {
  display: block;
  margin-left: 36px;
}

.product-options ul.options-list label {
  font-weight: normal;
}

.product-options ul {
  padding: 0 6px;
}

.product-options ul.validation-failed {
  padding: 0 5px;
  border-radius: 5px;
}

.product-options p.required {
  position: absolute;
  right: 1px;
  bottom: 80px;
  font-size: 10px;
}

.product-options-bottom {
  clear: both;
  margin-bottom: 60px;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
}

.product-options-bottom .price-box {
  float: left;
  margin: 0;
}

.product-options-bottom .add-to-links {
  clear: both;
  padding: 5px 0 0;
  text-align: right;
}

.product-options-bottom .price-label {
  padding-right: 5px;
}

.product-options-bottom .price-tax {
  float: left;
}

.product-options-bottom .add-to-cart {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0;
}

.product-options-bottom .add-to-links {
  float: right;
  display: inline;
}

.product-shop .product-options-bottom .price-box {
  float: none;
  margin: 0;
}

.product-shop .product-options-bottom .price-label {
  float: none;
  padding-right: 0;
}

.product-shop .product-options-bottom .price-tax {
  float: none;
}

.product-shop .product-options-bottom .add-to-cart {
  margin-top: 50px;
  float: right;
  padding: 0;
  text-align: left;
}

/*.product-attributes {*/
/*}*/

.product-attributes dt,
.product-attributes dd {
  padding-top: 4px;
  padding-bottom: 4px;
}

.product-attributes dt:after {
  content: ":";
}

.delivery-time {
  display: none;
}

/* Grouped Product */
.product-view .grouped-items-table .price-box {
  margin: 0;
  padding: 0;
}

/* Product Tabs */
.product-tabs {
  margin-bottom: 15px;
  border-bottom: 1px solid #666;
  background: #f2f2f2 url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_tabs.gif) 0 100% repeat-x;
}

.product-tabs li {
  float: left;
  border-right: 1px solid #a4a4a4;
  border-left: 1px solid #fff;
  font-size: 1.1em;
  line-height: 1em;
}

.product-tabs li.first {
  border-left: 0;
}

.product-tabs li.last {
  border-right: 0;
}

.product-tabs a {
  display: block;
  padding: 6px 15px;
  color: #444;
}

.product-tabs a:hover {
  background-color: #c9c3c3;
  text-decoration: none;
  color: #444;
}

.product-tabs li.active a,
.product-tabs li.active a:hover {
  background-color: #666;
  font-weight: bold;
  color: #fff;
}

.product-tabs-content h2 {
  display: none;
  font-size: 12px;
  font-weight: bold;
}

/* Mini Products Grid */
.mini-products-grid {
  width: 100%;
}

.mini-products-grid td {
  width: 20%;
  padding: 0 8px 8px 0;
}

.mini-products-grid .product-image {
  display: block;
  border: 1px solid #cacaca;
  margin: 0 0 10px;
}

.mini-products-grid .product-name {
  width: 115px;
  margin: 0 0 6px;
  overflow: hidden;
}

.mini-products-grid .product-name a {
  color: #444;
  text-decoration: underline;
}

.mini-products-grid .product-name a:hover {
  text-decoration: none;
}

.mini-products-grid td.last {
  padding-right: 0;
}

.mini-products-grid .ratings .rating-box {
  float: none;
  display: block;
  margin: 0 0 3px;
}

/* Block: Description */
/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td {
  line-height: 1.25;
}

/* Block: Upsell */
.product-view .box-up-sell h2 {
  margin: 0 0 8px;
}

#product_tabs_upsell_products_contents h2 {
  display: block;
}

/* Block: Tags */
.product-view .box-tags {
  margin: 0;
}

.product-view .box-tags h3 {
  font-size: 12px;
}

.product-view .box-tags .product-tags {
  display: block;
  margin: 0 0 15px;
}

.product-view .box-tags .product-tags li {
  display: inline;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_pipe3.gif) 100% 4px no-repeat;
  padding: 0 7px 0 4px;
}

.product-view .box-tags .product-tags li.first {
  padding-left: 0;
}

.product-view .box-tags .product-tags li.last {
  background: none;
  padding-right: 0;
}

.product-view .box-tags .form-add label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 3px;
}

.product-view .box-tags .form-add .input-box {
  float: left;
  width: 305px;
  margin: 0 5px 0 0;
}

.product-view .box-tags .form-add input.input-text {
  width: 299px;
}

.product-view .box-tags .form-add button.button span {
  height: 23px;
  line-height: 20px;
}

.product-view .box-tags .note {
  margin: 2px 0 0;
  font-size: 10px;
}

/* Block: Reviews */
.product-view .box-reviews dl {
  margin: 15px 0;
}

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
  font-weight: bold;
}

.product-view .box-reviews dd {
  margin: 0 0 15px;
}

.product-view .box-reviews dd small {
  /*font-style: italic;*/
}

.product-view .box-reviews .form-add {
  margin: 15px 0 0;
}

.product-view .box-reviews .form-add h3 {
  font-size: 13px;
  font-weight: normal;
}

.product-view .box-reviews .form-add h3 span {
  font-weight: bold;
}

.product-view .box-reviews .form-add h4 {
  font-size: 12px;
}

.product-view .box-reviews .form-add .data-table td {
  text-align: center;
}

.product-view .box-reviews .form-add .form-list {
  margin: 15px 0 0;
}

.product-view .box-reviews .form-add .form-list .input-box {
  width: 460px;
}

.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea {
  width: 454px;
}

/* Send a Friend */
.send-friend .form-list {
  width: 535px;
  overflow: hidden;
}

.send-friend .form-list li {
  margin-right: -15px;
}

.send-friend .form-list li p {
  margin: 0 15px 0 0;
}

.send-friend .buttons-set .limit {
  float: right;
  margin: 0 7px 0 0;
  font-size: 11px;
  line-height: 25px;
}

/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.35;
}

/*.product-name a { color:#444; }*/
/* Product Tags */
.tags-list {
  display: block;
  font-size: 13px;
  border: 1px solid #c9c3c3;
  background: #f6f6f6;
  padding: 10px;
}

.tags-list li {
  display: inline !important;
  margin: 0 4px 0 0;
}

.tags-list li a {
  color: #1b2d3b;
}

/* Advanced Search */
.advanced-search .form-list label {
  width: 160px;
  padding-right: 10px;
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
  float: left;
  clear: none;
}

.advanced-search-amount {
  margin: 0 0 10px;
}

.advanced-search-summary {
  margin: 10px 0;
  border: 1px solid #c9c3c3;
  background: #ecf9ea;
  padding: 10px;
}

.advanced-search-summary ul {
  float: left;
  width: 49%;
}

.advanced-search-summary strong {
  color: #E17C24;
}

.advanced-search-summary li {
  margin: 2px 0;
}

.advanced-search-summary p {
  clear: both;
  font-weight: bold;
  margin: 0;
}

.yags-controls button:focus {
  border: 0 none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.block-teaser-home {
  padding-bottom: 15px;
  font-size: 0;
}
.block-teaser-home a {
  display: inline-block;
  text-align: left;
  width: 31%;
  opacity: 0.9;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.block-teaser-home a img {
  max-width: 100%;
  height: auto;
}
.block-teaser-home a:nth-child(2) {
  margin-left: 3.5%;
  margin-right: 3.5%;
  text-align: center;
}
.block-teaser-home a:last-child {
  text-align: right;
}
.block-teaser-home a:hover {
  opacity: 0.7;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cms-boutique-muenchen .col2-set .col-1,
.cms-boutique-munich .col2-set .col-1 {
  width: 245px;
}
.cms-boutique-muenchen .col2-set .col-2,
.cms-boutique-munich .col2-set .col-2 {
  width: 665px;
  padding-top: 25px;
}

.block-follow-us {
  margin: 0;
  padding-bottom: 40px;
}
.block-follow-us ul {
  list-style: none;
  text-align: center;
  max-width: 630px;
  margin: 0 auto;
  font-size: 0;
}
.block-follow-us li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 33.333%;
}
.block-follow-us a {
  color: #aba1a1;
  font-size: 14px;
  padding-top: 90px;
  position: relative;
  display: block;
  text-align: center;
  -moz-transition: color 0.2s ease-in-out 0s;
  -o-transition: color 0.2s ease-in-out 0s;
  -webkit-transition: color 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: color 0.2s ease-in-out 0s;
}
.block-follow-us a:before {
  font-size: 48px;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  -moz-transition: -moz-transform 0.2s ease-in-out 0s;
  -o-transition: -o-transform 0.2s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: transform 0.2s ease-in-out 0s;
}
.block-follow-us a:hover {
  -moz-transition: color 0.4s ease-in-out 0s;
  -o-transition: color 0.4s ease-in-out 0s;
  -webkit-transition: color 0.4s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: color 0.4s ease-in-out 0s;
  text-decoration: none;
}
.block-follow-us a:hover:before {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.block-follow-us a.icon-facebook:hover {
  color: #3c5a98;
}
.block-follow-us a.icon-pinterest:hover {
  color: #cb2027;
}
.block-follow-us a.icon-instagram:hover {
  color: #45759d;
}
.block-follow-us a span {
  font-family: 'Sweet Sans Pro Reg', sans-serif;
}

/* Contact form */
.contact-form {
  margin-top: 30px;
  margin-bottom: 45px;
}
.contact-form .fieldset {
  margin-bottom: 40px;
}
.contact-form .form-list li {
  margin-bottom: 0;
}
.contact-form .form-list textarea {
  width: 660px;
  min-width: 660px;
  max-width: 660px;
  height: 242px;
  min-height: 242px;
  max-height: 700px;
}
.contact-form p.required {
  position: absolute;
  right: 6px;
  bottom: -21px;
}
.contact-form button.button {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 140px;
}

/* Newsletter */
.cms-newsletter .main {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_newsletter.jpg) no-repeat 337px 110px;
}

.nl-subscription-form {
  margin-top: 30px;
  margin-bottom: 60px;
  width: 230px;
}
.nl-subscription-form .form-list {
  margin: 0;
}
.nl-subscription-form p.required {
  margin-bottom: -12px;
}

.newsletter-unsubscribe-info {
  color: #000;
  margin: 10px 0 13px 0;
  font-size: 10px;
  line-height: 13px;
  padding: 3px 10px 3px 10px;
  border-radius: 5px;
  background: #f2d3d3;
}
.newsletter-unsubscribe-info p {
  margin: 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Newsletter Popup */
/* Sitemap */
.page-sitemap .links {
  text-align: right;
  margin: 0 8px -22px 0;
}

.page-sitemap .links a {
  text-decoration: none;
  position: relative;
}

.page-sitemap .links a:hover {
  text-decoration: underline;
}

.page-sitemap .sitemap {
  margin: 12px;
}

.page-sitemap .sitemap a {
  color: #444;
}

.page-sitemap .sitemap li {
  margin: 3px 0;
}

.page-sitemap .sitemap li.level-0 {
  margin: 10px 0 0;
  font-weight: bold;
}

.page-sitemap .sitemap li.level-0 a {
  color: #000;
}

/* RSS */
.rss-title h1 {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/i_rss-big.png) 0 3px no-repeat;
  padding-left: 27px;
}

.rss-table .link-rss {
  display: block;
  line-height: 1.55;
  background-position: 0 4px;
}

/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
/* Checkout Types */
.cart .page-title .checkout-types {
  display: none !important;
}

.cart .checkout-types .paypal-or {
  margin: 0 8px;
  line-height: 2.3;
}

.cart .totals .checkout-types .paypal-or {
  clear: both;
  display: block;
  padding: 8px 55px 0 0;
  line-height: 1.0;
  font-size: 11px;
}

/* Shopping Cart Table */
.cart-table th {
  padding: 2px 10px;
}

.cart-table td {
  padding: 13px 10px;
}

.cart-table thead th {
  padding: 6px 10px;
  border: none;
  text-align: left !important;
}

.cart-table .product-name {
  margin: 0 0 12px;
}

.cart-table .item-msg {
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  color: #df280a;
}

.cart-table tbody td:first-child {
  padding: 2px;
}

.cart-table tfoot td {
  padding: 16px 0;
}

.cart-table tfoot .or {
  padding: 0 10px;
  font-size: 12px;
}

.cart-table .btn-empty {
  float: left;
}

.cart-table .cart-footer-actions {
  text-align: left;
}

.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
  display: none;
}

.cart-table input.qty {
  margin: 0;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.cart-table .item-options {
  font-size: 12px;
}
.cart-table .item-options dt {
  display: inline;
  font-weight: normal;
  color: #000;
  padding-right: 4px;
}
.cart-table .item-options dt:after {
  content: ":";
}
.cart-table .item-options dd {
  display: inline;
  padding-left: 0;
}
.cart-table .item-options dd .gap {
  display: block;
  height: 4px;
}

/* Shopping Cart Collateral boxes */
.cart-forms,
.cart-totals-wrapper {
  float: right;
  clear: right;
  width: 55%;
  box-sizing: border-box;
  padding-top: 25px;
}

.cart-totals-wrapper {
  width: 45%;
  padding-left: 10px;
  text-align: right;
}

.cart-forms {
  float: left;
  padding-right: 5px;
  padding-left: 0;
}

/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount h2,
.cart .shipping h2 {
  float: left;
  width: 225px;
  display: none;
}

.cart .discount .discount-form,
.cart .shipping .shipping-form {
  /*margin-left:240px;*/
}

.cart .discount .buttons-set,
.cart .shipping .buttons-set {
  margin: 10px 0 0;
  border: 0;
  padding: 0;
  text-align: left;
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
  float: none;
  margin: 0;
}

.cart .discount {
  margin-bottom: 24px;
}

.cart .discount .input-box {
  width: 270px;
  margin-top: 6px;
}

.cart .discount input.input-text {
  width: 264px;
}

.cart .shipping p {
  margin: 0 0 3px;
}

.cart .shipping .sp-methods {
  margin: 10px 0 0;
  padding: 6px 0 0;
}

.cart .shipping .form-list .input-box {
  width: 270px;
}

/* Shopping Cart Totals */
.cart .cart-totals table {
  margin-bottom: 20px;
  width: 100%;
}

.cart .cart-totals td {
  padding: 1px 0 5px 15px;
}

.cart .cart-totals tfoot th strong,
.cart .cart-totals tfoot td strong {
  font-size: 14px;
  font-weight: bold;
}

/* Options Tool Tip */
.item-options dt {
  font-weight: bold;
}

.item-options dd {
  padding-left: 10px;
}

.truncated {
  cursor: help;
}

.truncated a.dots {
  cursor: help;
  text-decoration: none !important;
}

.truncated a.details {
  cursor: help;
  text-decoration: none !important;
  display: inline-block;
  border-bottom: 1px dotted #f2d3d3;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 999;
}

.truncated .truncated_full_value .item-options {
  position: absolute;
  top: -99999em;
  z-index: 999;
  width: 250px;
  padding: 8px;
  border: 2px solid #c9c3c3;
  border-bottom-color: #666;
  background-color: #f6f6f6;
}

.truncated .truncated_full_value .item-options dt {
  margin-top: 0;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
}

.truncated .show .item-options {
  top: -20px;
  left: 50%;
}

.col-left .truncated .show .item-options {
  left: 30px;
  top: 10px;
}

.col-right .truncated .show .item-options {
  left: -240px;
  top: 10px;
}

/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods {
  margin: 0 0 8px;
}

.sp-methods dt {
  margin: 4px 0;
}

.sp-methods dt:first-child {
  margin-top: 0;
}

.sp-methods dd li {
  margin: 20px 0 20px;
}

.sp-methods label {
  color: #000;
}

.sp-methods .price {
  font-weight: bold;
}

.sp-methods .form-list {
  padding: 0 16px;
}

.sp-methods select.month {
  width: 154px;
  margin-right: 10px;
}

.sp-methods select.year {
  width: 96px;
}

.sp-methods input.cvv {
  width: 3em !important;
}

.sp-methods .checkmo-list li {
  margin: 0 0 5px;
}

.sp-methods .checkmo-list label {
  width: 135px;
  padding-right: 10px;
  text-align: right;
}

.sp-methods .checkmo-list address {
  float: left;
}

.sp-methods .centinel-logos a {
  margin-right: 3px;
}

.sp-methods .centinel-logos img {
  vertical-align: middle;
}

.sp-methods .release-amounts {
  margin: 1.5em 0 2em;
}

.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

#opc-payment .sp-methods > dt {
  position: relative;
}
#opc-payment .sp-methods dt label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 16px;
}
#opc-payment .sp-methods dt input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background: white;
  border: 1px solid black;
  color: black;
  appearance: none;
  margin: 0;
  display: block;
  cursor: pointer;
}
#opc-payment .sp-methods dt input:checked {
  /*box-shadow: inset 0 1px 5px rgba(50,50,50,0.3);*/
  position: relative;
}
#opc-payment .sp-methods dt input:checked::before {
  content: "✓";
  font-size:20px;
  color: black;
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
}

#opc-payment .sp-methods dt .global-icon-paypal {
  background: white url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/PayPal.svg) center center no-repeat;
  background-size: contain;
  width: 71px;
  height: 18px;
}

.please-wait {
  display: flex;
}

.please-wait img {
  height: 24px;
  width: 24px;
}

.cvv-what-is-this {
  font-size: 11px;
  cursor: help;
  margin-left: 10px;
}

.sp-methods label a {
  font-weight: normal;
  color: #aba1a1;
  border: 1px solid #c9c3c3;
  padding: 3px 5px;
  margin-left: 30px;
  display: none;
}
.sp-methods label a:hover {
  color: #000;
  border-color: #aba1a1;
  text-decoration: none;
}

#co-payment-form {
  margin-bottom: 24px;
}

/* Tooltip */
.tool-tip {
  border: 2px solid #c9c3c3;
  border-bottom-color: #666;
  background: #f6f6f6;
  padding: 15px 20px;
  position: absolute;
  z-index: 9999;
}

.tool-tip .btn-close {
  margin: -9px -14px 0;
  text-align: right;
}

.tool-tip .btn-close a {
  display: block;
  margin: 0 0 0 auto;
  width: 12px;
  height: 12px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_window_close.gif) 100% 0 no-repeat;
  text-align: left;
  text-indent: -999em;
  overflow: hidden;
}

.tool-tip .tool-tip-content {
  padding: 5px;
}

.tooltip-toggle {
  position: relative;
  top: 2px;
  left: -2px;
}
.tooltip-toggle .icon {
  color: #000;
  padding: 4px;
  font-size: 12px;
}
.tooltip-toggle .cirlce {
  width: 18px;
  height: 18px;
  display: inline-flex;
  background: #f2d3d3;
  color: #000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  position: relative;
  margin-left: 4px;
  top: -3px;
  cursor: default;
}
.product-options dd.hinweis .tooltip-toggle .cirlce {
  top: -2px;
}
.tooltip-toggle .tooltip-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 100%;
  margin-left: -4px;
  bottom: 0;
  width: 296px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 18px;
  background: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9999;
}

.tooltip-toggle .tooltip-content .button-close {
  display: block;
  float: right;
  margin-top: -6px;
  width: 10px;
  height: 20px;
  font-size: 16px;
  padding: 0;
  border: 0 none;
  background: transparent;
}
.tooltip-toggle.open .tooltip-content {
  visibility: visible;
  opacity: 1;
}

/* Gift Messages */
.gift-messages h3 {
  font-size: 12px;
  font-weight: bold;
  color: #e87403;
}

.gift-messages p.control {
  color: #8e8d8b;
}

.gift-messages-form {
  position: relative;
}

.gift-messages-form label {
  float: none !important;
  position: static !important;
}

.gift-messages-form h4 {
  font-size: 12px;
  font-weight: bold;
  color: #e87403;
}

.gift-messages-form .whole-order {
  margin: 0 0 25px;
}

.gift-messages-form .item {
  margin: 0 0 10px;
}

.gift-messages-form .item .product-img-box {
  float: left;
  width: 75px;
}

.gift-messages-form .item .product-image {
  margin: 0 0 7px;
}

.gift-messages-form .item .number {
  margin: 0;
  font-weight: bold;
  text-align: center;
  color: #8a8987;
}

.gift-messages-form .item .details {
  margin-left: 90px;
}

.gift-messages-form .item .details .product-name {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px;
}

.gift-messages-form .item .details .form-list .field {
  width: 255px;
}

.gift-messages-form .item .details .form-list .input-box {
  width: 240px;
}

.gift-messages-form .item .details .form-list input.input-text {
  width: 234px;
}

.gift-messages-form .item .details .form-list li.wide .input-box {
  width: 500px;
}

.gift-messages-form .item .details .form-list li.wide textarea {
  width: 494px;
}

.gift-message-link {
  font-size: 11px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
  padding-right: 7px;
}

.gift-message-link.expanded {
  background-position: 100% -40px;
}

.gift-message-row {
  background: #f2efe9;
}

.gift-message-row .btn-close {
  float: right;
  width: 12px;
  height: 12px;
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_remove.gif) 0 0 no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  overflow: hidden;
}

/* Checkout Agreements */
.checkout-agreements li {
  margin: 30px 0;
}

.checkout-agreements .agree {
  margin: 0;
  padding: 10px 0 10px 11px;
}

.checkout-agreements .agree label {
  font-weight: 600;
  color: #000;
  vertical-align: middle;
}

.order-review .checkout-agreements {
  display: block;
  margin: 24px 0 24px -10px;
}

.order-review .checkout-agreements li {
  margin: 0 !important;
}

.order-review .checkout-agreements .agreement-content {
  background: #fff;
  padding: 5px;
}

.order-review .checkout-agreements .agree {
  padding: 0 10px 10px !important;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
}

.order-review .checkout-agreements .agree input.checkbox {
  margin: 0 4px;
  vertical-align: middle;
  width: 24px !important;
  height: 24px !important;
}

#checkout-review-table-wrapper,
#checkout-review-submit {
  border: 0 none !important;
  background: none !important;
}

#checkout-review-table td.last .price {
  font-weight: normal;
}

#opc-review .data-table tfoot {
  line-height: 22px;
  font-weight: normal !important;
}

#opc-review .data-table tfoot td {
  padding: 9px 15px 7px;
}

#opc-review .data-table tfoot tr.last td {
  padding: 17px 15px;
  font-size: 22px !important;
}

#checkout-review-table .item-options dt {
  display: inline;
}

#checkout-review-table .item-options dt:after {
  content: ": ";
  margin-right: 5px;
}

#checkout-review-table .item-options dd {
  padding-left: 0;
  display: inline;
}

#checkout-review-table .item-options dd .gap {
  display: block;
  height: 4px;
}

#checkout-step-review .opc-block-progress {
  margin: 10px 0 20px;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}

/* Aitoc Checkout Attributes */
#opc-shipping fieldset {
  margin-top: 20px;
}
#opc-shipping fieldset textarea {
  width: 100%;
  min-height: 140px !important;
}
#opc-shipping fieldset .options-list {
  margin-top: 6px;
}
#opc-shipping fieldset .form-list .fields .field {
  width: auto;
  float: none;
  margin-right: 0;
}
#opc-shipping fieldset .form-list .fields:first-child .field .input-box {
  width: 180px;
}

#opc-review .buttons-set:after {
  content: " ";
  display: table;
  clear: both;
  height: 1px;
}
#opc-review .buttons-set .fields {
  width: 100%;
}
#opc-review .buttons-set .fields .field {
  width: 100%;
}
#opc-review .buttons-set .fields:first-child textarea {
  width: 100%;
  resize:none;
}

@media only screen and (min-width: 600px) {
  #opc-review .buttons-set .fields {
    width: calc(50% - 15px);
    float: left;
    clear: none !important;
  }
  #opc-review .buttons-set .fields .field {
    width: 100%;
  }
  #opc-review .buttons-set .fields:first-child {
    margin-right: 30px;
  }
  #opc-review .buttons-set .fields:first-child textarea {
    width: 100%;
    height: 94px !important;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  #opc-review .buttons-set .fields:first-child textarea {
    height: 97px !important;
  }
}
/* Centinel */
.centinel .authentication {
  border: 1px solid #c9c3c3;
  background: #fff;
}

.centinel .authentication iframe {
  width: 99%;
  height: 400px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.opc .centinel {
  padding: 10px 30px;
}

.opc .buttons-set .back-link {
  display: none;

}

/* Generic Info Set */
.info-set {
  background: #fbfbfb;
  border: 1px solid #c9c3c3;
  margin: 0 0 25px;
  padding: 20px;
}

.info-set h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px;
}

.info-set h3,
.info-set h4 {
  font-size: 12px;
  font-weight: bold;
}

.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
  font-weight: normal;
}

.info-set h2.legend {
  margin: -20px -20px 15px;
  padding: 3px 10px;
  background: #777;
  border-bottom: 1px solid #777;
  position: relative;
  color: #fff;
}

.info-set h2.legend a {
  color: #fff;
}

.info-set h3.legend {
  margin: 0 0 10px;
}

.info-set .divider {
  margin: 0 -20px;
  padding: 25px 0;
  position: relative;
}

.info-set .box {
  margin: 0 0 15px;
}

.info-set .box h2 {
  color: #e26703;
}

.info-set .data-table .product-name {
  font-size: 1em !important;
  font-weight: bold !important;
  color: #000 !important;
}

.info-set .data-table .product-name a {
  font-weight: bold !important;
}

.info-set .data-table .item-options {
  margin: 5px 0 0;
}

/********** Common Checkout Styles > */
/* One Page Checkout */
.checkout-onepage-index .page-title {
  width: 960px;
}
.checkout-onepage-index .page_v2 .page-title {
  width: calc(100% + 250px);
  left: -250px;
}

.checkout-onepage-index .breadcrumbs {
  display: none;
}

@media (min-width: 769px) {
  .checkout-onepage-index .header-icons,
  .checkout-onepage-index .mega-menu {
    display: none;
  }
}


.block-progress {
  border: 0;
  margin: 121px 0 0;
  font-size: 14px;
}

.block-progress .block-title {
  background: none;
  border: 0 none;
  border-bottom: 1px solid #e4e4e4;
  padding: 6px 5px 4px;
  margin: 0 0 5px;
}

.block-progress .block-content {
  background: none;
  padding: 0;
}

.block-progress dt {
  font-size: 12px;
  line-height: 1.35;
  margin: 0 0 6px;
  padding: 22px 8px 4px;
  color: #555;
  text-transform: uppercase;
}

.block-progress dd {
  border-top: 0;
  padding: 2px 9px;
  margin: 0 0 6px;
}

.block-progress dt,
.block-progress dd {
  visibility: hidden;
}
.block-progress dt.complete,
.block-progress dd.complete {
  visibility: visible;
}

.block-progress dt.complete a {
  text-transform: none;
}

.block-progress p {
  margin: 0;
}

.block-progress .cards-list dt {
  background: none;
  border: 0 none;
  color: inherit;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 0;
  padding: 0;
  text-transform: none;
}

.block-progress .cards-list dd {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.block-progress .cards-list .info-table th {
  font-weight: normal;
}

.block-progress dd strong {
  font-weight: normal;
}

.opc .buttons-set {
  margin-top: 0;
}

.opc .buttons-set p.required {
  margin: 0;
  padding: 0 0 10px;
}

.opc .buttons-set.disabled button.button {
  display: none;
}

.opc .buttons-set .please-wait {
  color: transparent;
  align-items: center;
  flex-direction: column;
}

.opc .ul {
  list-style: disc outside;
  padding-left: 18px;
}

.opc {
  position: relative;
  margin-bottom: 80px;
}

.opc li.section {
  margin-bottom: 6px;
}

.opc .step-title {
  /*border: 1px solid #c9c3c3;*/
  border-left: 0 none;
  border-right: 0 none;
  padding: 14px 8px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.opc .step-title .number {
  padding: 0 5px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  background: #f2f2f2;
}

.opc .step-title h2 {
  margin: 0 auto 0 0;
  font-weight: normal;
}

.opc .step-title a {
  display: none;
  font-size: 12px;
  color: #000;
  text-transform: lowercase;
  padding: 5px 10px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  line-height: 16px;
  margin-top: -4px;
  margin-bottom: -4px;
}

.opc .allow .step-title {
  cursor: pointer;
  background: transparent url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_pattern-1.gif) 0 0 repeat;
}

.opc .allow .step-title a {
  display: block;
  color: rgba(0,0,0,0.4);
  transition: all 0.2s;
}
.opc .allow .step-title:hover a,
.opc .allow .step-title a:hover,
.opc .allow .step-title a:focus {
  text-decoration: none;
  color: rgba(0,0,0,1);
}

.opc .active .step-title {
  border-color: #000;
  background: none;
  cursor: default;
}

.opc .active .step-title .number {
  background: #000;
  color: #fff;
}

.opc .active .step-title a {
  display: none;
}

.opc .step {
  padding: 0 8px 16px 8px;
  position: relative;
}
.opc .step .form-list li.control {
  margin-top: 0;
}

.opc .step .tool-tip {
  right: 30px;
}

.opc .address-select {
  margin-top: 4px;
  margin-bottom: 10px;
}

.opc .street-lines .input-box {
  margin-bottom: 7px;
}

.opc .street-lines .input-box:last-child {
  margin-bottom: 0;
}

#opc-login .col-2 {
  padding-left: 20px;
  position: relative;
  width: 44.5%;
  border-left: solid 1px #c9c3c3;
}

#opc-login h3 {
  font-size: 13px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#opc-login h4 {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}

#login-form .form-list {
  margin-top: 11px;
}

#opc-shipping_method .buttons-set {
  border-top: 0;
}

.opc .gift-messages-form {
  margin: 0 -30px;
  background: #f4f4f4;
  border: 1px solid #c9c3c3;
  border-width: 1px 0;
  padding: 22px 24px 22px 30px;
}

.opc .gift-messages-form .inner-box {
  padding: 5px;
  height: 260px;
  overflow: auto;
}

#opc-review .step {
  padding: 0;
  /*border-bottom:1px solid $ci-grey-light;*/
}

#opc-review .data-table td {
  padding: 17px 15px 15px 7px;
}

#opc-review .product-image {
  position: absolute;
  left: 12px;
  top: 3px;
}

#opc-review .product-image img {
  max-width: 100%;
}

#opc-review .product-details {
  margin-left: 110px;
}

#opc-review .product-name {
  font-weight: bold;
}

#opc-review .item-options {
  margin: 5px 0 0;
  font-size: 12px;
}

#opc-review .buttons-set {
  border: 0;
  padding: 20px 0 0;
}

#opc-review .buttons-set p {
  margin: 0;
  line-height: 28px;
}

#opc-review .buttons-set .please-wait {
  height: 28px;
  line-height: 28px;
}

#opc-review .authentication {
  margin: 0 auto;
  width: 570px;
}

#opc-review .warning-message {
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 10px 10px 0;
}

/* Multiple Addresses Checkout */
.checkout-progress {
  padding: 0 90px;
  margin: 0 0 20px;
}

.checkout-progress li {
  float: left;
  width: 19%;
  margin: 0 3px 0 0;
  border-top: 6px solid #999;
  padding: 2px 0 0;
  font-weight: bold;
  text-align: center;
  color: #888;
}

.checkout-progress li.active {
  border-top-color: #e96200;
  color: #e96200;
}

.multiple-checkout h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px;
}

.multiple-checkout h3,
.multiple-checkout h4 {
  font-size: 12px;
  font-weight: bold;
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
  font-weight: normal;
}

.multiple-checkout .data-table .product-name {
  font-size: 1em !important;
  font-weight: bold !important;
  color: #000 !important;
}

.multiple-checkout .data-table .product-name a {
  font-weight: bold !important;
}

.multiple-checkout .data-table .item-options {
  margin: 5px 0 0;
}

.multiple-checkout .gift-messages {
  margin: 15px 0 0;
}

.multiple-checkout .tool-tip {
  top: 50%;
  margin-top: -120px;
  right: 20px;
}

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
  background: #fbfbfb;
  border: 1px solid #c9c3c3;
  margin: 0 0 25px;
  padding: 20px;
}

.multiple-checkout .col2-set h2.legend {
  margin: -20px -20px 15px;
  padding: 3px 10px;
  background: #777;
  border-bottom: 1px solid #777;
  position: relative;
  color: #fff;
}

.multiple-checkout .col2-set h3.legend {
  margin: 0 0 10px;
}

.multiple-checkout .col2-set .divider {
  margin: 0 -20px;
  padding: 25px 0;
  position: relative;
}

.multiple-checkout .box {
  margin: 0 0 15px;
}

.multiple-checkout .place-order .please-wait {
  float: right;
  padding: 5px 10px 0 0;
}

.multiple-checkout .place-order .grand-total {
  float: right;
}

.multiple-checkout .place-order .grand-total big {
  float: left;
  margin-right: 12px;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 28px;
  color: #e26703;
}

.multiple-checkout .place-order .grand-total div {
  float: left;
}

/* Step 1 */
#multiship-addresses-table td {
  padding: 10px;
}

#multiship-addresses-table tfoot td {
  padding: 5px 10px;
}

/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list {
  width: 100%;
  overflow: hidden;
}

.multiple-checkout .gift-messages-form .item .details .form-list li {
  margin-right: -15px;
}

.multiple-checkout .gift-messages-form .item .details .form-list .field {
  width: 230px;
}

.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
  width: 215px;
}

.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
  width: 209px;
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
  width: 445px;
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
  width: 439px;
}

.checkout-multishipping-shipping .box-sp-methods {
  border: 1px solid #c9c3c3;
  background: #eee;
  padding: 13px;
  position: relative;
}

.checkout-multishipping-shipping .box-sp-methods .pointer {
  display: none;
}

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout {
  position: relative;
}

/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
.account-login {
  margin-bottom: 70px;
}

.account-login .content {
  min-height: 200px;
  padding: 0 10px;
}

.account-login .content h2 {
  margin: 0 -10px 12px;
  padding: 2px 10px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: normal;
}

.account-login .col-1 {
  width: 44.5%;
}

.account-login .col-2 {
  padding-left: 4%;
  position: relative;
  width: 47%;
  border-left: solid 1px #c9c3c3;
}

/* Account Login/Create Pages ============================================================ */
/* Account Reset Password ================================================================ */
.customer-account-forgotpassword .legend {
  display: none;
}
.customer-account-forgotpassword .form-list {
  margin-top: 14px;
}

/* Captcha */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  display: inline;
  margin: 0;
  position: relative;
  width: 258px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  0% {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
  }
  0% {
    -moz-transform: rotate(-360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  0% {
    transform: rotate(-360deg);
  }
}
/* Remember Me Popup ===================================================================== */
.window-overlay {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/window_overlay.png) repeat;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 990;
}

.remember-me label {
  float: none;
  margin: 0 6px;
}

.remember-me-popup {
  background: #fff;
  border: 1px solid #888;
  border-bottom-color: #777;
  left: 50%;
  top: 50%;
  position: absolute;
  margin: -85px 0 0 -200px;
  width: 400px;
  text-align: left;
  -moz-box-shadow: 0 0 6px #999;
  -webkit-box-shadow: 0 0 6px #999;
  box-shadow: 0 0 6px #999;
  z-index: 1000;
}

.remember-me-popup h3 {
  background: #dedede;
  border-bottom: 1px solid #ccc;
  color: #444;
  font-size: 14px;
  margin: 0;
  padding: 7px 10px 5px;
}

.remember-me-popup .remember-me-popup-head {
  position: relative;
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_window_close.gif) no-repeat;
  display: block;
  position: absolute;
  top: 9px;
  right: 7px;
  height: 15px;
  width: 15px;
  text-indent: -9999em;
}

.remember-me-popup .remember-me-popup-body {
  border-top: 1px solid #e6e6e6;
  padding: 10px;
}

.remember-me-popup .remember-me-popup-body a,
.remember-me-popup .remember-me-popup-body a span {
  display: inline-block;
  height: 28px;
  background: transparent url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/bkg_btn.png) 0 0 no-repeat;
  padding: 0 0 0 6px;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  color: #555;
}

.remember-me-popup .remember-me-popup-body a span {
  background-position: 100% 0;
  padding: 0 15px 0 9px;
}

/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account {
  margin-bottom: 60px;
}

.my-account .page-title {
  width: 960px;
  position: relative;
  left: -274px;
}

.page_v2 .my-account .page-title {
  width: calc(100% + 250px);
  left: -250px;
}

.my-account .title-buttons .link-rss {
  float: none;
  margin: 0;
}

/********** < Dashboard */
.dashboard .welcome-msg {
  margin: 0 0 1.5em 0;
}

.dashboard .welcome-msg p {
  margin: 0;
}

.dashboard .col2-set {
  margin: 0 0 15px;
}

#my-orders-table {
  margin: 15px 0;
}

/* General Box */
.box-account {
  margin: 0 0 15px;
}

.box-account .box-head {
  margin: 0 0 5px;
  text-align: right;
}

.box-account .box-head h2 {
  float: left;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.box-account .box-head a {
  font-size: 10px;
  text-transform: uppercase;
}

.dashboard .box .box-title {
  background: #f1f1f1;
  padding: 2px 10px;
  margin: 0 0 12px;
  text-align: right;
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
  float: left;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 2;
}

.dashboard .box .box-title a {
  font-size: 10px;
  padding: 0 5px 1px 5px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.dashboard .box .box-content {
  padding: 0 10px;
}

/* Block: Recent Orders */
/* Block: Account Information */
.dashboard .box-info h4 {
  font-size: 11px;
  font-weight: bold;
}

/* Block: Reviews */
.dashboard .box-reviews .box-head {
  background: #f1f1f1;
  padding: 2px 10px;
  margin: 0 0 12px;
}

.dashboard .box-reviews .box-head h2 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.35;
  color: #444;
}

.dashboard .box-reviews .number {
  display: none;
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #0a263c;
}

.dashboard .box-reviews .details {
  padding: 0 10px;
}

.dashboard .box-reviews li.item {
  margin: 0 0 7px;
}

.dashboard .box-reviews li.item.last {
  margin: 0;
}

.dashboard .box-reviews .ratings {
  margin: 7px 0 0;
}

/* Block: Tags */
.dashboard .box-tags .box-head {
  background: #f1f1f1;
  padding: 2px 10px;
  margin: 0 0 12px;
}

.dashboard .box-tags .box-head h2 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.35;
  color: #444;
}

.dashboard .box-tags .number {
  display: none;
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  margin: 3px -20px 0 0;
  padding: 2px 3px;
  background: #0a263c;
}

.dashboard .box-tags .details {
  padding: 0 10px;
}

.dashboard .box-tags li.item {
  margin: 0 0 7px;
}

.dashboard .box-tags li.item.last {
  margin: 0;
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
  display: inline;
}

/********** Dashboard > */
/* Address Book */
.addresses-list h2 {
  background: #f1f1f1;
  padding: 2px 10px;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}

.addresses-list h3 {
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 6px;
}

.addresses-list address {
  margin: 0 0 3px;
}

.addresses-list p {
  margin: 0;
}

.addresses-list a {
  font-weight: bold;
}

.addresses-list .separator {
  margin: 0 3px;
}

.addresses-list li.item {
  padding: 0 10px;
  margin: 0 0 30px;
}

.addresses-list li.empty p {
  font-weight: 600;
}

.addresses-list .addresses-additional {
  position: relative;
  padding-bottom: 60px;
}

.addresses-list .addresses-additional .button {
  position: absolute;
  left: 10px;
  bottom: 0;
}

/* Order View */
.order-info dt {
  display: none;
}

.order-info ul {
  margin-bottom: 15px;
  background: #f2f2f2;
  border-radius: 8px 4px 0 0;
  overflow: hidden;
}

.order-info li {
  float: left;
  font-size: 1.1em;
  line-height: 1em;
}

.order-info li.first {
  border-left: 0;
}

.order-info li.last {
  border-right: 0;
}

.order-info li a {
  display: block;
  padding: 8px 15px 8px;
  color: #444;
  text-decoration: none;
}

.order-info li a:hover {
  background-color: #c9c3c3;
  text-decoration: none;
  color: #444;
}

.order-info li.current {
  background-color: #aba1a1;
  padding: 8px 15px 8px;
  color: #fff;
}

.order-date {
  margin: 10px 0;
}

.order-info-box {
  margin: 0 0 15px;
}

.order-info-box h2 {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #c9c3c3;
  margin: 0 0 8px;
}

.order-info-box .box-payment p {
  margin: 0 0 3px;
}

.order-info-box .box-payment th {
  font-weight: bold;
  padding-right: 7px;
}

.order-items {
  width: 100%;
  /* overflow-x:auto;*/
}

.order-items h2,
.order-items h3 {
  clear: none;
  font-weight: bold;
  font-size: 13px;
  padding: 0;
  margin: 0 0 .45em;
}

.order-items h3 {
  font-size: 12px;
}

.order-items .product-name {
  font-weight: bold !important;
}

.order-items .link-print {
  font-size: 10px;
  text-transform: uppercase;
}

.order-items .order-links {
  text-align: right;
}

.order-items .order-links .link-print {
  font-weight: bold;
  font-size: 11px;
  text-transform: none;
}

.order-additional {
  margin: 15px 0;
}

/* Order Gift Message */
.gift-message dt strong {
  color: #555;
}

.gift-message dd {
  font-size: 13px;
  margin: 5px 0 0;
}

/* Order Comments */
.order-about dt {
  font-weight: bold;
}

.order-about dd {
  font-size: 13px;
  margin: 0 0 7px;
}

.tracking-table {
  margin: 0 0 15px;
}

.tracking-table th {
  font-weight: bold;
  white-space: nowrap;
}

.tracking-table-popup {
  width: 100%;
}

.tracking-table-popup th {
  font-weight: bold;
  white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
  padding: 1px 8px;
}

/* Order Print Pages */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: left;
}

.page-print .print-head address {
  float: left;
  margin-left: 15px;
}

.page-print h1 {
  font-size: 15px;
  font-weight: bold;
}

.page-print h2,
.page-print h3 {
  font-size: 12px;
  font-weight: bold;
}

.page-print h2.h2 {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}

.page-print .order-date {
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.page-print .col2-set {
  margin: 0 0 10px;
}

/* Price Rewrites */
.page-print .gift-message-link {
  display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
  display: block;
  white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
  display: inline;
}

/* My Wishlist */
.my-wishlist .data-table td {
  padding: 10px;
}

.my-wishlist .product-image {
  display: block;
  width: 113px;
  height: 113px;
  margin: 0 0 5px;
}

.my-wishlist textarea {
  display: block;
  width: 97%;
  height: 109px;
}

.my-wishlist .buttons-set {
  border: 0;
  padding: 0;
  margin: 0 0 -3em;
}

.my-wishlist .buttons-set button.button {
  float: none;
}

#wishlist-table .add-to-links {
  white-space: nowrap;
}

/* My Tags */
.my-tag-edit {
  float: left;
  margin: 0 0 10px;
}

.my-tag-edit .btn-remove {
  float: right;
  margin: 4px 0 0 5px;
}

#my-tags-table {
  clear: both;
}

#my-tags-table td {
  padding: 10px;
}

#my-tags-table .add-to-links {
  white-space: nowrap;
}

/* My Reviews */
#my-reviews-table td {
  padding: 10px;
}

#my-reviews-table .rating-box {
  margin: 3px 0 0;
}

.product-review .product-img-box {
  float: left;
  width: 140px;
}

.product-review .product-img-box .product-image {
  display: block;
  width: 125px;
  height: 125px;
}

.product-review .product-img-box .label {
  font-size: 11px;
  margin: 0 0 3px;
}

.product-review .product-img-box .ratings .rating-box {
  float: none;
  display: block;
  margin: 0 0 3px;
}

.product-review .product-details {
  margin-left: 150px;
}

.product-review .product-name {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}

.product-review h3 {
  font-size: 12px;
  margin: 0 0 3px;
  color: #2f2f2f;
}

.product-review .ratings-table {
  margin: 0 0 10px;
}

.product-review dt {
  font-weight: bold;
}

.product-review dd {
  font-size: 13px;
  margin: 5px 0 0;
}

/* Billing Agreements */
.billing-agreements .info-box {
  margin: 15px 0;
}

.billing-agreements .info-box p {
  margin: 0 0 5px;
}

.billing-agreements .form-list li select {
  float: left;
  margin: 3px 10px 0 0;
}

.billing-agreements .table-caption {
  font-weight: bold;
  font-size: 13px;
}

/* ======================================================================================= */
/* MAP Popup============================================================================== */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  padding: 40px 0 10px;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  background: #f6f6f6;
  color: red;
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  padding: 5px;
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 3px #ccc;
  border-radius: 5px;
}

.map-popup {
  background: #fff;
  border: 1px solid #aaa;
  margin: 12px 0 0;
  position: absolute;
  -moz-box-shadow: 0 0 6px #ccc;
  -webkit-box-shadow: 0 0 6px #ccc;
  box-shadow: 0 0 6px #ccc;
  text-align: left;
  width: 300px;
  z-index: 100;
}

.map-popup-heading {
  background: #efefef;
  border-bottom: 1px solid #ccc;
  padding: 5px 30px 5px 10px;
  width: 260px;
}

.map-popup-heading h2 {
  font-size: 16px;
  margin: 0;
  text-shadow: 0 1px 0 #f6f6f6;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}

.map-popup-arrow {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/map_popup_arrow.gif) no-repeat;
  position: absolute;
  left: 50%;
  top: -10px;
  height: 10px;
  width: 19px;
}

.map-popup-close {
  background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/btn_window_close.gif) no-repeat;
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  height: 15px;
  width: 15px;
  text-indent: -9999em;
}

.map-popup-content {
  border-top: 1px solid #eee;
  padding: 10px;
  overflow: hidden;
  text-align: left;
  width: 280px;
}

.map-popup-checkout {
  display: inline;
  float: right;
  text-align: right;
}

.map-popup-checkout span {
  display: block;
  padding-right: 30px;
}

.map-popup-checkout .paypal-logo {
  margin: 0 0 5px;
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
  margin: 0;
  padding: 0;
}

.map-popup-price {
  margin: 5px 0 0;
}

.map-popup-text {
  clear: right;
  margin: 0 10px;
  padding: 10px 0;
  text-align: left;
  word-wrap: break-word;
}

.map-popup-only-text {
  border-top: 1px solid #c9c3c3;
}

/* ======================================================================================= */
/* Footer ================================================================================ */
.footer-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 13px;
  line-height: 30px;
  color: #aba1a1;
  padding-bottom: 3px;
}


/* ======================================================================================= */
/* Sample Data============================================================================ */
.home-callout {
  margin-bottom: 12px;
}

.home-callout img {
  display: block;
}

/*.home-spot { float:left; width:470px; margin-left:20px; }*/
.best-selling h3 {
  margin: 12px 0 6px 0;
  color: #e25203;
  font-size: 1.2em;
}

.best-selling table {
  border-top: 1px solid #ccc;
}

.best-selling tr.odd {
  background: #eee url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x;
}

.best-selling tr.even {
  background: #fff url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x;
}

.best-selling td {
  width: 50%;
  border-bottom: 1px solid #ccc;
  padding: 8px 10px 8px 8px;
  font-size: 11px;
}

.best-selling .product-img {
  float: left;
  border: 2px solid #dcdcdc;
}

.best-selling .product-description {
  margin-left: 107px;
  line-height: 1.3em;
}

.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover {
  color: #203548;
}

/* ======================================================================================= */
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.top-bar:after,
.quick-access:after,
.form-search:after,
#nav:after,
.main:after,
.footer:after,
.footer .form-subscribe:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.order-info ul:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-tabs:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.block-teaser-home:after,
.product-options:after,
.product-options dl:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/* ======================================================================================= */
/* Wordpress Blog */
.wordpress-page-view img.size-full,
.wordpress-page-view img.size-large {
  max-width: 98.5%;
  width: auto;
  height: auto;
}

/* Responsive */
@media only screen and (max-width: 991px) {
  /* Header */
  .header a.logo {
    width: 250px;
  }

  #nav {
    font-size: 12px;
  }
  #nav ul,
  #nav div {
    top: 28px;
  }
  #nav li {
    margin: 0;
  }
  #nav span {
    padding: 4px 13px 8px;
  }

  .quick-access {
    font-size: 12px;
    margin-top: 16px;
  }

  .form-language {
    margin-top: -1px;
  }

  .form-search input.input-text {
    width: 114px;
    height: 19px;
    font-size: 12px;
    padding-right: 33px;
  }
  .form-search button.button {
    height: 27px;
    width: 27px;
  }
  .form-search button.button span:before {
    font-size: 13px;
  }

  /* Page Body */
  .page {
    width: 740px;
  }

  .col-main {
    width: 540px;
  }

  .page_v2 .col2-right-layout .col-main,
  .page_v2 .col2-left-layout .col-main {
    width: calc(100% - 210px);
  }

  .col-right,
  .col-left {
    width: 180px;
  }

  .page-title_sub {
    margin-top: 35px;
    margin-bottom: 26px;
  }

  .block-teaser-home {
    padding-bottom: 5px;
    margin-top: -10px;
  }

  .block-follow-us a {
    font-size: 13px;
    padding-top: 82px;
  }

  /* Account */
  .my-account {
    font-size: 12px;
  }
  .my-account .page-title {
    width: 740px;
    left: -200px;
  }

  .page_v2 .my-account .page-title {
    width: calc(100% + 210px);
    left: -210px;
  }

  .block-account {
    font-size: 12px;
  }

  /* Products Grid */
  .products-grid {
    margin-top: 35px;
    font-size: 13px;
  }
  .products-grid .clear-row {
    margin-top: 34px;
    margin-bottom: 30px;
  }

  .cms-index-index .product-grid {
    margin-top: 10px;
  }

  .toolbar,
  .toolbar select {
    font-size: 10px;
  }

  .award {
    width: 40px;
    height: 40px;
    top: -6px;
    right: -6px;
  }

  /* Product View */
  .product-view .product-img-box img {
    max-width: 100%;
    height: auto;
  }
  .product-view .product-shop {
    width: calc(100% - 346px);
    max-width: 450px;
    margin-top: -5px;
  }
  .product-view .product-shop .product-name h1 {
    font-size: 19px;
  }
  .product-view .product-shop .tax-details {
    font-size: 9px;
  }

  .product-view .product-img-box .more-views li {
    max-width: 28%;
    padding: 0 2% 2% 2%;
  }

  .product-options dd textarea {
    height: 140px;
  }

  /* Contact */
  .form-cols .form-col_right {
    width: 450px;
  }

  .contact-form .form-list textarea {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
  }

  /* Checkout */
  .cart-table thead th:first-child {
    width: 100px;
  }
  .cart-table img {
    max-width: 100%;
    height: auto;
  }

  .cart .cart-collaterals-left {
    width: 350px;
  }
  .cart .totals table {
    width: 380px;
  }

  .checkout-onepage-index .page-title {
    width: 740px;
  }
  .checkout-onepage-index .page_v2 .page-title {
    width: calc(100% + 210px);
    left: -210px;
  }
  .checkout-onepage-index .col-main,
  .checkout-onepage-index .col-right {
    font-size: 12px;
  }

  .block-progress .block-content {
    font-size: 12px;
  }
  .block-progress dt {
    font-size: 10px;
    margin-bottom: 2px;
    padding-top: 12px;
  }
  .block-progress dd {
    margin-bottom: 3px;
  }

  #opc-login h3 {
    font-size: 12px;
  }

  #opc-review .product-image {
    width: 50px;
  }
  #opc-review .product-details {
    margin-left: 80px;
  }
  #opc-review .item-options {
    font-size: 11px;
  }
  #opc-review .data-table td {
    padding: 11px;
  }
  #opc-review .data-table td:first-child {
    padding-left: 0;
  }
  #opc-review .data-table tfoot tr.last td {
    padding: 13px 15px;
    font-size: 17px !important;
  }

  /* Footer */
  .footer-container {
    font-size: 12px;
  }

  .footer {
    width: 730px;
  }
  .footer h5 {
    font-size: 15px;
  }
  .footer .col {
    width: 19%;
    margin-left: 9%;
  }
  .footer .col:nth-child(3) {
    width: 24%;
    margin-left: 4%;
  }
  .footer .col:nth-child(4) {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .page {
    width: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
  }
  .page:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
  }

  .mobile-nav-open .page:after {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  #mobileNavToggle {
    position: absolute;
    right: 0;
    top: 3px;
  }

  .quick-access {
    margin: 8px 36px 0 0;
  }
  .quick-access .form-language,
  .quick-access .links li {
    display: none;
  }
  .quick-access .links li.last,
  .quick-access .links li:nth-child(3) {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 6px;
  }
  .quick-access .links a {
    background: transparent;
    padding: 0;
  }
  .quick-access .links a.top-link-cart {
    margin-top: 5px;
    margin-right: 0;
    padding: 2px 5px 1px;
  }
  .quick-access .links a.top-link-cart:after {
    right: 10px;
    top: -15px;
    z-index: -1;
  }
  .quick-access .links li:nth-child(3) {
    position: relative;
    overflow: hidden;
    background: transparent url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/images/icon-account.png) no-repeat 50% 50%;
    background-size: contain;
    top: -9px;
  }
  .quick-access .links li:nth-child(3) a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
  }

  .nav-container {
    position: fixed;
    width: 100%;
    max-width: 425px;
    right: 0;
    top: 55px;
    height: calc(100% - 55px);
    background: #fff;
    z-index: 1;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.6);
    padding-bottom: 80px;
    transform: translateX(106%);
    transition: transform 0.3s ease;
  }
  .nav-container form {
    float: none;
    position: relative;
    top: 0 !important;
    padding: 21px 15px 16px;
    background: #eee;
    transform: translateZ(0);
  }
  .nav-container .form-language {
    display: block;
    width: 100%;
    padding: 13px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 0 -3px;
  }
  .nav-container .form-language select {
    margin-left: 5px;
    padding: 5px 28px 5px 12px;
  }

  .mobile-nav-open {
    overflow: hidden;
  }
  .mobile-nav-open .nav-container {
    transform: translateX(0);
  }

  .no-csstransform .nav-container {
    display: none;
  }
  .no-csstransform .mobile-nav-open .nav-container {
    display: block;
  }

  .form-search {
    float: none;
    position: relative;
  }
  .form-search input.input-text {
    width: 100% !important;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .form-search button.button {
    width: 40px;
    height: 38px;
    background: transparent;
    border-left: 1px solid #c9c3c3;
  }
  .form-search button.button span:before {
    font-size: 19px;
    position: relative;
    top: 1px;
  }

  #nav {
    font-size: 14px;
    margin: 0 0 20px;
    position: static;
  }
  #nav ul, #nav div {
    position: static;
    width: auto;
    border: 1px solid transparent;
    font-size: 13px;
    padding: 0;
  }
  #nav > li {
    position: relative;
  }
  #nav > li .button-dropdown {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 40px;
    z-index: 110;
    border: 0 none;
    background: #eee;
    cursor: pointer;
  }
  #nav > li .button-dropdown span {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #c9c3c3;
    padding: 0;
    margin-left: 10px;
    transform: rotate(0);
    transition: transform 0.5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -4px;
  }
  #nav > li ul {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0 none;
    transition: height 0.4s ease;
  }
  #nav > li .open-dropdown span {
    transform: rotate(90deg);
  }
  #nav > li .open-dropdown + ul {
    height: auto;
  }
  #nav li {
    float: none;
    margin: 0;
    box-sizing: border-box;
    border-top: 1px solid #c9c3c3;
    transform: translateZ(0);
  }
  #nav li ul li {
    border-top: 1px solid #eee;
  }
  #nav li ul li:first-child {
    border-top-color: #c9c3c3;
  }
  #nav li ul li a {
    height: 38px;
    padding: 0;
  }
  #nav li ul span {
    padding-top: 11px;
  }
  #nav li:last-child {
    border-bottom: 1px solid #c9c3c3;
  }
  #nav a {
    float: none;
    display: block;
    height: 40px;
    box-sizing: border-box;
  }
  #nav span {
    padding: 10px 13px;
  }

  .header a.logo {
    width: 163px;
    top: -6px;
  }

  .header {
    position: fixed;
    top: 0;
    z-index: 299;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px 10px 10px;
    height: 59px;
    margin-bottom: 0;
    box-sizing: border-box;
    box-shadow: 0 0px 0 0px transparent;
    transition: box-shadow 0.4s ease;
    min-width: 316px;
  }

  /*body.mobile-nav-open .header {
    transform:translateX(280px);
  }*/
  body.scrolled .header,
  body.mobile-nav-open .header {
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.3);
  }

  .top-bar {
    margin-bottom: 0;
  }

  /* Page Body */
  .col-main,
  .col-right,
  .col-left {
    width: auto !important;
    float: none !important;
  }

  .page-title {
    margin: 20px 0 16px 0;
    width: auto !important;
    position: static !important;
  }
  .page-title:before {
    display: none;
  }
  .page-title h1,
  .page-title span {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-size: 26px;
    line-height: 1.3;
    display: block;
  }

  .customer-account-login .page-title h1 {
    display: none;
  }

  .page-title_sub {
    margin-top: 30px;
  }

  .award {
    width: 40px;
    height: 40px;
    top: -6px;
    right: -6px;
  }

  /* Product Grid */
  .products-grid {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cms-index-index .products-grid {
    margin-top: 0;
  }

  .catalog-product-view .top-bar {
    margin-top: 0;
  }

  .toolbar .amount {
    display: none;
  }
  .toolbar .limiter {
    background-image: none;
    padding-left: 2px;
  }

  /* Product View */
  .product-view .product-shop {
    float: none;
    width: auto;
    max-width: none;
  }
  .product-view .product-shop .product-name h1 {
    font-size: 18px;
  }
  .product-view .product-shop .tax-details {
    font-size: 8px;
  }
  .product-view .product-img-box {
    width: auto;
    float: none;
    margin-bottom: 26px;
  }

  .product-view .product-img-box .more-views li {
    max-width: 20%;
  }

  .product-view .product-image,
  .product-view .product-shop .product-top,
  .product-view .product-shop .price-box-mobile {
    text-align: center;
  }
  .product-view .product-shop .price-box,
  .product-view .product-shop .tax-details {
    display: none;
  }
  .product-view .product-shop .price-box-mobile {
    margin-bottom: 24px;
    position: static;
  }
  .product-view .product-shop .price-box-mobile,
  .product-view .product-shop .price-box-mobile .price-box,
  .product-view .product-shop .price-box-mobile .tax-details {
    display: block;
  }

  .product-view .product-shop .product-top {
    border-bottom: 0 none;
    margin-bottom: 0;
  }

  .product-shop .product-options-bottom .add-to-cart {
    position: static;
    margin-top: 32px;
    float: none !important;
  }

  button.btn-cart {
    font-size: 16px;
    width: 100%;
  }

  /* Homepage */
  .block-proslider-theme-5 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .block-teaser-home {
    padding-bottom: 0;
    margin-top: 0;
  }

  .block-follow-us a {
    font-size: 13px;
    padding-top: 82px;
  }

  .swiper-wrapper .item {
    margin-left: 0 !important;
  }

  /* Cart */
  .cart, .cart * {
    box-sizing: border-box;
  }

  .cart .page-title {
    margin-top: 8px;
  }

  .cart-forms,
  .cart-totals-wrapper {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }

  .cart-table,
  .cart-totals,
  .cart-forms .discount,
  .cart-forms .giftcard,
  .cart-forms .shipping {
    margin-bottom: 20px;
  }

  .cart-totals,
  .cart-forms .discount,
  .cart-forms .giftcard,
  .cart-forms .shipping {
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
  }

  .cart-forms .shipping {
    display: none;
  }

  .cart-totals {
    padding-top: 12px;
    padding-bottom: 18px;
  }

  .cart-table,
  .data-table {
    float: none;
    width: 100%;
  }
  .cart-table colgroup,
  .cart-table thead,
  .data-table colgroup,
  .data-table thead {
    display: none;
  }
  .cart-table tbody tr.last,
  .data-table tbody tr.last {
    padding-bottom: 0;
  }
  .cart-table tr,
  .data-table tr {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    background: transparent !important;
    border-bottom: 1px solid #c9c3c3;
  }
  .cart-table tr:after,
  .data-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .cart-table tr:last-child,
  .data-table tr:last-child {
    border-bottom: 0 none;
  }
  .cart-table td,
  .data-table td {
    border: 0 none;
  }
  .cart-table .product-cart-image,
  .data-table .product-cart-image {
    width: 25%;
    float: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cart-table .product-cart-info,
  .cart-table td[data-rwd-label],
  .data-table .product-cart-info,
  .data-table td[data-rwd-label] {
    float: right;
    width: 75%;
  }
  .cart-table .product-cart-image .cart-links,
  .data-table .product-cart-image .cart-links {
    display: block;
    font-size: 10px;
  }
  .cart-table .product-cart-info .btn-remove,
  .data-table .product-cart-info .btn-remove {
    display: block;
    float: right;
    margin: 0 0px 2px 7px;
  }
  .cart-table .product-cart-remove,
  .cart-table .product-cart-total,
  .cart-table .product-cart-actions .cart-links,
  .data-table .product-cart-remove,
  .data-table .product-cart-total,
  .data-table .product-cart-actions .cart-links {
    display: none;
  }
  .cart-table .product-cart-actions,
  .cart-table .product-cart-price,
  .data-table .product-cart-actions,
  .data-table .product-cart-price {
    padding-bottom: 0;
    padding-top: 0;
    float: right;
  }
  .cart-table .product-cart-actions,
  .data-table .product-cart-actions {
    margin-top: 3px;
  }
  .cart-table .product-cart-actions .qty,
  .data-table .product-cart-actions .qty {
    width: auto;
    padding: 5px 3px;
    height: 30px;
    margin-bottom: 0;
  }
  .cart-table .cart-footer-actions .btn-update,
  .cart-table .cart-footer-actions span.or,
  .data-table .cart-footer-actions .btn-update,
  .data-table .cart-footer-actions span.or {
    display: none;
  }
  .cart-table .cart-footer-actions,
  .data-table .cart-footer-actions {
    text-align: left;
  }
  .cart-table .cart-footer-actions #empty_cart_button,
  .data-table .cart-footer-actions #empty_cart_button {
    float: right;
  }
  .cart-table td[data-rwd-label]:before,
  .data-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    padding-right: 5px;
    color: #000;
  }
  .cart-table h2,
  .data-table h2 {
    font-size: 12px;
  }
  .cart-table .cart-links,
  .data-table .cart-links {
    padding-top: 5px;
    padding-right: 5px;
  }
  .cart-table .cart-links > li,
  .data-table .cart-links > li {
    white-space: normal;
    text-align: center;
  }
  .cart-table .cart-links > li > a,
  .data-table .cart-links > li > a {
    padding: 2px 0px;
  }
  .cart-table tfoot,
  .data-table tfoot {
    display: none;
    /*border-top: 1px solid #d9dde3;

    tr {
      margin-bottom:0;
    }
    td {
      width: 100%;
      display: block;
    }*/
  }

  #opc-review .product-image {
    width: 100px;
    position: static;
  }
  #opc-review .product-image img {
    width: 100%;
  }
  #opc-review .product-details {
    margin-left: 0;
    margin-top: 10px;
    margin-right: -150px;
  }
  #opc-review .data-table tfoot tr.last td {
    padding: 13px 0;
    font-size: 14px !important;
  }

  #checkout-review-table tbody tr td.a-center:after {
    content: "×";
  }
  #checkout-review-table tfoot {
    display: table-footer-group;
    /* to show it at the bottom of the table */
  }
  #checkout-review-table tfoot tr {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #checkout-review-table tfoot tr td {
    width: 80px;
    display: inline-block;
    padding: 5px 0px 5px !important;
  }
  #checkout-review-table tfoot tr td:first-child {
    width: calc(100% - 100px);
  }

  /* Checkout */
  .checkout-onepage-index .page-title {
    width: auto;
  }
  .checkout-onepage-index .col-right {
    display: none;
  }

  #opc-login .col2-set .col-1,
  #opc-login .col2-set .col-2,
  #login-form .col2-set .col-1,
  #login-form .col2-set .col-2 {
    float: none;
    width: 100%;
  }
  #opc-login .col2-set .col-1 > .content,
  #opc-login .col2-set .col-2 > .content,
  #login-form .col2-set .col-1 > .content,
  #login-form .col2-set .col-2 > .content {
    display: block !important;
    min-height: 0;
  }
  #opc-login .col2-set.mobile-open-1 .col-2 *,
  #login-form .col2-set.mobile-open-1 .col-2 * {
    display: none;
  }
  #opc-login .col2-set.mobile-open-1 .col-1 h2,
  #opc-login .col2-set.mobile-open-1 .col-1 h3,
  #login-form .col2-set.mobile-open-1 .col-1 h2,
  #login-form .col2-set.mobile-open-1 .col-1 h3,
  #opc-login .col2-set.mobile-open-2 .col-2 h2,
  #opc-login .col2-set.mobile-open-2 .col-2 h3,
  #login-form .col2-set.mobile-open-2 .col-2 h2,
  #login-form .col2-set.mobile-open-2 .col-2 h3 {
    background-color: #f2d3d3;
    cursor: auto;
  }
  #opc-login .col2-set.mobile-open-2 .col-1 *,
  #login-form .col2-set.mobile-open-2 .col-1 * {
    display: none;
  }
  #opc-login .col2-set:nth-of-type(1),
  #login-form .col2-set:nth-of-type(1) {
    position: relative;
    padding-top: 56px;
  }
  #opc-login .col2-set:nth-of-type(1) h2,
  #opc-login .col2-set:nth-of-type(1) h3,
  #login-form .col2-set:nth-of-type(1) h2,
  #login-form .col2-set:nth-of-type(1) h3 {
    position: absolute;
    top: 0;
    width: 50%;
    left: 0;
    height: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #000;
    background-color: #fff;
    border: 1px solid #f2d3d3;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px 0 0 5px;
    font-size: 14px;
  }
  #opc-login .col2-set:nth-of-type(1) .col-2 h2,
  #opc-login .col2-set:nth-of-type(1) .col-2 h3,
  #login-form .col2-set:nth-of-type(1) .col-2 h2,
  #login-form .col2-set:nth-of-type(1) .col-2 h3 {
    left: 50%;
    border-radius: 0 5px 5px 0;
  }
  #opc-login .col-2,
  #login-form .col-2 {
    padding-left: 0;
    border-left: 0 none;
    position: static;
  }

  #checkout-review-table-wrapper {
    overflow: auto;
  }

  .account-login {
    margin-bottom: 0;
  }
  .account-login .content {
    padding-left: 0;
    padding-right: 0;
  }
  .account-login .content h2 {
    margin: 0;
  }
  .account-login .buttons-set {
    margin-top: 14px;
    font-size: 12px;
  }

  .block-account {
    top: 0;
    position: static;
    margin: 0;
  }

  .my-account {
    margin: 0 0 20px;
  }

  /* Footer */
  .footer-container {
    position: static;
    padding-bottom: 0;
  }

  .footer {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 8px;
    background: #F3F3F3;
  }
  .footer .col {
    float: none !important;
    width: 100% !important;
    margin: 0 0 25px !important;
  }
  .footer .col:nth-child(4) {
    display: none;
  }
  .footer h5 {
    float: none;
    display: inline-block;
  }
  .footer li {
    display: inline-block;
    margin: 0 10px;
  }
  .footer address {
    position: static;
  }

  /* Newsletter */
  .cms-newsletter .main {
    background-image: none;
  }

  .cms-newsletter .nl-subscription-form {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.swiper-container-horizontal {
  padding-bottom: 30px;
}

.swiper-slide {
  text-align: center;
}
.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  opacity: 1;
  vertical-align: middle;
  background: #f2d3d3 !important;
}
.product-image .swiper-pagination-bullet-active {
  opacity: 1;
}
.product-image .swiper-slide a {
  cursor: zoom-in;
}
.product-image .swiper-slide a img {
  max-width: 100%;
}
.swiper-pagination-bullet-active {
  width: 14px !important;
  height: 14px !important;
}
.swiper-button-next,
.swiper-button-prev {
  scale: 50%;
  filter: grayscale(100);
  padding: 40px;
  margin-top: -82px !important;
  transition: all 0.2s ease;
}
.swiper-button-next {
  right: -34px !important;
}
.swiper-button-prev {
  left: -34px !important;
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0 !important;}


/*@media (hover: none) {*/
/*  .swiper-pagination {*/
/*    display: none;*/
/*  }*/
/*  .swiper-container-horizontal {*/
/*    padding-bottom: 0;*/
/*  }*/
/*}*/

@media only screen and (max-width: 599px) {
  /* Products Grid */
  .products-grid {
    font-size: 11px;
  }
  .products-grid .item {
    width: 48%;
  }
  .products-grid .item:nth-of-type(3n-1) {
    margin-left: 0;
    margin-right: 0;
  }
  .products-grid .item:nth-of-type(2n+0) {
    margin-left: 4%;
    margin-right: 0;
  }
  .products-grid .clear-row {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .products-grid .clear-row_2 {
    display: block;
  }
  .products-grid .clear-row_3 {
    display: none;
  }

  .toolbar .amount,
  .toolbar .limiter,
  .toolbar .sort-by label {
    display: none;
  }
  .toolbar .sorter {
    position: static;
  }
  .toolbar .pages {
    margin-left: 0;
    left: auto;
    right: 3px;
    width: auto;
    top: 0;
  }
  .toolbar .pages ol {
    margin-left: 5px;
  }
  .toolbar .pages li {
    margin: 0 0px;
    border: 1px solid #c9c3c3;
    display: inline-block;
  }
  .toolbar .pages li a {
    padding: 2px 5px 3px;
    display: block;
  }
  .toolbar .pages li.current {
    padding: 2px 5px 3px;
    border-color: #f2d3d3;
  }

  .tooltip-toggle .tooltip-content {
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    margin-left: 0;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 479px) {
  #checkout-step-review .opc-block-progress .block-content > dl > div {
    float: none;
    width: auto;
  }

  .product-view .product-img-box .more-views li {
    max-width: 28%;
  }
}
@media only screen and (min-width: 600px) {
  .swiper-container:not(#productImages) .swiper-wrapper {
    display: block;
  }
  .swiper-container:not(#productImages) .swiper-pagination {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #mobileNavToggle {
    display: none;
  }

  .touch #nav div.subwrap {
    padding-right: 30px;
  }
  .touch #nav div.subwrap .button-close {
    display: block;
    position: absolute;
    top: 3px;
    right: 2px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding: 0;
    border: 0 none;
    background: transparent;
  }
}
/**
 * MENU / X animated Button
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 51px;
  height: 51px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  background: transparent;
  /*
  &:hover {
    span::before {
      top: -6px;
      transition-delay: 0s, 0s;
    }
    span::after {
      bottom: -6px;
      transition-delay: 0s, 0s;
    }
  }*/
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 24px;
  left: 11px;
  right: 11px;
  height: 3px;
  background: #f2d3d3;
  transform: translateZ(0);
}
.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2d3d3;
  content: "";
  transform: translateZ(0);
}
.c-hamburger span::before {
  top: -10px;
}
.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  /* active state, i.e. menu open */
}
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-delay: 0.3s, 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: background-color, top, transform;
}
.c-hamburger--htx span::after {
  transition-property: background-color, bottom, transform;
}
.c-hamburger--htx.is-active span {
  background: transparent;
  transition-delay: 0.3s;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: translateZ(0) rotate(45deg);
  background-color: #f2d3d3;
  transition-delay: 0s, 0s, 0.3s;
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: translateZ(0) rotate(-45deg);
  background-color: #f2d3d3;
  transition-delay: 0s, 0s, 0.3s;
}

/* weltfrauentag popup */

#popupWeltfrauentag {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
  background: rgba(255, 255, 255, 0.74);
  padding: 20px;
  box-sizing: border-box;
}

#popupWeltfrauentag.open {
  z-index: 99999;
  opacity: 1;
  transition: opacity 200ms ease-in;
}

#popupWeltfrauentag img {
  width: 100%;
  height: auto;
  max-width: 597px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: scale(1.4);
  transition: transform 200ms ease-in;
}

#popupWeltfrauentag.open img {
  transform: scale(1);
  cursor: pointer;
}

#popupWeltfrauentagClose {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  opacity: 0.8;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#popupWeltfrauentagClose:hover {
  opacity: 1;
}

#popupWeltfrauentagClose svg {
  width: 34px;
  height: 34px;
  color: #545454;
  fill: #545454;
}

.grid-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
  text-align: center;
}
.grid-container:nth-child(odd) {
  flex-direction: row-reverse;
}
.grid-container > div {
  padding: 8px 8px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.grid-container h2 {
  font-size: 19px;
  font-weight: normal;
  margin: 8px 8px 16px;
  color: black;
}
.grid-container p {
  max-width: 600px;
}
.grid-container a {
  color: inherit !important;
  text-decoration: underline !important;
}
.grid-container img {
  width: 500px;
  height: auto;
  max-width: 100%;
}

@media (min-width: 769px) {
  .grid-container {
  }
  .grid-container > .grid-item-6 {
    flex-basis: 50%;
    padding: 25px;
  }

  .grid-container > .grid-item-12 {
    flex-basis: 100%;
  }

  .page .grid-container:first-of-type {
    margin-top: 40px;
  }

  .page_v2 .grid-container:first-of-type {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .grid-container > .grid-item-6 {
    flex-basis: 100%;
  }
  .grid-container img {
    margin-top: 24px;
  }
}


/** FOOTER */

.footer-wrapper {
  padding-top: 60px;
  position: relative;
}
.cms-index-index .footer-wrapper {
  padding-top: 0;
}
.footer-wrapper:before {
  content: " ";
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  width: 120vw;
  transform: translateX(-50%);
  height: 100vh;
  background: #ffbcbc;
  z-index: -1;
}
.footer-wrapper select {
  font-size: 14px;
}
.footer-columns {
  /*display: flex;*/
  /*justify-content: space-between;*/
  font-size: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3.5%;
}
.footer-columns .heading {
  font-weight: 300;
  color: black;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 12px;
}
.footer-columns p {
  font-weight: 300;
  color: black;
  margin-bottom: 14px;
}
.footer-columns a {
  font-weight: 300;
  color: black;
  margin-bottom: 6px;
  white-space: nowrap;
  text-decoration: none;
}
.footer-columns a:hover {
  text-decoration: underline;
}
.footer-columns address {
  color: black;
}
.footer-meta {
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.footer-meta-left {
  margin-top: 30px;
  display: flex;
  width: calc(100% - 160px);
  align-items: center;
  color: black;
  font-weight: 300;
}
.footer-meta-left > a {
  width: 100%;
}
.footer-wrapper .language-switch {
  display: none;
}
.footer-copyright {
  margin-right: auto;
  font-size: 12px;
  font-weight: 300;
  margin-bottom:5px;
}
.footer-meta-nav {
  display: flex;
  width: 100%;
  margin: -10px -5px 0;
  align-items: center;
  font-weight: 300;
}
.footer-meta-nav a {
  margin: 6px 5px;
  text-decoration: none;
  white-space: nowrap;
}
.footer-meta-nav .consent-button {
  appearance: none;
  border: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 40px;
  height: 40px;
  padding: 0;
}
@media (max-width: 460px) {
  .footer-meta-nav {
    display: block;
    margin-top: 6px;
  }
  .footer-meta-nav a {
    display: block;
  }
  .footer-meta-nav span {
    display: none;
  }
  .footer-meta-nav .consent-button {
    align-items: normal;
  }
}
.footer-meta-nav svg {
  fill: black;
  width: 16px;
  height: 16px;
}
.footer-meta-nav a:hover {
  text-decoration: underline;
}
.footer-meta-right {
  display:flex;
  align-items: center;
  margin: 30px -10px -8px;
}
.footer-meta-right img {
  width: auto;
  margin: 0 5px;
}

.footer-wrapper .input-wrapper {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.footer-wrapper .input-wrapper input {
  border: none !important;
  appearance: none;
  border-bottom: 1px solid black !important;
  box-shadow: none !important;
  padding-left: 0;
  padding-right: 40px;
  width: 100%;
  border-radius: 0;
}
.footer-wrapper .input-wrapper button {
  position: absolute;
  right: 5px;
  background: none !important;
  appearance: none;
  border: none !important;
  padding: 0;
  line-height: 1;
}
.footer-wrapper .input-wrapper button span .validation-advice {
  order: 3;
  flex-basis: 100%;
  margin-top: 7px;
}
.footer-wrapper .input-wrapper button span {
  display: none;
}
.footer-wrapper .input-wrapper button svg {
  width: 28px;
  height: 28px;
  /*fill: black;*/
  color: black;
  fill: none!important;
  stroke-width: 2px;
  stroke: currentColor!important;
  stroke-linecap: square;
  stroke-linejoin: miter;
}
/*.footer-wrapper .social-icons {*/
/*  margin-top:50px;*/
/*}*/

@media (max-width: 768px) {
  .footer-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-columns {
    display: block;
    /*font-size: 12px;*/
  }

  .footer-columns > * {
    margin-right: 15px;
    margin-bottom: 30px;
  }

  .footer-columns address {
    flex-wrap: wrap;
    /*font-size: 14px;*/
  }
  /*.footer-columns address .call-info {*/
  /*  font-size: 12px;*/
  /*  display: inline-block; !* own line-height *!*/
  /*}*/

  .footer-columns .heading {
    font-size: 16px;
  }

  .footer-wrapper .language-switch {
    display: block;
  }

  .footer-wrapper .input-wrapper {
    max-width: 280px;
  }

}


.social-icons {
  display: flex;
  fill: black;
}
.social-icons a {
  display: flex;
  margin-right: 24px;
}
.social-icons img,
.social-icons svg {
  width: 24px;
  height: 24px;
  fill: #000;
}

.store-address {
  visibility: hidden;
  margin-top:32px;
}

#re_captcha {
  display: flex;
  justify-content: flex-end;
}


/* NEWS BANNER */
.news-banner {
  width: 100%;
  background-color: #f2d3d3;
  color: #000;
  font-size: 13px;
  line-height: 1.25;
  margin-bottom: 6px;
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  transition: height 0.3s ease-in-out 0.1s;
  overflow: hidden;
}
.news-banner .line {
  display: flex;
  width: 100%;
  position: absolute;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  transform: translateX(30%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 0.3s ease-in;
  padding: 11px 60px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.news-banner .line.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: all 0.3s ease-in 0.2s;
}
.news-banner .line.out {
  transform: translateX(-30%);
}
.news-banner button {
  position: absolute;
  right: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border: none;
  background-color: rgba(255,255,255,0);
  background-image: url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/icons/arrow-forward-ios.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  box-shadow: none;
  transition: all 0.2s linear;
  z-index: 3;
  cursor: pointer;
  appearance: none;
  opacity: 1;
  visibility: visible;
}
/*.news-banner button:hover {*/
/*  background-color: rgba(255, 255, 255, 0.3);*/
/*}*/
.news-banner button[data-action="nbNewsButtonPrev"] {
  background-image: url("https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/icons/arrow-back-ios.svg");
  position: absolute;
  left: 8px;
  right: auto;
}
.news-banner button.hide {
  opacity: 0;
  visibility: hidden;
}
.news-banner button svg {
  user-select: none;
  width: 1em;
  height: 1em;
  color: #000;
  fill: #000;
}
.news-banner a {
  color: #000 !important;
}


.fancybox-image {
  /*image-rendering: pixelated;*/
}
.fancybox-bg {
  background: #fff;
}
.fancybox-is-open .fancybox-bg {
  opacity: 1;
}
.fancybox-button {
  background: rgba(255,255,255,0.8);
  width: 50px;
  height: 50px;
}
.fancybox-button svg {
  color: white;
  fill: none;
  stroke-width: 2px;
  stroke: black;
  stroke-linecap: square;
  stroke-linejoin: miter;
}
.fancybox-button svg path {
  stroke-width: 2;
  fill: unset;
}

.fancybox-infobar,
.fancybox-button--arrow_right,
.fancybox-button--arrow_left,
.fancybox-button--thumbs,
.fancybox-button--play {
  display: none;
}
.fancybox-thumbs__list a:before {
  border-color: #f2d3d3;
}
@media (hover: hover) {
  .fancybox-button--zoom {
    display: none !important;
  }
}

.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: white;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 95px;
}

/*-------------------------------------*/

.accordion__item {
  margin: 5px auto;
}
.accordion__item .accordion__title {
  position: relative;
  display: block;
  /*padding: 13px 60px 15px 13px;*/
  margin-bottom: 2px;
  margin-top: 24px;
  color: #202020;
  font-size: 28px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}
.accordion__item .accordion__title:hover {
  transition: all 0.5s ease-out;
}
.accordion__item .accordion__title .accordion__arrow {
  position: absolute;
  top: 13px; right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accordion__item .accordion__content {
  padding: 30px;
  margin-bottom: 2px;
  font-size: 14px;
  display: none;
  text-align: center;
}
@media (min-width: 769px) {
  .accordion__item .accordion__content {
    text-align: left;
    padding: 30px 0;
  }
}
.accordion__item.active .accordion__content {
  display: block;
}
.accordion__item .accordion__arrow-item {
  font-weight: 700;
}
/*-------------------------------------*/


.clampable button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  font-size: inherit;
}
.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* truncate to 4 lines */
  -webkit-line-clamp: 7;
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.multishipping-authorization .authentication.message {
    margin: 2em 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px 0px #ccc;
    padding: 1em 2em 1em 2em;
}

/* ccType */
#stripe-payments-accepted-cards img {
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    display: inline-block;
}
#stripe-payments-accepted-cards.stripe-payments-detected img {
    opacity: 0.3;
}
#stripe-payments-accepted-cards.stripe-payments-detected img.active {
    opacity: 1;
}

input#stripe_payments_cc_number {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-position-x: 80%;
    -moz-transition: background-position-x 0.25s ease-in-out;
    -webkit-transition: background-position-x 0.25s ease-in-out;
    transition: background-position-x 0.25s ease-in-out;
}

input#stripe_payments_cc_number.cctype-detected {
    background-position-x: 99%;
}

.adminhtml-sales-order-create-index #payment_form_stripe_payments input[type="text"]
{
    width: 200px;
}

.dialog_content {
    background-color: #fff;
}
.img-preload {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}

/* Customer Account */
.saved-cards label {
    display: inline;
}
.saved-cards {
    font-size: 1.15em;
}
.saved-cards li {
    margin: 4px 0;
}
#new-card .form-list select {
    width: auto;
}
#new-card .form-list label {
    float: none;
}
#stripe_payments_cc_cid {
    width: 40px;
}

/* Checkout */
#mandates.saved-cards label {
    font-weight: normal;
    margin-left: 4px;
}
ul#payment_form_stripe_payments {
    padding: 20px 25px;
    border: 1px solid #c3c3c3;
    border-radius: 0 0 16px 16px;
    margin: -8px 0 30px;
    /* allow order */
    display: flex;
    flex-direction: column;
}
.adminhtml-sales-order-create-index ul#payment_form_stripe_payments {
    padding: 5px 0 10px;
}
ul#payment_form_stripe_payments > li {
    display: block;
    margin: 10px 0 20px;
}
ul#payment_form_stripe_payments li.stripe-new {
    display: none;
}
ul#payment_form_stripe_payments.stripe-new li.stripe-new {
    display: block;
    margin: 0;
}
/* Idev OSC 3-column fixes */
.onestepcheckout-column-middle ul#payment_form_stripe_payments.stripe-new li.stripe-new {
    margin-left: 0;
}
.onestepcheckout-column-middle ul#payment_form_stripe_payments {
    margin: 10px 0;
    padding-left: 0px;
}
/* ~Idev OSC */
.sp-methods .saved-cards li {
    margin: 10px 0 0 0 !important;
}
.sp-methods .saved-cards li label {
    float: none;
}
.saved-cards {
    margin-top: 14px;
}
.saved-cards span {
    display: inline-block;
}
.saved-cards span.type {
    margin-left: 3px;
}
.saved-cards span.exp {
    float: right;
}
.saved-cards label {
    display: inline;
}
.saved-cards span.stripe-payments-fade {
    color: #aaa;
    font-weight: normal;
}
.form-list .saved-cards label {
    float: none;
}
#stripe-payments-card-errors {
    border: 0;
    border-radius: 3px;
    height: 0;
    margin: 0 auto;
    transition: height 1s, margin 1s, border 1s, padding 1s;
    display: inline-block;
    padding: 0 1em;
}
#stripe-payments-card-errors.populated {
    border: 1px hsla(0,100%,50%,0.5) dashed;
    padding: 5px 1em;
    color: #D20;
    height: auto;
    margin: 0.5em auto 1em;
}

/* Card Icons */
#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/visa.png) no-repeat; }
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/amex.png) no-repeat; }
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/mastercard.png) no-repeat; }
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/discover.png) no-repeat; }
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/diners.png) no-repeat; }
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { background: url(https://www.stg.strawberryandcream.de/skin/frontend/sbac/default/stripe_payments/img/jcb.png) no-repeat; }

#payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa,
#payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex,
#payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard,
#payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover,
#payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners,
#payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb {
    padding-left: 30px;
    background-position-y: -1px;
    background-size: 24px;
}

/* Apple Pay */
#co-payment-form #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments li#apple-pay-section #apple-pay-button {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 24px;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    border-radius: 10px;
}
#co-payment-form #stripe-apple-pay-section,
ul#payment_form_stripe_payments li#apple-pay-section {
    display: none;
    text-align: center;
    margin: 0;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section {
    display: block;
}
#co-payment-form.payment-request-api-supported #stripe-apple-pay-section #apple-pay-button,
ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section #apple-pay-button {
    display: none;
}
#co-payment-form #stripe-apple-pay-section label,
ul#payment_form_stripe_payments li#apple-pay-section label {
    font-weight: bold;
    margin: 10px 0;
    float: none;
    display: block;
}
#stripe-apple-pay-result {
    margin-bottom: 20px;
}
#co-payment-form.apple-pay-success .sp-methods {
    display: none;
}

/* Authorized Apple Pay Result */
#co-payment-form #stripe-apple-pay-result label,
.form-list #apple-pay-result label {
    display: inline-block;
    float: none;
}
#co-payment-form #stripe-apple-pay-result,
ul#payment_form_stripe_payments li#apple-pay-result {
    text-align: center;
    font-size: 1.1em;
    display: none;
}
#stripe-apple-pay-result > div,
#apple-pay-result > div {
    display: block;
    margin: 5px 0;
}
#co-payment-form.apple-pay-success #stripe-apple-pay-result,
ul#payment_form_stripe_payments.apple-pay-success li#apple-pay-result {
    display: block;
}
#co-payment-form.payment-request-api-supported.apple-pay-success #stripe-apple-pay-section,
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success li#apple-pay-section {
    display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new {
    display: none;
}
ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li#stripe_payments_cc_save_div.stripe-new {
    display: block;
}
ul#payment_form_stripe_payments.apple-pay-success ul#saved-cards {
    display: none;
}

/* Stripe Elements */
#stripe-payments-card-number {
    width: 225px;
    display: inline-block;
}
.stripe-payments-brand {
    opacity: 0.5;
    height: 24px;
    width: 32px;
    display: inline-block;
    font-size: 20px;
    margin-left: -49px;
    position: relative;
    top: -9px;
}
#stripe-payments-card-expiry {
    width: 93px;
    display: inline-block;
}
#stripe-payments-card-cvc {
    width: 68px;
    display: inline-block;
}
.stripe-elements-field {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 4px 14px;
    border-style: none;
    background-color: #fefefe;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #fefefe;
    border-radius: 4px;
}
li.stripe-payments-elements {
    order: 3;
}
li.stripe-payments-elements.no-wrap {
    white-space: nowrap;
    order: 0;
}
li.stripe-payments-elements:nth-child(2) {
    order: 0;
}
li#stripe-payments-card-errors {
    order: 1;
}
li#stripe_payments_cc_save_div {
    order: 2;
    margin-top: 10px !important;
}
.pci-dss-info-block {
    margin: 10px 15px -16px 25px;
    width: 240px;
}
#pci-svg {
    position: relative;
    left: -25px;
    top: 5px;
    fill: black;
}
.pci-dss-info-text {
    display: inline-block;
    position: relative;
    top: -20px;
}

/* ACH */

ul.ach-bank-account-details {
    margin: 1em auto;
}
ul.ach-bank-account-details label {
    min-width: 140px;
}
ul.ach-bank-account-details .account-number,
ul.ach-bank-account-details .account-holder-name {
    width: 210px;
}
ul.ach-bank-account-details .account-holder-type {
    width: 215px;
}
#ach-bank-account-details .ach-token .validation-advice {
    display: none;
}
#ach-bank-account-details.showVerificationError .ach-token .validation-advice {
    display: block;
}
#stripe-ach-account-verified {
    color: #47a722;
    font-style: italic;
    display: none;
}
#stripe-ach-account-verified img {
    display: inline;
    height: 1em;
    padding: 2px;
}

/* CUSTOM */
.stripexpress-logo,
.add-to-cart #payment-request-button {
    display: none;
}

#stripe-payments-card-errors.populated {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}
ul#payment_form_stripe_payments.stripe-new li.stripe-new input[type=checkbox] {
    margin-left: 0;
}
#payment-request-button {
    margin-bottom: 4px;
}

#stripe_payments_cc_save_div {
    margin: -20px 0 28px;
}
#stripe_payments_cc_save_div label {
    display: flex;
    align-items: center;
}

#checkout-shipping-method-load dd li {
    margin-top: 0;
}
#payment-buttons-container > p.required {
    display: none;
}

#stripe-new .stripe-payments-elements
/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot);src:url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff2'),url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff'),url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
.product-view #payment-request-button {
    margin-bottom: 10px;
}

.cart #payment-request-button {
    width: 184px;
    display: inline-block;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#payment-request-button.disabled,
#payment-request-button.disabled * {
    pointer-events: none !important;
}

#payment-request-button.disabled {
    opacity: 0.5;
    filter: grayscale(50%);
}

#payment-request-button.disabled::after {
    position: relative;
    height: 1em;
    width: 1em;
    display: block;
    left: 50%;
    margin-left: -.5em;
    margin-top: -1.2em;
    content: '';
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    background: url(https://www.stg.strawberryandcream.de/skin/frontend/base/default/stripe_payments/img/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .75)
}