:root {
    --blue: #00458d !important;
    --lightblue: #7ea1c5 !important;
    --lowproteinblue: #a5b9e8 !important;
    --recipesblue: #ccdae8 !important;
    --red: #d9000d !important;
    --glutenfreered: #ecbfc0 !important;
    --yellow: #ffc74c !important;
    --green: #bcded1 !important;
    --grey: #808080 !important;
    --sc01: #bcded1 !important;
    --sc02: #d9edc8 !important;
    --sc03: #ccdae8 !important;
    --sc04: #f3ead8 !important;
}

#wrapper {
    background-color:transparent !important;
}

header .currency-selector {
    margin-left:20px !important;
    margin-right:20px !important;
}
header #currency-selector-label {
    display:none !important;
}
header .currency-selector, header .currency-selector li, header .currency-selector p, header .currency-selector span,
header .currency-selector a, header .currency-selector a:link, header .currency-selector a:active, header .currency-selector a:visited {
    color:#fff !important;
    font-size: 1rem !important;
    font-weight: normal !important;
}
header .currency-selector .dropdown-menu li a, header .currency-selector .dropdown-menu li a:link,
header .currency-selector .dropdown-menu li a:active, header .currency-selector .dropdown-menu li a:visited {
    color:#000 !important;
}
header .currency-selector i.expand-more {
    color:#fff !important;
}

footer#footer ul {
    padding-left:0px !important;
}
footer#footer ul li a, footer#footer ul li a:link, footer#footer ul li a:active, footer#footer ul li a:visited {
    color:white !important;
    text-decoration: none !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
}
footer#footer ul li a:hover, footer#footer ul li a:focus {
    text-decoration: underline !important;
}

.site-header ul.top-menu li.link {
    display: inline-block !important;
    margin-right: 2rem !important;
}

.tag-Gratis {
    background-color:var(--red) !important;
}

#cms h1::before {
    display: block !important;
    content: '' !important;
    background-color: var(--blue) !important;
    height: 2px !important;
    width: 100% !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
}
#cms h1 {
    margin:0 !important;
    font-family: verveine, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 40px !important;
    text-align: center !important;
    color: var(--blue) !important;
    margin-top: 3rem !important;
    margin-bottom: 2rem !important;
    position: relative !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    background-color: white !important;
}
#cms aside#notifications {
    margin-bottom:0px !important;
}
#cms section#wrapper {
    margin-top:0px !important;
    margin-bottom:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
}
#cms .page-header {
    margin:0px !important;
    padding:0px !important;
}
#cms .section-title {
    margin:0px !important;
    padding:0px !important;
}
#cms aside h3 {
    display:none !important;
}
#cms section#content {
    padding:0px !important;
}

.page-authentication #content {
    max-width: 100% !important;
    border:0px !important;
    padding:0px !important;
}
.page-authentication .page-header {
    margin-bottom:0px !important;
}
.page-authentication .section-title, .page-authentication .login-form {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.page-authentication #notifications {
    display:none !important;
}
.page-authentication .login-form a, .page-authentication .login-form a:link, 
.page-authentication .login-form a:active, .page-authentication .login-form a:visited {
    color: var(--blue) !important;
    font-size: 1rem !important;
    text-decoration:none !important;
}
.page-authentication .login-form a:hover, .page-authentication .login-form a:focus {
    text-decoration:underline !important;
}
.page-authentication .input-group .input-group-btn>.btn[data-action="show-password"] {
    padding: 0.6rem 1rem !important;
}
.page-authentication #customer-form > fieldset > div:nth-child(6) > div.col-md-6 > div {
    margin-top:0px !important;
    padding-right: 50px !important;
}
.page-authentication #customer-form > fieldset > div:nth-child(1) > label {
    font-size: var(--bs-body-font-size) !important;
    font-weight:normal !important;
    padding-left: 10px !important;
}
.page-authentication #customer-form > fieldset {
    margin-bottom:0px !important;
}


