/*
body {
    font-display: swap;
}
*/

.page-wrap
  section.content-main.container.block-group
  div.content-main--inner
  div.content--wrapper
  div.content.product--details
  div.product--detail-upper.block-group
  div.product--buybox.block
  ul.product--base-info.list--unstyled
  li.base-info--entry.entry-attribute
  strong.entry--label {
  margin-right: 40px;
}

/* === TYPO === */

.content--description,
.content--description ul {
  line-height: 28px;
}

h1 {
  color: #0d0d0d !important;
  margin-top: 0;
}

.panel--body.is--wide h1 {
  color: #008f8f;
  margin-top: 0;
}

.h2-small {
  font-size: 14px;
}

.content--custom p,
.content--custom ul li {
  line-height: 2.1em;
}

.content--custom ul {
  margin-bottom: 20px;
}

body {
  background: rgba(0, 143, 143, 1);
  /*background-image: url("https://www.mexgrocer.com.de/media/image/0d/aa/08/Mexico_Pattern.png");*/
  /*background-image: url("https://www.mexgrocer.com.de/media/image/65/c6/b5/Border-Transparent.png");*/
  background-image: url("../../../../../../../media/image/be/08/45/MexHaus-Border_transparent.png");
  background-position: 0px 276px;
  background-repeat: repeat-x;
}

.is--ctl-register {
  background-position: 0px 240px;
  background-image: none !important;
}

/* === CONVERSION HEADER === */

.mexgrocer-conversion-header {
  display: none;
}

.mexcontainer {
  max-width: 1000px;
  margin: 0 auto;
}

.mexgrocer-conversion-header-column a:any-link {
  color: white;
}

@media screen and (min-width: 768px) {
  .mexgrocer-conversion-header {
    background-color: #bf2f26;
    color: white;
    display: block;
    padding: 10px 0 5px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 100%;
  }

  .mexcontainer {
    background-color: #bf2f26;
    color: white;
  }

  .mexgrocer-conversion-header-column {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 33%;
  }

  .dasPopup-container.bounceIn img.dasPopup-image {
    width: 100%;
    height: auto;
  }
}

/* === HEADER === */

.header-main {
  background: #ffd24a;
  height: 239px;
}

.logo--shop.block a.logo--link picture img {
  height: auto;
  margin-top: -10px;
  max-height: none;
  width: 320px;
}

.is--ctl-register.is--act-index.is--target-checkout.is--minimal-header
  div.page-wrap
  header.header-main
  div.container.header--navigation
  div.logo-main.block-group
  div.logo--shop.block
  a.logo--link
  picture
  img {
  margin-top: 0;
}

