{"product_id":"clary-hair-fall-control-spray","title":"CLARY Spray gegen Haarausfall 200ml","description":" \u003cstyle\u003e\n    .clary-container {\n     \n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n      position: relative;\n    }\n\n    .clary-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Medical\/Professional floating background *\/\n    .clary-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.04) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.05) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n      animation: medicalFloat 30s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 50px;\n      text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(60px);\n      animation: medicalFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.03em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      background-size: 200% 100%;\n      animation: medicalFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n                 shimmerText 4s ease-in-out infinite 2s;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -20px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 5px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n      box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n      animation: medicalUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n    }\n\n    .crisis-section {\n      background: linear-gradient(135deg, #8B0000 0%, #DC143C 25%, #8B0000 50%, #DC143C 75%, #8B0000 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(139, 0, 0, 0.4),\n        0 15px 40px rgba(220, 20, 60, 0.3),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .crisis-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(220, 20, 60, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(139, 0, 0, 0.15) 0%, transparent 50%);\n      animation: urgentAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .crisis-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(220, 20, 60, 0.1) 50%, transparent 70%);\n      animation: urgentShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .crisis-title {\n      color: #FFE4E1;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(255, 228, 225, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .crisis-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .solution-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .solution-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n      animation: medicalAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .solution-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .solution-title {\n      color: #f4e4a6;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .solution-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 50px;\n      margin: 80px 0 50px 0;\n      border-radius: 25px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.3),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 900;\n      margin-bottom: 15px;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n      letter-spacing: -0.02em;\n    }\n\n    .section-subtitle {\n      font-size: 1.2em;\n      opacity: 0.9;\n      font-weight: 300;\n    }\n\n    .technology-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tech-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .tech-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .tech-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .tech-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .tech-subtitle {\n      color: #666;\n      font-size: 1.3em;\n      font-weight: 600;\n      margin-bottom: 25px;\n      font-style: italic;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n      margin-bottom: 12px;\n      padding: 18px 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 3px 8px rgba(0,0,0,0.04);\n    }\n\n    .benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-bullet {\n      width: 10px;\n      height: 10px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n    }\n\n    .timeline-section {\n      background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .timeline-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .timeline-badge {\n      position: absolute;\n      top: -15px;\n      right: 30px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      padding: 8px 20px;\n      border-radius: 25px;\n      font-weight: 800;\n      font-size: 0.9em;\n      box-shadow: \n        0 8px 20px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .timeline-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .instructions-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .instruction-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .instruction-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .instruction-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .instruction-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .instruction-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .warning-section {\n      background: linear-gradient(135deg, #8B0000 0%, #DC143C 25%, #8B0000 50%, #DC143C 75%, #8B0000 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(139, 0, 0, 0.4),\n        0 15px 40px rgba(220, 20, 60, 0.3),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .warning-title {\n      color: #FFE4E1;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(255, 228, 225, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .value-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .value-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .value-card:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .value-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      fill: #9C8102;\n      display: block;\n    }\n\n    .value-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n      text-align: center;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: medicalScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 50px 100px rgba(0,0,0,0.4),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaAura 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.4em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .cta-highlight {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #f4e4a6;\n      margin: 40px 0;\n      animation: medicalTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n    }\n\n    @keyframes medicalFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes medicalScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes medicalUnderline {\n      to { width: 150px; }\n    }\n\n    @keyframes shimmerText {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n    @keyframes medicalFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(180deg); }\n    }\n\n    @keyframes medicalAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes urgentAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes urgentShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes ctaAura {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.4); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes medicalTextGlow {\n      0%, 100% { \n        text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.6em;\n        margin-bottom: 40px;\n      }\n      \n      .timeline-grid,\n      .value-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .crisis-section,\n      .solution-section,\n      .section-header,\n      .technology-section,\n      .timeline-section,\n      .instructions-section,\n      .warning-section,\n      .value-section,\n      .cta-final {\n        padding: 40px 25px;\n        margin: 40px 10px;\n      }\n\n      .crisis-title,\n      .solution-title {\n        font-size: 2.4em;\n      }\n\n      .section-title {\n        font-size: 2.2em;\n      }\n\n      .cta-title {\n        font-size: 2.6em;\n      }\n\n      .tech-card,\n      .instruction-card {\n        padding: 30px 20px;\n        border-radius: 15px;\n      }\n\n      .timeline-card,\n      .value-card {\n        padding: 25px 20px;\n      }\n\n      .benefit-item {\n        padding: 15px 18px;\n        margin-bottom: 10px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2.2em;\n        letter-spacing: -0.01em;\n      }\n\n      .crisis-section,\n      .solution-section,\n      .section-header,\n      .technology-section,\n      .timeline-section,\n      .instructions-section,\n      .warning-section,\n      .value-section,\n      .cta-final {\n        padding: 30px 20px;\n        border-radius: 20px;\n      }\n\n      .crisis-title,\n      .solution-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .tech-title,\n      .instruction-title {\n        font-size: 1.6em;\n      }\n\n      .timeline-title,\n      .value-title {\n        font-size: 1.2em;\n      }\n\n      .cta-highlight {\n        font-size: 1.3em;\n      }\n\n      .cta-text {\n        font-size: 1.2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eCLARY Spray gegen Haarausfall - die ultimative Lösung für Haarverlust, die die Tragödie stoppt\u003c\/h1\u003e\n\u003c!-- Crisis Section --\u003e\n\u003cdiv class=\"crisis-section\"\u003e\n\u003ch2 class=\"crisis-title\"\u003eJeder Tag im Leben deiner Haare geht verloren... Wie lange wirst du warten?\u003c\/h2\u003e\n\u003cdiv class=\"crisis-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eHast du bemerkt, dass deine Bürste voller Haare ist als üblich?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFindest du jeden Morgen Haarbüschel auf deinem Kissen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDu hast bemerkt, dass die Dichte deiner Haare nicht mehr wie früher ist... und es gibt deutliche Lücken?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWenn deine Antwort „ah“ ist... dann befindest du dich in der kritischen Phase.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Section --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"solution-title\"\u003eAber was, wenn ich dir sagen würde, dass es eine wissenschaftliche Methode gibt, die diese Tragödie aufhalten kann?\u003c\/h2\u003e\n\u003cdiv class=\"solution-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eCLARY Hair Fall Control Spray ist nicht nur ein weiteres Produkt auf dem Markt\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDies ist ein echter wissenschaftlicher Durchbruch, der Haarausfall an seinen Wurzeln bekämpft\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMit fortschrittlicher Dreifachwirkungstechnologie\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eRevolutionäre Technologie: Dreifachwirkung in einem einzigen Produkt\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eZum ersten Mal in Ägypten: eine Formel, die die beiden leistungsstärksten Verbindungen zur Behandlung von Haarausfall kombiniert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        3% Procapil - Retter abgestorbener Follikel\n      \u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eDie erste Verbindung, die wissenschaftlich nachgewiesen wurde, um eingefrorene Haarfollikel wiederzubeleben\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eWas es anders macht?\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBekämpft das Altern der Haarfollikel\u003c\/strong\u003e Auf zellulärer Ebene\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduziert die Produktion von DHT\u003c\/strong\u003e Hormon, das 58 % der Haare schädigt.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAktiviere die ruhenden Follikel\u003c\/strong\u003e La fa produrre nuovi capelli\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStärkt die bestehenden Haarwurzeln\u003c\/strong\u003e Verhindert Haarausfall\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold;\"\u003eErgebnis : reduce fallend Haare 46% In 4 \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        3% Capixyl - ein revolutionärer Wachstumstimulator\n      \u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eDie zweite Verbindung ist 3 Mal wirksamer als Minoxidil bei der Anregung des Haarwuchses\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eWie die Magie geschieht?\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eErhöht die Haardichte\u003c\/strong\u003e Auf natürliche und sichere Weise\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStärkt die Verankerung der Haare in der Kopfhaut\u003c\/strong\u003e Es ist verboten, es zu extrahieren\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVerbessert die Durchblutung\u003c\/strong\u003e Versorgt jeden Follikel mit Nährstoffen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBeschleunigt den Haarwachstumszyklus\u003c\/strong\u003e Macht die aktive Phase länger\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold; color: #333;\"\u003eDas außergewöhnliche Ergebnis: Erhöhung der Haardichte um 13% in 4 Monaten mit stärkerem und gesünderem Haar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHeilungsreise - Sieh dein Haar nach und nach wieder lebendig werden\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eEs sind nicht nur Versprechen... dies sind Ergebnisse, die Sie mit eigenen Augen sehen werden\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDie erste Woche\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Stoppt die Blutung\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDeutliche Reduzierung des Haarausfalls\u003c\/strong\u003e Auf Kissen und Matratze\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEin Gefühl von Stärke auf der Kopfhaut\u003c\/strong\u003e Die Haare sind weniger brüchig\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVerbesserung der Haarstruktur\u003c\/strong\u003e Und seine Weichheit erhöhen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eNach 3 Monaten\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Das Wunder geschieht\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEs erscheinen kleine neue Haare\u003c\/strong\u003e In den Bereichen, wo Lücken waren\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDie Dichte der vorhandenen Haare erhöhen\u003c\/strong\u003e Und die Kraft der Wurzeln\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEine deutliche Verbesserung der Gesundheit der Kopfhaut\u003c\/strong\u003e Juckreiz und Entzündung reduzieren\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eNach 6 Monaten\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M5,16L3,14L5,12L3,10L5,8H7L9,10L11,8H13L15,10L17,8H19L21,10L19,12L21,14L19,16H17L15,14L13,16H11L9,14L7,16H5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Vollständige Schönheit\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStellen Sie die natürliche Haardichte wieder her\u003c\/strong\u003e Fast\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eGesundes und starkes Haar\u003c\/strong\u003e Beständig gegen alle Ursachen des Haarausfalls\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDie Ergebnisse sind dauerhaft\u003c\/strong\u003e Und vor Rückfall geschützt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Instructions Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDie richtige Art der Anwendung - um das beste Ergebnis zu erzielen\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eEinfache Schritte für garantierten Erfolg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Vorbereitung\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eWasche die Haare\u003c\/strong\u003e Das geeignete Shampoo verwenden und sanft trocknen lassen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTeile deine Haare ab\u003c\/strong\u003e In 3 Abschnitten, um das Spray gleichmäßig zu verteilen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Anwendung\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e4-6 Mal sprühen\u003c\/strong\u003e Auf die Kopfhaut in jedem Bereich\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSanft massieren\u003c\/strong\u003e Mit den Fingerspitzen, um die Verteilung zu gewährleisten\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNicht abspülen\u003c\/strong\u003e Lass es den ganzen Tag wirken\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15,7H13V13H15V7M11,15H13V17H11V15Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Timing\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEinmal täglich anwenden\u003c\/strong\u003e Morgens oder bevor du ins Bett gehst\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegelmäßigkeit ist das Geheimnis\u003c\/strong\u003e - Jeden Tag für mindestens 6 Monate\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFür bessere Ergebnisse\u003c\/strong\u003e Mit Shampoo, Conditioner und CLARY-Maske verwenden\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch2 class=\"warning-title\"\u003e\n\u003csvg style=\"width: 40px; height: 40px; display: inline-block; margin-left: 10px; fill: #FFE4E1;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n      Wichtiger Hinweis: Das Problem wird sich nicht von selbst lösen\n    \u003c\/h2\u003e\n\u003cdiv class=\"crisis-text\" style=\"position: relative; z-index: 3;\"\u003e\n\u003cp\u003e\u003cstrong\u003eHaarausfall ist wie jede Krankheit... jeden Tag ohne Behandlung verschlechtert sich der Zustand\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDas Problem ist, dass die meisten Menschen warten, „bis sich die Situation von selbst verbessert“... und das Ergebnis ist, dass sie wertvolle Jahre im Leben ihrer Haare verlieren.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAbgestorbene Haarfollikel werden nicht von selbst wieder lebendig... sie benötigen einen spezialisierten wissenschaftlichen Eingriff\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUnd das ist genau das, was CLARY tut... Gib deinen Follikeln eine zweite Chance zum Leben\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eAußergewöhnlicher Wert, der jeden Cent wert ist\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eWarum CLARY deine klügste Wahl ist?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eGroße Größe 200 ml\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAusreichend für mehrere Monate Anwendung\u003c\/strong\u003e - Ein Paket wird lange halten, im Gegensatz zu kleinen Produkten, die schnell aufgebraucht sind\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eAngemessener Preis\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eGünstiger als die meisten anderen Haarbehandlungen, aber mit teureren Inhaltsstoffen\u003c\/strong\u003e - Sie erhalten fortschrittliche Technologie zu einem vernünftigen Preis im Vergleich zu teuren Alternativen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eBewährter Erfolg\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eErfolgsquote von über 80% der Nutzer\u003c\/strong\u003e - Das sind nicht nur Versprechungen... das sind reale Ergebnisse von tausenden Kunden, die das Produkt ausprobiert haben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eLa decisione di oggi determinerà la forma dei tuoi capelli domani\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eJeden Tag denkst du daran... deine Haare fallen mehr aus\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJede Woche, die du sie aufschiebst... sterben mehr Follikel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eJeden Monat, den du wartest... geht die Gelegenheit immer mehr verloren\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Es gibt nicht so etwas wie \"Ich werde bis nächsten Monat sehen\"... Ihr Haar wird nicht warten\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eTriff jetzt eine Entscheidung und beginne den richtigen Behandlungsweg...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOder akzeptieren, dass das Problem zunehmen wird und später teurere und schwierigere Lösungen erfordert\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCLARY Spray gegen Haarausfall ist nicht nur ein Produkt... es ist die letzte Verteidigungslinie zwischen deinem aktuellen Haar und dauerhafter Glatzenbildung\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Beginne jetzt.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for medical animations\n    const medicalObserverOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const medicalObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('section-header')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('tech-card')) {\n            element.style.animation = 'medicalFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('instruction-card')) {\n            element.style.animation = 'medicalFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-card')) {\n            element.style.animation = 'medicalFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-card')) {\n            element.style.animation = 'medicalFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('crisis-section')) {\n            element.style.animation = 'medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('solution-section')) {\n            element.style.animation = 'medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('technology-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('instructions-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('warning-section')) {\n            element.style.animation = 'medicalScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'medicalScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, medicalObserverOptions);\n\n    \/\/ Initialize medical animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.section-header, .tech-card, .instruction-card, .timeline-card, .value-card, .crisis-section, .solution-section, .technology-section, .timeline-section, .instructions-section, .warning-section, .value-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        medicalObserver.observe(el);\n      });\n\n      \/\/ Medical staggered delays\n      const timelineCards = document.querySelectorAll('.timeline-card');\n      timelineCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const valueCards = document.querySelectorAll('.value-card');\n      valueCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const techCards = document.querySelectorAll('.tech-card');\n      techCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const instructionCards = document.querySelectorAll('.instruction-card');\n      instructionCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      \/\/ Medical particle effects\n      const allCards = document.querySelectorAll('.tech-card, .instruction-card, .timeline-card, .value-card');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createMedicalParticles(card);\n        });\n      });\n\n      \/\/ Enhanced medical particle creation\n      function createMedicalParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(244, 228, 166, 0.8);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'brightness(1)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 720}deg)`, \n              opacity: 0,\n              filter: 'brightness(1.5)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Medical magnetic hover effects\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(6px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Medical urgency sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.crisis-section', '.warning-section', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.4) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 1}px;\n              height: ${Math.random() * 3 + 1}px;\n              background: linear-gradient(135deg, #FFE4E1, #f4e4a6);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(255, 228, 225, 0.9);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.6)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 2500,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 2000);\n\n      \/\/ Medical ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.tech-card, .instruction-card, .timeline-card, .value-card')) {\n          const element = e.target.closest('.tech-card, .instruction-card, .timeline-card, .value-card');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(244, 228, 166, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 25px;\n            height: 25px;\n            left: ${e.clientX - rect.left - 12.5}px;\n            top: ${e.clientY - rect.top - 12.5}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n    });\n  \u003c\/script\u003e","brand":"Clary","offers":[{"title":"Default Title","offer_id":46999412932782,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/CLARYHairFallControlSpray_66332a52-e1dc-4041-a2ef-be1208cc0b12.webp?v=1788175285","url":"https:\/\/skingeer.com\/de\/products\/clary-hair-fall-control-spray","provider":"SkinGeer","version":"1.0","type":"link"}