/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto/roboto-v20-latin-100.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-100.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-100.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-100.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-100.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-300.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto/roboto-v20-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../fonts/roboto/roboto-v20-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-100italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-100italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-100italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-100italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-v20-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-300italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-300italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-300italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v20-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-v20-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/roboto/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-500italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-500italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-500italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-500italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v20-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-700italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-700italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-700italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto/roboto-v20-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-900.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-900.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-900.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto/roboto-v20-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/roboto/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-900italic.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-900italic.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-900italic.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-900italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'roboto';
  src: local "roboto" url(",../fonts/pfad/zu/meinerschrift.ttf") format("truetype"); }

.noselect, label.checkbox, .qty-input .qty-btn, .multi-qty-input .qty-btn, .product .product-body .product-allergens, .product .product-extra .variation-btn, #cart .header, .cart_overview .header, #cart .calculate-shipping, .cart_overview .calculate-shipping, #cart .calculate-shipping .title, .cart_overview .calculate-shipping .title, .checkout_login .h-title, .form-area.account, .change_pwd_group .small-title, .allergen_modal .product-allergens-modal {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ }

body:before {
  content: "mobile";
  display: none;
  visibility: hidden; }
  @media (min-width: 768px) {
    body:before {
      content: "middle"; } }
  @media (min-width: 1201px) {
    body:before {
      content: "large"; } }

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

body, html {
  min-height: 100%; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  min-height: 100% !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  text-align: left;
  background-color: #ffffff;
  overflow-x: hidden;
  width: 100%; }
  body.no-y, body.fixed-menu.toggle-open {
    overflow-y: hidden; }

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

*:focus {
  outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

a {
  color: #0670b7;
  cursor: pointer; }
  a:hover, a:focus {
    color: #333333; }

.hidden {
  display: none; }

.no-mb {
  margin-bottom: 0;
  line-height: 1em; }

.mb-right {
  margin-right: 25px; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type='checkbox'] {
  position: relative;
  top: 1px; }

.clip-container-wrapper {
  filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.5)); }
  .clip-container-wrapper .clip-container {
    content: " ";
    height: 50px;
    clip-path: polygon(0 0, 0 100%, 100% 0);
    background-color: white;
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin-top: -1px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem; }

h1 {
  font-size: 2.617924em;
  line-height: 1.214;
  letter-spacing: -1px; }

h2 {
  font-size: 2em;
  line-height: 1.214; }

h3 {
  font-size: 1.618em;
  line-height: 1.214; }

h4 {
  font-size: 1.41575em; }

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

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

small, .txt-small {
  font-size: 0.875rem; }

.short-line, .nav-title {
  position: relative;
  border-bottom: none;
  padding-bottom: 0.5em; }
  .short-line:after, .nav-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #6c757d;
    width: 40px; }

