@charset "UTF-8";
/* FONTS */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local("OpenSans-Regular"), url("/site/templates/assets/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: bold;
  font-weight: 400;
  font-display: block;
  src: local("RobotoCondensed-Regular"), url("/site/templates/assets/fonts/Roboto/RobotoCondensed-Regular.ttf") format("truetype"), url("/site/templates/assets/fonts/Roboto/RobotoCondensed-Regular.woff") format("woff");
}
/* COLORS */
/* FONT */
/* DEFAULT */
html {
  background-color: #fff;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  height: 100%;
}

body {
  font-size: 1rem;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #333;
  display: flex;
  flex-direction: column;
  height: 100%;
}

h1, h2, h3 {
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  padding: 0;
}

h1 {
  font-size: 1.5rem;
  margin: 0 0 20px 0;
}

h2 {
  font-size: 1.2rem;
  margin: 0 0 3px 0;
}

h3 {
  font-size: 1rem;
  margin: 0 0 3px 0;
}

ol, ul {
  list-style: none;
}

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

*:focus {
  outline: none;
}

a, a:link, a:visited {
  color: #4FA744;
  text-decoration: none;
  outline: none;
  transition: all 0.25s ease-in-out;
}

a:hover, a:focus, a:active {
  color: #FB4450;
}

p {
  margin-top: 0;
}

strong, b {
  font-weight: bold;
}

em {
  color: #333;
}

.red {
  background-color: yellow;
}

* + ul {
  margin-top: 0;
}

/* uikit */  
.uk-alert-danger {
  background: #FED1D4;
  color: #FB4450;
  border: 1px solid #FB4450;
}

.uk-alert-close {
  opacity: 1;
}

.uk-text-danger {
  color: #FB4450 !important;
  margin-bottom: 5px;
}

.uk-section {
  padding-top: 20px;
  padding-bottom: 50px;
}
.uk-section .content-wrapper {
  background-color: white;
  padding: 0 5px;
}
.uk-section .content-wrapper ul {
  list-style: disc;
}

.uk-card-default {
  background: transparent;
  color: #333;
  box-shadow: none;
  border: none;
  padding: 0;
}
.uk-card-default h2 {
  text-transform: uppercase;
}
.uk-card-default p:last-child {
  margin-bottom: 0;
}

.uk-button-default, .plz-takeover {
  background-color: white;
  color: #333;
  border: 1px solid #4FA744;
  font-size: 1rem;
  line-height: 1;
  padding: 11px 0 7px 0;
  margin-bottom: 20px;
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.uk-button-default .uk-icon, .plz-takeover .uk-icon {
  transform: translateY(-2px) !important;
}
.uk-button-default:focus, .uk-button-default:hover, .plz-takeover:focus, .plz-takeover:hover {
  color: #4FA744;
  border-color: #4FA744;
  background-color: #D1EBCE;
}

/* inputfield*/
.InputfieldColumnWidth {
  float: left;
  clear: none;
}

.Inputfield {
  clear: both;
  box-sizing: border-box;
}

.InputfieldColumnWidthFirst {
  clear: both;
}

.InputfieldColumnWidth {
  float: left;
  clear: none;
}

/**/
.button-back {
  padding: 11px 20px 7px 20px;
  width: auto;
}

.time-messages {
  background-color: white;
  border: 1px solid #000;
  margin: 10px 0;
  padding: 10px;
}
.time-messages h2, .time-messages h3 {
  font-size: 1rem;
}
.time-messages p {
  margin-bottom: 10px;
}
.time-messages .clock-icon {
  color: #FB4450;
  margin: -3px -3px 0 0;
}

/* BASKET */    
.basket-fixed-width #basket {
  width: 300px;
}
.basket-fixed-width #basket .time-messages {
  margin: 0;
}

.basket-full-width #basket {
  width: 100%;
}
.basket-full-width #basket .time-messages {
  text-align: center;
}
.basket-full-width #basket .padloper-cart-remove-product.uk-icon {
  color: #FB4450;
}