.navigation--entry.entry--service.has--drop-down,
.top-bar--navigation.block
  div.navigation--entry.entry--service.has--drop-down
  i.icon--service {
  color: #008f8f;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

.btn,
.btn:hover {
  background-color: #008f8f;
  background-image: none;
  border: 1px solid #008f8f;
  color: white;
}

.btn.is--icon-left.cart--link span.cart--amount {
  color: white;
}

.main-search--button i.icon--search {
  color: #008f8f;
}

.navigation--entry.entry--service.has--drop-down.js--is--dropdown-active
  ul.service--list.is--rounded {
  background: #bf2f26;
  border-color: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
}

.header-main .top-bar--navigation .service--list::after {
  background: #bf2f26;
  border-color: white;
}

.navigation--entry.entry--service.has--drop-down.js--is--dropdown-active
  ul.service--list.is--rounded
  li.service--entry
  a.service--link {
  color: white;
}

.account--dropdown-navigation .account--menu {
  background: #bf2f26;
  border-color: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.account--dropdown-navigation
  div.account--menu.is--rounded.is--personalized
  div.account--menu-container
  ul.sidebar--navigation.navigation--list.is--level0.show--active-items {
  background: #bf2f26;
  color: white;
}

.account--dropdown-navigation .account--menu::after {
  background: #bf2f26;
  border-color: white;
}

.account--menu-container
  ul.sidebar--navigation.navigation--list.is--level0.show--active-items
  li.navigation--entry
  a.navigation--link {
  color: white;
}

.is--ctl-index.is--act-index
  div.page-wrap
  header.header-main
  div.container.header--navigation
  nav.shop--navigation.block-group
  ul.navigation--list.block-group
  li.navigation--entry.entry--account.with-slt.js--is--dropdown-active
  div.account--dropdown-navigation
  div.account--menu.is--rounded.is--personalized
  div.account--menu-container
  ul.sidebar--navigation.navigation--list.is--level0.show--active-items
  li.navigation--entry
  a.navigation--link {
  color: white !important;
  border-bottom-color: white;
}

body
  > div.page-wrap
  > header
  > div.container.header--navigation
  > nav
  > ul
  > li.navigation--entry.entry--account.with-slt.js--is--dropdown-active
  > div
  > div.account--menu.is--rounded.is--personalized
  > span {
  color: white;
}

.account--dropdown-navigation .navigation--signin {
  border-bottom-color: white;
}

.account--menu-container
  ul.sidebar--navigation.navigation--list.is--level0.show--active-items
  li.navigation--entry
  span.navigation--signin
  span.navigation--register
  a.blocked--link {
  color: white;
  text-decoration: underline;
}

.is--ctl-detail.is--act-index
  div.page-wrap
  section.content-main.container.block-group
  div.content-main--inner
  div.content--wrapper
  div.content.product--details
  div.product--detail-upper.block-group
  div.product--buybox.block
  div.buybox--inner
  div.product--delivery
  p.delivery--information
  span.delivery--text.delivery--text-not-available {
  display: none;
}

.account--menu-container
  ul.sidebar--navigation.navigation--list.is--level0.show--active-items
  li.navigation--entry
  span.navigation--signin
  a.blocked--link.btn.is--primary.navigation--signin-btn.registration--menu-entry.entry--close-off-canvas {
  background-color: #ffd24a;
  border-color: #ffd24a;
}

.teaser--text a.teaser--text-link {
  display: block;
}

/* === NAVIGATION === */

.navigation-main,
ul.container {
  background: #ffd24a;
  border-bottom: none;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.4);
}

.navigation-main
  div.container.js--menu-scroller
  div.navigation--list-wrapper
  ul.navigation--list.container.js--menu-scroller--list
  li.navigation--entry.js--menu-scroller--item
  a.navigation--link
  span {
  color: black;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
  /*    font-weight: 800;*/
}

.navigation-main
  div.container.js--menu-scroller
  div.navigation--list-wrapper
  ul.navigation--list.container.js--menu-scroller--list
  li.navigation--entry.is--active.is--home.js--menu-scroller--item
  a.navigation--link.is--first.active
  span {
  color: white;
  text-shadow: none;
}

.navigation-main
  div.container.js--menu-scroller
  div.navigation--list-wrapper
  ul.navigation--list.container.js--menu-scroller--list
  li.navigation--entry.js--menu-scroller--item.is--hovered
  a.navigation--link
  span:hover {
  color: white;
  text-shadow: none;
}

.navigation-main
  div.container.js--menu-scroller
  div.navigation--list-wrapper
  ul.navigation--list.container.js--menu-scroller--list
  li.navigation--entry.js--menu-scroller--item.is--hovered
  a.navigation--link
  span {
  color: white;
  text-shadow: none;
}

.navigation-main
  div.container.js--menu-scroller
  div.navigation--list-wrapper
  ul.navigation--list.container.js--menu-scroller--list
  li.navigation--entry.is--active.js--menu-scroller--item
  a.navigation--link.is--active
  span {
  color: white !important;
  text-shadow: none;
}

.menu--container.menu--is-active div.button-container,
.navigation-main
  .navigation--list
  .navigation--entry.is--hovered
  .navigation--link {
  background: #bf2f26;
}

.navigation-main .navigation--link {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: black;
}

.navigation-main .navigation--link:hover {
  color: black;
}

.navigation-main .is--active .navigation--link {
  background: #bf2f26;
  background-image: none;
}

.icon--account::before {
  content: url(https://www.mexhaus.de/media/vector/ac/73/70/user-icon-MexHaus.svg);
}

.navigation--list .entry--account .icon--account {
  top: 55%;
}

.navigation--list-wrapper ul.navigation--list.container.js--menu-scroller--list,
.header-main div.top-bar div.container.block-group,
.header-main div.container.header--navigation {
  background: #ffd24a;
}

.navigation--list.is--drop-down.is--level0.is--rounded
  li.navigation--entry.is--active
  a.navigation--link.is--active {
  color: #3f4c58;
}

.menu--container.menu--is-active
  div.content--wrapper.has--content.has--teaser
  div.menu--teaser
  div.teaser--text
  a.teaser--text-link {
  color: #bf2f26;
  font-weight: 800;
}

.header--navigation
  nav.shop--navigation.block-group
  ul.navigation--list.block-group
  li.navigation--entry.entry--menu-left
  a.entry--link.entry--trigger.btn.is--icon-left {
  color: #0d0d0d;
}

.navigation--smartphone .entry--close-off-canvas {
  background: #bf2f26;
}

.hola-mexico {
  background-image: url("../../../../../../../../www.mexgrocer.com.de/media/image/65/c6/b5/Border-Transparent.png");
}

/*=== TEASER ===*/

.teaser--headline {
  margin-top: 20px;
  margin-bottom: 10px !important;
}

.teaser--text {
  line-height: 30px;
}

.teaser--text-link {
  line-height: 40px;
  font-size: 16px;
}

.category--teaser.panel.has--border.is--rounded
  div.hero--text.panel--body.is--wide
  div.teaser--text-long
  p
  a,
.emotion--html.panel.has--border div.html--content.panel--body.is--wide p a {
  font-weight: bold;
}

/*=== BREADCRUMBS === */

span.breadcrumb--title,
span.breadcrumb--title:hover {
  color: #0d0d0d;
}

/*=== SHOPPING WORLDS ===*/

.emotion--html.panel.has--border div.html--content.panel--body.is--wide {
  border-radius: 5px;
}

/* === CONTENT === */

.content-main {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  margin-top: 59px;
}

.delivery--text {
  color: #771c1b;
}

.jose {
  padding: 10px;
  border: 1px solid #ccc;
}

/* === SERVCIE BOX IN SIDBAR === */

.infobox2 {
  line-height: 0px;
}

#servicenav li.infobox3 a img {
  margin: 0 auto;
  padding-bottom: 22px;
}

.sidebar--categories-wrapper ul#servicenav li.infobox3 a {
  outline: 0;
}