.color-accent {
  color: #0670b7;
  border-color: #0670b7; }

.color-accent-2 {
  color: #0b4a75;
  border-color: #0b4a75; }

.underline, .h-title {
  line-height: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #6c757d; }

.title {
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 700; }

.nav-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2em; }

.h-title {
  font-weight: 700;
  font-size: 1.2em; }
  .h-title.type-2 {
    text-align: center;
    line-height: 0.1em;
    margin: 10px 0 35px 0;
    padding: 0;
    border-width: 2px;
    font-size: 1.3em;
    text-transform: uppercase; }
    .h-title.type-2 span {
      background: #fff;
      padding: 0 30px; }

.small-title {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5em; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.not-found {
  position: relative;
  padding: 3rem 0;
  font-size: 1.5rem;
  line-height: 1.2em; }

.error {
  color: #f44336; }

.success {
  color: #28a745; }

.btn, .button, button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 1rem;
  line-height: 1em;
  margin: 0 0 1rem 0;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  background-color: #0670b7;
  border-color: #0670b7;
  color: #ffffff;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  cursor: pointer; }
  .btn.btn-outline, .button.btn-outline, button.btn-outline {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    color: #0670b7; }
  .btn.btn-outline-inverted, .button.btn-outline-inverted, button.btn-outline-inverted {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    background-color: #0670b7; }
  .btn.btn-big, .button.btn-big, button.btn-big {
    font-size: 1.25rem;
    padding: 15px 35px;
    height: auto; }
  .btn.btn-icon, .button.btn-icon, button.btn-icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0; }
  .btn.btn-full, .button.btn-full, button.btn-full {
    display: block;
    width: 100%; }
  .btn:hover, .btn:focus, .button:hover, .button:focus, button:hover, button:focus {
    background-color: #0b4a75;
    color: #ffffff; }

input[type=text],
input[type=number],
input[type=password],
input[type=email],
select,
textarea {
  display: block;
  width: 100%;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #6c757d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #6c757d;
  border-radius: 0; }

textarea {
  min-height: 150px;
  resize: vertical; }

label.checkbox {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 1rem; }
  label.checkbox input {
    margin-right: 10px; }

label .required {
  display: inline-block;
  color: #f44336;
  margin-left: 5px; }

.form-area {
  margin-bottom: 3rem; }

.form-field {
  margin-bottom: 1rem; }
  .form-field label {
    display: block;
    margin-bottom: 0.3rem; }

.form-group.col-2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%; }
  .form-group.col-2 > * {
    width: 49%; }

.qty-input, .multi-qty-input {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: top;
  width: auto;
  height: 35px;
  margin-bottom: 1rem; }
  .qty-input.hideArrow input, .multi-qty-input.hideArrow input {
    -moz-appearance: textfield; }
    .qty-input.hideArrow input::-webkit-outer-spin-button, .qty-input.hideArrow input::-webkit-inner-spin-button, .multi-qty-input.hideArrow input::-webkit-outer-spin-button, .multi-qty-input.hideArrow input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .qty-input input, .multi-qty-input input {
    display: block;
    width: 70px;
    border: 1px solid #6c757d;
    padding: 0 5px;
    margin: 0;
    text-align: center; }
  .qty-input .qty-btn, .multi-qty-input .qty-btn {
    width: 35px;
    min-width: 35px;
    line-height: 35px;
    background: #495057;
    border: 1px solid #6c757d;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    margin: 0; }
    .qty-input .qty-btn:hover, .multi-qty-input .qty-btn:hover {
      background: #949da5; }
    .qty-input .qty-btn.dec, .multi-qty-input .qty-btn.dec {
      order: -1;
      border-right: none; }
    .qty-input .qty-btn.add, .multi-qty-input .qty-btn.add {
      border-left: none; }

.multi-qty-input {
  user-select: none; }
  .multi-qty-input input {
    width: 30px;
    pointer-events: none; }
  .multi-qty-input[disabled] .qty-btn.add, .multi-qty-input.disabled .qty-btn.add {
    background-color: white;
    color: #aaa;
    border-color: #aaa;
    pointer-events: none; }
  .multi-qty-input[disabled] input, .multi-qty-input.disabled input {
    background-color: #eeeeee; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: none;
  margin-bottom: 2rem; }
  table th {
    font-weight: 700; }
  table td {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 7px 0; }

.nav-list {
  list-style: none;
  list-style-position: outside;
  padding: 0;
  margin-bottom: 2rem; }
  .nav-list a {
    display: inline-block;
    color: #6c757d;
    text-decoration: none;
    margin-bottom: 0.5em; }
    .nav-list a:hover {
      color: #333333; }

.box {
  display: block;
  position: relative;
  background: #fff;
  padding: 10px;
  margin-bottom: 15px;
  color: inherit;
  text-decoration: none; }
  @media (min-width: 960px) {
    .box {
      padding: 15px;
      margin-bottom: 25px; } }
  .box.flex {
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .box.flex .align-right {
      margin-left: auto; }
  .box.shadow {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5); }
  .box .box-image {
    width: 90px;
    max-height: 90px;
    margin-right: 25px;
    background: transparent;
    white-space: nowrap; }
    .box .box-image .helper {
      display: none; }
    .box .box-image img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      display: block; }

a.box:hover, a.box:focus {
  color: inherit;
  background-color: #e9ecef; }

.message {
  padding: 15px;
  margin-bottom: 2rem;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5); }
  .message p {
    margin-bottom: 0.5rem; }
  .message.form-errors p {
    margin-bottom: 0.5rem; }
  .message p:last-child {
    margin-bottom: 0rem; }
  .message.error {
    color: #f44336;
    border-left: 5px solid #f44336; }
  .message.success {
    color: #28a745;
    border-left: 5px solid #28a745; }
  .message.notice {
    color: #2196F3;
    border-left: 5px solid #2196F3; }

.product {
  padding: 0; }
  .product .product-body {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 15px; }
    .product .product-body p {
      margin-bottom: 0; }
      .product .product-body p.desc {
        margin-top: 10px; }
    .product .product-body .product-allergens {
      cursor: pointer; }
      .product .product-body .product-allergens span {
        display: inline-block;
        margin: 0 5px;
        font-weight: 600; }
        .product .product-body .product-allergens span:hover {
          text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5); }
    .product .product-body .right {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-end;
      margin-left: auto;
      align-items: center; }
      .product .product-body .right .button {
        margin: 0 0 0 15px; }
        .product .product-body .right .button.open_extra .fa-chevron-up {
          display: none; }
        .product .product-body .right .button.open_extra.open .fa-chevron-up {
          display: inline; }
        .product .product-body .right .button.open_extra.open .fa-chevron-down {
          display: none; }
      .product .product-body .right .price {
        font-weight: 600; }
  .product .product-extra {
    background: #efefef;
    padding: 15px; }
    .product .product-extra .title {
      font-weight: 700;
      line-height: 1em;
      margin-bottom: 15px; }
    .product .product-extra .variations .error, .product .product-extra .configurable_item .error {
      display: block;
      margin-top: -10px;
      margin-bottom: 10px;
      width: 100%; }
    .product .product-extra .variation-container {
      display: inline-block; }
      .product .product-extra .variation-container .multi-qty-input {
        display: none; }
      .product .product-extra .variation-container.variation-active .multi-qty-input {
        display: flex; }
      .product .product-extra .variation-container:not(.variation-active) .variation-btn.disabled {
        pointer-events: none; }
    .product .product-extra .variation-btn {
      position: relative;
      display: inline-block;
      overflow: hidden;
      cursor: pointer; }
      .product .product-extra .variation-btn input {
        position: absolute;
        opacity: 0;
        margin: 0;
        padding: 0;
        top: -100px; }
      .product .product-extra .variation-btn.disabled .btn {
        border-color: #aaa;
        color: #aaa; }
        .product .product-extra .variation-btn.disabled .btn:hover {
          background-color: white;
          color: #333; }
      .product .product-extra .variation-btn .var-btn-display {
        margin: 0 10px 10px 0;
        height: 55px;
        align-items: center;
        padding: 0 15px;
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
        min-width: 100px; }
        .product .product-extra .variation-btn .var-btn-display .var-name {
          display: block; }
        .product .product-extra .variation-btn .var-btn-display .var-price {
          display: block;
          font-size: 80%; }
    .product .product-extra .options {
      margin-top: 25px; }
      .product .product-extra .options label {
        display: block;
        margin-bottom: 0.5em; }
      .product .product-extra .options.split {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        .product .product-extra .options.split .small-title {
          width: 100%; }
        .product .product-extra .options.split label {
          width: 48%; }
    .product .product-extra .configurable_item p.subtitle {
      font-weight: 700;
      margin: 0; }
    .product .product-extra .configurable_item p.desc {
      font-size: 0.9em;
      margin: 0; }
    .product .product-extra .configurable_item .configurable_wrapper {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap; }
      .product .product-extra .configurable_item .configurable_wrapper.checkbox label {
        display: block;
        margin-bottom: 10px; }
    .product .product-extra .action {
      margin-top: 25px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      .product .product-extra .action .qty-input {
        margin-right: 35px; }
      .product .product-extra .action .button {
        height: 35px;
        padding: 0 35px;
        position: relative; }
        .product .product-extra .action .button .extra-total {
          font-size: 0.9em;
          opacity: 0.8; }

#cart, .cart_overview {
  background: #fff;
  border: 1px solid #e9ecef; }
  #cart .header, .cart_overview .header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-weight: 700;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    #cart .header .cart-close, .cart_overview .header .cart-close {
      display: none;
      position: relative;
      cursor: pointer;
      font-size: 1.5rem;
      margin-left: auto;
      height: 30px;
      width: 30px;
      font-weight: bold;
      color: inherit; }
      #cart .header .cart-close:after, .cart_overview .header .cart-close:after {
        position: absolute;
        content: '\d7';
        top: 0px;
        left: 0;
        width: 30px;
        font-size: 20px;
        color: inherit;
        line-height: 30px;
        text-align: center;
        cursor: pointer; }
  #cart .items, .cart_overview .items {
    border-top: 1px solid #efefef; }
  #cart .cart-item, .cart_overview .cart-item {
    position: relative;
    padding: 10px 10px 0 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid #efefef;
    font-size: 0.875rem; }
    #cart .cart-item > *, .cart_overview .cart-item > * {
      margin-bottom: 10px; }
    #cart .cart-item .quantity, .cart_overview .cart-item .quantity {
      margin-right: 15px;
      width: 20px; }
    #cart .cart-item .name, .cart_overview .cart-item .name {
      width: 100%;
      word-break: break-all;
      word-break: break-word;
      flex: 1 1; }
      #cart .cart-item .name .extra, .cart_overview .cart-item .name .extra {
        display: block;
        font-size: 90%; }
        #cart .cart-item .name .extra .configurable-line, .cart_overview .cart-item .name .extra .configurable-line {
          display: block; }
        #cart .cart-item .name .extra .configurable_type, .cart_overview .cart-item .name .extra .configurable_type {
          font-weight: 500;
          font-style: italic; }
    #cart .cart-item .price, .cart_overview .cart-item .price {
      text-align: right;
      min-width: 3rem;
      white-space: nowrap;
      margin-left: 10px; }
    #cart .cart-item .item-toggle, .cart_overview .cart-item .item-toggle {
      display: block;
      margin-left: 10px;
      font-size: 1.5em;
      line-height: 1.2em;
      cursor: pointer; }
    #cart .cart-item .item-action, .cart_overview .cart-item .item-action {
      display: none;
      width: 100%; }
      #cart .cart-item .item-action .action, .cart_overview .cart-item .item-action .action {
        display: flex;
        width: 100%; }
        #cart .cart-item .item-action .action a, .cart_overview .cart-item .item-action .action a {
          font-size: 1.5em;
          margin-right: 10px;
          padding-right: 7px;
          padding-left: 7px;
          cursor: pointer;
          border-radius: 3px;
          border: 1px solid #e9ecef; }
          #cart .cart-item .item-action .action a:hover, #cart .cart-item .item-action .action a:focus, .cart_overview .cart-item .item-action .action a:hover, .cart_overview .cart-item .item-action .action a:focus {
            background: #e9ecef; }
        #cart .cart-item .item-action .action .cart-item-remove-mobile, .cart_overview .cart-item .item-action .action .cart-item-remove-mobile {
          margin-left: 30px; }
    #cart .cart-item .item-loading, .cart_overview .cart-item .item-loading {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      padding: 5px;
      z-index: 100;
      display: flex;
      align-items: center; }
      #cart .cart-item .item-loading i, .cart_overview .cart-item .item-loading i {
        margin-left: 10px; }
  #cart .totals, .cart_overview .totals {
    padding: 15px 0; }
    #cart .totals .total-row, .cart_overview .totals .total-row {
      padding: 4px 10px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      #cart .totals .total-row .name, .cart_overview .totals .total-row .name {
        width: 100%; }
      #cart .totals .total-row .amount, .cart_overview .totals .total-row .amount {
        width: 48%;
        text-align: right; }
      #cart .totals .total-row.total, .cart_overview .totals .total-row.total {
        border-top: 1px solid #e9ecef;
        border-bottom: 1px solid #e9ecef;
        padding-top: 5px;
        padding-bottom: 5px; }
      #cart .totals .total-row.vat, .cart_overview .totals .total-row.vat {
        font-size: 0.875rem; }
    #cart .totals .no-address .amount, .cart_overview .totals .no-address .amount {
      font-size: 0.75rem;
      white-space: nowrap; }
  #cart .cart-action, .cart_overview .cart-action {
    text-align: center;
    padding: 10px; }
    #cart .cart-action .button, .cart_overview .cart-action .button {
      width: 100%;
      margin: 0; }
    #cart .cart-action .not_purchasable, .cart_overview .cart-action .not_purchasable {
      margin-bottom: 20px;
      color: #f44336; }
  #cart .change_delivery, .cart_overview .change_delivery {
    position: relative;
    margin: 10px;
    font-size: 0.875rem; }
    #cart .change_delivery p, .cart_overview .change_delivery p {
      margin-bottom: 0; }
    #cart .change_delivery a, #cart .change_delivery span, .cart_overview .change_delivery a, .cart_overview .change_delivery span {
      font-weight: 700; }
    #cart .change_delivery .delivery-filter, .cart_overview .change_delivery .delivery-filter {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      #cart .change_delivery .delivery-filter a, .cart_overview .change_delivery .delivery-filter a {
        flex: 0 0 auto;
        width: 49%;
        margin: 0; }
    #cart .change_delivery .item-loading, .cart_overview .change_delivery .item-loading {
      position: absolute;
      z-index: 10000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #ffffff66; }
      #cart .change_delivery .item-loading .fas, .cart_overview .change_delivery .item-loading .fas {
        top: calc(50% - 10px);
        left: calc(50% - 7.5px);
        display: inline-block;
        position: absolute; }
  #cart .calculate-shipping, .cart_overview .calculate-shipping {
    padding: 0 10px;
    margin-bottom: 10px;
    text-decoration: underline;
    font-size: 0.875rem;
    cursor: pointer;
    font-weight: 700; }
    #cart .calculate-shipping .title, .cart_overview .calculate-shipping .title {
      font-size: 0.875rem;
      cursor: pointer; }
    #cart .calculate-shipping form, .cart_overview .calculate-shipping form {
      display: none; }
  #cart .not-found, .cart_overview .not-found {
    padding: 10px;
    font-size: 1rem;
    text-align: center; }
    #cart .not-found .img, .cart_overview .not-found .img {
      margin: 0 auto;
      max-width: 80px; }