/* HEADER NAV */
header {
  background: white;
  transition: all 0.25s ease-in-out;
  padding: 10px 0;
}
header .uk-navbar-container {
  height: 120px;
}
header .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}
header .uk-navbar-container .uk-navbar-item {
  padding: 0;
}
header .uk-navbar-container .uk-navbar-left .uk-logo {
  font-family: "Open Sans", sans-serif;
}
header .uk-navbar-container .uk-navbar-left .uk-logo:hover {
  color: #333;
}
header .uk-navbar-container .uk-navbar-right {
  flex-direction: row;
  align-items: center;
}
header .uk-navbar-container .uk-navbar-right .uk-navbar-toggle {
  min-height: 35px;
  padding-left: 0;
  width: 50px;
}
header .uk-navbar-container .uk-navbar-right ul {
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  header .uk-navbar-container .uk-navbar-right ul {
    margin-bottom: 3px;
  }
}
header .uk-navbar-container .uk-navbar-right .uk-navbar-nav > li > a {
  color: #333;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  padding: 0 0 0 14px;
}
header .uk-navbar-container .uk-navbar-nav > li > a:focus,
header .uk-navbar-container .uk-navbar-nav > li > a:hover,
header .uk-navbar-container .uk-navbar-nav > li.uk-active a {
  color: #FB4450;
}
header .uk-navbar-container .uk-icon {
  color: #4FA744;
  margin-top: 3px;
}
header .uk-navbar-container .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  color: #4FA744;
}
header .uk-navbar-container a:hover .cartIcon, header .uk-navbar-container a:hover .uk-icon, header .uk-navbar-container a:hover .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  color: #FB4450;
}
header .uk-navbar-container .angebot {
  width: 25px;
  height: 25px;
  margin: 0 2px -6px 0;
}
header .uk-navbar-container #header-cart {
  font-size: 0.875rem;
  line-height: 1;
  margin: 13px 0 0 6px;
}
header .uk-navbar-container #header-cart .items {
  color: #4FA744;
}
header .uk-navbar-container #header-cart .divider {
  color: #4FA744;
}
header .uk-navbar-container #header-cart .price {
  color: #4FA744;
}
header .uk-navbar-container #header-cart #totalQty, header .uk-navbar-container #header-cart #totalAmount {
  transition: all 0.25s ease-in-out;
}
header .uk-navbar-container #header-cart #totalQty.bastek-update, header .uk-navbar-container #header-cart #totalAmount.bastek-update {
  color: #4FA744;
  text-shadow: 4px 4px 8px #fff, 4px -4px 8px #fff, -4px 4px 8px #fff, -4px -4px 8px #fff;
}
header.uk-active, header.uk-active footer {
  background: white;
}

/* OFFCANVAS */
.uk-offcanvas-content {
  flex: 1 0 auto;
}

#offcanvas {
  z-index: 2;
}
#offcanvas .uk-offcanvas-bar {
  background-color: #000;
  color: #333;
  padding-top: 65px;
  text-transform: uppercase;
  width: 280px;
}
#offcanvas .uk-navbar-toggle {
  margin-top: 0px;
  padding: 0px;
}
#offcanvas button.uk-close-large {
  color: #333;
}
#offcanvas button.uk-close-large svg {
  width: 30px;
  height: 30px;
}
#offcanvas .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: #333;
}
#offcanvas .uk-offcanvas-bar .uk-nav-default > li > a {
  color: #333;
  font-size: 16px;
  line-height: 32px;
}
#offcanvas .uk-offcanvas-bar .uk-nav-default > li.active > a, #offcanvas .uk-offcanvas-bar .uk-nav-default > li:focus > a, #offcanvas .uk-offcanvas-bar .uk-nav-default > li:hover > a {
  color: #fff;
}
#offcanvas .uk-offcanvas-bar .uk-close {
  color: #333;
}
#offcanvas.uk-offcanvas-overlay:before {
  background: #000;
}

/* LAYOUT */
.two-column {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

@media (max-width: 640px) {
  .two-column {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 0px;
  }
}
/* HOME */
.home-outdoor {
  margin-left: auto;
  margin-right: auto;
}

/* language*/
.languageToggle {
  padding-top: 25px;
}
@media (max-width: 480px) {
  .languageToggle {
    padding-top: 28px;
  }
  .languageToggle img {
    width: 35px;
    height: 35px;
  }
}

/* DELIVERY */
/* OUTDDOR DELIVERY */
div.home .divDelivery .timeinfos {
  position: relative;
}
div.home .uk-container {
  padding-right: 15px;
  padding-left: 15px;
}
div.home .welcome, div.home .timeinfos, div.home .miscellaneous {
  color: #333;
  opacity: 0.92;
}
div.home .timeinfos h2 {
  color: #333;
  margin: 0;
}
div.home .timeinfos p {
  margin-bottom: 10px;
}
div.home .timeinfos p:last-child {
  margin-bottom: 0;
}
div.home .welcome h1 {
  color: #000;
}
div.home .welcome p {
  color: #000;
  margin-top: 0;
}
div.home .delivery, div.home .self-pick-up {
  background-color: rgba(100, 0, 0, 0.5);
  min-height: none !important;
}
div.home .delivery .plz-input-wrapper, div.home .self-pick-up .plz-input-wrapper {
  position: relative;
}
div.home .delivery .plz-input-wrapper #plz-error-message, div.home .self-pick-up .plz-input-wrapper #plz-error-message {
  display: none;
  background: white;
  color: #fff;
  line-height: 2.8;
  height: 46px;
  width: 100%;
  position: absolute;
}
div.home .delivery .plz-input-wrapper #plz-error-message span, div.home .self-pick-up .plz-input-wrapper #plz-error-message span {
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 1px;
}
div.home .delivery .button-wrapper, div.home .self-pick-up .button-wrapper {
  position: relative;
}
div.home .delivery .show-on-plz-ok, div.home .self-pick-up .show-on-plz-ok {
  color: #333;
  display: none;
  position: absolute;
  left: calc(50% + 30px);
  top: 2px;
  width: 40px;
  height: 40px;
}
div.home .delivery .plz-ok + .show-on-plz-ok, div.home .self-pick-up .plz-ok + .show-on-plz-ok {
  display: block;
}
div.home .delivery input, div.home .self-pick-up input {
  border: 1px solid #fff;
  color: #000;
  font-size: 1rem;
  padding: 0 4px;
  margin-bottom: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 3;
  width: 100%;
  height: 46px;
  transition: all 0.25s ease-in-out;
  -webkit-appearance: none;
}
div.home .delivery input.plz-ok, div.home .self-pick-up input.plz-ok {
  color: #333;
  font-size: 1.25rem;
  line-height: 2.25;
}
div.home .delivery input::placeholder, div.home .self-pick-up input::placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
  opacity: 1;
}
div.home .delivery input:-ms-input-placeholder, div.home .self-pick-up input:-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
div.home .delivery input::-ms-input-placeholder, div.home .self-pick-up input::-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
div.home .delivery h2, div.home .self-pick-up h2 {
  color: #fff;
  text-transform: uppercase;
}
div.home .miscellaneous h3 {
  text-transform: uppercase;
}
div.home .miscellaneous p {
  margin-top: 0;
}
@media (max-width: 960px) {
  div.home .uk-width-1-6 {
    display: none;
  }
  div.home .uk-width-1-3 {
    width: 50%;
  }
}
@media (max-width: 640px) {
  div.home .uk-width-1-3 {
    width: 100%;
  }
}

