.hero__container{margin:0 13px;display:flex;flex-wrap:wrap;flex-direction:column;min-width:292px;min-height:554px;background-color:#fff}
.hero__image{width:100%;min-height:215px;height:auto;display:flex;flex-wrap:wrap;position:relative}
.hero__image img,.hero__badge img{width:100%;height:100%;object-fit:cover}
.hero__badge{position:absolute;width:42px;height:43px;top:12px;left:12px}
.hero__promo{display:flex;flex-wrap:wrap;flex-direction:column;min-height:316px;width:90%;padding:12px}
h5.hero__promo__type{color:#05141f;font-family:KIAB;font-size:12px;font-weight:bold;letter-spacing:0;line-height:18px}
.hero__promo__type--line{box-sizing:border-box;height:1px;width:35px;border:2px solid #cdd0d2;margin-top:7.5px}
.hero__promo__title{color:#05141f;font-family:KIAB;font-size:18px;font-weight:300;letter-spacing:0;line-height:20px;margin-top:8.5px;margin-bottom:8px}
.hero__promo__info a{text-decoration:underline;font-family:KIAB}
.hero__promo__info ul{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:8px;margin-bottom:10px;width:100%}
.hero__promo__info ul li{color:#666;font-family:KIAM;font-size:11px;font-weight:500;letter-spacing:0;line-height:18px;height:60px;margin:0;display:flex;flex-wrap:wrap;flex-direction:column}
.hero__promo__info ul li:last-child{margin-right:0}
.hero__promo__info ul li b{color:#05141f;font-family:KIAM;font-size:20px;font-weight:500;letter-spacing:0;line-height:18px;margin-top:4px}
.hero__promo__info{display:flex;flex-wrap:wrap;flex-direction:column;color:#333;font-family:KIAM;font-size:14px;font-weight:300;letter-spacing:0;line-height:20px;width:100%}
.hero__promo__info b{position:relative;color:#05141f;font-family:KIAM;font-size:14px;font-weight:300;letter-spacing:0;line-height:18px;margin-top:4px;display:inline-flex}
.hero__promo__terms::before{content:'*';position:absolute;left:0;top:0}
.teaser__btn__area>*{margin:.3em 0}
.teaser__btn__area{display:flex;flex-wrap:wrap;margin-top:16px;flex-direction:column;width:100%}
.teaser__btn__area a.eut_cmpe_btn.gray{height:40px;width:264px;border-radius:22.5px;background-color:#9ba1a5;color:#fff !important;font-family:KIAB;font-size:14px;font-weight:300;letter-spacing:.2px;line-height:18px;padding:12px 0 11px 17px;display:inline-flex;position:relative;text-decoration:none}
.teaser__btn__area a.eut_cmpe_btn.blue{height:40px;width:264px;border-radius:22.5px;background-color:#05141f;padding:12px 0 11px 17px;display:inline-flex;color:#fff;font-family:KIAB;font-size:14px;font-weight:300;letter-spacing:.2px;line-height:18px;position:relative;text-decoration:none}
.teaser__btn__area a.eut_cmpe_btn.small::after,.teaser__btn__area a.eut_cmpe_btn.small::before{content:'';display:inline-block;background-image:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/images/common/spr-button.png);background-repeat:no-repeat;vertical-align:top;position:absolute;top:12px;right:4px;width:13px;height:20px;background-position:-64px -64px;margin-top:-2px}
@media screen and (min-width:520px) and (max-width:767px){.teaser__btn__area a.eut_cmpe_btn.blue,.teaser__btn__area a.eut_cmpe_btn.gray{height:40px;width:264px}
.hero__badge{width:60px;height:60px;top:19px;left:18px}
.hero__promo__info ul li{flex-direction:column;width:33%}
.hero__container .teaser__btn__area{flex-direction:row}
.hero__container .teaser__btn__area a.eut_cmpe_btn{width:210px}
.hero__container .teaser__btn__area>*{margin:0 .8em 0 0}
}
@media screen and (min-width:768px){.hero__container{margin:0 auto;flex-direction:row;max-width:940px;min-height:360px}
.hero__image{width:50%;min-height:360px;position:relative}
.hero__badge{width:60px;height:60px;top:19px;left:18px}
.hero__image img,.hero__badge img{width:100%;height:100%;object-fit:cover}
.hero__promo{min-height:316px;width:46%;padding:1.5% 0 2% 1.5%}
h5.hero__promo__type{font-size:18px;font-weight:300;letter-spacing:0;line-height:24px;width:100%}
.hero__promo__type--line{box-sizing:border-box;height:1px;width:35px;border:2px solid #cdd0d2;margin-top:5.5px}
.hero__promo__title{font-size:36px;font-weight:300;letter-spacing:0;line-height:45px;width:100%;margin-top:8.5px;margin-bottom:6px}
.hero__promo__info ul{margin-bottom:8px;margin-top:0}
.teaser__btn__area{margin-top:18px;flex-direction:row;justify-content:space-between}
.teaser__btn__area a.eut_cmpe_btn.blue,.teaser__btn__area a.eut_cmpe_btn.gray{font-size:14px;line-height:18px;width:264px}
.hero__promo__info ul li{font-size:12px;font-weight:300;letter-spacing:0;line-height:18px;height:60px;width:33%;flex-direction:column}
.hero__promo__info ul li:last-child{margin-right:0}
.hero__promo__info ul li b{font-size:16px;font-weight:300;letter-spacing:0;line-height:19px;margin-top:4px}
}
@media screen and (min-width:1024px){.hero__badge{width:60px;height:60px;top:19px;left:18px}
.hero__promo__info ul li{width:33%}
.teaser__btn__area a.eut_cmpe_btn.blue,.teaser__btn__area a.eut_cmpe_btn.gray{font-size:14px;line-height:18px}
.teaser__btn__area a.eut_cmpe_btn.blue{width:48%}
.teaser__btn__area a.eut_cmpe_btn.gray{width:45%}
.hero__container .teaser__btn__area{margin-right:22px;width:100%}
}
.bite__container{margin:10px auto;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;min-height:505px;width:100%;max-width:295px;height:auto;background:#fff;padding:17px 0 0 0;justify-content:center;box-shadow:0 12px 16px 0 rgba(102,102,102,0.3)}
.bite__info{width:89%;display:flex;flex-wrap:wrap}
.bite__image{max-width:264px;max-height:165px;width:89%;height:auto;margin:8px 0;position:relative}
.bite__badge{position:absolute;top:10px;left:10px;width:43px;height:41px}
.bite__badge img,.bite__image img{width:100%;height:100%;object-fit:cover}
h5.bite__promo__type{color:#05141f;font-family:KIAM;font-size:13px;font-weight:300;letter-spacing:0;line-height:17px;width:100%}
.bite__promo__type--line{box-sizing:border-box;height:1px;width:35px;border:1px solid #cdd0d2}
.bite__promo__title{color:#05141f;font-family:KIAB;font-size:22px;letter-spacing:0;line-height:24px;margin-top:8px;width:100%}
.bite__promo__info a{text-decoration:underline;font-family:KIAB}
.bite__promo__info ul,.column_control ul li .offerTeasor .bite__container .bite__promo__info ul{display:flex;flex-wrap:wrap;margin-bottom:7px}
.bite__promo__info ul li,.column_control ul li .offerTeasor .bite__container .bite__promo__info ul li{color:#333;font-family:KIAM;font-size:16px;font-weight:500;letter-spacing:0;line-height:18px;width:100%;flex-direction:column;margin:0}
.bite__promo__info b{color:#05141f;font-size:16px;font-weight:500;font-family:KIAM;letter-spacing:0;line-height:19px}
.bite__promo__info p b{display:block;margin:4px 0 4px 0}
.bite__promo__info{width:89%;margin:13.5px 0 16px 0;color:#333;font-size:12px;font-family:KIAM;font-weight:500;letter-spacing:.1px;line-height:15px}
.bite__promo__devider{box-sizing:border-box;height:2px;width:89%;border:1px solid #e6e6e6}
.bite__container .teaser__btn__area{margin:15px 0 16px 0;display:flex;flex-wrap:wrap;justify-content:center;width:89%}
.bite__container .teaser__btn__area>*{margin:.3em 0}
.bite__container .teaser__btn__area a{margin-bottom:8px}
.bite__container .teaser__btn__area a.eut_cmpe_btn{width:263px;height:40px;position:relative}
@media screen and (min-width:520px) and (max-width:767px){.bite__image{max-width:264px;max-height:165px}
.bite__promo__info{margin:13.5px 0 16px 0;width:89%}
.bite__container .teaser__btn__area a.eut_cmpe_btn{width:225px}
}
@media screen and (min-width:768px){.bite__container{max-width:295px}
.bite__image{max-width:264px;max-height:165px;margin:8px 0;position:relative}
.bite__badge{position:absolute;top:10px;left:10px;width:60px;height:60px}
.bite__image img,.bite__badge img{width:100%;height:100%;object-fit:cover}
.bite__promo__title{font-size:18px;line-height:23px}
.bite__promo__devider{width:89%}
.bite__promo__info{margin:16px 0;width:89%}
.bite__promo__info ul,.column_control ul li .offerTeasor .bite__container .bite__promo__info ul{display:flex;flex-wrap:wrap;margin-bottom:7px}
.bite__promo__info ul li,.column_control ul li .offerTeasor .bite__container .bite__promo__info ul li{color:#05141f;font-family:KIAM;font-size:16px;font-weight:300;letter-spacing:0;line-height:19px;flex-direction:column;margin:0;width:100%}
.bite__promo__info p b,.bite__promo__info{font-weight:300}
}
.snack__container{margin:30px auto;display:flex;flex-wrap:wrap;width:100%;max-width:294px;height:auto;min-height:300px;background:#fff}
.column_control ul li .offerTeasor .snack__container{margin:0 auto;width:100%}
.snack__image,.column_control ul li .offerTeasor .snack__container .snack__image{width:100%;height:auto;position:relative}
.snack__image img,.snack__badge img{width:100%;height:100%;object-fit:cover}
.snack__badge{width:42px;height:43px;position:absolute;top:8px;left:8px}
.snack__promo,.column_control ul li .offerTeasor .snack__container .snack__promo{display:flex;flex-wrap:wrap;height:auto;width:100%;padding:12px 16px 16px 16px;box-sizing:border-box}
.snack__promo__title,.column_control ul li .offerTeasor .snack__container .snack__promo .snack__promo__title{color:#05141f;font-family:KIAM;font-size:18px;font-weight:300;letter-spacing:0;line-height:23px;width:100%;margin-bottom:13px}
.snack__promo__info,.column_control ul li .offerTeasor .snack__container .snack__promo__info{display:flex;flex-wrap:wrap;width:100%;flex-direction:column}
.snack__promo__info ul,.column_control ul li .offerTeasor .snack__container .snack__promo__info ul{display:flex;flex-wrap:wrap;flex-direction:row;margin-bottom:15px;width:100%}
.snack__promo__info ul li,.column_control ul li .offerTeasor .snack__container .snack__promo__info ul li{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;font-size:11px;line-height:18px;font-weight:300;letter-spacing:0;color:#666;font-family:KIAM;height:60px;width:33%}
.column_control ul li .offerTeasor .snack__container .snack__promo__info ul li{flex-direction:row;justify-content:flex-start;margin:0;height:auto;width:100%}
.column_control ul li .offerTeasor .snack__container .snack__promo__info ul li,.column_control ul li .offerTeasor .snack__container .snack__promo__info ul li>b{color:#333;font-family:KIAM;font-size:14px;font-weight:300;letter-spacing:0;line-height:20px}
.snack__promo__info a{text-decoration:underline;font-family:KIAB}
.snack__promo__info ul li>b{color:#05141f;font-size:16px;font-weight:300;font-family:KIAM;letter-spacing:0;line-height:19px}
.snack__promo__info ul li:last-child{margin-right:0}
.snack__promo__info{color:#333;font-size:14px;font-family:KIAM;font-weight:300;letter-spacing:0;line-height:20px;width:100%}
.snack__promo__info b{color:#05141f;font-family:KIAM;font-size:14px;font-weight:300;letter-spacing:0;line-height:18px}
.snack__promo__terms::before{content:'*';position:absolute;left:0;top:0}
.column_control ul li .offerTeasor .snack__container .snack__promo__info .teaser__btn__area a.eut_cmpe_btn.blue,.column_control ul li .offerTeasor .snack__container .snack__promo__info .teaser__btn__area a.eut_cmpe_btn.gray{max-width:257px;width:100%}
@media screen and (min-width:520px) and (max-width:767px){.snack__container{max-width:940px;width:100%}
.snack__image{width:100%}
.snack__badge{width:60px;height:60px;top:19px;left:18px}
.snack__container .teaser__btn__area{flex-direction:row}
.snack__container .teaser__btn__area a.eut_cmpe_btn{width:210px}
.snack__container .teaser__btn__area>*{margin:0 .8em 0 0}
.column_control ul li .offerTeasor .snack__container .snack__promo__info .teaser__btn__area>*{margin:.3em 0}
.snack__promo__info ul{width:94%}
.column_control ul li .offerTeasor .snack__container .snack__promo__info ul{width:100%}
}
@media screen and (min-width:768px){.snack__container{max-width:940px;width:100%}
.snack__image{width:50%}
.snack__badge{width:60px;height:60px;top:19px;left:18px}
.snack__promo{width:48%;padding:1.5% 0 2% 1.5%;height:auto}
.snack__promo__title{width:100%;font-size:36px;line-height:45px;color:#05141f;font-family:KIAB}
.snack__promo__info{width:100%}
.snack__promo__info b{color:#05141f;font-family:KIAM;font-size:16px;font-weight:300;letter-spacing:0;line-height:19px}
.snack__promo__info ul li{font-size:12px;width:33%}
.column_control ul li .offerTeasor .snack__container .teaser__btn__area,.snack__container .teaser__btn__area{width:100%;margin:18px 0 0 0}
}
@media screen and (min-width:1024px){.snack__container .teaser__btn__area{margin-right:22px;width:100%}
.snack__container .teaser__btn__area a.gray:after{margin-left:33px}
.snack__container .teaser__btn__area a.blue:after{margin-left:22px}
}