.cart-mobile-btn {
  display: none;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 50;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 10px;
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
  background: #0670b7;
  color: #6c757d;
  cursor: pointer;
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5); }
  .cart-mobile-btn .txt {
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 700; }
  .cart-mobile-btn .cart-symbol {
    position: relative; }

.delivery_info {
  margin: 0 10px 10px;
  font-size: 0.875rem; }
  .delivery_info .address-title {
    font-weight: bold;
    display: flex; }
    .delivery_info .address-title .head {
      flex: 1 1 auto;
      min-width: 0; }
    .delivery_info .address-title .change {
      flex: 0 0 auto; }

.checkout_login {
  margin-bottom: 2rem; }
  .checkout_login .h-title {
    cursor: pointer; }
  .checkout_login .checkout-login-form {
    display: none; }

.checkout-header {
  margin-bottom: 2rem; }
  .checkout-header h2 {
    margin-bottom: 0; }

.form-area.payment .payment-method-area {
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef; }
  .form-area.payment .payment-method-area label {
    cursor: pointer; }
  .form-area.payment .payment-method-area .form-field {
    margin-bottom: 0; }
  .form-area.payment .payment-method-area .payment-details {
    background: #e9ecef;
    padding: 15px; }

.form-area.payment #card-errors {
  color: #f44336; }