/* ANGEBOT */
.angebot h1 {
  margin-bottom: 22px;
}
.angebot input {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}
.angebot .uk-accordion {
  list-style: none !important;
  margin-top: -5px;
  padding: 0 5px 5px 5px;
  background-color: white;
}
.angebot .uk-accordion li {
  margin: 0 0 10px 0;
  padding: 15px;
  border: 1px #000 solid;
}
.angebot .uk-accordion li label {
  padding: 5px;
}
.angebot .uk-accordion .uk-accordion-title {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.2;
  cursor: pointer;
  padding: 3px 0 6px 0;
  text-transform: uppercase;
  position: relative;
}
.angebot .uk-accordion .uk-accordion-title .categoryContent {
  text-transform: none;
  padding-right: 30px;
  font-size: 1.2rem;
  font-weight: normal;
}
@media (max-width: 680px) {
  .angebot .uk-accordion .uk-accordion-title .categoryContent {
    font-size: 1rem;
  }
}
.angebot .uk-accordion .uk-accordion-title:before {
  content: "";
  display: block;
  background-color: #333;
  background-image: none;
  width: 14px;
  height: 2px;
  position: absolute;
  right: 4px;
  top: calc(50% - 2px);
}
.angebot .uk-accordion .uk-accordion-title:after {
  content: "";
  display: block;
  background-color: #333;
  background-image: none;
  width: 2px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
}
.angebot .uk-accordion li.uk-open .uk-accordion-title:after {
  display: none;
}
.angebot .uk-accordion .uk-accordion-content {
  margin-top: 10px;
  border-bottom: 1px dotted #333;
}
.angebot .uk-accordion .uk-accordion-content > div:last-child .uk-card-default {
  border-bottom: 0;
}
.angebot .uk-accordion ul li {
  margin: 0;
  padding: 8px 0 0 0;
  border: none;
}
.angebot .uk-card-default {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 10px 0;
  border-bottom: 1px #333 dotted;
}
.angebot .uk-card-default h3 {
  font-size: 1rem;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.angebot .uk-card-default p {
  margin-bottom: 6px;
}
.angebot .uk-card-default p:last-child {
  margin-bottom: 0;
}
.angebot .uk-card-default .food-body {
  font-size: 0.875rem;
  padding-bottom: 0;
  max-width: 100%;
}
.angebot .uk-card-default .food-body + .single-price {
  margin-top: 0;
}
@media (min-width: 640px) {
  .angebot .uk-card-default .food-body + .single-price {
    margin-top: -30px;
  }
}
.angebot .uk-card-default .food-body:empty {
  display: none;
}
@media (min-width: 640px) {
  .angebot .uk-card-default .food-body {
    max-width: 75%;
  }
}
.angebot .uk-card-default .food-culture {
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.angebot .uk-card-default .food-culture span {
  margin-left: 5px;
}
.angebot .uk-card-default .food-culture + .single-price {
  margin-top: 0;
}
@media (min-width: 640px) {
  .angebot .uk-card-default .food-culture + .single-price {
    margin-top: -35px;
  }
}
.angebot .uk-card-default .food-properties {
  margin: 0 0 -2px -4px;
  max-width: 200px;
}
.angebot .uk-card-default .food-properties .uk-checkbox {
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.angebot .uk-card-default .food-properties .uk-checkbox:checked {
  border-color: #4FA744;
  background-color: #D1EBCE;
  background-image: none;
}
.angebot .uk-card-default .food-properties > div {
  margin-bottom: -30px;
}
.angebot .uk-card-default .food-properties ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.angebot .uk-card-default .food-properties ul li {
  display: block;
  border: none;
  padding: 0 0 10px 0;
}
@media (max-width: 680px) {
  .angebot .uk-card-default .food-properties ul li {
    margin-top: 5px;
    display: block;
  }
}
.angebot .uk-card-default .food-properties:empty {
  display: none;
}
.angebot .uk-card-default .food-properties .uk-button-default {
  background-color: transparent;
  border: none;
  padding: 5px 4px 0 11px;
  margin: 0;
  width: 150px;
}
.angebot .uk-card-default .food-properties .uk-button-default:hover {
  letter-spacing: normal;
}
.angebot .uk-card-default .food-properties .uk-button-default .dropdown-opener {
  margin: -2px 0 0 0;
}
.angebot .uk-card-default .food-properties .uk-dropdown {
  background-color: transparent;
  box-shadow: none;
  color: #333;
  display: block;
  height: 0;
  max-height: 0;
  padding: 0 6px 0 8px;
  margin: 0;
  overflow: hidden;
  position: static;
  width: 100%;
  max-width: 200px;
}
.angebot .uk-card-default .food-properties .uk-dropdown.uk-open {
  max-height: 200px;
  height: auto;
  overflow: visible;
  padding: 0 6px 0 8px;
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li {
  display: inline;
  border: none;
  padding: 6px 0;
}
@media (max-width: 480px) {
  .angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li {
    display: block;
  }
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li label {
  cursor: pointer;
  padding: 6px 0;
  margin-right: 20px;
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li .uk-checkbox {
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li .uk-checkbox:checked {
  background-color: #FB4450;
  background-image: none;
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li .option {
  display: inline-block;
  width: 100%;
  max-width: 210px;
  margin-left: 8px;
}
.angebot .uk-card-default .food-properties .uk-dropdown .uk-dropdown-nav li .option-price {
  display: inline-block;
  width: 70px;
}
@media (min-width: 640px) {
  .angebot .uk-card-default .food-properties {
    max-width: 70%;
  }
}
.angebot .uk-card-default .single-price {
  font-size: 0.875rem;
  text-align: right;
  margin-top: 0px;
}
.angebot .uk-card-default .min-order-value {
  background: #FB4450;
  border: 1px dotted #FB4450;
  color: #FB4450;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
}
.angebot .uk-card-default .cart-add-product {
  display: inline-block;
  text-align: right;
  height: 32px;
  padding-top: 8px;
}
.angebot .uk-card-default .cart-add-product .uk-button.uk-button-default {
  background-color: transparent;
  background-image: url("/site/templates/assets/images/cart-icon.svg");
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 40px 22px;
  border: none;
  margin: -3px 0 0 0;
  padding: 0;
  text-indent: -9999px;
  width: 40px;
  height: 32px;
  transition: all 0.25s ease-in-out;
}
.angebot .uk-card-default .cart-add-product .uk-button.uk-button-default:hover {
  background-position: 2px 4px;
}
.angebot .uk-card-default .cart-add-product input[name=qty] {
  display: none;
}
.angebot .basket-fixed-width {
  border-bottom: none;
}
.angebot table.padloper-cart {
  background: white;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
.angebot table.padloper-cart a.padloper-cart-remove-product.uk-icon {
  color: #FB4450;
}
.angebot table.padloper-cart td.padloper-cart-product {
  vertical-align: top;
  width: 78%;
  padding-top: 10px;
}
.angebot table.padloper-cart td.padloper-cart-remove {
  padding-top: 10px;
  vertical-align: top;
  width: 22%;
}
.angebot table.padloper-cart td.padloper-cart-remove input {
  display: none;
}
.angebot table.padloper-cart td.padloper-cart-remove label {
  display: none;
}
.angebot table.padloper-cart td.padloper-cart-qty-price {
  padding-bottom: 10px;
  border-bottom: 1px dotted #333;
  vertical-align: top;
}
.angebot table.padloper-cart td.padloper-cart-qty-price div {
  color: #333;
  line-height: 1.5;
  padding: 2px 0 0 0;
}
.angebot table.padloper-cart td.padloper-cart-qty-price div .uk-icon {
  color: #FB4450;
}
.angebot table.padloper-cart td.padloper-cart-qty-price div input.quantity {
  background-color: transparent;
  border: none;
  color: #FB4450;
  width: 26px;
}
.angebot table.padloper-cart td.padloper-cart-qty-price div label {
  display: none;
}
.angebot table.padloper-cart td.padloper-cart-qty-price div .padloper-cart-subprice {
  color: #333;
}
.angebot table.padloper-cart tr.padloper-delivery-fee td {
  border-bottom: 1px solid #333;
  color: #333;
}
.angebot table.padloper-cart tr.padloper-cart-totalrow {
  color: #333;
}
.angebot table.padloper-cart tr.padloper-cart-totalrow td {
  border-bottom: 3px double #333;
  padding: 4px 0;
}
.angebot .supply-changer {
  margin-top: 5px;
}
.angebot .supply-changer .uk-form-label {
  color: #333;
}
.angebot .supply-changer .uk-form-controls .uk-select {
  border-color: #333;
  color: #333;
}
.angebot .supply-changer .uk-form-controls .uk-select option {
  color: #333;
}

#modal-plzchecker {
  background: rgba(0, 0, 0, 0.8);
}
#modal-plzchecker .uk-modal-dialog {
  background: white;
  border: 1px dotted rgba(51, 51, 51, 0.4);
  padding-top: 20px;
}
#modal-plzchecker .uk-modal-dialog .timeinfos {
  text-align: center;
}
#modal-plzchecker .uk-modal-dialog .timeinfos h2 {
  margin: 0;
}
#modal-plzchecker .uk-modal-dialog .timeinfos p {
  margin-bottom: 10px;
}
#modal-plzchecker .uk-modal-dialog .timeinfos p:last-child {
  margin-bottom: 0;
}
#modal-plzchecker .uk-modal-dialog .delivery {
  background-color: transparent;
  padding: 23px 20px;
}
#modal-plzchecker .uk-modal-dialog .delivery .plz-input-wrapper {
  position: relative;
}
#modal-plzchecker .uk-modal-dialog .delivery .plz-input-wrapper #plz-error-message {
  display: none;
  background: #FB4450;
  border: 1px dotted #FB4450;
  color: #FB4450;
  line-height: 2.8;
  height: 46px;
  width: 100%;
  position: absolute;
  text-align: center;
}
#modal-plzchecker .uk-modal-dialog .delivery .plz-input-wrapper #plz-error-message span {
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 1px;
}
#modal-plzchecker .uk-modal-dialog .delivery .button-wrapper {
  display: none !important;
  visibility: hidden !important;
  position: relative;
}
#modal-plzchecker .uk-modal-dialog .delivery .show-on-plz-ok {
  color: #333;
  display: none;
  position: absolute;
  left: calc(50% + 30px);
  top: 2px;
  width: 40px;
  height: 40px;
}
#modal-plzchecker .uk-modal-dialog .delivery input {
  background: #000;
  border: 1px solid #333;
  color: #333;
  font-size: 1rem;
  padding: 0 4px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 3;
  width: 100%;
  height: 46px;
  transition: all 0.25s ease-in-out;
  -webkit-appearance: none;
}
#modal-plzchecker .uk-modal-dialog .delivery input::placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
  opacity: 1;
}
#modal-plzchecker .uk-modal-dialog .delivery input:-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
#modal-plzchecker .uk-modal-dialog .delivery input::-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
#modal-plzchecker .uk-modal-dialog .delivery input:focus::placeholder {
  opacity: 0;
}
#modal-plzchecker .uk-modal-dialog .delivery input:focus:-ms-input-placeholder {
  opacity: 0;
}
#modal-plzchecker .uk-modal-dialog .delivery input:focus::-ms-input-placeholder {
  opacity: 0;
}
#modal-plzchecker .uk-modal-footer {
  background: transparent;
  border-top: 1px dotted rgba(51, 51, 51, 0.4);
  padding: 20px;
}
#modal-plzchecker .uk-modal-footer .button-wrapper {
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
}
#modal-plzchecker .uk-modal-footer .button-wrapper .plz-takeover {
  position: relative;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}
