@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot') format("embedded-opentype"), url('fonts/OpenSans-Regular-webfont.woff2') format("woff2"), url(fonts/OpenSans-Regular-webfont.woff) format("woff"), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url('fonts/OpenSans-SemiBold-webfont.eot');
    src: url('fonts/OpenSans-SemiBold-webfont.eot') format("embedded-opentype"), url('fonts/OpenSans-SemiBold-webfont.woff2') format("woff2"), url('fonts/OpenSans-SemiBold-webfont.woff') format("woff"), url('fonts/OpenSans-SemiBold-webfont.ttf') format("truetype");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot') format("embedded-opentype"), url('fonts/OpenSans-Bold-webfont.woff2') format("woff2"), url('fonts/OpenSans-Bold-webfont.woff') format("woff"), url('fonts/OpenSans-Bold-webfont.ttf') format("truetype");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000
}

@font-face {
    font-family: "svgtofont";
    src: url('fonts/svgtofont/svgtofont.eot'); /* IE9*/
    src: url('fonts/svgtofont/svgtofont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url("fonts/svgtofont/svgtofont.woff2") format("woff2"), url("fonts/svgtofont/svgtofont.woff") format("woff"), url('fonts/svgtofont/svgtofont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('fonts/svgtofont/svgtofont.svg') format('svg'); /* iOS 4.1- */
}

[class*=" icon-"], [class^=icon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: svgtofont !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

:root {
    --icon-arrow-circle-down-solid: "\ea01";
    --icon-arrow-circle-right-solid: "\ea02";
    --icon-arrow-counter-clockwise: "\ea03";
    --icon-arrow-left-bold: "\ea04";
    --icon-arrow-left-solid: "\ea05";
    --icon-arrow-left: "\ea06";
    --icon-arrow-up-from-bracket-solid: "\ea07";
    --icon-assistant-navigation: "\ea08";
    --icon-bell-ringing-fill: "\ea09";
    --icon-bell-ringing: "\ea0a";
    --icon-call: "\ea0b";
    --icon-caret-down: "\ea0c";
    --icon-caret-left: "\ea0d";
    --icon-caret-right: "\ea0e";
    --icon-caret-up: "\ea0f";
    --icon-check-circle-fill: "\ea10";
    --icon-check-circle-regular: "\ea11";
    --icon-check-solid: "\ea12";
    --icon-checkmark: "\ea13";
    --icon-chevron-down-solid: "\ea14";
    --icon-chevron-left-solid: "\ea15";
    --icon-chevron-right-solid: "\ea16";
    --icon-circle-regular: "\ea17";
    --icon-clock: "\ea18";
    --icon-close: "\ea19";
    --icon-cookie: "\ea1a";
    --icon-crosshair: "\ea1b";
    --icon-device-mobile: "\ea1c";
    --icon-dot-circle-regular: "\ea1d";
    --icon-envelope-fill: "\ea1e";
    --icon-envelope-regular: "\ea1f";
    --icon-envelope-solid: "\ea20";
    --icon-envelope: "\ea21";
    --icon-eye-fill: "\ea22";
    --icon-eye-slash-fill: "\ea23";
    --icon-eye-slash: "\ea24";
    --icon-eye-solid: "\ea25";
    --icon-eye: "\ea26";
    --icon-eye1: "\ea27";
    --icon-facebook-f-brands: "\ea28";
    --icon-facebook: "\ea29";
    --icon-film: "\ea2a";
    --icon-folder-solid: "\ea2b";
    --icon-gift: "\ea2c";
    --icon-grip-lines-solid: "\ea2d";
    --icon-info-fill: "\ea2e";
    --icon-instagram-brands: "\ea2f";
    --icon-key-fill: "\ea30";
    --icon-key: "\ea31";
    --icon-link-solid: "\ea32";
    --icon-list-bold: "\ea33";
    --icon-list-bullets: "\ea34";
    --icon-list-dashes: "\ea35";
    --icon-list-fill: "\ea36";
    --icon-location-search: "\ea37";
    --icon-location_on: "\ea38";
    --icon-lock-key: "\ea39";
    --icon-magnifying-glass-bold: "\ea3a";
    --icon-magnifying-glass: "\ea3b";
    --icon-map-marked-alt-solid: "\ea3c";
    --icon-map-pin-bold: "\ea3d";
    --icon-map-pin: "\ea3e";
    --icon-minus-circle-solid: "\ea3f";
    --icon-moon-stars: "\ea40";
    --icon-note-pencil: "\ea41";
    --icon-open_in_new: "\ea42";
    --icon-paper-plane-regular: "\ea43";
    --icon-pause-solid: "\ea44";
    --icon-play-circle-regular: "\ea45";
    --icon-play-solid: "\ea46";
    --icon-plus-solid: "\ea47";
    --icon-puzzle-piece: "\ea48";
    --icon-search: "\ea49";
    --icon-search2: "\ea4a";
    --icon-shopping-cart: "\ea4b";
    --icon-sign-in: "\ea4c";
    --icon-sign-out: "\ea4d";
    --icon-soccer-ball: "\ea4e";
    --icon-star-fill: "\ea4f";
    --icon-star-sharped-filled: "\ea50";
    --icon-star-sharped-outlined: "\ea51";
    --icon-star: "\ea52";
    --icon-storefront: "\ea53";
    --icon-sync-solid: "\ea54";
    --icon-tag24-menu: "\ea55";
    --icon-times-solid: "\ea56";
    --icon-trash-alt-regular: "\ea57";
    --icon-trash: "\ea58";
    --icon-twitter-brands: "\ea59";
    --icon-user-bold: "\ea5a";
    --icon-user-circle-gear: "\ea5b";
    --icon-user-fill: "\ea5c";
    --icon-user: "\ea5d";
    --icon-users: "\ea5e";
    --icon-volume-high-solid: "\ea5f";
    --icon-volume-xmark-solid: "\ea60";
    --icon-warning-circle-fill: "\ea61";
    --icon-warning-fill: "\ea62";
    --icon-whatsapp-brands: "\ea63";
    --icon-x-bold: "\ea64";
    --icon-x: "\ea65";
    --icon-youtube-brands: "\ea66"
}


:root {
    --color-brand05: #fcebec;
    --color-brand50: #e30613;
    --color-brand60: #c20612;
    --color-info50: #2372fc;
    --color-info05: #edf4ff;
    --color-neutral00: #fff;
    --color-neutral10: #f8f8f8;
    --color-neutral20: #f2f2f2;
    --color-neutral25: #e5e5e5;
    --color-neutral30: #d8d8d8;
    --color-neutral40: #b2b2b2;
    --color-neutral50: grey;
    --color-neutral60: #6e6e6e;
    --color-neutral70: #5c5c5c;
    --color-neutral80: #464646;
    --color-neutral90: #333;
    --color-success10: #e5fae1;
    --color-success50: #138200;
    --color-warning05: #fff1e6;
    --color-warning50: #ff780a;
    --color-warning70: #b35000;
    --color-error90: #333;
    --color-gold05: #fcf8eb;
    --color-gold50: #d4af37;
    --color-body: #333;
    --color-heading: #e30613;
    --color-subtle-text: #6e6e6e;
    --color-outline: #adabb2;
    --color-outline-variant: #e7e6eb;
    --color-on-surface: #333;
    --color-on-surface-variant: #48464d;
    --space-0: 0;
    --space-025: 2px;
    --space-050: 4px;
    --space-075: 6px;
    --space-100: 8px;
    --space-150: 12px;
    --space-200: 16px;
    --space-250: 20px;
    --space-300: 24px;
    --space-400: 32px;
    --space-500: 40px;
    --space-600: 48px;
    --space-700: 56px;
    --space-800: 64px;
    --space-900: 72px;
    --space-1000: 80px;
    --breakpoint-min: 320px;
    --breakpoint-s: 650px;
    --breakpoint-m: 950px;
    --breakpoint-l: 1250px;
    --breakpoint-max: 1400px;
    --breakpoint-xs-max: 649.9px;
    --breakpoint-s-max: 949.9px;
    --breakpoint-m-max: 1249.9px;
    --border-width-s: 0.5px;
    --border-width-m: 1px;
    --border-width-l: 1.5px;
    --border-radius-l: 24px;
    --border-radius-m: 16px;
    --border-radius-s: 8px;
    --border-radius-xs: 4px;
    --border-radius-none: 0;
    --font-family: "Open Sans",sans-serif;
    --font-headline-small: 700 16px/20px "Open Sans",sans-serif;
    --font-headline-medium: 700 18px/24px "Open Sans",sans-serif;
    --font-body-medium: 400 14px/20px "Open Sans",sans-serif;
    --font-body-medium-bold: 700 14px/20px "Open Sans",sans-serif;
    --font-body-large: 400 16px/18px "Open Sans",sans-serif;
    --font-body-large-bold: 700 16px/18px "Open Sans",sans-serif;
    --color-body-text: var(--color-neutral90);
    --color-body-background: var(--color-neutral25);
    --color-heading-text: var(--color-brand50);
    --color-subtle-text: var(--color-neutral60);
    --color-subtle-text-light: var(--color-neutral60);
    --color-border: var(--color-neutral30);
    --color-border-light: var(--color-neutral10);
    --color-border-invisible: var(--color-neutral30);
    --color-content-background: var(--color-neutral00);
    --color-header-background: var(--color-neutral00);
    --color-stories-background: var(--color-neutral00);
    --color-menu-l1-background: var(--color-neutral00);
    --color-menu-l1-background-hover: var(--color-neutral10);
    --color-menu-l1-background-active: var(--color-neutral10);
    --color-menu-l1-background-active-hover: var(--color-neutral20);
    --color-menu-l2-background: var(--color-neutral00);
    --color-modal-background: var(--color-neutral00);
    --color-modal-header-background: var(--color-neutral10);
    --color-modal-close: var(--color-neutral40);
    --color-article-tile-border: var(--color-neutral00);
    --color-article-tile-badge-background: var(--color-neutral00);
    --color-input-background: var(--color-neutral00);
    --color-input-background-hover: var(--color-neutral10);
    --color-input-background-focus: var(--color-neutral00);
    --color-input-background-active: var(--color-neutral20);
    --color-input-placeholder: var(--color-neutral60);
    --color-input-text: var(--color-neutral90);
    --color-input-text-hover: var(--color-neutral90);
    --color-input-text-focus: var(--color-neutral90);
    --color-input-border: var(--color-neutral50);
    --color-input-border-hover: var(--color-neutral50);
    --color-input-border-focus: var(--color-neutral90);
    --color-input-option: var(--color-neutral60);
    --color-button-primary-text: var(--color-neutral00);
    --color-button-primary-text-hover: var(--color-neutral00);
    --color-button-primary-text-disabled: var(--color-neutral00);
    --color-button-primary-background: var(--color-brand50);
    --color-button-primary-background-hover: var(--color-brand60);
    --color-button-primary-background-disabled: var(--color-neutral40);
    --color-button-primary-border: var(--color-brand50);
    --color-button-primary-border-hover: var(--color-brand60);
    --color-button-primary-border-disabled: var(--color-neutral40);
    --color-button-secondary-text: var(--color-brand50);
    --color-button-secondary-text-hover: var(--color-brand50);
    --color-button-secondary-text-disabled: var(--color-neutral40);
    --color-button-secondary-background: var(--color-neutral00);
    --color-button-secondary-background-hover: var(--color-brand05);
    --color-button-secondary-background-disabled: var(--color-neutral00);
    --color-button-secondary-border: var(--color-brand50);
    --color-button-secondary-border-hover: var(--color-brand50);
    --color-button-secondary-border-disabled: var(--color-neutral40);
    --color-link-primary: var(--color-brand50);
    --color-link-secondary: var(--color-neutral90);
    --color-link-subtle: var(--color-neutral60);
    --color-link-disabled: var(--color-neutral60);
    --color-socialembed-placeholder-background: var(--color-neutral25);
    --color-pagination-bullet: var(--color-neutral40);
    --color-pagination-bullet-active: var(--color-neutral60);
    --filter-invert: invert(0);
    --color-social-bar-item-background: var(--color-neutral25);
    --img-tag24-background: url(/dist/de/img/tag24-bg.png?8444719d2a7b2fd8ddb7=)
}


.icon-users:before {
    content: var(--icon-users);
}

.icon-users:before {
    content: var(--icon-users);
}

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

.recipe__quantity i, .recipe__times i {
    color: #e30613;
    display: inline-block;
    font-size: 24px;
    margin: auto auto 16px;
}

user agent stylesheet
i {
    font-style: italic;
}

.recipe__quantity, .recipe__times {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
    text-align: center;
}

body {
    background-color: #efefef;
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 1.6rem;
}


.icon-shopping-cart:before {
    content: var(--icon-shopping-cart);
}

.affiliate-shopping-cart {
    color: #e30613;
    font-size: 90%;
    font-weight: 700;
}


.icon-facebook:before {
    content: var(--icon-facebook);
}

.icon-twitter-brands:before {
    content: var(--icon-twitter-brands);
}

.icon-paper-plane-regular:before {
    content: var(--icon-paper-plane-regular);
}

.icon-link-solid:before {
    content: var(--icon-link-solid);
}

.icon-arrow-up-from-bracket-solid:before {
    content: var(--icon-arrow-up-from-bracket-solid);
}

.icon-times-solid:before {
    content: var(--icon-times-solid);
}

.icon-chevron-left-solid:before {
    content: var(--icon-chevron-left-solid);
}

.icon-chevron-right-solid:before {
    content: var(--icon-chevron-right-solid);
}

.icon-open_in_new:before {
    content: var(--icon-open_in_new);
}

.icon-clock:before {
    content: var(--icon-clock);
}

.icon-users:before {
    content: var(--icon-users);
}

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

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    font-size: 62.5%;
    scroll-behavior: smooth;
}

a {
    color: #e30613;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}

body {
    --sb-track-color: #b3b3b3;
    --sb-thumb-color: #656262;
    --sb-size: 14px;
    background-color: #efefef;
    color: #333;
    font-family: Open Sans, sans-serif;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
}

    body::-webkit-scrollbar {
        width: var(--sb-size);
    }

    body::-webkit-scrollbar-track {
        background: var(--sb-track-color);
    }

    body::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
    }


.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.container {
    margin: 0 auto;
    max-width: calc(1400px + 1rem);
    width: 100%;
}

.container-inner {
    margin: .5rem;
}




.btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: inherit;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    min-height: 2rem;
    min-width: 2rem;
    outline: 0;
    padding: 1rem 2rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .15s;
    transition-property: background-color, color, border-color, filter;
    transition-timing-function: linear;
}


