.holding-page .footer { margin-top: 0; } .cmp-holding__header { height: 55px; background-color: #BBCBE3; display: flex; justify-content: center; align-items: center; } .cmp-holding__header .cmp-holding__logo { height: 30px; } .cmp-holding__footer { height: 80px; background: linear-gradient(270deg, #DEC5D4 0%, #BBCBE3 100%); display: flex; justify-content: center; align-items: center; } .cmp-holding__footer .cmp-holding__logo { height: 24px; } .cmp-holding__sticker { width: 100px; height: 100px; position: absolute; top: 33px; left: 22px; z-index: 101; } .cmp-holding__section { position: relative; } .cmp-holding__content.top { position: relative; } .cmp-holding__content.top .cmp-holding__section:first-of-type { background: linear-gradient(180deg, #F5C1CA 0%, #BBCBE3 100%); height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FDF0F0; display: flex; justify-content: center; align-items: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type { background-color: #FDF0F0; } .cmp-holding__content.bottom .cmp-holding__section:last-of-type { background: linear-gradient(180deg, #93A7C5 0%, #BBCBE3 100%); } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { margin: 40px 20px; } .cmp-holding__section .cmp-holding__logo { width: 60%; max-width: 350px; } .cmp-holding__content.bottom .cmp-holding__section { display: flex; justify-content: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type .content { width: 90%; display: flex; flex-direction: column; align-items: center; } .cloud-1 { width: 226px; bottom: -60px; position: absolute; left: 50%; transform: translateX(-50%); } .cloud-2 { width: 246px; position: absolute; right: -60px; top: 25px; transform: scaleX(-1); } .cmp-holding__header-text.light { color: #FFF; font-size: 18px; font-weight: 300; letter-spacing: 2px; margin: 0; text-align: center; text-transform: uppercase; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__subheader-text.light { color: #FDF0F0; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 700; text-align: center; margin: 10px 0 40px; } .cmp-holding__header-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; letter-spacing: 1px; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; } .cmp-holding__subheader-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__form { margin-top: 30px; position: relative; } .cmp-holding__form input[type=text] { border-radius: 20px; border: 1px solid #C1C0C8; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 20px; height: 40px; width: 100%; padding: 11px 26px 9px; background-color: transparent; } .cmp-holding__form .form-field { width: 100%; margin: 10px 0; } .checkbox-label { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 18px; padding-left: 25px; display: block; position: relative; } .checkbox-label a { color: #575C64 !important; } input[type=checkbox] { display: none; } input[type=checkbox] + label::before { content: ''; height: 15px; width: 15px; border: 1px solid #9099A8; display: block; position: absolute; left: 0; top: -1px; } input[type=checkbox] + label::after { content: ''; background: #000 url('/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/CheckMark.svg') 2px 2px no-repeat; background-size: 11px 11px; left: 0; position: absolute; top: -1px; height: 15px; width: 15px; opacity: 0; } input[type=checkbox]:checked + label { border: none; } input[type=checkbox]:checked + label::after { opacity: 1; } .mt-15px { margin-top: 15px !important; } .cmp-holding__form-submit { color: #575C64; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 3px; line-height: 20px; text-align: center; background: none; border: none; text-transform: uppercase; position: relative; cursor: pointer; z-index: 2; } .cmp-holding__form-submit.disabled { cursor: unset; pointer-events: none; color: #9099A8; font-style: normal !important; } .cmp-action-buttons { display: flex; justify-content: center; align-items: center; margin-top: 50px; } .cmp-button { position: relative; display: inline-block; } .cmp-button--image { width: 70px; height: auto; position: absolute; right: -40px; top: -7px; z-index: 1; } .cmp-holding__header-text.dark-bold { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; text-transform: uppercase; } .cmp-holding__header-text.light-bold { color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; margin-top: 50px; text-transform: uppercase; } .cmp-holding__text { width: 100%; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 16px; margin-bottom: 15px; } .cmp-holding__signature { width: 120px; flex-grow: 0; display: inline-block; margin-bottom: 20px; } .cmp-holding__icons .row { display: flex; flex-wrap: wrap; } .cmp-holding__icon { margin: 30px 30px; width: calc(33% - 60px); display: flex; flex-direction: column; align-items: center; } .cmp-holding__icon.big-icon { margin-top: 10px; margin-bottom: 20px; } .cmp-holding__icon img { max-width: 37px; height: 37px; } .cmp-holding__icon.big-icon img { max-width: unset; height: 97px; } .cmp-holding__icon p { margin-top: 15px; margin-bottom: 0; color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px; line-height: 15px; text-align: center; text-transform: uppercase; } .cmp-holding__icon p + p { margin: 0; } .cmp-holding__carret-down { content: ""; position: absolute; top: calc(60vh - 13px); left: 50%; -webkit-transform: translateX(-50%) rotate( 180deg); transform: translateX(-50%) rotate( 180deg); width: 30px; height: 20px; z-index: 100; cursor: pointer; } .cmp-holding__form .invalid-feedback { flex-flow: nowrap; } .invalid-feedback.hidden { display: none; } .cmp-holding__form .form-field .checkbox-label.error::before { border: 1px solid #c70115; } .invalid-form-submit.hidden, .valid-form-submit.hidden { display: none; } .invalid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invalid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/error.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .invalid-form-submit span { margin-left: 0.3125rem; color: #c70115; font-size: 0.75rem; font-weight: 700; } .valid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .valid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/check.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .valid-form-submit span { margin-left: 0.3125rem; color: #000000; font-size: 0.75rem; font-weight: 700; } /* Desktop Styling */ @media only screen and (min-width: 1024px) { .cmp-holding__header { height: 143px; } .cmp-holding__header .cmp-holding__logo { height: 67px; } .cmp-holding__sticker { width: 140px; height: 140px; top: 40px; left: 30px; } .cmp-holding__content { display: flex; position: relative; height: 100vh; } .editor .cmp-holding__content { height: 800px } .cmp-holding__section { width: 50%; } .cmp-holding__content.top .cmp-holding__section:first-of-type { height: auto; display: block; } .cloud-1 { bottom: unset; left: unset; width: 360px; right: -157px; top: 15%; transform: none; } .cloud-2 { right: unset; top: unset; width: 600px; left: -172px; bottom: -49px; z-index: 100; transform: scaleX(1); } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FFF; } .cmp-holding__section .cmp-holding__logo { width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cmp-holding__section-header { position: absolute; top: 27%; left: 50%; transform: translateX(-50%); } .cmp-holding__subheader-text.light { margin: 15px 0; font-family: 'Univers', Helvetica, Arial, sans-serif; } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { width: 70%; margin: 0; } .cmp-holding__form .row { display: flex; margin: -10px; } .cmp-holding__form { margin-top: 20px; } .cmp-holding__header-text.dark-bold { margin-top: 100px; } .cmp-holding__header-text.light-bold { margin-top: 100px; } .cmp-holding__form .form-field { margin: 10px; } .cmp-holding__carret-down { top: unset; bottom: 50px; } }

Coming soon!

28. September 2021

ENTEDECKEN SIE MEINE NEUEN PRODUKTE FÜR BABYS & KINDER, SANFT UND KINDERARZT GEPRÜFT!

Melden Sie sich unten an, um benachrichtigt zu werden, wenn Kylie Baby am 28. September veröffentlicht wird, und erhalten Sie 5€ Rabatt auf Ihren ersten Kauf von Kylie Baby ab 35€

Von Kylie:

Ich freue mich und stelle meine neue Marke Kylie Baby by Kylie Jenner stolz vor. Ich habe daran seit mehr als zwei Jahren gearbeitet und es war so schwer, das für mich zu behalten!

Vor allem anderen bin ich Mutter. Mein Baby ist mein Leben und mein Ein und Alles. Als meine Tochter zur Welt kam, arbeitete ich an der Entwicklung von Kylie Skin by Kylie Jenner und begann, Pflegeprodukte und Inhaltsstoffe für Babys zu recherchieren, denn ich wollte nur sanfte und besonders verträgliche Produkte verwenden, die den Kernprinzipien meiner Kylie Skin by Kylie Jenner Linie entsprechen. Es war nicht so einfach, Produkte zu finden, die diesen Prinzipien folgen und gut für ihre Haarstruktur und Locken waren. Ich habe mir und Stormi versprochen, dass ich so schnell wie möglich eigene Produkte für sie und für all eure Kleinen entwickeln werde.

Und das ist das Ergebnis! Kylie Baby war mein Weg, Produkte zu kreieren, die ich so entwickeln konnte, dass sie meinen Vorstellungen für mein Baby entsprechen und dir eine bewährte Formel für deine Kleinen bieten.

Meine Produkte für Babys und Kinder sind bewusste und sanfte, kinderärztlich getestete Must-haves der Haut- und Haarpflege. Kylie Baby entspricht nicht nur all meinen Prinzipien für unbedenkliche Hautpflege, sondern ist auch hypoallergen, kinderärztlich getestet, tränenfrei und angereichert mit meinen Lieblingsinhaltsstoffen.

Das Baden war schon immer unsere besondere Zeit zusammen und mein Lieblingsteil des Tages. Es ist so toll für uns, dass wir jetzt diese Produkte haben, die ich an meiner Tochter testen konnte und die unsere Badezeit noch schöner machen.

Dies ist mein Geschenk an meine Tochter und an all eure Kleinen da draußen, die das Beste verdienen, was wir ihnen geben können.

Xo Kylie

We Are:

KINDERARZT GETESTET

KEIN DUFT HINZUGEFÜGT

Vegan

HYPOALLERGEN

BRENNT NICH IN DEN AUGEN

window.addEventListener('DOMContentLoaded', (event) => { document.getElementById('js-holding__carret-down').addEventListener('click', function () { window.scrollTo({ top: document.getElementById('js-holding__content--bottom').offsetTop, left: 0, behavior: 'smooth' }); }); document.getElementById('js-holding__form').elements.forEach(function(element) { if (element.type === 'text') { element.addEventListener('change', function() { if (element.name === 'firstName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__firstNameValidationError').classList.add("hidden"); } else if (element.name === 'firstName') { document.getElementById('js-holding__firstNameValidationError').classList.remove("hidden"); } if (element.name === 'lastName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__lastNameValidationError').classList.add("hidden"); } else if (element.name === 'lastName') { document.getElementById('js-holding__lastNameValidationError').classList.remove("hidden"); } if (element.name === 'email' && element.value && /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(element.value)) { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } else if (element.name === 'email') { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } if (element.name === 'phone' && (!element.value || /^\+[0-9]{4,41}$/.test(element.value.replace(/[^+0-9]/g, "")))) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else if (element.name === 'phone') { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = element.value.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } if (/^\+[0-9]{4,41}$/.test(updatedPhone)) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else { document.getElementById('js-holding__phoneValidationError').classList.remove("hidden"); } } }); } }) document.getElementById('js-holding__form').addEventListener('submit', function(e) { e.preventDefault(); var formData = {}; var form = e.target; for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; if (element.name) { if (element.type === 'checkbox') { formData[element.name] = element.checked; } else { formData[element.name] = element.value; } } } if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = formData.phone.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } formData.phone = updatedPhone; } var isFormDataValid = true; if (formData.firstName && formData.firstName.length < 2) { isFormDataValid = false; } else if (formData.lastName && formData.lastName.length < 2) { isFormDataValid = false; } else if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { isFormDataValid = false; } else if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { isFormDataValid = false; } else if (!formData.marketingConsent || !formData.newsletterConsent) { isFormDataValid = false; } if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } else { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } if (!formData.marketingConsent) { document.getElementById('marketingConsentLabel').classList.add("error"); } else { document.getElementById('marketingConsentLabel').classList.remove("error"); } if (!formData.newsletterConsent) { document.getElementById('newsletterConsentLabel').classList.add("error"); } else { document.getElementById('newsletterConsentLabel').classList.remove("error"); } if (isFormDataValid) { document.getElementById('js-holding__form-send-error').classList.add('hidden'); //Array will look like ['/en-us', 'en', 'us'] var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var language = languageAndCountryCodes[1] || 'en'; var countryCode = languageAndCountryCodes[2] || 'us'; var subscriptionData = { firstName: formData.firstName, lastName: formData.lastName, countryCode: countryCode && countryCode.toUpperCase(), email: formData.email, phone: formData.phone ? formData.phone.replace(/[^+0-9]/g, "") : null, language: language + '_' + countryCode, preferences: ['baby'], }; if (subscriptionData['phone'] === null || subscriptionData['phone'] === undefined) { delete subscriptionData['phone']; } var xmlHttpRequest = new XMLHttpRequest(); document.getElementById('js-holding__form-submit').classList.add('disabled'); xmlHttpRequest.open("POST", 'https://p28q8w4y93.execute-api.eu-central-1.amazonaws.com/prod/forms/newsletter-subscription', true); xmlHttpRequest.setRequestHeader('Content-Type', 'application/json'); xmlHttpRequest.setRequestHeader('x-api-key', '0pZ2yOLMkgvy7iw87lCyBzgvbOKN1FKuzVsIS6q0'); xmlHttpRequest.onreadystatechange = function() { if (xmlHttpRequest.readyState === 4) { var response = JSON.parse(xmlHttpRequest.responseText); if (xmlHttpRequest.status === 200) { document.getElementById('js-holding__form-send-success').classList.remove('hidden'); } else { document.getElementById('js-holding__form-send-error').classList.remove('hidden'); document.getElementById('js-holding__form-submit').classList.remove('disabled'); } } } xmlHttpRequest.send(JSON.stringify(subscriptionData)); } }); });