.form-area.account label.create_account {
  cursor: pointer; }

.form-area.account label.create_account + .create-account-fields {
  margin-top: 25px; }

.form-errors {
  color: #f44336;
  margin-bottom: 2rem; }
  .form-errors p {
    margin-bottom: 2px; }

.form-field .item-loading {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 0 0 5px; }

.cart_overview {
  border: none; }
  .cart_overview .totals {
    padding: 0; }

.checkout-content .change_delivery p {
  background: #efefef;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 2rem; }

.checkoutform_wrap {
  position: relative; }
  .checkoutform_wrap .loading_wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10; }

.timepicker {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 20px; }
  .timepicker .timepicker-dates {
    width: 25%; }
    @media (max-width: 768px) {
      .timepicker .timepicker-dates {
        width: 30%; } }
  .timepicker .timepicker-times-wrapper {
    width: 75%;
    padding-left: 60px; }
    @media (max-width: 768px) {
      .timepicker .timepicker-times-wrapper {
        width: 70%;
        padding-left: 35px; } }
  .timepicker .hidden {
    display: none !important;
    visibility: hidden !important; }
  .timepicker .timepicker-dates .btn {
    font-size: 0.8em;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 12px 10px; }
  .timepicker .timepicker-times {
    margin: 0 -10px; }
    .timepicker .timepicker-times .no-delivery {
      font-weight: 600;
      margin: 0 0 0 10px;
      padding: 12px 0; }
    .timepicker .timepicker-times .btn {
      font-size: 0.8em;
      width: calc(25% - 20px);
      margin: 0 10px 10px 10px;
      padding: 12px 10px; }
      @media (max-width: 768px) {
        .timepicker .timepicker-times .btn {
          width: calc(50% - 20px); } }

