/* Version=3.0.1,Timestamp=2024-02-27T11:03:06.086Z */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

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

html {
    font-size: 100%;
    scroll-behavior: smooth
}

body {
    background: #fff;
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 0.833rem;
    line-height: 1.5;
    margin: 0
}

body :focus-visible {
    outline: auto #6f0;
    outline-offset: .25rem
}

a {
    color: var(--main-cl);
    cursor: pointer
}
p {
    font-weight: 500;
    line-height: 1.5;
    margin-block:0.833rem}

h1,h2,h3,h4,h5,h6 {
    color: var(--main-cl);
    font-family: "Cabin";
    line-height: 1.2;
    margin-block:0}

h1 {
    font-size: 3.75rem
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:1.667rem
    }
}

h2 {
    font-size: 2.75rem
}

@media screen and (max-width: 767px) {
    h2 {
        font-size:1.8rem
    }
}

h3 {
    font-size: 1.667rem;
    
}

@media screen and (max-width: 767px) {
    h3 {
        font-size:1.25rem
    }
}

h4 {
    font-size: 1.25rem
}

@media screen and (max-width: 767px) {
    h4 {
        font-size:1.25rem
    }
}

b,strong {
    font-weight: 700
}

button,input,optgroup,select,textarea {
    font-family: Arial,sans-serif
}

img {
    height: auto;
    vertical-align: middle;
    width: 100%
}

button {
    cursor: pointer
}

pre {
    font-family: Arial,sans-serif;
    white-space: normal;
    width: 100%
}

.sr-only {
    clip: rect(0px,0px,0px,0px);
    border: 0px initial;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px
}

body #onetrust-consent-sdk #onetrust-banner-sdk {
    background: var(--main-cl)
}

body #onetrust-consent-sdk #onetrust-policy {
    background-image: url(../resources/images/unilever-logo-white.png)
}

body #onetrust-consent-sdk #onetrust-banner-sdk a[href],body #onetrust-consent-sdk #onetrust-policy-text {
    color: #fff
}

body #onetrust-policy a[target=_blank]:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEyIiBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgMTlINVY1aDdWM0g1YTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGMxLjEgMCAyLS45IDItMnYtN2gtMnY3ek0xNCAzdjJoMy41OWwtOS44MyA5LjgzIDEuNDEgMS40MUwxOSA2LjQxVjEwaDJWM2gtN3oiLz48L3N2Zz4=)
}

body #onetrust-consent-sdk #onetrust-pc-btn-handler,body #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    background-color: var(--main-cl);
    border-color: var(--main-cl);
    color: #fff!important
}

body #onetrust-banner-sdk #onetrust-reject-all-handler,body #onetrust-consent-sdk #onetrust-accept-btn-handler {
    background-color: #ffd32e;
    border-color: #ffd32e;
    color: #000
}

footer {
    background: var(--main-cl);
    position: relative
}

@media screen and (max-width: 991px) {
    footer {
        padding-bottom:6rem
    }
}

@media screen and (max-width: 1360px) {
    footer {
        padding-bottom:4rem
    }
}

footer .text .cmp-text {
    padding: 0
}

footer h2 {
    color: #fff;
    font-size: 1.25rem
}

footer .container {
    padding: 2.5rem 0.833rem 0
}

footer #footer-main-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: flex-start;
    margin: auto;
    max-width: 1200px;
    padding: 0
}

@media screen and (max-width: 991px) {
    footer #footer-main-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }
}

footer #footer-main-container a {
    color: #fff;
    font-weight: 500;
    line-height: 2;
    -webkit-transition: color .5s;
    transition: color .5s
}

footer #footer-main-container a:hover {
    color: #ffd32e
}

footer #footer-main-container ul {
    list-style: none;
    margin: 0.833rem 0;
    padding: 0
}

@media screen and (max-width: 991px) {
    footer #footer-main-container ul {
        margin:.5rem 0 1.25rem
    }
}

footer #footer-main-container .languagenavigation {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: flex-end
}

footer #footer-main-container .languagenavigation ul {
    margin-top: 0
}

@media screen and (max-width: 991px) {
    footer #footer-main-container .languagenavigation {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

footer #footer-main-container .footer-social-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.833rem;
    margin: 0 0 1.25rem;
    
}

footer #footer-main-container .footer-social-links ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    text-decoration: none
}

footer #footer-main-container .footer-social-links ul a:after {
    height: 1.667rem;
    width: 1.667rem
}

footer #footer-main-container .footer-social-links ul .facebook-icon:after {
    background: url(../resources/icons/facebook-logo-white.svg);
    content: ""
}

footer #footer-main-container .footer-social-links ul .twitter-icon:after {
    background: url(../resources/icons/twitter-white.svg);
    content: ""
}

