body { background-color: #f5f5f6 }
#ajaxloader { display: none; position: absolute; left: 50%; top: 52%; width: 60px; height: 60px; border: 15px solid #666; border-right-color: transparent; border-radius: 50%; box-shadow: 0 0 35px 2px #666; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -ms-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
@keyframes spin {
    from { transform: rotate(0deg);   opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1.0; }
    to   { transform: rotate(360deg); opacity: 0.2; }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); opacity: 0.4; }
    50%  { -webkit-transform: rotate(180deg); opacity: 1; }
    to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); opacity: 0.4; }
    50%  { -moz-transform: rotate(180deg); opacity: 1; }
    to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); opacity: 0.4; }
    50%  { -ms-transform: rotate(180deg); opacity: 1; }
    to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}
@-o-keyframes spin {
    from { -o-transform: rotate(0deg); opacity: 0.4; }
    50%  { -o-transform: rotate(180deg); opacity: 1; }
    to   { -o-transform: rotate(360deg); opacity: 0.4; }
}
.text-black { color: #343b46 }
.text-white { color: #fff }
.text-grey { color: #666 }
.text-small { font-size: 0.9rem }
.shop-name { font-size: 1.2rem; font-weight: 700; margin: 0; }
.shop-detail { display: inline-block; border-radius: 50px; padding: 6px 12px; background-color: #fff; opacity: 0.75; filter: alpha(opacity=75); }
.header-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.section-categories { padding: 0.625rem; }
.category-name { background-color: #f5f5f6; display:inline-block; border-radius: 50px; border: 1px solid #f5f5f6; }
.category-name { padding: 3px 6px; margin: 2px }
.category-name:hover { background-color: #fff }
.bg-grey { background-color: #f5f5f6 }
.bg-white { background-color: #fff }
.bg-teal { background-color: #074e68 }
.section-footer a { color: white }
.section-footer a:hover { text-decoration: underline }
.section-item, .section-cart { border: 1px solid #ddd; padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; }
.section-item { position: relative; }
.category-title { font-size: 1.4rem; margin: 0 }
.item-name { font-size: 1.1rem; margin: 0 }
.item:hover { background-color: #f5f5f6; cursor: pointer }
.modal__lead, .text__lead { font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0.125rem; margin: 0; text-align: center }
.hidden { display: none }
.item-postcode { margin-right: 1.25rem }
.text-uppercase { text-transform: uppercase; font-weight: 700 }
.cart-quantity--number { display: inline-block; min-width: 1.65em; padding: .25rem; border-radius: 0; background-color: #f8f8f8; font-size: 16px; text-align: center; vertical-align: middle; }
table.unstriped tbody tr { background-color: #fff }
.cart-text { font-size: 0.875rem }
.has-tip { border-bottom: none }
.paypal-notice { font-size: 0.8125rem; font-style: italic; }
.invisible { visibility: hidden; }
.btn-login, .btn-register, .btn-logged-in { margin-right: 0.2rem; }
.top-bar-right .menu .button { padding: 0.7rem 0.7rem }
.special-price { color: #ce3535 }
.text-line-through { text-decoration: line-through }
.submenu-logged-in > li { background-color: #fff }
.accordion-title { font-size: 0.875rem }
.payment-logo { display: inline-block; height: 40px; width: 130px; margin-right: 6px; background-size: cover; }
.visa-master-logo {background-image:url(../images/payment/visa-master.png); }
.paypal-logo {background-image:url(../images/payment/paypal-logo.png); }
.ec-logo {background-image:url(../images/payment/ec_cash.gif); width: 40px !important; height: 43px !important;}
.immediate-transfer {background-image:url(../images/payment/immediate-transfer-logo.png); width: 110px !important; height: 35px !important;}
.bar-zahlung {background-image:url(../images/payment/bar-zahlung.PNG); height: 40px !important; width: 90px !important; }
.shop-logo { max-height: 8rem; max-width: 30rem; border-radius: 10px; margin-left: 24px; }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .section-middle { padding-left: 5rem; padding-right: 5rem; }
    .shop-name { font-size: 1.3rem; }
    .category-name { padding: 3px 6px; margin: 2px }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .section-middle { padding-left: 7rem; padding-right: 7rem; }
    .shop-name { font-size: 1.4rem; }
    .category-name { padding: 6px 12px; margin: 6px; }
}