.authentication .toggle-auth {
  display: none; }

.authentication .links a {
  margin-right: 25px; }

.change_pwd_group {
  margin-bottom: 2rem; }
  .change_pwd_group .small-title {
    cursor: pointer; }
  .change_pwd_group .change_pwd {
    background: #e9ecef;
    padding: 15px;
    display: none; }

.no-orders {
  text-align: center; }
  .no-orders .img {
    margin: 0 auto;
    width: 50%;
    max-width: 150px; }

.order-loop .order-box {
  display: flex;
  flex-direction: row; }
  .order-loop .order-box .main {
    flex: 1 1 auto;
    min-width: 0; }
  .order-loop .order-box .price {
    flex: 0 0 auto;
    font-size: 1.2em;
    align-self: center; }

.order-loop .order-details {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .order-loop .order-details p {
    margin-bottom: 0.3em;
    margin-right: 10px;
    position: relative;
    font-size: 0.9em;
    line-height: 14px; }
    .order-loop .order-details p:after {
      display: inline-block;
      content: "";
      height: 10px;
      margin-left: 10px;
      border-right: 1px solid #6c757d; }
    .order-loop .order-details p:last-child:after {
      border: none; }
    .order-loop .order-details p i {
      margin-right: 7px;
      font-size: 0.8em;
      line-height: 14px; }

.plz-search {
  text-align: center; }
  .plz-search .search-image {
    height: 50px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat; }
  .plz-search h2 {
    font-weight: 700; }
  .plz-search .text-container {
    padding-top: 30px;
    padding-bottom: 30px; }
  .plz-search button {
    width: 100%; }
  .plz-search form {
    padding-bottom: 15px;
    max-width: 400px;
    margin: 0 auto; }
    .plz-search form input {
      height: 40px;
      line-height: 40px;
      margin-bottom: 1em;
      border: none;
      color: #707070; }
    .plz-search form button {
      margin-bottom: 0;
      padding: 11px 25px; }
  .plz-search .description .container {
    max-width: 900px;
    margin: 0 auto; }
  .plz-search .pickup-link {
    font-size: 0.9em;
    margin-top: -4px; }
    @media (max-width: 768px) {
      .plz-search .pickup-link {
        padding-bottom: 20px; } }
    .plz-search .pickup-link a {
      color: inherit; }

.location-header {
  position: relative;
  padding: 0;
  margin-bottom: 2rem;
  z-index: 17; }
  .location-header .location-header-bg {
    height: 30vh;
    width: 100%;
    background-color: #e9ecef;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat; }
  .location-header .container {
    padding-top: 1px;
    padding-bottom: 1px; }
  .location-header .claim {
    text-align: center;
    padding: 30px 15px; }
    .location-header .claim .container {
      padding: 0 !important; }
    .location-header .claim h2 {
      font-weight: 700; }
  .location-header .text {
    margin-right: 10px; }
  .location-header .toogle-info {
    display: none;
    background: #0670b7;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    min-width: 25px;
    position: relative;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight: 700;
    color: #fff;
    cursor: pointer; }
    .location-header .toogle-info.align-right {
      margin-left: auto; }
    .location-header .toogle-info:after {
      position: absolute;
      content: '\0069';
      top: -1px;
      left: 0;
      width: 25px;
      font-size: 16px;
      color: inherit;
      line-height: 25px;
      text-align: center; }
    .location-header .toogle-info:hover, .location-header .toogle-info:focus {
      background: #333333; }

.category_head {
  position: relative; }
  .category_head .category-image {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1rem; }
    .category_head .category-image img {
      width: 100%;
      height: auto;
      display: block; }
  .category_head .h-title {
    margin-bottom: 1rem;
    border-bottom: none;
    padding: 10px 15px; }
  .category_head.over {
    margin-bottom: 1rem; }
    .category_head.over .category-image {
      margin-bottom: 0; }
    .category_head.over .category-image + .h-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(255, 255, 255, 0.9);
      margin-bottom: 0;
      padding: 10px 15px;
      border: none; }

.location-box .location-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

.location-box .location-details {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .location-box .location-details .loc-detail {
    margin-bottom: 0.3em;
    margin-right: 5px;
    position: relative;
    font-size: 0.9em;
    line-height: 14px;
    color: inherit;
    display: flex;
    align-items: center; }
    .location-box .location-details .loc-detail.mlink {
      cursor: pointer; }
    @media (min-width: 960px) {
      .location-box .location-details .loc-detail {
        margin-right: 20px; } }
    .location-box .location-details .loc-detail svg {
      height: 1.35em;
      width: 1.35em;
      vertical-align: bottom; }
    .location-box .location-details .loc-detail .text {
      display: none; }
    .location-box .location-details .loc-detail .value {
      color: inherit; }
    .location-box .location-details .loc-detail i {
      margin-right: 7px;
      font-size: 0.8em;
      line-height: 14px; }

@media (max-width: 1200px) {
  .location-content .flex-container > .aside, .location-content .flex-container > .main-col, .location-content .flex-container > .aside-right, .location-content .flex-container > .col-2, .location-content .flex-container > .aside + .main-col {
    width: 100%;
    margin-right: 0; } }

.modal-location-details .loc-detail {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 1.3em;
  font-weight: 700; }
  .modal-location-details .loc-detail svg {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    vertical-align: middle; }

.modal-location-details .info {
  padding-left: 40px; }

.show-on-delivery,
.show-on-pickup {
  display: none; }

.delivery-delivery .hide-on-delivery {
  display: none; }

.delivery-delivery .show-on-delivery {
  display: inline; }

.delivery-pickup .hide-on-pickup {
  display: none; }

.delivery-pickup .show-on-pickup {
  display: inline; }

.delivery-inhouse .hide-on-inhouse {
  display: none; }

.delivery-inhouse .location-content {
  margin-top: 30px; }

.change-delivery-mobile {
  padding: 15px;
  margin-bottom: -20px;
  display: none; }
  .change-delivery-mobile .delivery-filter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0; }
    .change-delivery-mobile .delivery-filter a {
      flex: 0 0 auto;
      width: 49%;
      margin: 0; }
  .change-delivery-mobile .change_delivery {
    position: relative; }
  .change-delivery-mobile .item-loading {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff66; }
    .change-delivery-mobile .item-loading .fas {
      top: calc(50% - 15px);
      left: calc(50% - 10px);
      display: inline-block;
      position: absolute; }
  .change-delivery-mobile .delivery_info {
    margin: 10px 0 0 0; }
  .change-delivery-mobile .not_purchasable {
    color: #f44336;
    font-size: 0.875rem; }

.hotline a {
  text-decoration: none;
  color: inherit; }

.hotline.hotline-header {
  display: none;
  background: #0670b7;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 0; }
  @media (min-width: 769px) {
    .hotline.hotline-header {
      display: none !important; } }
  .hotline.hotline-header a {
    display: block;
    padding: 10px; }

.hotline.hotline-footer {
  background: #0670b7;
  color: #ffffff;
  height: 40px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  font-weight: 700;
  text-align: center;
  line-height: 40px; }
  @media (max-width: 768px) {
    .hotline.hotline-footer {
      display: none; } }

.filter {
  margin-bottom: 2rem; }
  .filter .delivery-filter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
  .filter .btn {
    width: 49%;
    min-width: 130px;
    text-align: center;
    padding-left: 0;
    padding-right: 0; }

.start_locations .location-btn {
  position: relative;
  display: inline-block;
  margin: 0;
  transform: translateY(-100%);
  border-radius: 0x;
  padding: 15px 35px; }

.start_locations #locations {
  margin-top: 4rem;
  margin-bottom: 80px; }
  .start_locations #locations .h-title {
    margin-bottom: 50px; }

.modal {
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); }
  .modal .inside {
    z-index: 5001;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 600px;
    max-width: 85%;
    max-height: 90vh;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
    box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
    transform: translate(-50%, -50%);
    display: flex;
    flex-flow: column nowrap; }
  .modal .modal-head {
    background: #0670b7;
    color: #fff;
    padding: 10px 15px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between; }
    .modal .modal-head .title {
      line-height: 1.12em; }
  .modal .modal-content {
    padding: 25px;
    overflow-y: auto; }
  .modal .modal-close {
    position: relative;
    cursor: pointer;
    font-size: 30px;
    line-height: 1em;
    margin-left: auto;
    height: 1.1em;
    width: 1.2em;
    font-weight: bold;
    color: inherit; }
    .modal .modal-close:after {
      position: absolute;
      content: '\d7';
      top: 0;
      right: 0;
      color: inherit;
      text-align: center;
      cursor: pointer; }

.allergen_modal .modal-content {
  padding: 0 !important; }
  .allergen_modal .modal-content.loading {
    padding: 25px !important;
    text-align: center; }

.allergen_modal .product-info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid lightgray; }
  .allergen_modal .product-info .right {
    margin-left: auto;
    align-items: center; }
    .allergen_modal .product-info .right p {
      margin: 0; }

.allergen_modal .product-allergens-modal span {
  display: inline-block;
  margin: 0 5px;
  font-weight: 600; }

.allergen_modal .allergens .allergen {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: 15px; }
  .allergen_modal .allergens .allergen .code {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1em;
    flex: 0 0 30px; }

.orders .instructions {
  padding: 0;
  margin: 50px 0; }
  .orders .instructions .container {
    width: 100%; }
  .orders .instructions .flex-container {
    text-align: center; }

.orders .button-row {
  margin: 50px 0;
  text-align: center; }
  .orders .button-row .btn {
    width: 100%; }
  @media (min-width: 768px) {
    .orders .button-row .btn {
      width: auto; } }

.order table .extra {
  display: block; }

.order .customer-details {
  margin-bottom: 2rem; }
  .order .customer-details p {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .order .left-right {
    display: flex;
    justify-content: space-between; }
    .order .left-right .left {
      width: 49%;
      flex: 0 0 auto; }
    .order .left-right .right {
      width: 49%;
      flex: 0 0 auto; } }

.order-received svg {
  width: 60%;
  max-width: 300px;
  display: block;
  margin: 30px auto; }

.order-received h1 {
  text-align: center;
  font-size: 28px; }

.order-received .order-info {
  text-align: center; }

.order-received .button-row {
  margin: 50px 0; }
  .order-received .button-row .btn {
    width: 100%; }

@media (min-width: 768px) {
  .order-received h1 {
    font-size: 36px;
    max-width: 800px;
    margin: 1rem auto; }
  .order-received .order-info {
    max-width: 800px;
    margin: 1rem auto; }
  .order-received .button-row {
    text-align: center; }
    .order-received .button-row .btn {
      width: auto; } }

.instructions {
  padding-top: 3rem; }
  .instructions .flex-container {
    max-width: 900px;
    margin: 0 auto; }
    .instructions .flex-container > div {
      margin: 0 auto;
      margin-bottom: 1rem; }
  .instructions .step_title {
    font-weight: 700; }
  .instructions svg {
    max-width: 200px;
    margin: 0; }
    @media (min-width: 768px) {
      .instructions svg {
        margin: 15px 0; } }

.instructions-small .h-title {
  font-size: 1em !important;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  color: inherit !important;
  border-color: inherit !important; }

.instructions-small div.color-accent-2 {
  color: inherit !important; }

#site-header {
  position: relative;
  z-index: 18;
  background: #fff; }
  #site-header .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0; }
  #site-header .main-header {
    background: #0670b7;
    color: #ffffff; }
    #site-header .main-header a {
      text-decoration: none;
      color: inherit; }
      #site-header .main-header a:hover, #site-header .main-header a:focus {
        color: inherit; }
  #site-header .site-title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    max-height: 100%; }
    #site-header .site-title .back {
      margin-right: 10px; }
    #site-header .site-title svg {
      width: 40px;
      height: 40px; }
    #site-header .site-title .logo {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center; }
      #site-header .site-title .logo.image {
        height: 100%;
        max-height: 100%; }
    #site-header .site-title img {
      width: auto;
      height: auto;
      max-height: 100%; }
    #site-header .site-title i + .logo {
      margin-left: 10px; }
    #site-header .site-title .name {
      display: block;
      width: 100%;
      font-weight: 700;
      font-size: 1.1em;
      line-height: 1em; }
    #site-header .site-title .desc {
      display: block;
      width: 100%;
      font-size: 0.8em;
      line-height: 1em; }
  #site-header .site-navigation {
    display: flex; }
    #site-header .site-navigation > div {
      margin-left: 20px; }
    #site-header .site-navigation button, #site-header .site-navigation .btn {
      margin: 0; }
    #site-header .site-navigation .searched {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      #site-header .site-navigation .searched .icon {
        margin-left: 10px; }
        #site-header .site-navigation .searched .icon svg {
          width: 40px;
          height: 40px; }
    #site-header .site-navigation .user-menu {
      display: flex; }
      #site-header .site-navigation .user-menu svg {
        width: 40px;
        height: 40px; }