#servicenav li.infobox2 a img {
  margin: 0 auto;
}

.footer-minimal .footer--service-menu .service--list .service--link {
  color: white;
}

.sidebar-main .shop-sites--container {
  display: block !important;
}

.footer--column.column--newsletter.is--last.block
  div.column--content
  form.newsletter--form
  p.privacy-information {
  display: none;
}

.newsletter--content.content.block
  div.newsletter--form.panel.has--border.is--rounded
  form
  div.panel--body.is--wide
  p.privacy-information
  label,
.newsletter--content.content.block
  div.newsletter--form.panel.has--border.is--rounded
  form
  div.panel--body.is--wide
  p.privacy-information
  label
  a {
  color: #333;
}

/* === PRODUCTS === */

.product--title {
  color: #0d0d0d;
}

.product--box .product--title:hover {
  color: #0d0d0d;
}

.product--box .product--badges .badge--discount,
.product--details .product--buybox .price--discount-icon {
  background: #bf2f26;
}

.box--basic
  div.box--content.is--rounded
  div.product--info
  div.product--price-info
  div.product--price
  span.price--default.is--nowrap.is--discount {
  font-size: 30px;
}

.product--price span.price--default.is--nowrap.is--discount,
.product--price.price--default.price--discount
  span.price--content.content--default,
.product--buybox.block
  div.buybox--inner
  div.product--delivery
  p.delivery--information
  span.delivery--text.delivery--text-not-available {
  color: #bf2f26;
}

.product--buybox.block
  div.buybox--inner
  div.product--delivery
  p.delivery--information
  span.delivery--text.delivery--text-not-available
  i.delivery--status-icon.delivery--status-not-available {
  background: #bf2f26;
}

.product--box .product--badges .badge--newcomer {
  background: #ffd24a;
}

.is--ctl-detail.is--act-index.js--overlay-relative
  div.js--modal.sizing--auto.no--header.image-gallery--modal.no--border-radius
  div.content
  div.image--gallery
  div.image-slider--container
  div.image-slider--slide
  div.image--box.image-slider--item
  img.image--element {
  padding-top: 10px;
}