.page-password #notifications {
    display:none !important;
}
.page-password #content {
    max-width: 100% !important;
    border:0px !important;
    padding:0px !important;
}
.page-password .page-header {
    margin-bottom:0px !important;
}
.page-password .section-title, .page-authentication .forgotten-password {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.page-authentication .register-form {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.page-authentication .register-form a, .page-authentication .register-form a:link, 
.page-authentication .register-form a:active, .page-authentication .register-form a:visited {
    color: var(--blue) !important;
    font-size: 1rem !important;
    text-decoration:none !important;
}
.page-authentication .register-form a:hover, .page-authentication .register-form a:focus {
    text-decoration:underline !important;
}

#customer-form .form div.col-12 {
    margin: 1rem auto !important;
}
#customer-form fieldset .form-group.row {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
#customer-form > fieldset > div > label {
    display:none !important;
}
#customer-form > fieldset > div > div.col-md-3.form-control-comment {
    display:none !important;
}
#customer-form > fieldset > div > div.col-md-6 {
    width:100% !important;
}
#customer-form > fieldset > div:nth-child(2) > div.col-md-6 > span,
#customer-form > fieldset > div:nth-child(3) > div.col-md-6 > span {
    display:none !important;
}
#customer-form > fieldset > div:nth-child(1) > label {
    display:block !important;
}
#customer-form > fieldset > div:nth-child(1) > div.col-md-6 {
    width:70% !important;
}
#customer-form > fieldset > div:nth-child(1) > label {
    text-align:left !important;
    align-self:end !important;
}
#customer-form > fieldset > div:nth-child(5) > div.col-md-6 > div {
    padding-top:0px !important;
    margin-top:0px !important;
}
#customer-form > fieldset > div:nth-child(5) > div.col-md-6 > div > span {
    display:none !important;
}
#customer-form > fieldset > div:nth-child(7) > div.col-md-6 > span,
#customer-form > fieldset > div:nth-child(8) > div.col-md-6 > span,
#customer-form > fieldset > div:nth-child(9) > div.col-md-6 > span,
#customer-form > fieldset > div:nth-child(10) > div.col-md-6 > span {
    display:block !important;
}
#customer-form > fieldset > div:nth-child(2),
#customer-form > fieldset > div:nth-child(3)  {
    width:53% !important;
    float:left !important;
}
#customer-form > fieldset > div:nth-child(2) {
    margin-right: 5px !important;
}
#customer-form > fieldset > div:nth-child(4) {
    clear:both !important;
}

.page-password .forgotten-password a, .page-password .forgotten-password a:link, 
.page-password .forgotten-password a:active, .page-password .forgotten-password a:visited {
    color: var(--blue) !important;
    font-size: 1rem !important;
    text-decoration:none !important;
}
.page-password .forgotten-password a:hover, .page-password .forgotten-password a:focus {
    text-decoration:underline !important;
}

#contact #notifications {
    display:none !important;
}
#contact #left-column {
    display:none !important;
}
#contact #content-wrapper {
    width:100% !important;
}
#contact #main #content {
    border:0px !important;
    padding:0px !important;
}

#cart #notifications {
    display:none !important;
}
#cart .cart-container {
    border:0px !important;
}
#cart #wrapper {
    padding-top:0px !important;
}
#cart #main .prod-qty > div > div > div > span:nth-child(1),
#cart #main .prod-qty > div > div > div > span:nth-child(5) {
    display:none !important;
}
#cart .js-cart-line-product-quantity {
    margin-top:-2px !important;
}
#cart .checkout, #cart .cart-items, #cart .cart-item {
    padding:0px !important;
}
#cart .cart-product-contanier, #cart .cart-product-container {
    margin-bottom:0px !improtant;
}
#cart .cart-detailed-totals {
    width:100% !important;
}
#cart .cart-detailed-subtotals {
    padding:0px !important;
    padding-top: 0.5rem !important;
}
#cart .cart-detailed-actions {
    width:100% !important;
}
#cart .blockreassurance_product {
    width: 100% !important;
}
#cart .blockreassurance_product .item-product img.invisible {
    visibility: visible !important;
}
#cart .blockreassurance_product div:hover {
    text-decoration: underline !important;
}
#cart span.item-product {
    display:none !important;
}
#cart div.blockreassurance_product > div > p {
    margin-bottom:0px !important;
    line-height: var(--bs-body-line-height) !important;
    text-decoration: underline !important;
}
#cart .fp-carousel {
    margin-top:0px !important;
}