footer #footer-main-container .footer-social-links ul .instagram-icon:after {
    background: url(../resources/icons/instagram-logo-white.svg);
    content: ""
}

footer #footer-main-container .footer-social-links ul .youtube-icon:after {
    background: url(../resources/icons/youtube-icon.svg);
    content: ""
}

footer #footer-main-container .footer-social-links ul .tiktok-icon:after {
    background: url(../resources/icons/tiktok-white.svg);
    content: ""
}

footer #footer-main-container .footer-social-links ul .pinterest-icon:after {
    background: url(../resources/icons/pinterest-icon.svg);
    background-size: contain;
    content: ""
}

footer #footer-main-container .footer-social-links ul .recipedia-icon:after {
    background: url(../resources/icons/recipedia-icon.svg);
    background-size: contain;
    content: ""
}

footer #footer-main-container .footer-social-links ul .line-icon:after {
    background: url(../resources/icons/line-icon.svg);
    background-size: contain;
    content: ""
}

footer #footer-main-container .footer-social-links p {
    margin-bottom: 0.833rem;
    margin-top: 0.833rem
}

@media screen and (max-width: 991px) {
    footer #footer-main-container .footer-social-links p {
        margin-bottom:0.833rem;
        margin-top: .5rem
    }
}

footer .text.copy-right-link {
    text-align: left
}

footer .text.copy-right-link .cmp-text {
    margin: auto;
    max-width: 1200px;
    padding: 0
}

footer .text.copy-right-link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
    -webkit-transition: color .5s;
    transition: color .5s
}

footer .text.copy-right-link a:hover {
    color: #ffd32e
}

footer .text.copy-right-link a:before {
    background: url(../resources/icons/unilever-logo-white.svg);
    background-repeat: no-repeat;
    content: "";
    height: 1.875rem;
    width: 1.667rem
}

footer .embed {
    padding: 0
}

.carousel {
    position: relative
}

.carousel .cmp-carousel[data-cmp-slide=slide] {
    margin: auto;
    max-width: 1200px;
    overflow: hidden
}

.carousel .cmp-carousel[data-cmp-slide=slide] .cmp-carousel__item {
    -webkit-transition: margin .5s ease-out;
    transition: margin .5s ease-out
}

.carousel .cmp-carousel__actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.833rem;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .carousel .cmp-carousel__actions {
        margin-right:.3rem;
        margin-top: .3rem
    }
}

@media screen and (max-width: 767px) {
    .carousel .cmp-carousel__actions {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        justify-content: center;
        margin-bottom: 0.833rem;
        order: 1;
        position: relative
    }
}
.cmp-teaser__description{
    font-size: 0.833rem;
}
.carousel .cmp-carousel__action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--main-cl);
    border: 0;
    border-radius: 25px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .25rem;
    height: 42px;
    justify-content: space-between;
    min-width: 130px;
    padding: 0 0.833rem;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.carousel .cmp-carousel__action:focus,.carousel .cmp-carousel__action:hover {
    background-color: #ffd32e
}

.carousel .cmp-carousel__action.cmp-carousel__action--previous .cmp-carousel__action-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6Ii8+PC9zdmc+) 50%;
    background-size: contain;
    height: 1.25rem;
    width: 1.25rem
}

.carousel .cmp-carousel__action.cmp-carousel__action--next {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.carousel .cmp-carousel__action.cmp-carousel__action--next .cmp-carousel__action-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEyIDQtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOC04LTh6Ii8+PC9zdmc+) 50%;
    background-size: contain;
    height: 1.25rem;
    width: 1.25rem
}

@media screen and (min-width: 768px) {
    .less-than-three .carousel .cmp-carousel__action {
        display:none
    }
}

.carousel .cmp-carousel__action.cmp-carousel__action--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel .cmp-carousel__action.cmp-carousel__action--disabled:focus,.carousel .cmp-carousel__action.cmp-carousel__action--disabled:hover {
    background-color: var(--main-cl)
}

.carousel .cmp-carousel__indicators {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding-bottom: 0.833rem;
    padding-left: 0;
    padding-top: 1.8rem
}

@media screen and (max-width: 767px) {
    .carousel .cmp-carousel__indicators {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 0.833rem
    }
}

.carousel .cmp-carousel__indicators .cmp-carousel__indicator {
    background-color: #cfd8dc;
    border-radius: 50%;
    font-size: 0;
    height: .5rem;
    margin: 0 .25rem;
    width: .5rem
}

.carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {
    background-color: #ffd32e
}

@media screen and (min-width: 768px) {
    .less-than-three .carousel .cmp-carousel__indicators {
        display:none
    }
}