#modal-plzchecker .uk-modal-footer .button-wrapper .plz-takeover.plz-ok {
  z-index: 3;
}
#modal-plzchecker.plz-ok input {
  color: #333;
  font-size: 1.25rem;
  line-height: 2.25;
}
#modal-plzchecker.plz-ok input .show-on-plz-ok {
  display: block;
}
#modal-plzchecker.plz-ok .uk-modal-footer .button-wrapper {
  height: 46px;
  overflow: visible;
  margin-bottom: 10px;
}

/* BENUTZERKONTO */
#customer .LoginRegisterPro {
  background-color: white;
  border: 1px solid #000;
  padding: 20px 20px 0 20px;
}
#customer .LoginRegisterPro .InputfieldSubmit {
  text-align: center;
}
#customer .LoginRegisterPro .InputfieldPassword input {
  height: 40px;
  background-color: transparent;
  color: #333;
  margin: 0 0 10px 0;
  padding: 0 2px;
  border: none;
  border-bottom: 1px dotted #333;
  font: inherit;
  -webkit-appearance: none;
}
#customer form ul {
  list-style: none !important;
}
#customer form .Inputfields .Inputfield:not(.InputfieldSubmit), #customer form .Inputfields .uk-input, #customer form .Inputfields .uk-select, #customer form .Inputfields .uk-textarea {
  background-color: transparent;
  color: #333;
  margin: 0 0 10px 0;
  padding: 0 2px;
  border: none;
  font: inherit;
  -webkit-appearance: none;
}
#customer form .Inputfields .uk-input, #customer form .Inputfields .uk-select, #customer form .Inputfields .uk-textarea, #customer form .Inputfields input {
  border-bottom: 1px dotted #333;
}
#customer form .Inputfields .uk-input::placeholder, #customer form .Inputfields .uk-select::placeholder, #customer form .Inputfields .uk-textarea::placeholder, #customer form .Inputfields input::placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
  opacity: 1;
}
#customer form .Inputfields .uk-input:-ms-input-placeholder, #customer form .Inputfields .uk-select:-ms-input-placeholder, #customer form .Inputfields .uk-textarea:-ms-input-placeholder, #customer form .Inputfields input:-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
#customer form .Inputfields .uk-input::-ms-input-placeholder, #customer form .Inputfields .uk-select::-ms-input-placeholder, #customer form .Inputfields .uk-textarea::-ms-input-placeholder, #customer form .Inputfields input::-ms-input-placeholder {
  color: #333;
  font-family: "Open Sans", sans-serif;
}
#customer form .Inputfields .uk-input:focus, #customer form .Inputfields .uk-select:focus, #customer form .Inputfields .uk-textarea:focus, #customer form .Inputfields input:focus {
  border-bottom-style: solid;
}
#customer form .Inputfields .uk-checkbox, #customer form .Inputfields .uk-radio {
  background-color: white;
  height: 20px;
  width: 20px;
  margin: 4px 4px 0 0;
  vertical-align: top;
  display: inline-block;
}
#customer form .Inputfields .uk-checkbox:checked, #customer form .Inputfields .uk-checkbox:indeterminate, #customer form .Inputfields .uk-radio:checked {
  background-color: #FB4450;
  background-image: none;
}
#customer form .Inputfields .pw-no-select {
  padding-left: 4px;
  padding-top: 4px;
  display: inline-block;
  width: 90%;
}
#customer form .Inputfields .confirm-no, #customer form .Inputfields .pass-fail {
  color: #FB4450;
}
#customer form .Inputfields .confirm-yes, #customer form .Inputfields .pass-excellent {
  color: #333;
}
#customer form .Inputfields .detail {
  opacity: 1;
}
#customer form .Inputfields #wrap_profile_submit {
  text-align: center;
}
#customer form .Inputfields .uk-button {
  color: #4FA744;
  width: 350px;
}
@media (max-width: 480px) {
  #customer form .Inputfields .uk-button {
    width: 100%;
  }
}
#customer .checkout-button {
  background-color: white;
  padding: 20px;
}
#customer .checkout-button .uk-button {
  width: 350px;
}
@media (max-width: 480px) {
  #customer .checkout-button .uk-button {
    width: 100%;
  }
}
#customer .checkout-button a {
  margin: 0;
}
#customer .LoginRegisterLinks {
  background-color: white;
  border: none;
  margin-bottom: 0;
  padding: 0 0 20px 0;
}