#checkout #notifications {
    display:none !important;
}
#checkout .cart-container {
    border:0px !important;
}
#checkout #wrapper {
    padding-top:0px !important;
}
#checkout #main .prod-qty > div > div > div > span:nth-child(1),
#checkout #main .prod-qty > div > div > div > span:nth-child(5) {
    display:none !important;
}
#checkout .js-cart-line-product-quantity {
    margin-top:-2px !important;
}
#checkout .checkout, #checkout .cart-items, #checkout .cart-item {
    padding:0px !important;
}
#checkout .cart-product-contanier, #checkout .cart-product-container {
    margin-bottom:0px !improtant;
}
#checkout .cart-detailed-totals {
    width:100% !important;
}
#checkout .cart-detailed-subtotals {
    padding:0px !important;
    padding-top: 0.5rem !important;
}
#checkout .cart-detailed-actions {
    width:100% !important;
}
#checkout .blockreassurance_product {
    width: 100% !important;
}
#checkout .blockreassurance_product .item-product img.invisible {
    visibility: visible !important;
}
#checkout .blockreassurance_product div:hover {
    text-decoration: underline !important;
}
#checkout span.item-product {
    display:none !important;
}
#checkout div.blockreassurance_product > div > p {
    margin-bottom:0px !important;
    line-height: var(--bs-body-line-height) !important;
    text-decoration: underline !important;
}
#checkout .fp-carousel {
    margin-top:0px !important;
}

#category #notifications {
    display:none !important;
}
#category #wrapper {
    padding:0px !important;
}
#category .container, #category .content-wrapper {
    padding:0px !important;
}
#category #left-column {
    display:none !important;
}
#category #content-wrapper {
    width:100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
#category .block-categories, #category .block-categories .category-top-menu {
    padding:0px !important;
}
#category .block-categories .category-top-menu > li:nth-child(1) {
    display:none !important;
}
#category #main > div > aside {
    padding-left:0px !important;
}
#category #main > div > aside > div > ul > li > ul > li > div {
    display:none !important;
}
.category-id-13 h2.section-title,
.category-id-parent-13 h2.section-title {
    margin-top:0px !important;
}

#main > div > div > section > div > p.subcat-thumb.d-none.d-lg-block.col-lg-4 {
    text-align:center !important;
}

#product .product-details .single-product-title {
    font-weight: normal !important;
}
#product #notifications {
    display:none !important;
}
#product #main div.buy-block > div > div > span:nth-child(1),
#product #main div.buy-block > div > div > span:nth-child(5) {
    display:none !important;
}
#product #quantity_wanted {
    margin-top:-2px !important;
}
#product div.sp-price > span.discounted {
    font-size: 2rem !important;
    color: var(--grey) !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    margin-right: 10px !important;
}
#main > div > div > div.col-12.col-md-7.col-lg-6 > div.buy-block.d-flex.justify-content-between > a > span.material-symbols-outlined {
    float: right !important;
    margin-top: 4px !important;
}
#product #main > div > aside > div > ul > li > ul > li > div {
    display:none !important;
}
#product #main > div > aside > div > ul > li > a.text-uppercase {
    display:none !important;
}
#product #main > div > aside {
    padding-left:0px !important;
}
#product #main > div > aside > div.block-categories {
    padding:0px !important;
    padding-left:0.5rem !important;
}
#product #main > div > aside > div.block-categories > ul.category-top-menu {
    padding:0px !important;
}
#product #main > div > aside > div.block-categories > ul.category-top-menu > li > ul {
    padding:0px !important;
}
#product .availability > i {
    display:none !important;
}