.carousel .cmp-carousel__content {
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out,-webkit-transform .4s ease-out
}

.carousel.full-width-teaser .cmp-carousel__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    gap: 0;
    height: 100%;
    justify-content: space-between;
    margin-right: 0;
    margin-top: 0;
    padding: 0 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto!important
}

@media screen and (max-width: 767px) {
    .carousel.full-width-teaser .cmp-carousel__actions {
        padding:0 0.833rem
    }
}

.carousel.full-width-teaser .cmp-carousel__actions .cmp-carousel__action {
    border-radius: 50%;
    gap: 0;
    height: 50px;
    min-width: unset;
    width: 50px
}

.carousel.full-width-teaser .cmp-carousel__actions .cmp-carousel__action .cmp-carousel__action-text {
    font-size: 0
}

.carousel.full-width-teaser .cmp-carousel__actions .cmp-carousel__action.cmp-carousel__action--next .cmp-carousel__action-icon,.carousel.full-width-teaser .cmp-carousel__actions .cmp-carousel__action.cmp-carousel__action--previous .cmp-carousel__action-icon {
    background-size: cover
}

.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--pause,.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--play {
    bottom: 0;
    position: absolute;
    right: 1.25rem
}

.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--pause.cmp-carousel__action--disabled,.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--play.cmp-carousel__action--disabled {
    display: none
}

.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--play {
    padding-right: .75rem
}

.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--play .cmp-carousel__action-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTczIDM5Yy0xNC44LTkuMS0zMy40LTkuNC00OC41LS45UzAgNjIuNiAwIDgwdjM1MmMwIDE3LjQgOS40IDMzLjQgMjQuNSA0MS45UzU4LjIgNDgyIDczIDQ3M2wyODgtMTc2YzE0LjMtOC43IDIzLTI0LjIgMjMtNDFzLTguNy0zMi4yLTIzLTQxTDczIDM5eiIvPjwvc3ZnPg==) 50%;
    background-size: cover;
    height: 1.25rem;
    width: 1.25rem
}

.carousel.full-width-teaser .cmp-carousel__actions button.cmp-carousel__action.cmp-carousel__action--pause .cmp-carousel__action-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzIwIDUxMiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTQ4IDY0QzIxLjUgNjQgMCA4NS41IDAgMTEydjI4OGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMmMyNi41IDAgNDgtMjEuNSA0OC00OFYxMTJjMC0yNi41LTIxLjUtNDgtNDgtNDhINDh6bTE5MiAwYy0yNi41IDAtNDggMjEuNS00OCA0OHYyODhjMCAyNi41IDIxLjUgNDggNDggNDhoMzJjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWMTEyYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4aC0zMnoiLz48L3N2Zz4=) 50%;
    background-size: cover;
    height: 1.25rem;
    width: 1.25rem
}

.carousel.full-width-teaser .cmp-carousel__indicators {
    padding-top: 1.8rem
}

@media screen and (max-width: 767px) {
    .carousel.full-width-teaser .cmp-carousel {
        overflow:hidden
    }
}

.carousel.full-width-teaser .cmp-carousel__content {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .carousel.full-width-teaser .cmp-carousel__content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%
    }
}

.carousel.full-width-teaser .cmp-carousel__content .cmp-carousel__item {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    width: 0
}

@media screen and (max-width: 767px) {
    .carousel.full-width-teaser .cmp-carousel__content .cmp-carousel__item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        opacity: 1;
        -webkit-transition: height 0s .5s;
        transition: height 0s .5s;
        width: unset
    }
}

.carousel.full-width-teaser .cmp-carousel__content .cmp-carousel__item.cmp-carousel__item--active {
    height: 100%;
    opacity: 1;
    width: 100%
}

@media screen and (max-width: 767px) {
    .carousel.full-width-teaser .cmp-carousel__content .cmp-carousel__item.cmp-carousel__item--active {
        width:unset
    }
}

.carousel .teaser.external-link .teaser>.cmp-teaser.article-content>.cmp-teaser__image>.cmp-image>a.external-link-icon:first-child,.carousel .teaser.external-link>.cmp-teaser.article-content>.cmp-teaser__image>a.external-link-icon,.carousel .teaser.external-link>.cmp-teaser.article-content>a.external-link-icon {
    display: none
}

.carousel .teaser.external-link>.cmp-teaser.article-content>.cmp-teaser__image>.cmp-image a.external-link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.carousel .teaser.external-link>.cmp-teaser.article-content>.cmp-teaser__image>.cmp-image a.external-link-icon>picture {
    width: 100%
}

.carousel .list-card-item.cmp-carousel__item {
    height: 0
}

.carousel .list-card-item.cmp-carousel__item.cmp-carousel__item--active {
    height: auto
}