@font-face { font-family: 'Chronic Regular'; src: url("../assets/fonts/chronic/Chronic-Regular.woff2") format("woff2"), url("../assets/fonts/chronic/Chronic-Regular.woff") format("woff"), url("../assets/fonts/chronic/Chronic-Regular.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'NotoSans'; src: url("../assets/fonts/notosans/NotoSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; } @font-face { font-family: 'NotoSans'; src: url("../assets/fonts/notosans/NotoSans-Italic.ttf") format("truetype"); font-style: italic; font-display: swap; } @font-face { font-family: 'NotoSans'; src: url("../assets/fonts/notosans/NotoSans-Bold.ttf") format("truetype"); font-weight: 700; } @font-face { font-family: 'NotoSans'; src: url("../assets/fonts/notosans/NotoSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-display: swap; font-style: italic; } @font-face { font-family: 'CabinSketch Bold'; src: url("../assets/fonts/cabin-sketch/CabinSketch-Bold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'KGSecondChanges Sketch'; src: url("../assets/fonts/kgsecondchance/KGSecondChancesSketch.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'KGSecondChanges Solid'; src: url("../assets/fonts/kgsecondchance/KGSecondChancesSolid.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'Alabama'; src: url("../assets/fonts/alabama/Alabama.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'GamjaFlower Regular'; src: url("../assets/fonts/gamja/GamjaFlower-Regular.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'Lalezar Regular'; src: url("../assets/fonts/lalezar/Lalezar-Regular.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'Neucha'; src: url("../assets/fonts/neucha/Neucha.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'Noteworthy Bold'; src: url("../assets/fonts/noteworthy/Noteworthy-Bold.otf"); font-display: swap; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-Bold.ttf"); font-display: swap; font-weight: 700; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-ExtraLight.ttf"); font-display: swap; font-weight: 200; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-Light.ttf"); font-display: swap; font-weight: 300; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-Medium.ttf"); font-display: swap; font-weight: 500; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-Regular.ttf"); font-display: swap; font-weight: 400; } @font-face { font-family: 'Pridi'; src: url("../assets/fonts/pridi/Pridi-SemiBold.ttf"); font-display: swap; font-weight: 600; } @font-face { font-family: 'Setofont'; src: url("../assets/fonts/setofont/setofont.woff") format("woff"); font-display: swap; } @font-face { font-family: 'VarelaRound Regular'; src: url("../assets/fonts/varela/VarelaRound-Regular.ttf") format("truetype"); font-display: swap; } h1, h2, h3, h4, h5, h6, .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title { font-family: "Chronic Regular", sans-serif; } [lang*='ar-'] h1, [lang*='ar-'] h2, [lang*='ar-'] h3, [lang*='ar-'] h4, [lang*='ar-'] h5, [lang*='ar-'] h6, [lang*='ar-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='ar-'] a, [lang*='ar-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='ar-'] .bdi-local-activation-main-navigation-title { font-family: "Lalezar Regular", sans-serif; } [lang*='el-'] h1, [lang*='el-'] h2, [lang*='el-'] h3, [lang*='el-'] h4, [lang*='el-'] h5, [lang*='el-'] h6, [lang*='el-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='el-'] a, [lang*='el-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='el-'] .bdi-local-activation-main-navigation-title { font-family: "Alabama", sans-serif; } [lang*='ko-'] h1, [lang*='ko-'] h2, [lang*='ko-'] h3, [lang*='ko-'] h4, [lang*='ko-'] h5, [lang*='ko-'] h6, [lang*='ko-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='ko-'] a, [lang*='ko-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='ko-'] .bdi-local-activation-main-navigation-title { font-family: "GamjaFlower Regular", sans-serif; } [lang*='ru-'] h1, [lang*='ru-'] h2, [lang*='ru-'] h3, [lang*='ru-'] h4, [lang*='ru-'] h5, [lang*='ru-'] h6, [lang*='ru-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='ru-'] a, [lang*='ru-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='ru-'] .bdi-local-activation-main-navigation-title, [lang*='lv-'] h1, [lang*='lv-'] h2, [lang*='lv-'] h3, [lang*='lv-'] h4, [lang*='lv-'] h5, [lang*='lv-'] h6, [lang*='lv-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='lv-'] a, [lang*='lv-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='lv-'] .bdi-local-activation-main-navigation-title, [lang*='lt-'] h1, [lang*='lt-'] h2, [lang*='lt-'] h3, [lang*='lt-'] h4, [lang*='lt-'] h5, [lang*='lt-'] h6, [lang*='lt-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='lt-'] a, [lang*='lt-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='lt-'] .bdi-local-activation-main-navigation-title, [lang*='et-'] h1, [lang*='et-'] h2, [lang*='et-'] h3, [lang*='et-'] h4, [lang*='et-'] h5, [lang*='et-'] h6, [lang*='et-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='et-'] a, [lang*='et-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='et-'] .bdi-local-activation-main-navigation-title, [lang*='kk-'] h1, [lang*='kk-'] h2, [lang*='kk-'] h3, [lang*='kk-'] h4, [lang*='kk-'] h5, [lang*='kk-'] h6, [lang*='kk-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='kk-'] a, [lang*='kk-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='kk-'] .bdi-local-activation-main-navigation-title { font-family: "Noteworthy Bold", sans-serif; } [lang*='he-'] h1, [lang*='he-'] h2, [lang*='he-'] h3, [lang*='he-'] h4, [lang*='he-'] h5, [lang*='he-'] h6, [lang*='he-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='he-'] a, [lang*='he-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='he-'] .bdi-local-activation-main-navigation-title { font-family: "VarelaRound Regular", sans-serif; } [lang*='uk-'] h1, [lang*='uk-'] h2, [lang*='uk-'] h3, [lang*='uk-'] h4, [lang*='uk-'] h5, [lang*='uk-'] h6, [lang*='uk-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='uk-'] a, [lang*='uk-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='uk-'] .bdi-local-activation-main-navigation-title, [lang*='bg-'] h1, [lang*='bg-'] h2, [lang*='bg-'] h3, [lang*='bg-'] h4, [lang*='bg-'] h5, [lang*='bg-'] h6, [lang*='bg-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='bg-'] a, [lang*='bg-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='bg-'] .bdi-local-activation-main-navigation-title { font-family: "Neucha", sans-serif; } [lang*='zh-CN'] h1, [lang*='zh-CN'] h2, [lang*='zh-CN'] h3, [lang*='zh-CN'] h4, [lang*='zh-CN'] h5, [lang*='zh-CN'] h6, [lang*='zh-CN'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='zh-CN'] a, [lang*='zh-CN'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='zh-CN'] .bdi-local-activation-main-navigation-title { font-family: Arial; } [lang*='zh-TW'] h1, [lang*='zh-TW'] h2, [lang*='zh-TW'] h3, [lang*='zh-TW'] h4, [lang*='zh-TW'] h5, [lang*='zh-TW'] h6, [lang*='zh-TW'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='zh-TW'] a, [lang*='zh-TW'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='zh-TW'] .bdi-local-activation-main-navigation-title, [lang*='zh-HK'] h1, [lang*='zh-HK'] h2, [lang*='zh-HK'] h3, [lang*='zh-HK'] h4, [lang*='zh-HK'] h5, [lang*='zh-HK'] h6, [lang*='zh-HK'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='zh-HK'] a, [lang*='zh-HK'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='zh-HK'] .bdi-local-activation-main-navigation-title { font-family: "Setofont", sans-serif; } [lang*='th-'] h1, [lang*='th-'] h2, [lang*='th-'] h3, [lang*='th-'] h4, [lang*='th-'] h5, [lang*='th-'] h6, [lang*='th-'] .bdi-local-activation-menu--main a, .bdi-local-activation-menu--main [lang*='th-'] a, [lang*='th-'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content [lang*='th-'] .bdi-local-activation-main-navigation-title { font-family: "Pridi", sans-serif; } html { height: 100%; font-size: 62.5%; box-sizing: border-box; font-family: "NotoSans", sans-serif; color: #424242; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; min-height: 100%; background-color: #faf5ed; font-family: inherit; font-size: 16px; color: inherit; } @media (min-width: 600px) { body { font-size: 17px; } } fieldset { margin: 0; } ul { margin: 0; padding: 0; list-style: none; } ul li { list-style-image: none; } img { display: block; width: auto; max-width: 100%; height: auto; } iframe { display: block; width: 100%; height: 100%; } :focus { outline: none; } figure { margin: 0; } video { display: block; position: absolute; top: 0; left: 0; width: 100%; } .block-system-branding-block img { max-width: 144px; } .layout-container { overflow: hidden; } h1, h2, h3 { line-height: .91429; } .page-node-type-basic-page .field--type-text-long p { margin-top: 16px; margin-bottom: 16px; line-height: 1.5; } @media (min-width: 600px) { .page-node-type-basic-page .field--type-text-long p { margin-top: 17px; margin-bottom: 17px; } } .page-node-type-basic-page .field--type-text-long ul, .page-node-type-basic-page .field--type-text-long ol { padding: 0; margin: 0 0 10px 25px; } .page-node-type-basic-page .field--type-text-long ul li, .page-node-type-basic-page .field--type-text-long ol li { line-height: 20px; } .page-node-type-basic-page .field--type-text-long ul { list-style: disc; } .page-node-type-basic-page .field--type-text-long a { color: #0af; text-decoration: none; } .page-node-type-basic-page .field--type-text-long a:hover { color: #f3410e; text-decoration: underline; } .page-node-type-basic-page p { line-height: 1.5; } button { padding: 0; border: 0; box-shadow: none; background: none; -webkit-appearance: none; cursor: pointer; } .poster { display: inline-block; position: relative; } .play-button { position: absolute; cursor: pointer; } .play-button .play-button-icon { fill: #fff; } .play-button .play-button-body { fill: #f3410e; } .play-button .play-button-shadow { fill: rgba(0, 0, 0, 0.1); } .play-button:hover svg { animation: buttonCtaBounce 0.5s; } .video-player { display: none; } .video-player--visible { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .video-player .player-wrapper { position: relative; margin: 48px; padding: 10px; width: 80%; background: #fff; } @media (min-width: 600px) { .video-player .player-wrapper { padding: 20px; } } @media (min-width: 769px) { .video-player .player-wrapper { max-width: 1200px; } } @media (max-height: 730px) { .video-player .player-wrapper { max-width: 950px; } } .video-player .with-poster { height: 50vw; } .video-player .button-close { position: absolute; top: -40px; right: -40px; width: 70px; height: 70px; z-index: 1; } .video-player .video-embed-field-provider-ferrero-video-platform { position: relative; } .video-player .video-embed-field-provider-ferrero-video-platform:before { content: ''; display: block; padding-top: 56.25%; } .video-player video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } @media (min-width: 900px) { .video-player iframe { min-height: 480px; } } .poster-gif { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .product-details-slide .play-button { height: 52px; width: 64px; } @media (min-width: 1650px) { .product-details-slide .play-button { width: 90px; height: 76px; } } .lightbox-video.contextual-region { position: static; } .lightbox-video .poster { width: 100%; } .lightbox-video .play-button { position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); cursor: pointer; } @media (min-width: 900px) { .lightbox-video .play-button { bottom: 40px; left: 40px; right: auto; top: auto; -ms-transform: none; transform: none; } } @media (min-width: 600px) { .lightbox-video .play-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .lightbox-video .play-button svg { display: block; width: 90px; height: 80px; } @media (min-width: 600px) { .lightbox-video .play-button svg { width: 6.25vw; height: 5.55556vw; } } .lightbox-video .play-button .field--name-video-title { display: none; } @media (min-width: 600px) { .lightbox-video .play-button .field--name-video-title { display: block; padding-left: 1em; font-size: 1.66667vw; color: #fff; } } .paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, .hub-header .lightbox-video .poster .play-button, .banners .lightbox-video .poster .play-button { right: auto; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button svg, .hub-header .lightbox-video .poster .play-button svg, .banners .lightbox-video .poster .play-button svg { width: 100%; height: 100%; } .hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button { padding: 0 10px; width: 22vw; height: 22vw; z-index: 1; } @media (min-width: 769px) { .hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button { width: 10vw; height: 10vw; } } h1 { margin-top: 50px; padding: 67px 20px 100px; text-align: center; } @media (min-width: 769px) { h1 { margin-top: 107px; padding-bottom: 50px; } } #header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: fixed; left: 0; right: 0; top: 0; min-height: 107px; -ms-transform: translateY(0); transform: translateY(0); transition: transform 0.125s ease-in-out; will-change: transform; backface-visibility: hidden; z-index: 99; } #header.sticky { transition: 0.25s; } #header.not-sticky { -ms-transform: translateY(-150px); transform: translateY(-150px); transition: 0.125s; } #header:before { position: absolute; display: block; content: ''; padding-top: 50px; width: 100%; background-color: #f3410e; } @media (min-width: 1024px) { #header:before { padding-top: 56px; } } #header .bdi-local-activation-block-system-branding-block { display: block; width: 100px; z-index: 1001; } @media (min-width: 1024px) { #header .bdi-local-activation-block-system-branding-block { min-width: 144px; height: 56px; } } #header .bdi-local-activation-block-system-branding-block img { position: absolute; top: 0; left: 3vw; width: 100px; z-index: 10; } @media (max-width: 768px) and (min-width: 401px) { #header .bdi-local-activation-block-system-branding-block img { width: 140px; } } @media (max-width: 1024px) and (min-width: 769px) { #header .bdi-local-activation-block-system-branding-block img { width: 120px; } } @media (min-width: 901px) { #header .bdi-local-activation-block-system-branding-block img { left: 2vw; width: 126px; } } @media (min-width: 1025px) { #header .bdi-local-activation-block-system-branding-block img { left: 1vw; width: 144px; } } #header .bdi-local-activation-menu--main-wrapper { position: relative; margin-left: auto; width: 100% !important; } #header .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu { white-space: nowrap; -ms-flex-pack: end; justify-content: flex-end; } .bdi-local-activation-menu--main a { display: block; position: relative; letter-spacing: .01ex; text-decoration: none; z-index: 1; } .bdi-local-activation-menu--main a::after { content: ''; position: absolute; left: 50%; bottom: 10px; width: 0; height: 5px; opacity: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); transition: width 0.2s ease-out, opacity 0.1s; } .bdi-local-activation-menu--main .bdi-local-activation-next-level a::after { content: none; } .bdi-local-activation-menu--main .bdi-local-activation-menu-item:hover a::after { opacity: 1; width: calc(100% - 40px); } .bdi-local-activation-menu--main .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-with-logos .bdi-local-activation-with-media .bdi-local-activation-menu-item-title { display: none; } .bdi-local-activation-menu--main .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-with-logos .bdi-local-activation-with-media img { transition: all .2s ease; } .bdi-local-activation-menu--main .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-with-logos .bdi-local-activation-with-media img:hover { transform: scale3d(1.2, 1.2, 1.2); } .bdi-local-activation-menu--main .bdi-local-activation-promo-block { position: relative; width: 300px; height: 150px; border-radius: 16px 0; overflow: hidden; background-size: cover; background-position: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); } .bdi-local-activation-menu--main .bdi-local-activation-promo-block.bdi-local-activation-promo-block-overlay::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(40, 40, 40, 0.98) 0%, rgba(40, 40, 40, 0.6) 15%, rgba(40, 40, 40, 0.3) 40%, rgba(40, 40, 40, 0) 88%); z-index: 1; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block img { width: 100%; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-promo-block-text { position: absolute; right: 5px; bottom: 15px; left: 5px; text-transform: uppercase; text-align: center; font-size: 8px; z-index: 2; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-promo-block-white { color: #fff; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-promo-block-black { color: #000; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-promo-block-blue { color: #009fe5; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-promo-block-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-play-button { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-play-button-shadow { fill: rgba(0, 0, 0, 0.1); } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-play-button-body { fill: #f3410e; } .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-play-button-icon { fill: #fff; } .bdi-local-activation-menu--main-wrapper .contextual-region { position: static; width: 100%; } @media (min-width: 1024px) { .bdi-local-activation-menu--main-wrapper .main-footer { display: none; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .bdi-local-activation-first-level .bdi-local-activation-menu a { padding: 20px; font-size: 20px; line-height: 16px; color: #fff; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item.bdi-local-activation-menu-item--active-trail a::after, .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item:not(.bdi-local-activation-menu-item--expanded):hover a::after { opacity: 1; width: calc(100% - 40px); background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAFBAMAAABx6EW5AAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMA7ffgbcWeVLPUF4Q9LPxNt5kAAADYSURBVBjTY2BAAK4FcKYLA8OtuwsY2AsYlm/Ldq85kpGWXbJ7i3f3XUfrBTy7C5A0Xe97GGr3cG/lO7Pkd++sazzfPRQUlHsHBBIg4pFkqNy7l0HvoEDpnWikseCM5mkutTD9JXogCb13j969ewjSp6inBCSE3ikbGoNlIKKPhC0jhUwj9RQFBRVNWyMNBY0jsqsgBvi9Iw687JB7Z5ERut1V7p1EqmWw4oy0NB+Itxl4vFMnGz3MPfEoovmdZPC7KQzHbx3JSHFxv7D8AMPaMwsYcIFVCxgAH+2M1PvZe2wAAAAASUVORK5CYII=") 50%/100% 100%; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded { position: relative; overflow: hidden; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item { width: 120px; overflow: hidden; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width { position: static; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper { position: relative; -ms-flex-negative: 3; flex-shrink: 3; overflow: hidden; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos.bdi-local-activation-kinder-has-promo-block .bdi-local-activation-full-width-menu-wapper { margin-right: 10px; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos.bdi-local-activation-kinder-has-promo-block .bdi-local-activation-full-width-menu-wapper .bdi-local-activation-full-width-menu-wapper-inner { -ms-flex-pack: start; justify-content: flex-start; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner.flex-start { -ms-flex-pack: start; justify-content: flex-start; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger { position: absolute; top: 0; width: 110px; height: 100%; z-index: 9999; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger .bdi-local-activation-menu-arrow { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; padding: 10px; cursor: pointer; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-left { left: -110px; background: linear-gradient(90deg, white 35%, rgba(255, 255, 255, 0) 100%); } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-left .bdi-local-activation-menu-arrow { left: 0; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-left .bdi-local-activation-menu-arrow-svg { -ms-transform: rotate(180deg); transform: rotate(180deg); } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-right { right: -110px; background: linear-gradient(-90deg, white 35%, rgba(255, 255, 255, 0) 100%); } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-right .bdi-local-activation-menu-arrow { right: 0; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-service-menu-trigger.bdi-local-activation-service-menu-right .bdi-local-activation-menu-arrow-svg { -ms-transform: scaleY(-1); transform: scaleY(-1); } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded:hover a::after { bottom: 0; width: 55px; height: 13px; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top; opacity: 1; transition: height 0.2s ease-out, opacity 0.1s; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded:hover { overflow: visible; } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.touched-link > .bdi-local-activation-next-level, .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded:hover > .bdi-local-activation-next-level { height: auto; max-height: 500px; transition: max-height 0.8s ease-out; } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width:hover > .bdi-local-activation-next-level { min-width: 100%; padding: 10px 0; } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width:hover > .bdi-local-activation-next-level > .menu { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.touched-link > a::after { bottom: 0; width: 55px; height: 13px; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top; opacity: 1; transition: height 0.2s ease-out, opacity 0.1s; } } @media (min-width: 1024px) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.touched-link > .bdi-local-activation-next-level { height: auto; max-height: 500px; transition: max-height 0.8s ease-out; } } @media (min-width: 1024px) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.touched-link.bdi-local-activation-no-full-width > .bdi-local-activation-next-level { min-width: 100%; padding: 10px 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.touched-link.bdi-local-activation-show-full-width > .bdi-local-activation-next-level > .menu { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: start; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level .bdi-local-activation-menu { -ms-flex-negative: 3; flex-shrink: 3; width: 63%; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level .bdi-local-activation-promo-block { -ms-flex-order: 1; order: 1; -ms-flex-negative: 1; flex-shrink: 1; margin: 40px auto 30px 0; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level { display: block; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level .bdi-local-activation-menu { padding-top: 10px; padding-right: 320px; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level .bdi-local-activation-promo-block { float: right; margin: 10px 20px 10px 0; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width.bdi-local-activation-show-with-logos .bdi-local-activation-menu-item { margin: 0 auto; } .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-hide-md, .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-icon-arrow, .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-service-back-link { display: none; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-next-level { height: 0; max-height: 0; overflow: hidden; opacity: 0; transition: opacity 1s linear; } } .bdi-local-activation-first-level .bdi-local-activation-menu-arrow-below { display: inline; } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu-arrow-below { display: none; } } .bdi-local-activation-first-level .bdi-local-activation-service-back-link .bdi-local-activation-menu-arrow-below { display: none; } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-mobile-menu-button-top { display: none; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-draggable::before, .bdi-local-activation-first-level .bdi-local-activation-draggable::after { content: ''; position: absolute; top: 0; bottom: 0; pointer-events: none; z-index: 1; } .bdi-local-activation-first-level .bdi-local-activation-draggable::before { left: -180px; width: 180px; background: linear-gradient(90deg, #f3410e 0%, #f3410e 110px, rgba(243, 65, 14, 0.6) 163px, rgba(243, 65, 14, 0) 180px); } .bdi-local-activation-first-level .bdi-local-activation-draggable::after { right: 0; width: 80px; background: linear-gradient(90deg, rgba(243, 65, 14, 0) 1%, #f3410e); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded:hover a::after { bottom: 0; width: 55px; height: 13px; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top; opacity: 1; transition: height 0.2s ease-out, opacity 0.1s; } } @media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded:hover > .next-level { height: auto; max-height: 500px; transition: max-height 0.8s ease-out; } } @media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-no-full-width:hover > .next-level { min-width: 100%; padding: 10px 0; } } @media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width:hover > .next-level > .menu { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .bdi-local-activation-first-level .bdi-local-activation-next-level { position: absolute; top: 56px; left: 0; background-color: #fff; opacity: 1; transition: opacity 1s linear; box-shadow: 0 2px 27px 0 rgba(0, 0, 0, 0.3); } .bdi-local-activation-first-level .bdi-local-activation-next-level a { padding: 10px 20px; color: #000; font-family: inherit; font-size: 16px; letter-spacing: 0.44px; } .bdi-local-activation-first-level .bdi-local-activation-next-level a:hover { color: #009fe5; } .bdi-local-activation-first-level .bdi-local-activation-next-level a.is-active { font-family: "NotoSans", sans-serif; font-weight: 700; color: #009fe5; } .bdi-local-activation-first-level .bdi-local-activation-next-level .bdi-local-activation-menu { display: block; } .bdi-local-activation-first-level .bdi-local-activation-next-level .bdi-local-activation-menu-item.hide-md { display: none; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level { width: 100vw; right: 0; left: auto; padding: 0 40px 0 170px; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level .bdi-local-activation-menu { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px auto 30px; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item { width: 25%; white-space: normal; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level .bdi-local-activation-full-width-menu-wapper { margin: 30px auto; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level .bdi-local-activation-full-width-menu-wapper .bdi-local-activation-menu { margin: 0; } .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level a { padding: 10px; } .bdi-local-activation-first-level .bdi-local-activation-show-with-logos .bdi-local-activation-next-level a { padding: 10px 15px; } .bdi-local-activation-first-level .bdi-local-activation-show-with-logos .bdi-local-activation-next-level .hide-md { display: none; } } @media (max-width: 1023px) { .bdi-local-activation-mobile-menu-open { overflow: hidden; } .bdi-local-activation-mobile-menu-open .bdi-local-activation-main-content { opacity: 0; overflow: hidden; } .bdi-local-activation-mobile-menu-open .bdi-local-activation-button-to-top .bdi-local-activation-mobile-menu-button-top { display: block; position: fixed; right: 20px; top: 60vh; z-index: 10; } .bdi-local-activation-mobile-menu-open #header { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .bdi-local-activation-mobile-menu-open #header.not-sticky { -ms-transform: none; transform: none; } .bdi-local-activation-mobile-menu-open #header .region-header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .bdi-local-activation-mobile-menu-open.mobile-ios .menu--main-wrapper .next-level .region-footer { padding-bottom: 70px; } } @media (max-width: 1024px) and (min-width: 401px) { header .menu--main-wrapper .next-level .service-back-link a { margin-top: 80px; } } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content { position: relative; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title { display: none; } @media (max-width: 1023px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-main-navigation-title { display: block; padding-top: 48px; font-size: 28px; line-height: .91429; color: #009fe5; letter-spacing: -.01ex; text-align: center; } } @media (max-width: 1023px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel { position: fixed; top: 50px; right: 0; bottom: 0; left: 0; display: block; padding-bottom: 50px; width: 100%; height: 100vh; background-color: #faf5ed; -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; z-index: 5; } .mobile-ios .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content { background-image: url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/cloud.png"), url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/cloud.png"); background-position: -60px 90px, 100% 200px; background-size: 183px, 131px; background-repeat: no-repeat; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel .bdi-local-activation-main-footer { position: relative; z-index: 1; padding-bottom: 0; background: transparent; text-align: left; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel .bdi-local-activation-main-footer .menu { margin: 0; width: 100%; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel .bdi-local-activation-main-footer li { padding-left: 0; border-bottom: 0; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel .bdi-local-activation-main-footer a { padding-left: 0; font-family: "NotoSans", sans-serif; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu--footer .menu { margin: 0; width: 100%; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu--footer .menu li { border-bottom: 0 !important; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu--footer .menu li a { padding: 0 !important; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu--footer .menu li a:before { display: none !important; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul { -ms-transform: none !important; transform: none !important; padding: 40px 0 64px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li { display: block; text-align: center; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li a { display: inline-block; padding: 10px; color: #424242; line-height: 16px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li a.sub-menu-open { color: #009fe5; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li a.sub-menu-open > .icon-arrow { -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li a.sub-menu-open > .icon-arrow path { fill: #009fe5; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li > a { padding: 16px; font-size: 28px; line-height: 18px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li > a > .bdi-local-activation-icon-arrow { display: inline-block; width: 20px; height: 20px; -ms-transform: rotate(90deg); transform: rotate(90deg); transition: transform .25s; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li.bdi-local-activation-hide-xs { display: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content > ul > li.bdi-local-activation-menu-item--expanded > a { line-height: 16px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level { position: absolute; top: 0; left: 100%; width: 0; margin-bottom: 50px; overflow: hidden; background-color: #faf5ed; z-index: 1; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level ul { padding-bottom: 24px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-next-level { display: none; height: 0; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-service-back-link a { margin: 50px 0 30px; padding: 0 5px; font-size: 28px; line-height: .91429; color: #009fe5; letter-spacing: 0.78px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-service-back-link .bdi-local-activation-icon-arrow { display: inline-block; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-service-back-link .bdi-local-activation-icon-arrow svg { width: 16px; height: 21px; -ms-transform: rotate(180deg); transform: rotate(180deg); fill: #009fe5; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-promo-block { margin: 0 auto 40px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-service-menu-trigger { display: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu { margin: 0 auto; width: 80vw; text-align: left; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu a { padding: 0; font-family: inherit; font-size: 18px; color: #424242; letter-spacing: 0.5px; line-height: 2; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu a.is-active { font-weight: 700; color: #009fe5; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu a.is-active > .bdi-local-activation-icon-arrow { -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu a.is-active > .bdi-local-activation-icon-arrow path { fill: #009fe5; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item:not(.with-media) { border-bottom: 3px solid #F4E4C1; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item:not(.with-media) a { padding: 12px 0 12px 15px; line-height: 1; white-space: normal; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item:not(.with-media) a:before { content: ''; display: block; position: absolute; top: 16px; left: 0; width: 9px; height: 13px; background-image: url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/svg/arrow-black.svg"); background-repeat: no-repeat; background-size: 100% 100%; } .bdi-local-activation-menu--main-wrapper .nav-panel-content .block-language li a { display: block; padding: 0; line-height: 2.5625; text-align: center; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu-arrow-below { width: 16px; height: 18px; fill: #424242; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-mobile-menu-button-top { display: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item { width: 180px; margin: 20px auto; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item a { display: block; width: 100%; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item img { width: 100%; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos.bdi-local-activation-menu-item--expanded .with-media img:hover { -ms-transform: none; transform: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; min-width: 400px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner .bdi-local-activation-menu .bdi-local-activation-menu-item { margin: 20px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level > .bdi-local-activation-menu, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner.bdi-local-activation-single-menu .bdi-local-activation-menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 400px; margin: 0 auto; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level > .bdi-local-activation-menu .bdi-local-activation-menu-item, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner.bdi-local-activation-single-menu .bdi-local-activation-menu .bdi-local-activation-menu-item { margin: 20px 10px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-promo-block { width: 70vw; height: 35vw; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-promo-block .bdi-local-activation-play-button { width: 60px; height: 54px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-hide-xs { display: none; } } @media (max-width: 899px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level { background-position: -30px 170px, 103% 220px; background-size: 76px, 48px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-menu a { font-size: 18px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-next-level .bdi-local-activation-promo-block { margin: 0 auto 20px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-menu--main .bdi-local-activation-promo-block { width: 80vw; height: 40vw; } } @media (max-width: 599px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner { min-width: 300px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level .bdi-local-activation-menu .bdi-local-activation-menu-item { width: 110px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level > .bdi-local-activation-menu, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner.bdi-local-activation-single-menu .bdi-local-activation-menu { width: 260px; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-next-level > .bdi-local-activation-menu .bdi-local-activation-menu-item, .bdi-local-activation-menu--main-wrapper .bdi-local-activation-show-with-logos .bdi-local-activation-full-width-menu-wapper-inner.bdi-local-activation-single-menu .bdi-local-activation-menu .bdi-local-activation-menu-item { margin: 10px; } } .bdi-local-activation-nav-mobile-button { display: block; position: absolute; right: 0; padding: 13px; height: 24px; width: 32px; box-sizing: content-box; } @media (min-width: 1024px) { .bdi-local-activation-nav-mobile-button { display: none; } } .bdi-local-activation-nav-mobile-close-button { -ms-transform: translateX(100%); transform: translateX(100%); } [dir='rtl'] #header .bdi-local-activation-block-system-branding-block img { left: 0; right: 3vw; } @media (min-width: 901px) { [dir='rtl'] #header .bdi-local-activation-block-system-branding-block img { left: 0; right: 2vw; } } @media (min-width: 1025px) { [dir='rtl'] #header .bdi-local-activation-block-system-branding-block img { left: 0; right: 1vw; } } [dir='rtl'] #header .bdi-local-activation-menu--main-wrapper { margin-left: 0; margin-right: auto; } @media (min-width: 1024px) { [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-menu { margin-left: 0; margin-right: auto; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-next-level { right: 0; left: auto; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-show-full-width .bdi-local-activation-next-level { right: auto; left: 0; padding: 0 170px 0 40px; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-kinder-has-promo-block > .bdi-local-activation-next-level .bdi-local-activation-promo-block { margin: 10px 20px 10px 0; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-kinder-has-promo-block.bdi-local-activation-show-full-width > .bdi-local-activation-next-level .bdi-local-activation-promo-block { margin: 40px 0 30px auto; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-menu .bdi-local-activation-menu-item--expanded.bdi-local-activation-show-full-width.bdi-local-activation-show-with-logos.bdi-local-activation-kinder-has-promo-block .bdi-local-activation-full-width-menu-wapper { margin-right: auto; margin-left: 10px; } } @media (max-width: 1023px) { [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-next-level { right: 100%; left: auto; } [dir='rtl'] #header .bdi-local-activation-first-level .bdi-local-activation-next-level .bdi-local-activation-service-back-link .bdi-local-activation-icon-arrow svg { -ms-transform: scaleY(-1); transform: scaleY(-1); } } [dir='rtl'] #header .bdi-local-activation-nav-mobile-button { right: auto; left: 0; } [dir='rtl'] #header .bdi-local-activation-nav-mobile-close-button { -ms-transform: translateX(-100%); transform: translateX(-100%); } @media (max-width: 1023px) { [dir='rtl'] .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel { -ms-transform: translateX(-100%); transform: translateX(-100%); } } .footer-wrapper { position: relative; margin-top: 18.48739vw; padding: 10vw 8vmin 5vmin; background-color: #f3410e; font-size: 11px; color: #fff; } @media (min-width: 900px) { .footer-wrapper { margin-top: 8.61111vw; padding: 1em 2vmin 1.5em; } } .footer-wrapper::before { content: ''; display: block; position: absolute; top: -18.48739vw; left: 0; width: 100%; height: 18.48739vw; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQgMCA1MDAgNDMiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTEzLjk5OTY5LDExLjQwODUxYy00LjAxNDgzLDEuNjAyMzYtNy45NDI4NywzLjE1Nzc4LTExLjQ5OTgyLDQuMzQzNDQtMTgsNi0yMS40LTQuMi0yMy4zLTguNS0yLjMtNS40LTExLjgtNS41LTMzLjgsMy45LTcuMiwzLjEtMTIuOCw1LjEtMTcsNS44LTMuNy42LTkuNC44LTEzLjQtMi4xLTQuOS0zLjYtMy4zLTEwLjItOS45LTExLjItNy4yLTEuMS0xOS43LDQuMi0yOS42LDguMS0xMC4zLDQuMS0xNS4xLDYuNC0yMi43LDUuMnMtOC43LTcuNi05LjktOS44Yy0xLjYtMy01LjEtNS42LTE4LjgtMS40LTE1LjgsNC45LTI0LjMsMTAuMi0zMywxMS40LTEyLjUsMS42LTE0LjktNC43LTE2LjUtOC4xLTEuOC00LTQuMy04LjgtMjIuOC0yLjQtMTguMyw2LjQtMjMuMywxMC42LTMyLjgsMTAuNy0xNi44LjEtOS41LTEyLjYtMTkuNi0xMy42LTguNC0uOC0xNy40LDMuMS0yNy45LDcuNGE5Mi45NzQ4Nyw5Mi45NzQ4NywwLDAsMS0xMy43LDQuOWMtMTUuMSwzLjgtMTguNy0yLjctMjAuOC03LjMtLjQtLjktMS4yLTMuMy0zLjItNC4zLTQuMS0yLTEyLjctMS0xOS4xLDEuOS03LjgsMy41LTE4LjQsMTEuMi0yNi4xLDExLjgtNS4xLjQtNi44LTEuOC03LjEtMy43YTQuNjc4MjYsNC42NzgyNiwwLDAsMSwuNS0yLjZjLjYtMS4zLDEuNS0zLjctLjItNS44LTIuMS0yLjctOS4zLTIuMi05LjMtMi4yLTE0LjcuNy0yMSw1LjQtMzIsMTAuNS03LDMuMi0xMiw0LjItMTUuOCwzLjRhOS44ODM3Miw5Ljg4MzcyLDAsMCwxLTMuMy0xLjVjLTEuNC0xLjEtMy4xLTMuNC0yLTUuOWE2LjQzNDg0LDYuNDM0ODQsMCwwLDEsMi4yLTIuNyw4LjYzNSw4LjYzNSwwLDAsMCwxLjMtMS40YzEuNC0xLjkuOC01LjEtMi45LTZhMTcuNjA1NDMsMTcuNjA1NDMsMCwwLDAtOS45LDEuMmMtMy43LDEuNi02LjcsMy4xLTEwLjEsNC44VjQzLjQwMTI1SDUxMy45OTk2OVoiIGZpbGw9IiNmMzQxMGUiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTY4LjI5OTY4LDEzLjM1MTkzYTQuNzY3MDcsNC43NjcwNywwLDAsMC00LjksMS43LDguODg3MzQsOC44ODczNCwwLDAsMC0xLjksNC43LDMuMjk0NzgsMy4yOTQ3OCwwLDAsMCwwLDEuNCwzLjIzMjEzLDMuMjMyMTMsMCwwLDAsMy45LDIuNWMyLjYtLjQsNC4zLTMuNyw0LjUtNi41QzcwLjA5OTcsMTMuOTUxOTQsNjguMjk5NjgsMTMuMzUxOTMsNjguMjk5NjgsMTMuMzUxOTNaIiBmaWxsPSIjZmZmIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik01NS42OTk3MSwxMy43NTE5MmMtLjkuNC0xLjguOS0yLjcsMS40YTM2LjU5NCwzNi41OTQsMCwwLDAtOC4yLDhjLTMuNSw0LjctNC4zLDguNy00LjMsMTEuNmE3LjcyNTcxLDcuNzI1NzEsMCwwLDAsNy40LDcuNGM1LjguMyw4LjctNCw4LjctOC41LDAtMy43LTEuNS02LjctMS0xMS41YTE2LjEyNSwxNi4xMjUsMCwwLDEsMS4zLTQuOWgwYy4yLS4zLjQtLjcuNi0xLDEuMS0xLjMsMS4xLTIuMS41LTIuNkEyLjY1NzEzLDIuNjU3MTMsMCwwLDAsNTUuNjk5NzEsMTMuNzUxOTJaIiBmaWxsPSIjZmZmIj48L3BhdGg+CiAgICAgICAgICA8L3N2Zz4="); background-size: cover; background-repeat: no-repeat; } @media (min-width: 900px) { .footer-wrapper::before { top: -8.61111vw; height: 8.61111vw; } } @media (min-width: 900px) { .footer-wrapper #footer { display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 1056px; } } .footer-wrapper a { color: #fff; text-decoration: none; } .footer-wrapper a:hover { text-decoration: underline; } #footer { position: relative; } @media (max-width: 899px) { #footer { min-height: 60px; } } @media (max-width: 479px) { #footer { min-height: 100px; } } @media (min-width: 900px) { .bdi-local-activation-menu--footer, .bdi-local-activation-block-language { margin-top: 7px; font-size: 0; } } .bdi-local-activation-menu--footer li, .bdi-local-activation-block-language li { line-height: 1.15; } @media (min-width: 900px) { .bdi-local-activation-menu--footer li, .bdi-local-activation-block-language li { display: inline-block; } } .bdi-local-activation-menu--footer li a, .bdi-local-activation-block-language li a { display: inline-block; font-size: 11px; line-height: 1; } .bdi-local-activation-block-international-globe { position: static; } .bdi-local-activation-block-international-globe .bdi-local-activation-globe { border-radius: 50%; min-width: 52px; width: 52px; height: 52px; box-shadow: 2px 4px 0 0 rgba(0, 0, 0, 0.1); text-indent: 52px; background: no-repeat url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/png/1cd9945ef6ef94d7ea9db97a39c528ca.png"); background-size: 100%; color: transparent; } @media (min-width: 900px) { .bdi-local-activation-block-international-globe .bdi-local-activation-globe { position: relative; top: -1.25em; } } @media (max-width: 1399px) { .bdi-local-activation-block-international-globe .bdi-local-activation-globe { margin-left: 2em; } } @media (max-width: 899px) { .bdi-local-activation-block-international-globe .bdi-local-activation-globe { position: absolute; bottom: 55px; right: 0; } } .bdi-local-activation-block--copywrite { margin-right: auto; font-size: 12px; } .bdi-local-activation-block--copywrite .bdi-local-activation-footer-logo { margin-bottom: 10px; width: 144px; height: 19px; background: url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/png/7608c14e2d3a3149a83b82a88bd96939.png"); background-size: 100% 100%; background-repeat: no-repeat; } .bdi-local-activation-block--copywrite .bdi-local-activation-field--name-kinder-footer-copyright-text-two a { display: inline-block; margin-top: 5px; } @media (max-width: 899px) { .bdi-local-activation-menu--footer { margin-top: 10px; } } .bdi-local-activation-menu--footer .bdi-local-activation-visually-hidden { display: none; } .bdi-local-activation-menu--footer ul { max-width: 44vw; } @media (min-width: 1592px) { .bdi-local-activation-menu--footer ul { max-width: 34vw; } } .bdi-local-activation-menu--footer li { margin-top: 1.5em; margin-bottom: .5em; font-size: 12px; } @media (min-width: 900px) { .bdi-local-activation-menu--footer li { margin: 0 1.04167vw 1vw; } } .bdi-local-activation-menu--footer a { font-family: "NotoSans", sans-serif; font-weight: 700; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-visually-hidden { display: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-menu--footer ul.bdi-local-activation-menu { padding-bottom: 0; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-menu--footer ul.bdi-local-activation-menu li.bdi-local-activation-menu-item { width: auto; margin: 1.5em 0 .5em; font-size: 12px; text-align: left; } @media (min-width: 900px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-menu--footer ul.bdi-local-activation-menu li.bdi-local-activation-menu-item { margin: 0 1.04167vw 1vw; } } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-menu--footer ul.bdi-local-activation-menu li.bdi-local-activation-menu-item a { display: inline-block; font-family: "NotoSans", sans-serif; font-weight: 700; font-size: 11px; line-height: 1; color: #fff; text-decoration: none; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-menu--footer ul.bdi-local-activation-menu li.bdi-local-activation-menu-item a:hover { text-decoration: underline; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language li a { font-family: "NotoSans", sans-serif; font-weight: 400; color: #fff; } @media (min-width: 900px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language li a { padding: 0 1.31944vw; } } @media (max-width: 899px) { .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language { position: absolute; width: auto; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language li a { font-family: "NotoSans", sans-serif; font-weight: 700; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language ul.is-opened { padding-bottom: 0; } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-language ul.is-opened li a { color: #424242; text-transform: none; } } .bdi-local-activation-menu--main-wrapper .bdi-local-activation-nav-panel-content .bdi-local-activation-block-international-globe a { display: inline; padding: 0; } .bdi-local-activation-block-language { position: absolute; right: 0; bottom: 0; z-index: 1; } @media (min-width: 900px) { .bdi-local-activation-block-language { position: static; min-width: 7vw; } } @media (min-width: 900px) { .bdi-local-activation-block-language li { border-right: 1px solid #fff; } .bdi-local-activation-block-language li:last-child { border-right: 0; } } @media (min-width: 900px) { .bdi-local-activation-block-language a { padding: 0 1.31944vw; } } @media (max-width: 899px) { .bdi-local-activation-block-language .bdi-local-activation-open-language { position: absolute; right: 0; bottom: 0; border-radius: 0 15px 15px 0; width: 45px; background: transparent; height: 45px; z-index: 1; } .bdi-local-activation-block-language ul { position: relative; border: 2px solid #fff; border-radius: 15px; width: 90px; height: 45px; overflow: hidden; } .bdi-local-activation-block-language ul:after { content: ''; display: block; position: absolute; top: 50%; right: 15px; margin-top: -4px; width: 12px; height: 11px; background: no-repeat url("https://www.kinder.com/de/brands/kinder/themes/custom/kinder_theme/assets/images/png/b47a47768f98d2edecd2462b8fa3da01.png"); } .bdi-local-activation-block-language ul.is-opened { height: auto; background-color: #fff; } .bdi-local-activation-block-language ul.is-opened li { display: block; } .bdi-local-activation-block-language ul.is-opened li a { color: #424242; text-transform: none; } .bdi-local-activation-block-language li { display: block; width: 50px; } .bdi-local-activation-block-language li a { display: block; font-family: "NotoSans", sans-serif; font-weight: 700; font-size: 16px; line-height: 2.5625; text-transform: lowercase; text-align: center; } .bdi-local-activation-block-language li.is-active { display: block; } }