/* CHECKOUT */
#checkout h1 {
  margin-bottom: 10px;
  text-transform: none;
}
#checkout h2 {
  text-transform: none;
}
#checkout h3 {
  font-size: 1rem !important;
}
#checkout p.customer-info {
  color: #FB4450;
}
#checkout ol, #checkout ul {
  padding-left: 0;
}
#checkout .green {
  color: #4FA744;
}
#checkout label {
  display: table-cell;
  font-size: 1rem;
  font-weight: bold;
}
#checkout label.InputfieldHeader[for=""] {
  display: none;
}
#checkout #wrap_Inputfield_pad_alt_address {
  margin-top: 10px;
  margin-bottom: 20px;
}
#checkout input {
  background-color: transparent;
  border: none;
  border-bottom: 1px dotted #333;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 10px 0;
  padding: 0;
  transition: all 0.25s ease-in-out;
}
#checkout input[type=text], #checkout input[type=number], #checkout input[type=textarea], #checkout input[type=email] {
  border-radius: 0;
  height: 40px;
  vertical-align: middle;
  width: 100%;
  -webkit-appearance: none;
}
#checkout input:focus {
  border-bottom-style: solid;
}
#checkout select {
  border: 1px solid #333;
  background-color: white;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  transition: all 0.25s ease-in-out;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  width: 100%;
}
#checkout input[type=textarea] {
  height: auto;
}
#checkout input[type=textarea]:focus {
  border-bottom-style: solid;
}
#checkout input[type=checkbox], #checkout input[type=radio] {
  background-color: transparent;
  border: 1px solid #333;
  height: 20px;
  width: 20px;
  margin: 0 4px 0 0;
  vertical-align: middle;
}
#checkout input[type=checkbox]:checked, #checkout input[type=radio]:checked {
  border-color: #4FA744;
  background-color: #D1EBCE;
  background-image: none;
}
#checkout .Inputfield_pad_alt_address > label {
  display: none;
}
#checkout .Inputfield_pad_earlier_delivery > label {
  display: none;
}
#checkout table.padloper-cart {
  background: white;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