.content--advertising, .content--static {
    margin: -.5rem .5rem;
}

.content {
    background-color: #fff;
    clear: both;
    margin: 0;
    padding: 1rem .5rem;
}

.article {
    margin: 0 auto;
    max-width: 950px
}



.content-h3, .content-h4, .h3, h3 {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: none;
}

.content-h3, .h3, h3 {
    color: #e30613;
    margin: 1em 0;
}



.article__title {
    justify-content: space-between;
    margin-bottom: 1.6rem;
    text-align: center
}

.content-h1,
.h1,
h1 {
    font-size: 2.3rem;
    margin: .67em 0
}

.content-h1,
.h1,
h1 {
    color: #e30613;
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.article__figure {
    margin: 1rem 0;
}

@media only screen and (min-width: 650px) {
    .article__paragraph .article__figure {
        float: right;
        margin: 0 0 1rem 1rem;
        width: 58%;
    }
}

.article__figcaption {
    color: #666;
    font-size: 1.4rem;
    font-style: italic;
    margin: 0;
    padding: 0
}

.article__paragraph {
    word-wrap: break-word;
}

    .article__paragraph:after {
        clear: both;
        content: " ";
        display: table;
    }


.article__figure {
    margin: 1rem 0;
}

.article__img {
    height: auto;
    max-width: 100%;
}


@media only screen and (min-width: 650px) {
    .article__title {
        display: flex;
        text-align: left
    }

    .article__headline {
        flex-grow: 1;
        margin: 0
    }
}

.article__info {
    color: #e30613;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

@media only screen and (min-width: 650px) {
    .article__info {
        order: 2;
        padding-left: 2rem
    }
}

.content-h2, .h2, h2 {
    font-size: 1.8rem;
    margin: .83em 0;
}

.content-h1, .content-h2, .h1, .h2, h1, h2 {
    color: #e30613;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}


.content-h3, .content-h4, .h3, h3 {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: none;
}

.content-h3, .h3, h3 {
    color: #e30613;
    margin: 1em 0;
}


h4 {
    color: #e30613;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: none;
}

.content-h4, h4 {
    margin: 1.33em 0;
}

.highlight {
    background-color: #d4edda;
    padding: 1em;
}

.fw-center_div {
    width: 100%;
    display: flex;
    justify-content: center;
}

.instagram-media {
    background: white;
    max-width: 658px;
    width: calc(100% - 2px);
    border-radius: 3px;
    border: 1px solid rgb(219, 219, 219);
    box-shadow: none;
    display: block;
    margin: 0px 0px 12px;
    min-width: 326px;
    padding: 0px;
}

#components-reconnect-modal {
    display: none !important;
}



.button {
    align-items: center;
    background: none;
    border: none;
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    min-height: auto;
    padding: 0 28px;
    text-align: center;
    text-decoration: none;
    transition: all .15s linear;
    width: auto;
}



.button--success--outlined {
    background: #fff;
    border: 1.5px solid grey;
    color: #138200;
    font-weight: 600;
}

.button--gray {
    background: #e5e5e5;
    border: 1.5px solid #e5e5e5;
    color: #333;
    font-weight: 600;
}

    .button--gray:hover {
        box-shadow: 0 1px 2px 0 rgba(51, 51, 51, .3), 0 1px 3px 1px rgba(51, 51, 51, .15);
    }

.button:hover {
    text-decoration: none;
}

.button--success--outlined:hover {
    background: rgba(19, 130, 0, .08);
    color: #138200;
}

.article__img {
    width: 100%;
}

.responsive-video {
    height: 0;
    margin: 10px auto;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.social {
    margin-bottom: 1.6rem;
    text-align: center;
    max-width: calc(100vw - 35px);
}

    .social .twitter-timeline, .social .twitter-tweet, .social iframe {
        margin: 0 auto !important;
    }




.responsive-video > embed, .responsive-video > iframe, .responsive-video > object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

select.form__input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: src('/img/svg/dropdonw-arrow.svg');
    background-position: right 2px center;
    background-repeat: no-repeat;
    background-size: 14px 10px;
    border-radius: 0;
}

.form__input {
    align-items: center;
    background-color: #f2f1ed;
    border: 1px solid #aaa;
    display: flex;
    font-size: 1.6rem;
    min-height: 3.6rem;
    padding: .6rem 3.6rem .6rem .6rem;
    width: 100%;
}


.form__checkbox-input {
    display: inline-block;
    flex-shrink: 0;
    height: 1.6rem;
    margin: 0 .6rem;
    width: 1.6rem;
}


.section-h1 {
    color: #888;
    font-size: 2.3rem;
    margin: .67em 0;
}

.red, a {
    color: #e30613;
}


#search-autocomplete li {
    padding: 0 .64rem;
}

    #search-autocomplete li a {
        box-shadow: 0 1px 1px -1px #828282;
        color: #000;
        display: inline-block;
        padding: .5rem 0;
        width: 100%;
    }

    #search-autocomplete li:last-of-type a {
        box-shadow: none;
    }