#product .recipe-attachment {
    width: 100% !important;
    padding: 0.25rem 0.5rem !important;
    background-color: var(--blue) !important;
    color: white !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 20px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    border: 0 !important;
    text-align: left !important;
}
#product .recipe-attachment > span {
    float:right !important;
    margin-top:4px !important;
}

#identity footer.page-footer {
    display:none !important;
}

.add {
    width: 60% !important;
    max-width: 250px !important;
}
.add .button.buy {
    width: 100% !important;
    padding: 0.25rem 0.5rem !important;
    background-color: var(--blue) !important;
    color: white !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 20px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    border: 0 !important;
    text-align:left !important;
}
.add .button.buy > span {
    float: right !important;
    margin-top: 4px !important;
}

#index #notifications {
    display:none !important;
}
#index #wrapper {
    padding-top:0px !important;
}
#index #wrapper .container {
    padding:0px !important;
}
#index .carousel-inner {
    padding-left:0px !important;
    height: 590px !important;
}
#index .carousel-control {
    display:none !important;
}
#index .carousel .carousel-item img {
    margin-top:-15% !important;
}
#index .carousel .carousel-item .caption {
    bottom: 25% !important;
}
#index #carousel > ul > li > figure > figcaption > div > a > h2,
#index #carousel > ul > li > figure > figcaption > div > a:active > h2,
#index #carousel > ul > li > figure > figcaption > div > a:visited > h2,
#index #carousel > ul > li > figure > figcaption > div > a:link > h2 {
    font-family: verveine, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: var(--blue) !important;
    font-size: 80px !important;
    line-height: 60px !important;
}
#index #carousel > ul > li > figure > figcaption > div > a,
#index #carousel > ul > li > figure > figcaption > div > a:active,
#index #carousel > ul > li > figure > figcaption > div > a:visited,
#index #carousel > ul > li > figure > figcaption > div > a:link,
#index #carousel > ul > li > figure > figcaption > div > a:focus,
#index #carousel > ul > li > figure > figcaption > div > a:hover {
    text-decoration: none !important;
}
#index #carousel > ul > li > figure > figcaption > div > p > a,
#index #carousel > ul > li > figure > figcaption > div > p > a:active,
#index #carousel > ul > li > figure > figcaption > div > p > a:visited,
#index #carousel > ul > li > figure > figcaption > div > p > a:link,
#index #carousel > ul > li > figure > figcaption > div > p > a:focus,
#index #carousel > ul > li > figure > figcaption > div > p > a:hover {
    text-decoration: none !important;
    color:#fff !important;
}
#index #custom-text {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#index #custom-text p {
    color: var(--blue);
    font-size: calc(16px + 1.2vw);
    color: var(--lightblue);
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1.5rem!important;
    flex: 0 0 auto;
    width: 100% !important;
    padding-left: 15% !important;
    padding-right: 15% !important;
}
#index #custom-text p a {
    color: #fff !important;
    text-decoration: none !important;
}
#add-to-cart-or-refresh > button {
    top: -2px !important;
    right: -2px !important;
}