#checkout table.padloper-cart td.padloper-cart-product {
  vertical-align: top;
  width: 78%;
  padding-top: 4px;
}
#checkout table.padloper-cart td.padloper-cart-remove {
  vertical-align: top;
  width: 22%;
  padding-top: 4px;
}
#checkout table.padloper-cart td.padloper-cart-remove input {
  display: none;
}
#checkout table.padloper-cart td.padloper-cart-remove label {
  display: none;
}
#checkout table.padloper-cart td.padloper-cart-qty-price {
  padding-bottom: 10px;
  border-bottom: 1px dotted #333;
  vertical-align: top;
}
#checkout table.padloper-cart td.padloper-cart-qty-price div {
  color: #333;
  line-height: 1.5;
  padding: 0;
}
#checkout table.padloper-cart td.padloper-cart-qty-price div .uk-icon {
  color: #FB4450;
  padding-left: 2px;
}
#checkout table.padloper-cart td.padloper-cart-qty-price div input.quantity {
  background-color: transparent;
  border: none;
  color: #FB4450;
  width: 26px;
}
#checkout table.padloper-cart td.padloper-cart-qty-price div label {
  display: none;
}
#checkout table.padloper-cart td.padloper-cart-qty-price div .padloper-cart-subprice {
  color: #333;
}
#checkout table.padloper-cart tr.padloper-delivery-fee td {
  border-bottom: 1px dotted #333;
  color: #333;
}
#checkout table.padloper-cart tr.padloper-cart-totalrow {
  color: #333;
}
#checkout table.padloper-cart tr.padloper-cart-totalrow td {
  border-bottom: 3px double #333;
  padding: 4px 0;
}
#checkout .supply-changer {
  margin-top: 5px;
}
#checkout .supply-changer .uk-form-label {
  color: #333;
}
#checkout .supply-changer .uk-form-controls .uk-select {
  border-color: #333;
  color: #333;
}
#checkout .supply-changer .uk-form-controls .uk-select option {
  color: #333;
}
#checkout .checkout-button {
  margin: 20px 0;
}
#checkout .checkout-button a {
  margin-bottom: 0;
}
#checkout .checkout-button .uk-button {
  width: 350px;
}
@media (max-width: 480px) {
  #checkout .checkout-button .uk-button {
    width: 100%;
  }
}
#checkout #basket input {
  margin-bottom: 5px;
}
#checkout #padloper-customerform .Inputfields .Inputfields {
  background-color: transparent;
  border: none;
  padding: 0;
}
#checkout #padloper-customerform .Inputfields .InputfieldRadiosStacked li {
  padding: 5px 0;
}
#checkout #padloper-customerform .Inputfields #wrap_Inputfield_pad_agb .InputfieldContent {
  padding: 5px 0;
}
#checkout #padloper-customerform .Inputfields #wrap_customerForm {
  margin-bottom: 0 !important;
  text-align: center;
}
#checkout #padloper-customerform .Inputfields #wrap_customerForm #customerForm {
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
  padding: 1px 2px 0 10px;
}
#checkout .InputfieldSubmit, #checkout .Inputfield_register_submit, #checkout #wrap_submit_forgot {
  border: none;
  margin: 20px 0 0 0 !important;
}
#checkout .checkout-check > div {
  background-color: white;
  border: 1px #000 solid;
  padding: 20px 20px 0 20px;
  margin-bottom: 20px;
}
#checkout .checkout-check h3 {
  color: #333 !important;
}
#checkout .checkout-check div.customer, #checkout .checkout-check div.delivery-date {
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
}
#checkout .checkout-check table.inventory {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
#checkout .checkout-check table.inventory th {
  border-bottom: 1px solid #333 !important;
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  font-weight: normal;
  padding: 5px 10px 3px 0;
  text-align: left;
}
#checkout .checkout-check table.inventory th:nth-child(2) {
  text-align: right;
}
#checkout .checkout-check table.inventory th:nth-child(3) {
  text-align: center;
}
#checkout .checkout-check table.inventory th:last-child {
  padding-right: 0;
  text-align: right;
}
#checkout .checkout-check table.inventory td {
  border-bottom: 1px dotted #333 !important;
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  padding: 5px 10px 3px 0;
}
#checkout .checkout-check table.inventory td:nth-child(2) {
  text-align: left;
}
#checkout .checkout-check table.inventory td:nth-child(3) {
  text-align: center;
}
#checkout .checkout-check table.inventory td:last-child {
  padding-right: 0;
  text-align: right;
}
#checkout .checkout-check table.balance {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  width: 100%;
}
#checkout .checkout-check table.balance th {
  border-bottom: 3px double #333 !important;
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  font-weight: normal;
  padding: 5px 10px 3px 0;
  text-align: left;
}
#checkout .checkout-check table.balance td {
  border-bottom: 3px double #333 !important;
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  padding: 5px 0 3px 0;
  text-align: right;
}
#checkout .checkout-check table.meta th {
  color: #333 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  font-weight: normal;
}
#checkout .checkout-check table.meta td {
  color: #333 !important;
  font-size: 1rem !important;
}
@media (max-width: 450px) {
  #checkout .checkout-check table.table-info {
    width: 100% !important;
  }
  #checkout .checkout-check table.table-info td {
    display: block !important;
    padding-bottom: 15px;
  }
}
#checkout .checkout-check form .calendar-group {
  text-align: left;
}
#checkout .checkout-check form .uk-button {
  background-color: white;
  color: #4FA744 !important;
  border: 1px solid #4FA744 !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 36px;
  margin-bottom: 20px;
  width: 350px;
}
@media (max-width: 480px) {
  #checkout .checkout-check form .uk-button {
    width: 100%;
  }
}
#checkout .checkout-check form .uk-button:hover {
  background-color: #D1EBCE !important;
}
#checkout .checkout-check form:disabled {
  border: 1px solid #999999 !important;
  color: #999 !important;
}
#checkout #ccForm {
  background-color: #333 !important;
  background-image: url("/site/templates/assets/images/visa-mastercard.svg");
  background-position: calc(100% - 15px) 7px;
  background-repeat: no-repeat;
  background-size: 96px auto;
  margin: 20px 0 0 auto;
  max-width: 330px;
  padding: 20px;
}
#checkout #ccForm h3 {
  font-variant: small-caps;
  margin-bottom: 10px;
}
#checkout #ccForm form {
  text-align: left;
}
#checkout #ccForm .inputWrapMonth {
  display: inline-block;
  width: 80px;
}
#checkout #ccForm .inputWrapYear {
  display: inline-block;
  width: 80px;
}
#checkout #ccForm .inputWrapVerification {
  display: inline-block;
  width: calc(100% - 168px);
}
#checkout #ccForm label {
  font-size: 0.875rem;
  font-variant: small-caps;
  padding: 0;
}
#checkout #ccForm label.month {
  width: 98px;
}
#checkout #ccForm label.year {
  width: 70px;
}
#checkout #ccForm input {
  font-size: 18px;
  margin-bottom: 10px;
}