.listing--actions.is--rounded.without-pagination
  div.action--filter-btn
  a.filter--trigger.btn.is--small {
  background: #fcfcfd;
  border: 1px solid #dadae5;
  color: #0d0d0d;
}

/*
.listing--content div.vendor--info.panel.has--border div.panel--body.is--wide div.vendor--image-wrapper img.vendor--image {
    max-height: none;
    max-width: none;
    width: 150px;
}
*/
.vendor--info .vendor--image-wrapper {
  margin-bottom: 3.25rem !important;
}

/* === AJAX CART === */

.badge.is--primary {
  background-image: none;
  background-color: #771c1b;
}

.off-canvas .close--off-canvas {
  background-color: #771c1b;
  height: 40px;
  background-image: none;
}

/* === LOGIN === */

li.register--advantages-entry:before {
  color: #008f8f;
}

/* === PAYMENT ICONS ABOVE FOOTER === */

.payment-icons {
  background: #008f8f;
  border-bottom: 1px solid white;
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}

/* === FOOTER === */

.footer-main,
.footer--bottom,
.footer--columns,
.footer-main .footer--phone-link,
.footer--vat-info p.vat-info--text a,
.footer--columns nav ul li a.navigation--link {
  background: #008f8f;
  color: white;
}

.footer-main {
  border-top: 10px solid #008f8f;
}

.footer--column.column--menu.block div.column--headline,
.footer--column.column--hotline.is--first.block div.column--headline,
.footer--column.column--newsletter.is--last.block div.column--headline {
  color: white;
}

.muxx-icon-links li {
  display: inline-flex;
  margin-right: 10px;
  transition: opacity 0.3s ease-in-out;
}