#site-footer {
  position: relative;
  bottom: 0;
  z-index: 10; }
  #site-footer .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start; }
    #site-footer .container .footer-col {
      width: 33%;
      min-width: 300px;
      margin: 2rem 0;
      text-align: center; }
  #site-footer a {
    text-decoration: none; }
  #site-footer .footer-image {
    max-width: 90%;
    height: auto;
    text-align: center;
    margin: 0 auto; }
    #site-footer .footer-image img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%; }
  #site-footer .main-footer {
    background: #e9ecef;
    color: #6c757d; }
  #site-footer .credit-footer {
    padding: 10px 0;
    background: #495057;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1em; }
    #site-footer .credit-footer a {
      color: #ffffff; }
  #site-footer .contact-info {
    margin-bottom: 0; }
    #site-footer .contact-info i {
      color: inherit;
      margin-right: 10px; }
  #site-footer .social-icons {
    margin-top: 3rem; }
    #site-footer .social-icons i {
      margin-right: 5px;
      margin-left: 5px;
      font-size: 2rem; }
  #site-footer .versions {
    font-size: 0.8em;
    opacity: 0.7; }

html {
  scroll-behavior: smooth; }

#page {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh; }
  #page > .site-content {
    flex-grow: 4; }

#main {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  #main.plzsearch, #main.location, #main.single_location, #main.start_locations {
    padding-top: 0; }