.contact-form form > h3 {
    display:none !important;
}
.contact-form .form div {
    margin-top: 0 !important;
    margin-top: 0 !important;
}
.contact-form .ets_cfu_box {
    margin-bottom: 0 !important;
}
.contact-form .cf-html {
    color: var(--blue) !important;
    font-size: var(--bs-body-font-size) !important;
}
.contact-form .ets_cfu_help_block {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    color: var(--grey) !important;
    font-size: 14px !important;
}
.contact-form .cf-field,
.contact-form .cf-textarea {
    font-size: var(--bs-body-font-size) !important;
}
.contact-form .cf-textarea {
    height:200px !important;
}
.contact-form .ets_cfu_input_submit {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.contact-form .cf-button {
    width:100% !important;
}





.top-menu li.category, .top-menu li.link {
    width: auto !important;
    float: left;
    display: block;
}
.site-header ul.top-menu li.link a {
    font-weight: 700 !important;
    color: var(--grey) !important;
    font-size: 18px !important;
}
.site-header ul.top-menu li.link a:hover {
    color: var(--blue) !important;
}









@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    header .cart-container .cart-body {
        display:none !important;
    }
    .nav-container-mobile {
        z-index: 1 !important;
    }
    .container-fluid > header > div > div > div {
        z-index: 5 !important;
    }
    .nav-container-mobile .menu {
        margin-top: 184px !important;
        margin-left: 24px !important;
    }
    .nav-container-mobile .menu ul li {
        float:left !important;
        width:100% !important;
    }
    .nav-container-mobile .menu ul li a span {
        display:none !important;
    }
    
    #wrapper .container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }
    
    #index #carousel {
        padding-left: 34px !important;
        padding-right: 34px !important;
        background-color: #fff !important;
        height:390px !important;
    }
    .carousel .carousel-item .caption {
        position: absolute !important;
        top: 8rem !important;
        left: 4rem !important;
    }
    .carousel .carousel-indicators {
        display:none !important;
    }
    #index #carousel > ul > li > figure > figcaption > div > a > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:active > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:visited > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:link > h2 {
        font-size: 2rem !important;
        line-height: 2rem !important;
        text-align:left !important;
    }
    #carousel > ul > li > figure {
        width:100% !important;
        height:390px !important;
    }
    #carousel > ul > li > figure img {
        display:none !important;
    }
    
    .category-rezepte-fur-die-eiweissarme-kuche .grid-info > div,
    .category-recipes-for-low-protein-cuisine .grid-info > div {
        text-align: center !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    
    .checkout .prod-thumb {
        margin: 0 !important;
        padding-bottom: 100% !important;
    }
    .checkout .tot-last-col {
        padding-right:0 !important;
    }
    
    #cart #main .cart-grid-right .blockreassurance_product {
        text-align:center !important;
        padding-left: 3% !important;
    }
    #cart #main .cart-grid-right .blockreassurance_product > div {
        display: inline-block !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    
    #contact #content-wrapper {
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    #contact #content-wrapper {
        width:100% !important;
    }
}

@media (max-width: 767px) {
    .nav-container-mobile {
        z-index: 1 !important;
    }
    .container-fluid > header > div > div > div {
        z-index: 5 !important;
    }
    .nav-container-mobile .menu {
        margin-top:144px !important;
        margin-left:10px !important;
    }
    .nav-container-mobile .menu ul li {
        float:left !important;
        width:100% !important;
    }
    .nav-container-mobile .menu ul li a span {
        display:none !important;
    }
    
    #index #custom-text {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #index #carousel {
        padding-left: 16px !important;
        padding-right: 16px !important;
        background-color: #fff !important;
        height:390px !important;
    }
    .carousel .carousel-item .caption {
        position: absolute !important;
        top: 5rem !important;
        left: 2rem !important;
    }
    .carousel .carousel-indicators {
        display:none !important;
    }
    #index #carousel > ul > li > figure > figcaption > div > a > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:active > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:visited > h2, 
    #index #carousel > ul > li > figure > figcaption > div > a:link > h2 {
        font-size: 2rem !important;
        line-height: 2rem !important;
        text-align:left !important;
    }
    #carousel > ul > li > figure {
        width:100% !important;
        height:390px !important;
    }
    #carousel > ul > li > figure img {
        display:none !important;
    }
    
    #category #main > div > aside {
        margin-left: 10px !important;
    }
    #category #main > div > div > section > div {
        width: 105% !important;
        padding-right: 0px !important;
        text-align: center !important;
        margin-right: 0px !important;
    }
    
    #cart #main .cart-grid-body > div > div > ul > li > div > div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #cart #main .cart-grid-body .cart-item .prod-and-price h2 {
        text-align:left !important;
    }
    #cart #main .cart-grid-right .blockreassurance_product {
        text-align:center !important;
        padding-left: 3% !important;
    }
    #cart #main .cart-grid-right .blockreassurance_product > div {
        display: inline-block !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    
    #authentication #customer-form > fieldset > div:nth-child(1) > label {
        width: auto !important;
    }
    
    #contact .container, #contact #content-wrapper, #contact .contact-form {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    
    
    
    
    
    
}