/* FOOTER */
footer {
  background: #D1EBCE;
  padding: 20px 0;
  flex-shrink: 0;
}
footer .copyright {
  font-size: 0.875rem;
}
footer a, footer a:link, footer a:visited, footer a.uk-icon {
  text-decoration: none;
  color: #4FA744;
  line-height: 2;
}
footer a:hover, footer a:link:hover, footer a:visited:hover, footer a.uk-icon:hover {
  color: #FB4450;
}
footer .map-pin {
  width: 40px;
  height: auto;
  margin-top: 5px;
  transition: all 0.25s ease-in-out;
}
footer .map-pin:hover {
  opacity: 0.7;
}

/* SERVICES DISABLE */
body.takeaway-disable #home .home-takeaway .uk-card-default {
  position: relative;
}
body.takeaway-disable #home .home-takeaway .uk-card-default:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  color: #FB4450;
  font-size: 1.5rem;
  padding: 50px 30px 30px 30px;
}
body.delivery-disable #home .home-delivery .uk-card-default {
  position: relative;
}
body.delivery-disable #home .home-delivery .uk-card-default:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #FB4450;
  color: #FB4450;
  font-size: 1.5rem;
  padding: 50px 30px 30px 30px;
}
body.outdoor-delivery-disable #home .home-outdoor-delivery .uk-card-default {
  position: relative;
}
body.outdoor-delivery-disable #home .home-outdoor-delivery .uk-card-default:after {
  content: "Unser OUTDOOR DELIVERY steht momentan nicht zur Verfügung.";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #FB4450;
  color: #FB4450;
  font-size: 1.5rem;
  padding: 50px 30px 30px 30px;
}