.container {
  width: calc(100% - 20px);
  max-width: 1320px;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 500px) {
    .container {
      width: calc(100% - 30px); } }

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative; }
  .flex-container > .aside {
    margin-right: 25px;
    width: 225px;
    position: relative; }
  .flex-container > .main-col {
    width: 100%; }
  .flex-container > .aside + .main-col {
    width: calc( 100% - 250px); }
  .flex-container > .aside-right {
    margin-left: 25px;
    max-width: 300px; }
  .flex-container > .col-2 {
    width: 49%; }
  .flex-container > .col-3 {
    width: 32%; }

.lieferservice.has_cart {
  position: relative; }
  .lieferservice.has_cart .container {
    padding-right: 350px; }

.lieferservice.locations .flex-container > .aside {
  margin-right: 25px;
  width: 300px; }

.lieferservice.locations .flex-container > .aside + .main-col {
  width: calc( 100% - 325px); }

/**
 * cart fixed
 */
#cart {
  display: block;
  position: fixed;
  top: 62px;
  bottom: 0;
  right: 0;
  left: auto;
  z-index: 16;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  width: 325px; }
  #cart .inside {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
  #cart .cart-content {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 100%; }

.locations-empty.not-found .img {
  width: 80%;
  max-width: 300px; }

.sticky-sidebar.fixed {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  top: 0; }