.muxx-icon-links li a:hover {
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.footer--copyright {
  padding-bottom: 20px;
}

.newsletter--button.btn {
  background-color: #ffd24a;
  border-color: #ffd24a;
}

.footer-main .navigation--link:hover {
  color: white;
}

.footer-main .footer--columns {
  border-bottom-color: white;
}

.footer--benefit.is--last.block div.payment-icons {
  background: none;
}

body.is--ctl-checkout.is--act-cart
  div.page-wrap
  footer.footer-main
  div.container
  div.payment-icons {
  display: none;
}

.footer--benefit.block
  ul.list--unordered.is--checked.benefit--list
  li.list--entry::before {
  color: #25c53d;
}

.content.content--basket.content--checkout
  div.product--table.has--dispatch-info
  footer.table--footer.block-group
  div.footer--benefit.block
  p.benefit--text
  img {
  width: 64px;
  padding-top: 10px;
}

.is--ctl-checkout.is--act-shippingpayment.is--user.is--minimal-header
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--register.is--active
  span.text
  span.text--inner,
.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--confirm.is--active
  span.text
  span.text--inner {
  color: white;
}

/* === F.A.Q. PLUGIN === */

.is--ctl-faq.is--act-index.is--ctl-custom
  div.page-wrap
  section.content-main.container.block-group
  div.content-main--inner
  div.content--wrapper
  div.custom-page--content.content.block
  div.content--custom
  div.collapse--header,
.is--ctl-faq.is--act-index.is--ctl-custom
  div.page-wrap
  section.content-main.container.block-group
  div.content-main--inner
  div.content--wrapper
  div.custom-page--content.content.block
  div.content--custom
  div.collapse--header.is--active {
  background: #008f8f;
  color: white;
}

/* === CHECK OUT === */

html.no-js.has--history.has--localstorage.has--sessionstorage.has--cssanimations.is--firefox.is--gecko
  body.is--ctl-register.is--act-index.is--target-checkout.is--minimal-header {
  background: none;
  background-color: #008f8f;
}

html.no-js.has--history.has--localstorage.has--sessionstorage.has--cssanimations.is--firefox.is--gecko
  body.is--ctl-register.is--act-index.is--target-checkout.is--minimal-header
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center {
  margin-top: 0;
}

html.no-js.has--history.has--localstorage.has--sessionstorage.has--cssanimations.is--firefox.is--gecko
  body.is--ctl-register.is--act-index.is--target-checkout.is--minimal-header
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--basket.is--active
  span.text,
li.steps--entry {
  color: white;
}

.is--ctl-register.is--act-index.is--target-checkout
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--basket.is--active
  span.icon,
.is--ctl-checkout.is--act-shippingpayment.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--register.is--active
  span.icon,
.is--ctl-checkout.is--act-confirm.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--confirm.is--active
  span.icon {
  background-color: #ffbe2c;
  background-image: none;
  color: #fff;
}

.is--ctl-register.is--act-index.is--target-checkout
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--register
  span.icon,
.is--ctl-register.is--act-index.is--target-checkout
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--confirm
  span.icon,
.is--ctl-checkout.is--act-shippingpayment.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--basket
  span.icon,
.is--ctl-checkout.is--act-shippingpayment.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--confirm
  span.icon,
.is--ctl-checkout.is--act-confirm.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--register
  span.icon,
.is--ctl-checkout.is--act-confirm.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--basket
  span.icon {
  background-color: #8b100b;
  background-image: none;
}

.footer-minimal .footer--service-menu .service--list .service--link {
  color: white;
}

.vat-info--text,
.footer--copyright {
  color: white;
}

.newsletter--form p.privacy-information label {
  color: white;
}

.newsletter--form p.privacy-information label a {
  color: white;
  text-decoration: underline;
}

html.no-js.has--history.has--localstorage.has--sessionstorage.has--cssanimations.is--firefox.is--gecko
  body.is--ctl-register.is--act-index.is--target-checkout.is--minimal-header
  div.page-wrap
  section.content-main.container.block-group {
  margin-top: 0;
}

.is--ctl-checkout.is--act-shippingpayment.is--user.is--minimal-header,
.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header {
  background-image: none;
}

.is--ctl-checkout.is--act-shippingpayment.is--user.is--minimal-header
  div.page-wrap
  section.content-main.container.block-group,
.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header
  div.page-wrap
  section.content-main.container.block-group {
  margin-top: 0;
}

.is--ctl-checkout.is--act-shippingpayment.is--user.is--minimal-header
  div.page-wrap
  header.header-main
  div.container.header--navigation
  div.logo-main.block-group
  div.logo--shop.block
  a.logo--link
  picture
  img,
.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header
  div.page-wrap
  header.header-main
  div.container.header--navigation
  div.logo-main.block-group
  div.logo--shop.block
  a.logo--link
  picture
  img {
  margin-top: 0;
}

.is--ctl-checkout.is--act-shippingpayment.is--user.is--minimal-header
  div.page-wrap
  header.header-main
  div.container.header--navigation
  div.logo-main.block-group
  div.logo--supportinfo.block,
.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header
  div.page-wrap
  header.header-main
  div.container.header--navigation
  div.logo-main.block-group
  div.logo--supportinfo.block {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.is--ctl-checkout.is--act-confirm.is--user.is--minimal-header
  div.page-wrap
  header.header-main {
  height: 208px;
}

.footer--benefit.is--last.block > div > img {
  width: 60px;
  height: 43px;
}

.is--ctl-checkout.is--act-shippingpayment.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center,
.is--ctl-checkout.is--act-confirm.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center {
  margin-top: 98px;
}

.is--ctl-checkout.is--act-shippingpayment.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--register.is--active
  span.text
  span.text--inner,
.is--ctl-checkout.is--act-confirm.is--user
  div.page-wrap
  div.steps--container.container
  div.steps--content.panel--body.center
  ul.steps--list
  li.steps--entry.step--confirm.is--active
  span.text
  span.text--inner {
  color: white;
}

.account--dropdown-navigation
  div.account--menu.is--rounded.is--personalized
  div.account--menu-container
  ul
  li
  a.navigation--link {
  color: white;
}

.sidebar--categories-wrapper .navigation--link {
  color: #008f8f !important;
}

/* === MEDIA QUERIES === */

@media screen and (min-width: 320px) and (max-width: 480px) {
  body {
    background-image: none !important;
  }

  .logo--shop.block a.logo--link picture img {
    margin-top: 0;
    width: 300px;
  }

  .header-main .logo-main .logo--shop {
    width: 100% !important;
  }

  .header-main {
    height: 140px;
  }

  .header--navigation
    nav.shop--navigation.block-group
    ul.navigation--list.block-group,
  .header-main
    div.container.header--navigation
    nav.shop--navigation.block-group
    ul.navigation--list.block-group
    li.navigation--entry.entry--menu-left {
    padding-top: 30px;
  }

  .navigation--list .entry--account .icon--account {
    top: 2px;
  }

  .service--link {
    color: white;
  }

  .footer-main .column--headline::after {
    color: white;
  }

  .emotion--banner
    div.banner--content.center
    picture.banner--image
    img.banner--image-src {
    border: none;
  }

  .entry--search.is--active .main-search--form {
    top: 5.125rem;
    background: #008f8f;
  }

  .main-search--button {
    color: #008f8f !important;
  }

  .navigation--list.block-group
    li.navigation--entry.entry--notepad
    a.btn
    i.icon--heart,
  .navigation--entry.entry--search
    a.btn.entry--link.entry--trigger
    i.icon--search {
    margin-left: -2px;
    padding-top: 1px;
  }

  .shop--navigation .navigation--entry .icon--search {
    font-size: 18px;
    padding-top: 1px;
  }

  .action--filter-options .filter--close-btn {
    background: none;
    color: #0d0d0d;
  }

  .payment-icons {
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 20px 0;
  }

  .footer-main div.container div.payment-icons img {
    max-width: 100px;
    height: auto;
    margin-right: 10px;
  }

  .jose {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  body {
    background-image: none;
  }

  .header-main {
    height: 70px;
  }

  .logo--shop.block a.logo--link picture img {
    margin-top: -8px;
  }

  .navigation--list .entry--account .icon--account {
    top: 1px;
  }

  .header--navigation
    nav.shop--navigation.block-group
    ul.navigation--list.block-group {
    padding-bottom: 20px;
  }

  .header-main div.container.header--navigation div.logo-main.block-group {
    padding: 26px 0 26px 6px;
  }

  .service--link {
    color: white;
  }

  .footer-main .column--headline::after {
    color: white;
  }

  .payment-icons {
    padding: 10px 0 20px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    background-position: 0px 238px;
  }

  .header-main {
    height: 200px;
  }

  .logo--shop.block a.logo--link picture img {
    width: 240px;
    padding-left: 20px;
    margin-top: -30px;
  }

  .navigation--list .entry--account .icon--account {
    top: 1px;
  }
}

/* === SPANISCHER SHOP KORREKTUR CHECK OUT === */
@media screen and (min-width: 78.75em) {
  .steps--content .steps--entry .text {
    width: 68%;
  }
}

body
  > div.page-wrap
  > div.steps--container.container
  > div
  > ul
  > li.steps--entry.step--basket.is--active
  > span.text {
  color: white;
}

/* SOCIAL MEDIA ICONS */

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100000000;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  right: 0;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #ffd24a;
}

.facebook {
  background: #3b5998;
  color: white;
}

.instagram {
  background: #e34a85;
  color: white;
}

.twitter {
  background: #55acee;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

/*
.delivery--text-available {
    margin-bottom: 20px !important;
}*/

.footer--columns.block-group
  div.footer--column.column--hotline.is--first.block
  div.column--content
  p.column--desc
  a {
  color: white;
  font-weight: bold;
}

/* === SOME MENUE FIXES === */
.content--wrapper.has--content.has--teaser {
  margin-top: 15px !important;
}

.advanced-menu .item--level-0 {
  padding-bottom: 1rem !important;
}

/* === BLOG === */

.blog--detail-description.block p a,
.blog--detail-description.block ul li a {
  text-decoration: underline;
}

.blog--detail ul,
.blog--detail ol {
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

.mex-blog {
  border-radius: 3px;
  border: 1px solid #dadae5;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin: 0 auto;
}

/* ===Hide the FEEDS === */

.blog--subscribe.has--border.is--rounded.filter--group.block {
  display: none !important;
}

/* === PFAND PLUGIN === */

.listing--container
  div.listing
  div.product--box.box--basic
  div.box--content.is--rounded
  div.product--info
  div.product--price-info
  div.product--price
  span.price--refund
  span.price--default {
  font-size: 0.8rem;
  color: #bf2f26;
}

.listing--container
  div.listing
  div.product--box.box--basic
  div.box--content.is--rounded
  div.product--info
  div.product--actions
  form {
  margin-top: 20px;
}

/* === STRIPE === */

.stripe-element-card-number,
.stripe-element-card-expiry,
.stripe-element-card-cvc {
  background: #f8f8fa;
  border: 1px solid #dadae5;
  border-radius: 3px;
  margin: 0px 10px 10px 0px;
}