/* Delivery Date / Time */
#wrap_Inputfield_pad_delivery_date input {
  height: 40px;
  max-width: 130px;
}

#wrap_Inputfield_pad_delivery_time input {
  height: 40px;
  max-width: 130px;
}

/* Datepicker */
#ui-datepicker-div {
  display: none;
  background-color: white;
  border: 1px solid #333;
  font-size: 18px;
  line-height: 1;
  min-width: 300px;
  padding: 10px;
}
#ui-datepicker-div th {
  font-weight: normal;
}
#ui-datepicker-div .ui-datepicker-header {
  opacity: 0.8;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  font-size: 26px;
  background-color: rgba(51, 51, 51, 0);
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover {
  text-decoration: none;
  background-color: rgba(51, 51, 51, 0.2);
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
  cursor: default;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  float: right;
  font-size: 26px;
  background-color: rgba(51, 51, 51, 0);
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
  text-decoration: none;
  background-color: rgba(51, 51, 51, 0.2);
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
  opacity: 0;
  cursor: default;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  margin-top: -27px;
  padding-left: 30px;
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar {
  margin-top: 10px;
  width: 100%;
}
#ui-datepicker-div .ui-datepicker-calendar td {
  text-align: right;
}
#ui-datepicker-div .ui-datepicker-calendar td a, #ui-datepicker-div .ui-datepicker-calendar td span {
  padding: 7px;
  background-color: rgba(51, 51, 51, 0.2);
  border: 1px solid rgba(51, 51, 51, 0.2);
  width: 100%;
  height: 100%;
  display: block;
}
#ui-datepicker-div .ui-datepicker-calendar td a:hover {
  color: #333;
  border-color: #333;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
  opacity: 0.4;
}

/* Timetable */
#timetable-select_wrapper #timetable-select {
  background-color: white;
  border: 1px solid #333;
  max-width: 294px;
  padding: 11px 10px 11px 10px;
  text-align: center !important;
}
#timetable-select_wrapper #timetable-select h3 {
  font-size: 1rem;
  margin-bottom: 3px;
}
#timetable-select_wrapper #timetable-select button {
  background-color: white;
  color: #4FA744;
  cursor: pointer;
  border: 1px solid #4FA744;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  margin: 4px;
  padding: 10px 0 8px 0;
  transition: all 0.25s ease-in-out;
}
#timetable-select_wrapper #timetable-select button.timetable-button {
  width: 60px;
}
#timetable-select_wrapper #timetable-select button.timetable-select_close, #timetable-select_wrapper #timetable-select button.timetable-select-close {
  margin: 15px 0 0 0;
  padding: 9px 0;
  width: 97%;
}
#timetable-select_wrapper #timetable-select button:hover {
  background-color: #D1EBCE;
}