.sticky-sidebar .mobile-sticky {
  display: none; }

.sticky-sidebar .nav-list, .sticky-sidebar .nav-title {
  display: block; }

@media (max-width: 1200px) {
  body.fixed-menu .main-col {
    padding-top: 80px; }
  .sticky-sidebar {
    height: auto !important;
    margin-bottom: 35px;
    background: #fff;
    overflow: hidden; }
    .sticky-sidebar.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: calc( 100% - 325px);
      z-index: 15;
      overflow: hidden;
      max-height: 100vh;
      -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
      -moz-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5);
      box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.5); } }
    @media (max-width: 1200px) and (max-width: 768px) {
      .sticky-sidebar.fixed {
        width: 100%;
        z-index: 45; } }

@media (max-width: 1200px) {
      .sticky-sidebar.fixed .nav-list {
        margin-bottom: 0;
        max-height: calc(100vh - 150px);
        min-height: 100px;
        overflow-y: auto; } }
      @media (max-width: 1200px) and (max-width: 960px) {
        .sticky-sidebar.fixed .nav-list {
          max-height: calc(100vh - 250px);
          min-height: 100px; } }

@media (max-width: 1200px) {
    .sticky-sidebar .nav-title {
      display: none; }
    .sticky-sidebar .nav-list {
      display: none; }
      .sticky-sidebar .nav-list li a {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #efefef;
        margin-bottom: 0; }
    .sticky-sidebar .mobile-sticky {
      height: 50px;
      line-height: 50px;
      padding: 0 15px;
      background: #ebebeb;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .sticky-sidebar .mobile-sticky .close {
        position: relative;
        cursor: pointer;
        margin-left: auto;
        font-weight: bold;
        color: inherit; }
      .sticky-sidebar .mobile-sticky.open .close {
        transform: rotate(180deg); } }

.header-menu {
  list-style: none;
  list-style-position: outside;
  padding: 0; }
  .header-menu li {
    display: block; }

.sub-location-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  padding: 0; }
  .sub-location-info .image-container {
    height: 216px; }
    .sub-location-info .image-container img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .sub-location-info .text-container {
    min-height: 72px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column; }
    .sub-location-info .text-container .sub-title {
      flex: 1 1 auto;
      margin: 0;
      font-size: 150%;
      text-align: center;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .sub-location-info .text-container .sub-title .text {
        flex: 0 0 auto; }
    .sub-location-info .text-container a {
      flex: 0 0 auto;
      margin: 0; }
  @media (min-width: 768px) {
    .sub-location-info {
      flex-direction: row; }
      .sub-location-info .image-container {
        flex: 0 0 auto;
        width: 50%; }
      .sub-location-info .text-container {
        flex: 0 0 auto;
        width: 50%;
        height: 216px; } }

.svg-icon {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block; }
  .svg-icon svg {
    width: 40px;
    height: 40px; }
  .svg-icon .text {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 8px;
    text-align: center; }

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