{"product_id":"essence-tonifiante-equilibrante-100ml","title":"Essence Tonifiante \u0026 Équilibrante 100ml","description":"\u003cstyle\u003e*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root {\n  --white: #f8f6f2;\n  --off-white: #f2efe9;\n  --light: #e0dbd2;\n  --mid: #bab4a8;\n  --text: #1a1a18;\n  --muted: #3a3830;\n  --rose: #7a6248;\n  --rose-light: #edeae4;\n  --rose-mid: #bab4a8;\n  --sage: #5a5850;\n  --sage-light: #eae8e2;\n  --sage-mid: #b0aca4;\n  --gold: #7a7670;\n  --gold-light: #eae8e2;\n  --gold-mid: #b4b0a8;\n  --accent: #28271f;\n  --accent-light: #e8e6e0;\n  --accent-mid: #a0a098;\n  --r: 4px; --rm: 8px; --rl: 12px;\n  --font: 'Inter', sans-serif;\n  --font-display: 'Cormorant Garamond', Georgia, serif;\n  --mono: 'DM Mono', monospace;\n  --ease: cubic-bezier(.16,1,.3,1);\n  --nav-h: 56px;\n  \/* Palette farbig – für Essence Tonifiante angepasst *\/\n  --c-green:  #2d7a3a; --c-green-bg:  #daeeda; --c-green-bd:  #a8ccac;\n  --c-blue:   #1a3870; --c-blue-bg:   #dae4f4; --c-blue-bd:   #a8c0e0;\n  --c-red:    #8a1a30; --c-red-bg:    #f5dde2; --c-red-bd:    #e0b0bc;\n  --c-purple: #5a3a98; --c-purple-bg: #ede8f5; --c-purple-bd: #c8bae0;\n  --c-brown:  #6a5030; --c-brown-bg:  #e0dac8; --c-brown-bd:  #c0b498;\n  --c-pink:   #a8306a; --c-pink-bg:   #f5dde8; --c-pink-bd:   #e0b0c8;\n}\nhtml { scroll-behavior: smooth; }\nbody { font-family: var(--font); color: var(--text); background: var(--white);\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\n  font-size: 16px; line-height: 1.8; font-weight: 400; }\nbody::before { content: ''; position: fixed; inset: 0; background: #f8f6f2; z-index: -1; }\nimg { display: block; max-width: 100%; }\na { color: inherit; text-decoration: none; }\n\n\/* NAV *\/\n.nav { position: sticky; top: 0; z-index: 200; height: var(--nav-h);\n  background: rgba(248,246,242,.97); backdrop-filter: blur(12px);\n  border-bottom: 1px solid var(--light);\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 0 24px; gap: 16px; }\n.nav-brand { font-family: var(--font-display); font-size: 18px; font-weight: 600;\n  color: var(--accent); letter-spacing: .06em; white-space: nowrap;\n  display: flex; align-items: center; gap: 8px; }\n.nav-links { display: flex; gap: 24px; list-style: none; }\n.nav-links a { font-size: 13px; color: var(--muted); transition: color .2s; font-weight: 500; }\n.nav-links a:hover { color: var(--text); }\n.nav-cta { background: var(--accent); color: #f8f6f2; font-size: 13px;\n  font-weight: 500; padding: 8px 18px; border-radius: var(--rm);\n  transition: opacity .2s; white-space: nowrap; display: flex; align-items: center; gap: 7px; }\n.nav-cta:hover { opacity: .82; }\n@media (max-width: 768px) { .nav-links { display: none; } }\n\n\/* BREADCRUMB *\/\n.breadcrumb { max-width: 1400px; margin: 0 auto;\n  padding: 12px 24px; font-size: 12px; color: var(--muted);\n  display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }\n.breadcrumb a { color: var(--muted); transition: color .2s; }\n.breadcrumb a:hover { color: var(--text); }\n.breadcrumb span { opacity: .5; }\n\n\/* STAGE *\/\n.stage { max-width: 1400px; margin: 0 auto;\n  padding: 24px 24px 64px;\n  display: grid; grid-template-columns: minmax(0,1.1fr) 360px;\n  gap: 40px; align-items: start; }\n.stage-wrap { background: var(--white); border-bottom: 1px solid var(--light); padding-bottom: 8px; }\n@media (max-width: 900px) { .stage { grid-template-columns: 1fr; } .stage-spec { display: none; } }\n@media (max-width: 680px) { .stage { gap: 20px; padding: 0 16px 48px; } }\n\n\/* PRODUCT INFO *\/\n.product-info { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; min-width: 0; }\n.badge-row { display: flex; gap: 6px; flex-wrap: wrap; }\n.badge { display: inline-flex; align-items: center; gap: 4px;\n  font-family: var(--mono); font-size: 10px; letter-spacing: .03em;\n  padding: 3px 8px; border-radius: var(--r); white-space: nowrap;\n  flex-shrink: 0; border: 1px solid; }\n.badge-rose { background: var(--rose-light); border-color: var(--rose-mid); color: var(--rose); }\n.badge-sage { background: var(--sage-light); border-color: var(--sage-mid); color: var(--sage); }\n.badge-gold { background: var(--gold-light); border-color: var(--gold-mid); color: var(--gold); }\n.badge-grey { background: var(--off-white); border-color: var(--light); color: var(--muted); }\n.badge-ch { background: #fde8e8; border-color: #f5b8b8; color: #b01020;\n  display: inline-flex; align-items: center; gap: 5px; }\n\n\/* Award strip *\/\n.award-strip { display: flex; align-items: center; gap: 10px;\n  padding: 10px 14px; background: var(--off-white);\n  border: 1px solid var(--light); border-radius: var(--rm);\n  font-size: 13px; color: var(--muted); font-weight: 500;\n  font-family: var(--mono); letter-spacing: .03em; }\n\n.product-title { font-size: clamp(28px, 3.5vw, 48px); font-weight: 500;\n  line-height: 1.1; letter-spacing: -.01em; color: var(--text);\n  word-break: break-word; overflow-wrap: break-word; hyphens: auto;\n  font-family: var(--font-display); }\n.product-title em { font-style: italic; opacity: .55; font-weight: 400; }\n.product-price { font-size: 32px; font-weight: 700; color: var(--text); }\n.product-price .tax-note { font-size: 13px; font-weight: 400; color: var(--muted); margin-left: 6px; }\n.divider { height: 1px; background: var(--light); }\n.product-desc { font-size: 16px; color: #2a2820; line-height: 1.85; font-weight: 400; }\n.product-desc strong { color: var(--text); font-weight: 700; }\n\n.ingr-bullets { display: flex; flex-direction: column; gap: 10px; }\n.ingr-bullet { display: flex; align-items: flex-start; gap: 10px;\n  font-size: 15px; color: var(--text); line-height: 1.8; font-weight: 400; }\n.ingr-bullet-icon { width: 26px; height: 26px; border-radius: 50%;\n  background: var(--accent-light); border: 1px solid var(--light);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }\n.ingr-bullet em { font-style: italic; color: var(--rose); font-size: 12px;\n  font-family: var(--mono); font-weight: 600; }\n\n.info-tip { display: flex; align-items: flex-start; gap: 10px;\n  background: #dae4f4; border: 1px solid #a8c0e0;\n  border-left: 3px solid #1a3870;\n  border-radius: var(--rm); padding: 12px 16px;\n  font-size: 14px; color: var(--text); line-height: 1.65; font-weight: 500; }\n.info-tip svg { flex-shrink: 0; margin-top: 2px; }\n\n\/* ATC *\/\n.atc-row { display: flex; gap: 10px; }\n.btn-primary { flex: 1; padding: 14px 24px; background: var(--accent);\n  color: #f8f6f2; font-size: 15px; font-weight: 600;\n  border: none; border-radius: var(--rm); cursor: pointer;\n  text-align: center; display: inline-flex; align-items: center;\n  justify-content: center; gap: 8px; transition: opacity .2s; }\n.btn-primary:hover { opacity: .84; }\n.btn-ghost { padding: 14px 20px; background: transparent;\n  color: var(--text); font-size: 14px;\n  border: 1px solid var(--mid); border-radius: var(--rm);\n  display: inline-flex; align-items: center; gap: 7px;\n  transition: border-color .2s; white-space: nowrap; }\n.btn-ghost:hover { border-color: var(--text); }\n@media (max-width: 400px) { .atc-row { flex-direction: column; } }\n\n\/* Trust strip *\/\n.trust-strip { display: flex; gap: 16px; flex-wrap: wrap; padding: 14px 0;\n  border-top: 1px solid var(--light); border-bottom: 1px solid var(--light); }\n.trust-item { display: flex; align-items: center; gap: 7px;\n  font-size: 12px; color: #3a3830; font-family: var(--mono);\n  white-space: nowrap; font-weight: 600; letter-spacing: .03em; }\n.trust-item svg, .trust-item .ch-flag { flex-shrink: 0; }\n\n\/* Mini spec *\/\n.mini-spec { display: none; grid-template-columns: 1fr 1fr; gap: 1px;\n  background: var(--light); border: 1px solid var(--light);\n  border-radius: var(--rm); overflow: hidden; }\n.mini-spec-item { background: var(--white); padding: 12px 16px; }\n.mini-spec-key { font-size: 12px; color: var(--muted); margin-bottom: 3px; font-weight: 500; }\n.mini-spec-val { font-size: 15px; font-weight: 700; color: var(--text); }\n@media (max-width: 900px) { .mini-spec { display: grid; } }\n\n\/* SPEC PANEL *\/\n.stage-spec { position: sticky; top: calc(var(--nav-h) + 16px);\n  background: var(--white); border: 1px solid var(--light);\n  border-radius: var(--rl); padding: 20px;\n  box-shadow: 0 4px 20px rgba(40,39,31,.08); overflow: hidden; }\n.spec-label { font-family: var(--mono); font-size: 9px;\n  letter-spacing: .12em; text-transform: uppercase; color: var(--muted);\n  margin-bottom: 14px; }\n.spec-row { display: flex; justify-content: space-between; align-items: baseline;\n  padding: 9px 0; border-bottom: 1px solid var(--light); font-size: 13px; gap: 10px; }\n.spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n.spec-key { color: var(--muted); flex-shrink: 0; font-weight: 500; font-size: 13px; }\n.spec-val { font-weight: 600; text-align: right; color: var(--text);\n  font-size: 13px; display: flex; align-items: center; gap: 5px; justify-content: flex-end; }\n\n\/* INGR BAND *\/\n.ingr-band { background: var(--off-white); border-top: 1px solid var(--light); border-bottom: 1px solid var(--light); }\n.ingr-band-inner { max-width: 1400px; margin: 0 auto;\n  padding: 28px 24px; display: flex; align-items: center;\n  justify-content: center; gap: 32px; flex-wrap: wrap; }\n.ingr-item { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }\n.ingr-item-icon { width: 40px; height: 40px; border-radius: 50%;\n  background: var(--white); border: 1px solid var(--light);\n  display: flex; align-items: center; justify-content: center; }\n.ingr-name { font-family: var(--mono); font-size: 11px; font-weight: 700;\n  color: var(--accent); letter-spacing: .04em; font-style: italic; }\n.ingr-effect { font-size: 12px; color: var(--muted); max-width: 130px; line-height: 1.4; }\n.ingr-sep { width: 1px; height: 48px; background: var(--light); }\n@media (max-width: 600px) { .ingr-sep { display: none; } .ingr-band-inner { gap: 20px; } }\n\n\/* SECTIONS *\/\n.section { padding: 64px 24px; max-width: 1400px; margin: 0 auto; }\n@media (max-width: 480px) { .section { padding: 48px 16px; } }\n.section-tag { font-family: var(--mono); font-size: 10px;\n  letter-spacing: .18em; text-transform: uppercase;\n  color: var(--accent); margin-bottom: 14px; font-weight: 700;\n  border-bottom: 2px solid var(--accent); padding-bottom: 6px; display: inline-block;\n  opacity: .8; }\n.section-title { font-size: clamp(26px, 2.8vw, 40px); font-weight: 500;\n  letter-spacing: -.01em; line-height: 1.15; margin-bottom: 32px;\n  color: var(--text); font-family: var(--font-display); }\n\n\/* Why heading *\/\n.why h2 { font-size: clamp(26px, 2.8vw, 40px); font-weight: 500;\n  letter-spacing: -.01em; line-height: 1.15; color: var(--text);\n  font-family: var(--font-display); }\n\n\/* Features *\/\n.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 16px; }\n@media (max-width: 480px) { .features { grid-template-columns: 1fr; } }\n.feat { background: var(--white); border: 1px solid var(--light);\n  border-radius: var(--rl); padding: 28px 24px;\n  transition: border-color .2s, box-shadow .2s; }\n.feat:hover { border-color: var(--mid); box-shadow: 0 4px 16px rgba(40,39,31,.07); }\n.feat-icon { width: 52px; height: 52px; border-radius: var(--rm);\n  display: flex; align-items: center; justify-content: center; margin-bottom: 18px; border: 1px solid var(--light); }\n.feat h3 { font-size: 17px; font-weight: 600; margin-bottom: 10px; color: #1a1a18;\n  border-bottom: 1px solid var(--light); padding-bottom: 8px;\n  display: flex; align-items: center; gap: 8px;\n  font-family: var(--font-display); letter-spacing: .01em; }\n.feat p { font-size: 15px; color: #3a3830; line-height: 1.8; }\n.feat * { color: inherit; }\n.feat a { color: inherit !important; text-decoration: none !important; }\n.feat p a, .feat p a:visited { color: var(--muted) !important; text-decoration: none; }\n.section-divider { height: 1px; background: var(--light); max-width: 1400px; margin: 0 24px; }\n\n\/* Specs *\/\n.specs-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }\n@media (max-width: 640px) { .specs-layout { grid-template-columns: 1fr; gap: 28px; } }\n.specs-table { width: 100%; border-collapse: collapse; }\n.specs-table tr { border-bottom: 1px solid var(--light); }\n.specs-table tr:last-child { border-bottom: none; }\n.specs-table td { padding: 13px 0; font-size: 15px; vertical-align: middle; }\n.specs-table .td-k { color: #5a5650; width: 46%; font-weight: 500; }\n.specs-table .td-v { font-weight: 700; color: var(--text); }\n\n\/* Ingredients grid *\/\n.ingr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 14px; }\n@media (max-width: 480px) { .ingr-grid { grid-template-columns: 1fr; } }\n.ingr-card { background: var(--off-white); border: 1px solid var(--light);\n  border-radius: var(--rm); padding: 20px 22px;\n  display: flex; align-items: flex-start; gap: 14px; transition: border-color .2s; }\n.ingr-card:hover { border-color: var(--mid); }\n.ingr-card-icon { width: 44px; height: 44px; border-radius: 50%;\n  background: var(--white); border: 1px solid var(--light);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.ingr-dot { width: 9px; height: 9px; border-radius: 50%;\n  background: var(--accent); flex-shrink: 0; margin-top: 6px; }\n.ingr-sci { font-family: var(--mono); font-size: 11px; font-weight: 600;\n  color: var(--accent); letter-spacing: .04em; font-style: italic; margin-bottom: 4px; }\n.ingr-common { font-size: 17px; font-weight: 600; color: var(--text); margin-bottom: 6px;\n  font-family: var(--font-display); letter-spacing: .01em; }\n.ingr-desc { font-size: 14px; color: #3a3830; line-height: 1.8; }\n\n\/* Steps *\/\n.apply-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }\n@media (max-width: 640px) { .apply-layout { grid-template-columns: 1fr; gap: 32px; } }\n.steps { display: flex; flex-direction: column; gap: 16px; }\n.step { display: flex; align-items: flex-start; gap: 16px; }\n.step-num { width: 36px; height: 36px; border-radius: 50%;\n  background: var(--accent); color: #f8f6f2;\n  font-family: var(--mono); font-size: 14px; font-weight: 700;\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.step-text { font-size: 15px; color: #3a3830; line-height: 1.85; padding-top: 7px; }\n.step-text strong { color: #1a1a18; font-weight: 700; display: block; margin-bottom: 4px; font-size: 16px; font-family: var(--font-display); }\n\n\/* Uses *\/\n.uses-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px,1fr)); gap: 8px; }\n@media (max-width: 480px) { .uses-grid { grid-template-columns: 1fr 1fr; } }\n.use { background: #edeae4; border: 1px solid #d0c8b8;\n  border-radius: var(--rm); padding: 12px 16px; font-size: 14px;\n  color: #1a1a18; font-weight: 500;\n  display: flex; align-items: center; gap: 10px;\n  transition: border-color .2s, background .2s, transform .15s; }\n.use:hover { transform: translateY(-2px); background: #e4ddd0; }\n.use-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }\n\n\/* Colorful borders and dots per nth-child *\/\n.use:nth-child(1)  { border-left: 3px solid #5a3a98; } .use:nth-child(1)  .use-dot { background: #5a3a98; }\n.use:nth-child(2)  { border-left: 3px solid #2d7a3a; } .use:nth-child(2)  .use-dot { background: #2d7a3a; }\n.use:nth-child(3)  { border-left: 3px solid #a8306a; } .use:nth-child(3)  .use-dot { background: #a8306a; }\n.use:nth-child(4)  { border-left: 3px solid #1a3870; } .use:nth-child(4)  .use-dot { background: #1a3870; }\n.use:nth-child(5)  { border-left: 3px solid #8a1a30; } .use:nth-child(5)  .use-dot { background: #8a1a30; }\n.use:nth-child(6)  { border-left: 3px solid #5a3a98; } .use:nth-child(6)  .use-dot { background: #5a3a98; }\n.use:nth-child(7)  { border-left: 3px solid #2d7a3a; } .use:nth-child(7)  .use-dot { background: #2d7a3a; }\n.use:nth-child(8)  { border-left: 3px solid #a8306a; } .use:nth-child(8)  .use-dot { background: #a8306a; }\n.use:nth-child(9)  { border-left: 3px solid #1a3870; } .use:nth-child(9)  .use-dot { background: #1a3870; }\n.use:nth-child(10) { border-left: 3px solid #8a1a30; } .use:nth-child(10) .use-dot { background: #8a1a30; }\n\n\/* Why *\/\n.why { background: var(--off-white); border-top: 1px solid var(--light); border-bottom: 1px solid var(--light); }\n.why-inner { max-width: 1400px; margin: 0 auto; padding: 64px 24px;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }\n@media (max-width: 768px) { .why-inner { grid-template-columns: 1fr; gap: 32px; padding: 48px 16px; } }\n.why h2 { font-size: clamp(24px, 2.8vw, 36px); font-weight: 400;\n  letter-spacing: -.02em; line-height: 1.2; color: var(--text); }\n.why-sub { margin-top: 12px; font-size: 15px; color: var(--muted); line-height: 1.8; }\n.why-points { display: flex; flex-direction: column; gap: 18px; }\n.why-point { display: flex; align-items: flex-start; gap: 14px; }\n.why-check { width: 28px; height: 28px; border-radius: 50%;\n  background: #5a3a98; border: 2px solid #3a1a78; display: flex;\n  align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\n.why-text { font-size: 15px; color: #3a3830; line-height: 1.85; }\n.why-text strong { color: var(--text); font-weight: 700; }\n\n\/* FAQ *\/\n.faq-wrap { max-width: 760px; margin: 0 auto; }\n.faq-item { background: var(--white); border-radius: var(--rl);\n  border: 1px solid #d8d2c8; margin-bottom: 10px; overflow: hidden;\n  transition: border-color .2s, box-shadow .25s, transform .2s;\n  box-shadow: 0 1px 4px rgba(40,39,31,.05); }\n.faq-item:hover { border-color: #b0ccb4;\n  box-shadow: 0 6px 20px rgba(40,39,31,.10); transform: translateY(-2px); }\n.faq-item:nth-child(odd) { border-left: 3px solid #5a3a98; }\n.faq-item:nth-child(even) { border-left: 3px solid #2d7a3a; }\n.faq-q { display: flex; align-items: center; gap: 12px;\n  padding: 18px 20px 0; font-size: 18px; font-weight: 500;\n  font-family: var(--font-display); letter-spacing: .01em;\n  color: var(--text); line-height: 1.4; }\n@media (max-width: 480px) { .faq-q { font-size: 16px; } }\n.faq-icon { width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  background: #ede8f5; border: 1px solid #c8bae0; }\n.faq-item:nth-child(even) .faq-icon { background: #daeeda; border-color: #a8ccac; }\n.faq-a { font-size: 15px; color: var(--muted); line-height: 1.9; font-weight: 400;\n  padding: 12px 22px 20px 56px; }\n@media (max-width: 480px) { .faq-a { padding-left: 20px; } }\n.faq-a a { color: var(--accent); text-decoration: underline; }\n\n\/* Anfrage *\/\n.anfrage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n@media (max-width: 640px) { .anfrage-grid { grid-template-columns: 1fr; gap: 28px; } }\n.anfrage-email-box { display: flex; align-items: center; gap: 16px;\n  padding: 20px 24px; background: var(--white); border: 1px solid var(--light);\n  border-radius: var(--rl); text-decoration: none;\n  transition: border-color .2s, box-shadow .2s; }\n.anfrage-email-box:hover { border-color: var(--mid); box-shadow: 0 4px 16px rgba(40,39,31,.08); }\n.anfrage-email-icon { width: 48px; height: 48px; border-radius: 50%;\n  background: var(--accent); display: flex; align-items: center;\n  justify-content: center; flex-shrink: 0; }\n.anfrage-topics { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }\n.anfrage-topic { display: inline-block; padding: 7px 14px;\n  background: var(--white); border: 1px solid var(--light);\n  border-radius: 20px; font-size: 13px; color: var(--muted);\n  text-decoration: none; font-weight: 500; transition: all .2s; }\n.anfrage-topic:hover { border-color: var(--mid); color: var(--text); }\n\n\/* CTA *\/\n.cta-bar { background: var(--white); border-top: 1px solid var(--light); }\n.cta-inner { max-width: 1400px; margin: 0 auto; padding: 48px 24px;\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 24px; flex-wrap: wrap; }\n@media (max-width: 600px) { .cta-inner { flex-direction: column; align-items: flex-start; } }\n.cta-inner h3 { font-size: 24px; font-weight: 500; font-family: var(--font-display); }\n.cta-inner p { margin-top: 5px; font-size: 14px; color: var(--muted); }\n.cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }\n.cta-btns a { display: inline-flex; align-items: center; gap: 8px;\n  padding: 13px 24px; border-radius: var(--rm);\n  font-size: 14px; font-weight: 500; transition: opacity .2s; }\n.cta-btns .primary { background: var(--accent); color: #f8f6f2; }\n.cta-btns .primary:hover { opacity: .84; }\n.cta-btns .outline { background: transparent; color: var(--text);\n  border: 1px solid var(--mid); font-weight: 400; }\n.cta-btns .outline:hover { border-color: var(--text); }\n\n\/* Footer *\/\n.footer { border-top: 1px solid var(--light); background: var(--off-white); }\n.footer-inner { max-width: 1400px; margin: 0 auto;\n  padding: 24px; display: flex; align-items: center;\n  justify-content: space-between; flex-wrap: wrap; gap: 10px; }\n.footer-brand { font-family: var(--mono); font-size: 12px; color: var(--muted);\n  display: flex; align-items: center; gap: 6px; }\n.footer-link { font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 5px; }\n.footer-link:hover { color: var(--text); }\n\n\/* Swiss flag inline SVG helper *\/\n.ch-flag { display: inline-flex; align-items: center; vertical-align: middle; flex-shrink: 0; }\n\n@keyframes fadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }\n.product-info { animation: fadeUp .55s .08s var(--ease) both; }\n.stage-spec { animation: fadeUp .6s .16s var(--ease) both; }\n\n\/* FAQ icon colors *\/\n.faq-item:nth-child(odd) .faq-icon svg { color: #5a3a98; }\n.faq-item:nth-child(even) .faq-icon svg { color: #2d7a3a; }\n\n\/* Ingr bullets – colored per wirkstoff (Purple \/ Grün \/ Pink) *\/\n.ingr-bullet:nth-child(1) .ingr-bullet-icon { background: var(--c-purple-bg); border-color: var(--c-purple-bd); color: var(--c-purple); }\n.ingr-bullet:nth-child(2) .ingr-bullet-icon { background: var(--c-green-bg);  border-color: var(--c-green-bd);  color: var(--c-green); }\n.ingr-bullet:nth-child(3) .ingr-bullet-icon { background: var(--c-pink-bg);   border-color: var(--c-pink-bd);   color: var(--c-pink); }\n\n\/* Spec rows – subtle alternating *\/\n.spec-row:nth-child(odd)  { border-left: 2px solid var(--c-purple); padding-left: 8px; }\n.spec-row:nth-child(even) { border-left: 2px solid var(--c-green);  padding-left: 8px; }\n\n\/* Ingr cards – colored borders *\/\n.ingr-card:nth-child(1) { border-left: 3px solid var(--c-purple); }\n.ingr-card:nth-child(2) { border-left: 3px solid var(--c-green); }\n.ingr-card:nth-child(3) { border-left: 3px solid var(--c-pink); }\n\n\/* Step numbers – colored *\/\n.step:nth-child(1) .step-num { background: var(--c-purple); }\n.step:nth-child(2) .step-num { background: var(--c-green);  }\n.step:nth-child(3) .step-num { background: var(--c-pink);   }\n.step:nth-child(4) .step-num { background: var(--c-blue);   }\n.step:nth-child(5) .step-num { background: var(--c-red);    }\n \u003c\/style\u003e\n\u003c!-- NAV --\u003e\u003cnav class=\"nav\"\u003e\u003ca class=\"nav-brand\" href=\"#\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"#28271f\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M6 7 L10 14 L14 7\" stroke=\"#28271f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Viodor \u003c\/a\u003e\n\u003cul class=\"nav-links\"\u003e\n\u003cli\u003e\u003ca href=\"#features\"\u003eVorteile\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#inhaltsstoffe\"\u003eInhaltsstoffe\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#anwendung\"\u003eAnwendung\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"#faq\"\u003eFAQ\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/nav\u003e\u003c!-- BREADCRUMB --\u003e\n\u003cdiv class=\"breadcrumb\"\u003e\n\u003ca href=\"#\"\u003eViodor\u003c\/a\u003e \u003cspan\u003e›\u003c\/span\u003e \u003ca href=\"#\"\u003eBiotonique\u003c\/a\u003e \u003cspan\u003e›\u003c\/span\u003e \u003cspan\u003eEssence Tonifiante \u0026amp; Équilibrante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- STAGE --\u003e\n\u003cdiv class=\"stage-wrap\"\u003e\n\u003cdiv class=\"stage\"\u003e\n\u003c!-- PRODUCT INFO --\u003e\n\u003cdiv class=\"product-info\"\u003e\n\u003cdiv class=\"award-strip\"\u003e\n\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 16 16\" fill=\"#c8b490\" stroke=\"#7a7670\" stroke-width=\".8\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 1 L9.8 5.5 L14.5 5.9 L11 9 L12.1 13.8 L8 11.3 L3.9 13.8 L5 9 L1.5 5.9 L6.2 5.5Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Victoires de la Beauté 2025\/2026 · 💧 Tonerwasser · Erster Schritt der Pflegeroutine · \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px; flex-shrink: 0;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made\u003c\/div\u003e\n\u003cdiv class=\"badge-row\"\u003e\n\u003cspan class=\"badge badge-rose\"\u003e \u003csvg width=\"9\" height=\"9\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M5 1C4 2.5 2.5 4 2.5 6c0 1.5 1.2 2.8 2.5 3 1.3-.2 2.5-1.5 2.5-3C7.5 4 6 2.5 5 1Z\" stroke=\"#7a6248\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Erfrischend \u0026amp; ausgleichend \u003c\/span\u003e \u003cspan class=\"badge badge-sage\"\u003e \u003csvg width=\"9\" height=\"9\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M5 1.5C3.5 3 2 4.5 2 6.5 2 8 3.5 9 5 9s3-1 3-2.5C8 4.5 6.5 3 5 1.5Z\" stroke=\"#5a5850\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 🍇 Traube · Eisenkraut \u003c\/span\u003e \u003cspan class=\"badge badge-gold\"\u003e \u003csvg width=\"9\" height=\"9\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpath d=\"M5 1L6.2 4L9.5 4.3L7 6.5L7.8 9.8L5 8.2L2.2 9.8L3 6.5L.5 4.3L3.8 4Z\" stroke=\"#7a7670\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 🪷 Lotusextrakt \u003c\/span\u003e \u003cspan class=\"badge badge-ch\"\u003e \u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made \u003c\/span\u003e \u003cspan class=\"badge badge-grey\"\u003e \u003csvg width=\"9\" height=\"9\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"#4a4840\" stroke-width=\"1.2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5\" stroke=\"#4a4840\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"5\" cy=\"7\" r=\".6\" fill=\"#4a4840\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e Biotonique \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title\"\u003eEssence Tonifiante \u0026amp; Équilibrante 100ml\u003cbr\u003e\u003cem\u003eAusgleich · Geschmeidigkeit · Straffung\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"product-desc\"\u003e\u003cstrong\u003eEin ausgleichendes Essenz-Tonerwasser\u003c\/strong\u003e erfrischt die Haut, unterstützt ihre natürliche Balance und verbessert Feuchtigkeit und Spannkraft. Drei kraftvolle Pflanzenextrakte bilden zusammen einen harmonischen Toner für den perfekten ersten Pflegeschritt nach der Reinigung.\u003c\/p\u003e\n\u003cdiv class=\"ingr-bullets\"\u003e\n\u003cdiv class=\"ingr-bullet\"\u003e\n\u003cdiv class=\"ingr-bullet-icon\"\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"6\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"6\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6.5\" cy=\"9\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M6.5 4V2\" stroke=\"#5a3a98\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e🍇 Traubenfruchtwasser \u003cem\u003e(Vitis vinifera)\u003c\/em\u003e – antioxidativ, polyphenolreich, feuchtigkeitsspendend\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-bullet\"\u003e\n\u003cdiv class=\"ingr-bullet-icon\"\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M7 2L7 12\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 5L7 6L4 7\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 5L7 6L10 7\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 8L7 9L4 10\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 8L7 9L10 10\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e🌿 Eisenkrautextrakt \u003cem\u003e(Verbena officinalis)\u003c\/em\u003e – ausgleichend, tonisierend, hautberuhigend\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-bullet\"\u003e\n\u003cdiv class=\"ingr-bullet-icon\"\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M7 7C7 4.5 5 3 4 5 3 7 4 9 7 9 10 9 11 7 10 5 9 3 7 4.5 7 7Z\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M7 9L7 12\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e🪷 Lotusextrakt \u003cem\u003e(Nelumbo nucifera)\u003c\/em\u003e – hydratisierend, klärend, adstringierend\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-tip\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003ccircle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#1a3870\" stroke-width=\"1.5\" fill=\"#dae4f4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 7V11\" stroke=\"#1a3870\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"8\" cy=\"5\" r=\".9\" fill=\"#1a3870\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e Alkoholfreies Essenz-Tonerwasser – nach der Reinigung angewendet, bereitet es die Haut optimal auf Serum und Creme vor und verstärkt die Wirkstoff-Aufnahme der folgenden Pflegeprodukte.\u003c\/div\u003e\n\u003c!-- ATC --\u003e\n\u003cdiv class=\"atc-row\"\u003e\n\u003ca class=\"btn-primary\" href=\"#\"\u003e \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M2 2h2.5l1.8 8h5.5l1.2-5H5.5\" stroke=\"#f8f6f2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"8\" cy=\"13\" r=\"1\" fill=\"#f8f6f2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"11\" cy=\"13\" r=\"1\" fill=\"#f8f6f2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e In den Warenkorb \u003c\/a\u003e \u003ca class=\"btn-ghost\" href=\"mailto:info@viodor.com?subject=Anfrage:%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml\u0026amp;body=Guten%20Tag,%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml.%0A%0AMit%20freundlichen%20Gr%C3%BC%C3%9Fen\"\u003e \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003crect x=\"1.5\" y=\"3\" width=\"11\" height=\"8\" rx=\"1.5\" stroke=\"#1a1a18\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M1.5 5.5L7 8.5l5.5-3\" stroke=\"#1a1a18\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Anfrage senden \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Trust strip --\u003e\n\u003cdiv class=\"trust-strip\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M7 2C5.5 3.5 4 5 4 7.5 4 9.5 5.5 11 7 11.5 8.5 11 10 9.5 10 7.5 10 5 8.5 3.5 7 2Z\" stroke=\"#2d6e32\" stroke-width=\"1.5\" fill=\"#dde8dc\" fill-opacity=\".5\"\u003e\u003c\/path\u003e\u003cpath d=\"M7 7L7 11\" stroke=\"#2d6e32\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 100% Natürlich\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px; flex-shrink: 0;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003ccircle cx=\"7\" cy=\"7\" r=\"3\" stroke=\"#1a3870\" stroke-width=\"1.5\" fill=\"#dae4f4\" fill-opacity=\".6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7 5V7L9 8\" stroke=\"#1a3870\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 💧 Alkoholfrei\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M7 12C7 12 2.5 8.5 2.5 5.5 2.5 3.5 4 2 5.5 2 6.2 2 7 2.5 7 2.5S7.8 2 8.5 2C10 2 11.5 3.5 11.5 5.5 11.5 8.5 7 12 7 12Z\" stroke=\"#8a1a30\" stroke-width=\"1.5\" fill=\"#f0dde0\" fill-opacity=\".6\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Alle Hauttypen\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003crect x=\"1.5\" y=\"3\" width=\"11\" height=\"8\" rx=\"1.5\" stroke=\"#4a4840\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Mini spec --\u003e\n\u003cdiv class=\"mini-spec\"\u003e\n\u003cdiv class=\"mini-spec-item\"\u003e\n\u003cdiv class=\"mini-spec-key\"\u003eMarke\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-val\"\u003eBiotonique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-item\"\u003e\n\u003cdiv class=\"mini-spec-key\"\u003eInhalt\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-val\"\u003e100 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-item\"\u003e\n\u003cdiv class=\"mini-spec-key\"\u003eTyp\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-val\"\u003eEssenz-Tonerwasser\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-item\"\u003e\n\u003cdiv class=\"mini-spec-key\"\u003eHauttypen\u003c\/div\u003e\n\u003cdiv class=\"mini-spec-val\"\u003eAlle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPEC PANEL --\u003e\n\u003cdiv class=\"stage-spec\"\u003e\n\u003cdiv class=\"spec-label\"\u003eProduktdaten auf einen Blick\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eProdukt\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eEssence Tonifiante \u0026amp; Équilibrante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMarke\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eBiotonique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eInhalt\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e100 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eTyp\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eEssenz-Tonerwasser\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003ePflegeschritt\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e1. Schritt nach Reinigung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eWirkung\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eAusgleich · Geschmeidigkeit · Straffung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eTraubenwasser\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e\u003cem style=\"font-size: 12px; font-family: var(--mono);\"\u003eVitis vinifera\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eEisenkraut\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e\u003cem style=\"font-size: 12px; font-family: var(--mono);\"\u003eVerbena officinalis\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eLotus\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e\u003cem style=\"font-size: 12px; font-family: var(--mono);\"\u003eNelumbo nucifera\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eBalance\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eNatürlicher pH-Ausgleich\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eHauttypen\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eAlle Hauttypen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eHerstellung\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INGR BAND --\u003e\n\u003cdiv class=\"ingr-band\"\u003e\n\u003cdiv class=\"ingr-band-inner\"\u003e\n\u003cdiv class=\"ingr-item\"\u003e\n\u003cdiv class=\"ingr-item-icon\" style=\"background: #ede8f5; border-color: #c8bae0;\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003ccircle cx=\"6\" cy=\"7\" r=\"2\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"10\" cy=\"7\" r=\"2\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"11\" r=\"2\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 5V3\" stroke=\"#5a3a98\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 3L9.5 2\" stroke=\"#5a3a98\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ingr-name\"\u003eVitis vinifera\u003c\/span\u003e \u003cspan class=\"ingr-effect\"\u003eTraubenwasser – antioxidativ, hydratisierend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingr-item\"\u003e\n\u003cdiv class=\"ingr-item-icon\" style=\"background: #daeeda; border-color: #a8ccac;\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 3L9 15\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 6L9 7.5L5 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 6L9 7.5L13 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 10L9 11.5L5 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 10L9 11.5L13 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ingr-name\"\u003eVerbena officinalis\u003c\/span\u003e \u003cspan class=\"ingr-effect\"\u003eEisenkraut – ausgleichend, tonisierend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingr-item\"\u003e\n\u003cdiv class=\"ingr-item-icon\" style=\"background: #f5dde8; border-color: #e0b0c8;\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 9C9 6 6.5 4 5 6.5 3.5 9 5 11.5 9 11.5 13 11.5 14.5 9 13 6.5 11.5 4 9 6 9 9Z\" stroke=\"#a8306a\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5V15\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ingr-name\"\u003eNelumbo nucifera\u003c\/span\u003e \u003cspan class=\"ingr-effect\"\u003eLotus – klärend, hydratisierend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingr-item\"\u003e\n\u003cdiv class=\"ingr-item-icon\" style=\"background: #dae4f4; border-color: #a8c0e0;\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 3L9 15\" stroke=\"#1a3870\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 6C7 6 6 7 6 9\" stroke=\"#1a3870\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 6C11 6 12 7 12 9\" stroke=\"#1a3870\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"11\" r=\"2\" stroke=\"#1a3870\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ingr-name\"\u003eAlkoholfrei\u003c\/span\u003e \u003cspan class=\"ingr-effect\"\u003eSanftes Tonerwasser ohne Austrocknung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ingr-item\"\u003e\n\u003cdiv class=\"ingr-item-icon\" style=\"background: #fde8e8; border-color: #f5b8b8;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 16 16\" style=\"border-radius: 3px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"3\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ingr-name\"\u003eSwiss Made\u003c\/span\u003e \u003cspan class=\"ingr-effect\"\u003eBiotonique – Schweizer Qualität\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"section\" id=\"features\"\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Produktvorteile\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eAusgleichen. Erfrischen. Vorbereiten.\u003cbr\u003eDer perfekte erste Pflegeschritt.\u003c\/h2\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #dae4f4; border: 1px solid #a8c0e0;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 3C7 6 5 9 5 12 5 14.5 7 16 9 16 11 16 13 14.5 13 12 13 9 11 6 9 3Z\" stroke=\"#1a3870\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M8 3C6.5 5 5 7 5 9.5 5 11.5 6.5 13 8 13 9.5 13 11 11.5 11 9.5 11 7 9.5 5 8 3Z\" stroke=\"#1a3870\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Sofortige Erfrischung\u003c\/h3\u003e\n\u003cp\u003eDas alkoholfreie Tonerwasser erfrischt die Haut nach der Reinigung und bereitet sie optimal auf die nachfolgende Pflegeroutine vor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #ede8f5; border: 1px solid #c8bae0;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003ccircle cx=\"6\" cy=\"7\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"10\" cy=\"7\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"11\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"6\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"6\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6.5\" cy=\"9\" r=\"1.6\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e Traube – Antioxidation\u003c\/h3\u003e\n\u003cp\u003eTraubenfruchtwasser reich an Polyphenolen und OPC schützt vor freien Radikalen und spendet Feuchtigkeit – ein wahres Beauty-Elixier aus dem Weinbau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #daeeda; border: 1px solid #a8ccac;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 3L9 15\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 6L9 7.5L5 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 6L9 7.5L13 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M8 3L8 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 6L8 7L5 8\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M11 6L8 7L11 8\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Eisenkraut – Balance\u003c\/h3\u003e\n\u003cp\u003eVerbena officinalis bringt die Haut ins Gleichgewicht, wirkt tonisierend und beruhigt kleine Rötungen. Ideal für gestresste Haut nach dem Tag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #f5dde8; border: 1px solid #e0b0c8;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 9C9 6 6.5 4 5 6.5 3.5 9 5 11.5 9 11.5 13 11.5 14.5 9 13 6.5 11.5 4 9 6 9 9Z\" stroke=\"#a8306a\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5V15\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M8 8C8 5.5 6 4 4.5 6 3 8 4.5 10 8 10 11.5 10 13 8 11.5 6 10 4 8 5.5 8 8Z\" stroke=\"#a8306a\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Lotus – Klärung\u003c\/h3\u003e\n\u003cp\u003eLotusextrakt klärt die Poren, wirkt sanft adstringierend und spendet Feuchtigkeit. Der uralte Beauty-Wirkstoff für ebenmäßige, geschmeidige Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #daeeda; border: 1px solid #a8ccac;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M6 3C6 6 3 8 3 11 3 13 4.5 14.5 6 14.5\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 3C12 6 15 8 15 11 15 13 13.5 14.5 12 14.5\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 14.5C7.5 14.5 9 15 9 15 9 15 10.5 14.5 12 14.5\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M5 3C5 5.5 3 7 3 9.5 3 11 4 12 5 12\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M11 3C11 5.5 13 7 13 9.5 13 11 12 12 11 12\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Verstärkt Wirkstoffaufnahme\u003c\/h3\u003e\n\u003cp\u003eDer Toner öffnet die Haut für die nachfolgenden Wirkstoffe – Serum und Creme können ihre Aktivstoffe deutlich besser entfalten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"feat-icon\" style=\"background: #fde8e8; border: 1px solid #f5b8b8;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 16 16\" style=\"border-radius: 3px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"3\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made – Biotonique\u003c\/h3\u003e\n\u003cp\u003eSchweizer Präzision und eco-bewusste Formulierungen. Alkoholfreie Rezeptur aus reinen Pflanzenextrakten, sanft zu jeder Hauttyp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- SPECS --\u003e\n\u003cdiv class=\"section\" id=\"specs\" style=\"padding-top: 56px; padding-bottom: 56px;\"\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Technische Daten\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 20px;\"\u003eFormel \u0026amp;\u003cbr\u003eBalance-Konzept\u003c\/h2\u003e\n\u003c!-- Intro --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px;\"\u003e\n\u003cspan style=\"font-size: 20px; flex-shrink: 0; margin-top: 2px;\"\u003e💧\u003c\/span\u003e\n\u003cp style=\"font-size: 15px; color: var(--muted); line-height: 1.8;\"\u003eEssence Tonifiante \u0026amp; Équilibrante ist ein alkoholfreies Essenz-Tonerwasser mit drei kraftvollen Pflanzenextrakten. Traubenfruchtwasser liefert Antioxidantien, Eisenkrautextrakt bringt Balance und Lotusextrakt hydratisiert und klärt. Ein sanfter, harmonisierender Toner, der die Haut ideal auf Serum und Creme vorbereitet und die Wirkstoffaufnahme optimiert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Traubenwasser --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #ede8f5; border: 1px solid #c8bae0; border-left: 3px solid #5a3a98; border-radius: var(--rm); margin-bottom: 10px;\"\u003e\n\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 18 18\" fill=\"none\" style=\"flex-shrink: 0; margin-top: 1px;\"\u003e\u003ccircle cx=\"6\" cy=\"7\" r=\"2.2\" fill=\"#c8b8e8\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"10\" cy=\"7\" r=\"2.2\" fill=\"#c8b8e8\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"11\" r=\"2.2\" fill=\"#c8b8e8\" stroke=\"#5a3a98\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 5V3\" stroke=\"#5a3a98\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 14px; color: #1e0e40; line-height: 1.75;\"\u003e\u003cstrong style=\"font-family: var(--font-display); font-size: 15px; color: #1e0e40;\"\u003e🍇 Traubenfruchtwasser\u003c\/strong\u003e \u003cem style=\"font-family: var(--mono); font-size: 11px; color: #5a3a98;\"\u003e(Vitis vinifera)\u003c\/em\u003e\u003cbr\u003ereich an Polyphenolen und OPC – schützt die Haut vor freien Radikalen, spendet Feuchtigkeit und wirkt antioxidativ. Ein Naturklassiker aus dem Weinbau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Eisenkraut --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #daeeda; border: 1px solid #a8ccac; border-left: 3px solid #2d7a3a; border-radius: var(--rm); margin-bottom: 10px;\"\u003e\n\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 18 18\" fill=\"none\" style=\"flex-shrink: 0; margin-top: 1px;\"\u003e\u003cpath d=\"M9 3L9 15\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 6L9 7.5L5 9\" fill=\"none\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 6L9 7.5L13 9\" fill=\"none\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 10L9 11.5L5 13\" fill=\"none\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 10L9 11.5L13 13\" fill=\"none\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 14px; color: #1a3820; line-height: 1.75;\"\u003e\u003cstrong style=\"font-family: var(--font-display); font-size: 15px; color: #1a3820;\"\u003e🌿 Eisenkrautextrakt\u003c\/strong\u003e \u003cem style=\"font-family: var(--mono); font-size: 11px; color: #2d7a3a;\"\u003e(Verbena officinalis)\u003c\/em\u003e\u003cbr\u003etonisiert die Haut, wirkt beruhigend bei Rötungen und bringt Balance in gestresste, unruhige Haut. Ein traditioneller Heilpflanzen-Klassiker.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Lotus --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #f5dde8; border: 1px solid #e0b0c8; border-left: 3px solid #a8306a; border-radius: var(--rm); margin-bottom: 10px;\"\u003e\n\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 18 18\" fill=\"none\" style=\"flex-shrink: 0; margin-top: 1px;\"\u003e\u003cpath d=\"M9 9C9 6 6.5 4 5 6.5 3.5 9 5 11.5 9 11.5 13 11.5 14.5 9 13 6.5 11.5 4 9 6 9 9Z\" fill=\"#e8b8d0\" stroke=\"#a8306a\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5V15\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 14px; color: #2a0818; line-height: 1.75;\"\u003e\u003cstrong style=\"font-family: var(--font-display); font-size: 15px; color: #2a0818;\"\u003e🪷 Lotusextrakt\u003c\/strong\u003e \u003cem style=\"font-family: var(--mono); font-size: 11px; color: #a8306a;\"\u003e(Nelumbo nucifera)\u003c\/em\u003e\u003cbr\u003eklärt die Poren, wirkt sanft adstringierend und spendet gleichzeitig Feuchtigkeit. Verleiht der Haut ein ebenmäßiges, geschmeidiges Finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Alkoholfrei Highlight --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #dae4f4; border: 1px solid #a8c0e0; border-left: 3px solid #1a3870; border-radius: var(--rm); margin-bottom: 10px;\"\u003e\n\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 18 18\" fill=\"none\" style=\"flex-shrink: 0; margin-top: 1px;\"\u003e\u003cpath d=\"M9 3C7 6 5 9 5 12 5 14.5 7 16 9 16 11 16 13 14.5 13 12 13 9 11 6 9 3Z\" fill=\"#b8c8e8\" stroke=\"#1a3870\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 14px; color: #0e1e40; line-height: 1.75;\"\u003e\u003cstrong style=\"font-family: var(--font-display); font-size: 15px; color: #0e1e40;\"\u003e💧 Vollständig alkoholfrei\u003c\/strong\u003e\u003cbr\u003eAnders als viele klassische Toner enthält Essence Tonifiante keinen Alkohol – die Haut wird nicht ausgetrocknet, sondern sanft aufgefrischt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Geeignet für --\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: #fbe4d0; border: 1px solid #e8b890; border-left: 3px solid #b0521a; border-radius: var(--rm);\"\u003e\n\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 18 18\" fill=\"none\" style=\"flex-shrink: 0; margin-top: 1px;\"\u003e\u003cpath d=\"M9 3L10.5 6.5L14.5 7L11.5 10L12.5 14L9 12L5.5 14L6.5 10L3.5 7L7.5 6.5Z\" fill=\"#f0c898\" stroke=\"#b0521a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp style=\"font-size: 14px; color: #2a1a05; line-height: 1.75;\"\u003e\u003cstrong style=\"font-family: var(--font-display); font-size: 15px; color: #2a1a05;\"\u003e✨ Geeignet für alle Hauttypen\u003c\/strong\u003e\u003cbr\u003eVon trockener über empfindliche bis zu Mischhaut – der ausgleichende Toner wirkt individuell nach den Bedürfnissen jeder Haut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable class=\"specs-table\" style=\"width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eProdukt\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eEssence Tonifiante \u0026amp; Équilibrante\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eMarke\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eBiotonique\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eInhalt\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003e100 ml\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eProdukttyp\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eEssenz-Tonerwasser\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003ePflegeschritt\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eNach Reinigung, vor Serum\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eWirkstoff 1\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003e🍇 Traubenwasser (Vitis vinifera)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eWirkstoff 2\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003e🌿 Eisenkraut (Verbena officinalis)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eWirkstoff 3\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003e🪷 Lotus (Nelumbo nucifera)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003ePrimärwirkung\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eAusgleich \u0026amp; Erfrischung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eSekundärwirkung\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eGeschmeidigkeit, Straffung, Balance\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eAlkohol\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eFrei von Alkohol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eHauttypen\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003eAlle Hauttypen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eNatürlichkeit\u003c\/td\u003e\n\u003ctd class=\"td-v\"\u003e98,5–100% natürliche Inhaltsstoffe\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"td-k\"\u003eHerstellung\u003c\/td\u003e\n\u003ctd class=\"td-v\" style=\"display: flex; align-items: center; gap: 6px;\"\u003e\n\u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px; flex-shrink: 0;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENTS --\u003e\n\u003cdiv id=\"inhaltsstoffe\" style=\"background: var(--off-white); border-top: 1px solid var(--light); border-bottom: 1px solid var(--light);\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Wirkstoffe\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 24px;\"\u003e3 harmonisierende\u003cbr\u003ePflanzenextrakte im Detail\u003c\/h2\u003e\n\u003cdiv class=\"ingr-grid\"\u003e\n\u003cdiv class=\"ingr-card\"\u003e\n\u003cdiv class=\"ingr-card-icon\" style=\"background: #ede8f5; border-color: #c8bae0;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003ccircle cx=\"6\" cy=\"7\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"10\" cy=\"7\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"8\" cy=\"11\" r=\"2.2\" stroke=\"#5a3a98\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 5V3\" stroke=\"#5a3a98\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ingr-sci\"\u003eVitis vinifera\u003c\/div\u003e\n\u003cdiv class=\"ingr-common\"\u003eTraubenfruchtwasser\u003c\/div\u003e\n\u003cdiv class=\"ingr-desc\"\u003eKonzentriertes Pflanzenwasser aus der Weintraube – reich an Polyphenolen und OPC. Neutralisiert freie Radikale, spendet Feuchtigkeit und verleiht der Haut natürlichen Glow.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-card\"\u003e\n\u003cdiv class=\"ingr-card-icon\" style=\"background: #daeeda; border-color: #a8ccac;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 3L9 15\" stroke=\"#2d7a3a\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 6L9 7.5L5 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 6L9 7.5L13 9\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 10L9 11.5L5 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 10L9 11.5L13 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ingr-sci\"\u003eVerbena officinalis\u003c\/div\u003e\n\u003cdiv class=\"ingr-common\"\u003eEisenkrautextrakt\u003c\/div\u003e\n\u003cdiv class=\"ingr-desc\"\u003eTraditionelle Heilpflanze mit tonisierender Wirkung. Beruhigt Rötungen, harmonisiert das Hautbild und bringt gestresste Haut zurück ins Gleichgewicht. Wirkt anregend und ausgleichend.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingr-card\"\u003e\n\u003cdiv class=\"ingr-card-icon\" style=\"background: #f5dde8; border-color: #e0b0c8;\"\u003e\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 18 18\" fill=\"none\"\u003e\u003cpath d=\"M9 9C9 6 6.5 4 5 6.5 3.5 9 5 11.5 9 11.5 13 11.5 14.5 9 13 6.5 11.5 4 9 6 9 9Z\" stroke=\"#a8306a\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5V15\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ingr-sci\"\u003eNelumbo nucifera\u003c\/div\u003e\n\u003cdiv class=\"ingr-common\"\u003eLotusextrakt\u003c\/div\u003e\n\u003cdiv class=\"ingr-desc\"\u003eUralter Wirkstoff aus dem asiatischen Beauty-Ritual – reich an Flavonoiden. Klärt die Poren, wirkt sanft adstringierend, spendet Feuchtigkeit und macht die Haut geschmeidig und ebenmäßig.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- APPLICATION --\u003e\n\u003cdiv id=\"anwendung\" style=\"background: var(--white);\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"apply-layout\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Anwendung\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 14px;\"\u003eSo wird das Tonerwasser\u003cbr\u003eangewendet\u003c\/h2\u003e\n\u003cp style=\"font-size: 15px; color: var(--muted); line-height: 1.8; margin-bottom: 20px;\"\u003eMorgens und abends als erster Pflegeschritt nach der Reinigung. Auf Watte- oder Wiederverwendungspad geben oder mit den Händen sanft ins Gesicht drücken – so wird die Haut auf Serum und Creme vorbereitet.\u003c\/p\u003e\n\u003cdiv style=\"background: var(--off-white); border: 1px solid var(--light); border-left: 3px solid var(--accent); border-radius: var(--rm); padding: 14px 18px; font-size: 14px; color: var(--muted); line-height: 1.7;\"\u003e\n\u003cstrong style=\"color: var(--text);\"\u003e💡 Tipp:\u003c\/strong\u003e Mit den Händen sanft in die Haut klopfen – so bleiben die Wirkstoffe erhalten und die Haut wird maximal auf die folgende Pflege vorbereitet.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eHaut reinigen\u003c\/strong\u003e Gesicht mit Gelée Démaquillante Douce oder mildem Reiniger reinigen und trockentupfen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eAuftragen\u003c\/strong\u003e Auf Watte- oder Wiederverwendungspad geben und über Gesicht, Hals und Dekolleté führen. Alternativ in Handflächen sprühen und einklopfen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eEinwirken lassen\u003c\/strong\u003e Kurz einziehen lassen – die Haut fühlt sich sofort erfrischt und ausgeglichen an.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eSerum \u0026amp; Creme\u003c\/strong\u003e Anschließend Synergie Éclatante oder Synergie Anti-Rides auftragen, dann die passende Creme.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003e\n\u003cstrong\u003eMorgens \u0026amp; abends\u003c\/strong\u003e Zweimal täglich verwenden – der tägliche Beauty-Moment für ausgleichende, erfrischte Haut.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USES --\u003e\n\u003cdiv class=\"section\" id=\"einsatz\"\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Ideal für\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 24px;\"\u003eFür alle, die Balance,\u003cbr\u003eErfrischung und Ausgleich suchen\u003c\/h2\u003e\n\u003cdiv class=\"uses-grid\"\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003ccircle cx=\"6\" cy=\"6\" r=\"2\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"10\" cy=\"6\" r=\"2\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"8\" cy=\"10\" r=\"2\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e Erster Pflegeschritt\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 3L8 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M5 6L8 7L5 8\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M11 6L8 7L11 8\" stroke=\"#2d7a3a\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Gestresste Haut\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 8C8 5.5 6 4 4.5 6 3 8 4.5 10 8 10 11.5 10 13 8 11.5 6 10 4 8 5.5 8 8Z\" fill=\"#f5dde8\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Verstopfte Poren\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 3C6.5 5 5 7 5 9.5 5 11.5 6.5 13 8 13 9.5 13 11 11.5 11 9.5 11 7 9.5 5 8 3Z\" fill=\"#dae4f4\" stroke=\"#1a3870\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Dehydrierte Haut\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 13C8 13 3 9.5 3 6.5 3 4.5 4.5 3 6 3 6.8 3 8 3.8 8 3.8S9.2 3 10 3C11.5 3 13 4.5 13 6.5 13 9.5 8 13 8 13Z\" fill=\"#f5dde2\" stroke=\"#8a1a30\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Empfindliche Haut\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003ccircle cx=\"5\" cy=\"5\" r=\"1.5\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"10\" cy=\"5\" r=\"1.5\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"7.5\" cy=\"9\" r=\"1.5\" fill=\"#ede8f5\" stroke=\"#5a3a98\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e Vor Serum \u0026amp; Creme\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 3L8 13\" stroke=\"#2d7a3a\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Mischhaut \u0026amp; T-Zone\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003cpath d=\"M8 8C8 5.5 6 4 4.5 6 3 8 4.5 10 8 10 11.5 10 13 8 11.5 6 10 4 8 5.5 8 8Z\" fill=\"#f5dde8\" stroke=\"#a8306a\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e Nach dem Reisen\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003ccircle cx=\"8\" cy=\"8\" r=\"4\" fill=\"#dae4f4\" stroke=\"#1a3870\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e Nach dem Sport\u003c\/div\u003e\n\u003cdiv class=\"use\"\u003e\n\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" style=\"flex-shrink: 0;\"\u003e\n        \u003ccircle cx=\"8\" cy=\"8\" r=\"4\" fill=\"#f5dde2\" stroke=\"#8a1a30\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n      \u003c\/svg\u003e Alle Hauttypen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHY --\u003e\n\u003cdiv class=\"why\"\u003e\n\u003cdiv class=\"why-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Warum Biotonique\u003c\/div\u003e\n\u003ch2\u003eWarum die Essence\u003cbr\u003eTonifiante \u0026amp; Équilibrante\u003c\/h2\u003e\n\u003cp class=\"why-sub\"\u003eEin alkoholfreier Toner mit drei kraftvollen Pflanzenextrakten – erfrischt, gleicht aus und bereitet die Haut optimal auf die weitere Pflege vor. Schweizer Qualität, natürlich sanft.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-points\"\u003e\n\u003cdiv class=\"why-point\"\u003e\n\u003cdiv class=\"why-check\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpolyline points=\"1.5,5 4,7.5 8.5,2\" stroke=\"#f8f6f2\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cstrong\u003eAlkoholfrei \u0026amp; sanft\u003c\/strong\u003e – anders als klassische Toner ohne austrocknenden Alkohol – bringt Balance, ohne die Hautbarriere zu belasten.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-point\"\u003e\n\u003cdiv class=\"why-check\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpolyline points=\"1.5,5 4,7.5 8.5,2\" stroke=\"#f8f6f2\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cstrong\u003eDrei Extrakte – eine Balance\u003c\/strong\u003e – Traube schützt antioxidativ, Eisenkraut gleicht aus, Lotus klärt und hydratisiert. Perfekte Harmonie in einer Flasche.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-point\"\u003e\n\u003cdiv class=\"why-check\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003cpolyline points=\"1.5,5 4,7.5 8.5,2\" stroke=\"#f8f6f2\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cstrong\u003eVerstärkt die Wirkung\u003c\/strong\u003e – öffnet die Haut für die folgenden Pflegeprodukte, sodass Serum und Creme ihre Wirkstoffe maximal entfalten können.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-point\"\u003e\n\u003cdiv class=\"why-check\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 16 16\" style=\"border-radius: 1px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"1\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cstrong\u003eSwiss Made \u0026amp; 98,5–100% natürlich\u003c\/strong\u003e – Schweizer Präzision, eco-bewusste Formulierungen, ohne Kompromisse bei der Wirksamkeit.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"section\" id=\"faq\" style=\"background: #f0ece4;\"\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Häufige Fragen\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 28px;\"\u003eFAQ\u003c\/h2\u003e\n\u003cdiv class=\"faq-wrap\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003e\n\u003cdiv class=\"faq-icon\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5M5 6.5V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\nWas ist der Unterschied zu einem klassischen Gesichtswasser?\u003c\/div\u003e\n\u003cdiv class=\"faq-a\"\u003eEssence Tonifiante \u0026amp; Équilibrante ist ein modernes Essenz-Tonerwasser ohne Alkohol – im Gegensatz zu klassischen Toners trocknet es die Haut nicht aus. Die drei Pflanzenextrakte pflegen aktiv, während sie die Haut auf die weitere Pflege vorbereiten.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003e\n\u003cdiv class=\"faq-icon\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5M5 6.5V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\nWann in der Pflegeroutine wird die Essence angewendet?\u003c\/div\u003e\n\u003cdiv class=\"faq-a\"\u003eDirekt nach der Reinigung, als erster Pflegeschritt. Die Reihenfolge: Reinigung → Essence Tonifiante → Serum (z. B. Synergie Éclatante oder Anti-Rides) → Creme (Universelle oder Anti-Rides). So kann jedes Produkt seine volle Wirkung entfalten.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003e\n\u003cdiv class=\"faq-icon\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5M5 6.5V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\nIst die Essence auch für empfindliche Haut geeignet?\u003c\/div\u003e\n\u003cdiv class=\"faq-a\"\u003eJa. Da die Rezeptur alkoholfrei ist und Eisenkraut hautberuhigend wirkt, ist die Essence besonders sanft. Auch bei Rötungen und Irritationen wirkt sie ausgleichend und beruhigend.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003e\n\u003cdiv class=\"faq-icon\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5M5 6.5V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\nKann ich die Essence auch tagsüber als Erfrischung nutzen?\u003c\/div\u003e\n\u003cdiv class=\"faq-a\"\u003eJa, ideal! In eine Sprühflasche umfüllen und tagsüber über Gesicht und Hals sprühen – erfrischt sofort und liefert einen Feuchtigkeitsboost. Perfekt bei Hitze, nach dem Sport oder auf Reisen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003e\n\u003cdiv class=\"faq-icon\"\u003e\u003csvg width=\"11\" height=\"11\" viewbox=\"0 0 10 10\" fill=\"none\"\u003e\u003ccircle cx=\"5\" cy=\"5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 3.5V5.5M5 6.5V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\nMuss ich einen Toner überhaupt verwenden?\u003c\/div\u003e\n\u003cdiv class=\"faq-a\"\u003eEin guter Toner ist nicht Pflicht, aber er potenziert die Wirkung der weiteren Pflege deutlich. Die Essence Tonifiante bereitet die Haut optimal auf Serum und Creme vor – ihre Wirkstoffe werden besser aufgenommen. Auf Dauer ein sichtbar besseres Hautbild.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ANFRAGE --\u003e\n\u003cdiv style=\"background: var(--white); border-top: 1px solid var(--light); border-bottom: 1px solid var(--light);\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"anfrage-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003e✦ Direktkontakt\u003c\/div\u003e\n\u003ch2 class=\"section-title\" style=\"margin-bottom: 12px;\"\u003eFragen zur Essence\u003cbr\u003eTonifiante?\u003c\/h2\u003e\n\u003cp style=\"font-size: 15px; color: var(--muted); line-height: 1.8;\"\u003eWir beraten Sie gerne – zu Inhaltsstoffen, Anwendung, Bestellung oder Großmengen. Schreiben Sie uns direkt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ca href=\"mailto:info@viodor.com?subject=Anfrage:%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml\u0026amp;body=Guten%20Tag,%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml.%0A%0AMeine%20Frage:%0A%0AMit%20freundlichen%20Gr%C3%BC%C3%9Fen\" class=\"anfrage-email-box\"\u003e\n\u003cdiv class=\"anfrage-email-icon\"\u003e\u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\u003crect x=\"2\" y=\"4\" width=\"16\" height=\"12\" rx=\"2\" stroke=\"#f8f6f2\" stroke-width=\"1.4\"\u003e\u003c\/rect\u003e\u003cpath d=\"M2 7l8 5 8-5\" stroke=\"#f8f6f2\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"font-size: 12px; color: var(--muted); font-family: var(--mono); margin-bottom: 3px;\"\u003eE-Mail\u003c\/div\u003e\n\u003cdiv style=\"font-size: 16px; font-weight: bold; color: var(--text);\"\u003einfo@viodor.com\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-left: auto; font-size: 20px; color: var(--muted);\"\u003e→\u003c\/div\u003e\n\u003c\/a\u003e\n\u003cdiv class=\"anfrage-topics\"\u003e\n\u003ca href=\"mailto:info@viodor.com?subject=Inhaltsstoffe:%20Essence%20Tonifiante\" class=\"anfrage-topic\"\u003e💊 Inhaltsstoffe\u003c\/a\u003e \u003ca href=\"mailto:info@viodor.com?subject=Anwendung:%20Essence%20Tonifiante\" class=\"anfrage-topic\"\u003e✋ Anwendung\u003c\/a\u003e \u003ca href=\"mailto:info@viodor.com?subject=Bestellung:%20Essence%20Tonifiante\" class=\"anfrage-topic\"\u003e🛍 Bestellung\u003c\/a\u003e \u003ca href=\"mailto:info@viodor.com?subject=Grossmengen:%20Essence%20Tonifiante\" class=\"anfrage-topic\"\u003e📦 Grossmengen\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-bar\"\u003e\n\u003cdiv class=\"cta-inner\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBereit für den perfekten ersten Pflegeschritt?\u003c\/h3\u003e\n\u003cp\u003e\u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px; vertical-align: middle;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e 100 ml · Swiss Made · Biotonique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-btns\"\u003e\n\u003ca class=\"primary\" href=\"#\"\u003e \u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 16 16\" fill=\"none\"\u003e\u003cpath d=\"M2 2h2.5l1.8 8h5.5l1.2-5H5.5\" stroke=\"#f8f6f2\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"8\" cy=\"13\" r=\"1\" fill=\"#f8f6f2\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"11\" cy=\"13\" r=\"1\" fill=\"#f8f6f2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e Jetzt kaufen \u003c\/a\u003e \u003ca class=\"outline\" href=\"mailto:info@viodor.com?subject=Anfrage:%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml\u0026amp;body=Guten%20Tag,%0A%0Aich%20interessiere%20mich%20f%C3%BCr%20die%20Essence%20Tonifiante%20%26%20%C3%89quilibrante%20100ml.%0A%0AMit%20freundlichen%20Gr%C3%BC%C3%9Fen\"\u003e \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003crect x=\"1.5\" y=\"3\" width=\"11\" height=\"8\" rx=\"1.5\" stroke=\"#1a1a18\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M1.5 5.5L7 8.5l5.5-3\" stroke=\"#1a1a18\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Anfrage senden \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTER --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cdiv class=\"footer-inner\"\u003e\n\u003cspan class=\"footer-brand\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\"\u003e\u003ccircle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"#4a4840\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M6 7L10 14L14 7\" stroke=\"#4a4840\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Viodor · Biotonique · Essence Tonifiante \u0026amp; Équilibrante · \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 16 16\" style=\"border-radius: 2px;\"\u003e\u003crect width=\"16\" height=\"16\" fill=\"#D52B1E\" rx=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"6.5\" y=\"2\" width=\"3\" height=\"12\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"2\" y=\"6.5\" width=\"12\" height=\"3\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e Swiss Made \u003c\/span\u003e \u003ca class=\"footer-link\" href=\"mailto:info@viodor.com\"\u003e \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003crect x=\"1.5\" y=\"3\" width=\"11\" height=\"8\" rx=\"1.5\" stroke=\"#4a4840\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M1.5 5.5L7 8.5l5.5-3\" stroke=\"#4a4840\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/footer\u003e","brand":"Biotonique","offers":[{"title":"Default Title","offer_id":54178526134609,"sku":null,"price":60.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1052\/9393\/9025\/files\/essencetonifiante.png?v=1782843645","url":"https:\/\/viodor.com\/products\/essence-tonifiante-equilibrante-100ml","provider":"Viodor I Premium-Beauty-Produkten","version":"1.0","type":"link"}