{"product_id":"bobana-dead-sea-mud-mask","title":"Bobana Dead Sea Mud Mask","description":"\u003c!-- BOBANA Dead Sea Mud Mask Product Description --\u003e\n\u003cstyle\u003e\n  .bobana-deadsea-container {\n    line-height: 1.6;\n    color: #333;\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);\n    overflow: hidden;\n  }\n  \n  .hero-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"waves\" width=\"80\" height=\"40\" patternUnits=\"userSpaceOnUse\"\u003e\u003cpath d=\"M0,20 Q20,10 40,20 T80,20\" stroke=\"%23ffffff\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.1\"\/\u003e\u003cpath d=\"M0,30 Q20,20 40,30 T80,30\" stroke=\"%23ffffff\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.08\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23waves)\"\/\u003e\u003c\/svg\u003e');\n    animation: wavesFlow 40s ease-in-out infinite;\n  }\n  \n  .hero-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: heroSlide 1s ease-out;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .hero-subtitle {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    max-width: 700px;\n    margin: 0 auto;\n    animation: heroFade 1s ease-out 0.3s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .product-showcase {\n    padding: 3rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  \n  .product-image {\n    max-width: 400px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(156, 129, 2, 0.15);\n    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    margin: 2rem auto;\n    display: block;\n  }\n  \n  .product-image:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 30px 80px rgba(156, 129, 2, 0.25);\n  }\n  \n  .product-name {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin: 2rem 0 1rem;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .product-intro {\n    font-size: 1.1rem;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 3rem;\n    animation: slideUp 0.8s ease-out 0.4s both;\n    line-height: 1.7;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    padding: 2rem;\n    margin: 3rem 0;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 15px;\n    padding: 2rem;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid transparent;\n    animation: cardSlide 0.6s ease-out both;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #D4AF37);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(156, 129, 2, 0.15);\n    border-color: #9C8102;\n  }\n  \n  .benefit-card:hover::before {\n    transform: scaleX(1);\n  }\n  \n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .benefit-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    animation: mineralGlow 3s ease-in-out infinite;\n    font-size: 1.2rem;\n  }\n  \n  .benefit-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #9C8102;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-description {\n    color: #666;\n    line-height: 1.6;\n  }\n  \n  .section {\n    padding: 3rem 2rem;\n    margin: 2rem 0;\n  }\n  \n  .section-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #9C8102;\n    text-align: center;\n    margin-bottom: 2rem;\n    animation: slideUp 0.8s ease-out both;\n  }\n  \n  .section-content {\n    max-width: 800px;\n    margin: 0 auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n  }\n  \n  .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    align-items: center;\n    margin: 3rem 0;\n  }\n  \n  .content-image {\n    width: 100%;\n    max-width: 350px;\n    height: auto;\n    border-radius: 15px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    transition: all 0.5s ease;\n    animation: imageSlide 0.8s ease-out both;\n  }\n  \n  .content-image:hover {\n    transform: scale(1.05) rotate(1deg);\n    box-shadow: 0 25px 60px rgba(0,0,0,0.15);\n  }\n  \n  .text-content {\n    animation: slideUp 0.8s ease-out 0.3s both;\n  }\n  \n  .text-content h3 {\n    font-size: 1.5rem;\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-weight: 600;\n  }\n  \n  .text-content p {\n    color: #555;\n    margin-bottom: 1rem;\n    line-height: 1.7;\n  }\n  \n  .deadsea-info {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border-left: 5px solid #9C8102;\n  }\n  \n  .mineral-benefits {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 1.5rem;\n    margin-top: 2rem;\n  }\n  \n  .mineral-item {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .mineral-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(156, 129, 2, 0.12);\n  }\n  \n  .mineral-item:nth-child(1) { animation-delay: 0.1s; }\n  .mineral-item:nth-child(2) { animation-delay: 0.2s; }\n  .mineral-item:nth-child(3) { animation-delay: 0.3s; }\n  .mineral-item:nth-child(4) { animation-delay: 0.4s; }\n  \n  .mineral-icon {\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  .ingredients-section {\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    padding: 4rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .ingredients-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .ingredient-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2rem;\n    margin: 3rem 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .ingredient-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 15px;\n    padding: 2rem;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.1);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-card:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n  }\n  \n  .ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n  .ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n  .ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n  .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .ingredient-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #D4AF37;\n    margin-bottom: 1rem;\n  }\n  \n  .ingredient-subtitle {\n    font-size: 0.9rem;\n    color: #9C8102;\n    font-weight: 500;\n    margin-bottom: 1rem;\n  }\n  \n  .benefit-icon {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    margin-right: 0.5rem;\n    position: relative;\n  }\n  \n  .benefit-icon::after {\n    content: '✓';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-section {\n    background: white;\n    border-radius: 20px;\n    padding: 3rem 2rem;\n    margin: 3rem 0;\n    border: 2px solid #9C8102;\n  }\n  \n  .usage-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-step {\n    text-align: center;\n    padding: 1.5rem;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    animation: cardSlide 0.6s ease-out both;\n    transition: all 0.3s ease;\n  }\n  \n  .usage-step:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(156, 129, 2, 0.1);\n  }\n  \n  .step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    color: white;\n    border-radius: 50%;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    font-size: 1.1rem;\n  }\n  \n  .results-timeline {\n    padding: 3rem 2rem;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  }\n  \n  .timeline-item {\n    display: flex;\n    margin: 2rem 0;\n    animation: timelineSlide 0.8s ease-out both;\n    align-items: flex-start;\n  }\n  \n  .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  \n  .timeline-marker {\n    width: 90px;\n    height: 90px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: bold;\n    margin-left: 2rem;\n    flex-shrink: 0;\n    animation: mineralPulse 2s ease-in-out infinite;\n    font-size: 0.7rem;\n    text-align: center;\n    line-height: 1.2;\n  }\n  \n  .timeline-content {\n    background: white;\n    padding: 1.5rem;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-right: 1rem;\n    flex-grow: 1;\n    border-right: 4px solid #9C8102;\n  }\n  \n  .timeline-content h4 {\n    color: #9C8102;\n    margin-bottom: 0.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n  }\n  \n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n  }\n  \n  .feature-list li {\n    padding: 0.8rem 0;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    padding-left: 2rem;\n    animation: listSlide 0.5s ease-out both;\n    color: #555;\n  }\n  \n  .feature-list li:nth-child(1) { animation-delay: 0.1s; }\n  .feature-list li:nth-child(2) { animation-delay: 0.2s; }\n  .feature-list li:nth-child(3) { animation-delay: 0.3s; }\n  \n  .feature-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 15px;\n    height: 15px;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    border-radius: 50%;\n  }\n  \n  .feature-list li::after {\n    content: '✓';\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: white;\n    font-size: 0.7rem;\n    font-weight: bold;\n  }\n  \n  .usage-areas {\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 3rem 2rem;\n    border-radius: 20px;\n    margin: 3rem 0;\n  }\n  \n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  \n  .usage-area {\n    background: white;\n    border-radius: 12px;\n    padding: 2rem;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    border-top: 3px solid #9C8102;\n    animation: cardSlide 0.6s ease-out both;\n  }\n  \n  .usage-area h4 {\n    color: #9C8102;\n    margin-bottom: 1rem;\n    font-size: 1.3rem;\n    font-weight: 600;\n  }\n  \n  .cta-section {\n    text-align: center;\n    padding: 4rem 2rem;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    color: white;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(156, 129, 2, 0.1) 0%, transparent 50%);\n    animation: ctaGlow 4s ease-in-out infinite alternate;\n  }\n  \n  .cta-title {\n    font-size: 2.2rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    background: linear-gradient(45deg, #9C8102, #D4AF37);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: slideUp 0.8s ease-out both;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .cta-text {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 2rem;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    animation: slideUp 0.8s ease-out 0.2s both;\n    position: relative;\n    z-index: 2;\n    line-height: 1.7;\n  }\n  \n  .floating-minerals {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  .mineral-crystal {\n    position: absolute;\n    width: 6px;\n    height: 8px;\n    background: linear-gradient(135deg, #9C8102, #D4AF37);\n    transform: rotate(45deg);\n    opacity: 0.3;\n    animation: floatCrystal 12s linear infinite;\n  }\n  \n  .mineral-crystal:nth-child(1) { left: 10%; animation-delay: 0s; }\n  .mineral-crystal:nth-child(2) { left: 30%; animation-delay: 2s; }\n  .mineral-crystal:nth-child(3) { left: 50%; animation-delay: 4s; }\n  .mineral-crystal:nth-child(4) { left: 70%; animation-delay: 6s; }\n  .mineral-crystal:nth-child(5) { left: 90%; animation-delay: 8s; }\n  \n  @keyframes heroSlide {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes heroFade {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 0.9; transform: translateY(0); }\n  }\n  \n  @keyframes slideUp {\n    0% { transform: translateY(30px); opacity: 0; }\n    100% { transform: translateY(0); opacity: 1; }\n  }\n  \n  @keyframes cardSlide {\n    0% { transform: translateY(50px) scale(0.9); opacity: 0; }\n    100% { transform: translateY(0) scale(1); opacity: 1; }\n  }\n  \n  @keyframes imageSlide {\n    0% { transform: translateX(-30px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes listSlide {\n    0% { transform: translateX(-20px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes timelineSlide {\n    0% { transform: translateX(-50px); opacity: 0; }\n    100% { transform: translateX(0); opacity: 1; }\n  }\n  \n  @keyframes mineralGlow {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes mineralPulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 129, 2, 0.4); }\n    50% { box-shadow: 0 0 0 10px rgba(156, 129, 2, 0); }\n  }\n  \n  @keyframes wavesFlow {\n    0%, 100% { transform: translateX(0px) translateY(0px); }\n    33% { transform: translateX(-10px) translateY(-5px); }\n    66% { transform: translateX(5px) translateY(3px); }\n  }\n  \n  @keyframes floatCrystal {\n    0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n    10% { opacity: 0.3; }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n  }\n  \n  @keyframes ctaGlow {\n    0% { opacity: 0.1; }\n    100% { opacity: 0.3; }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-title {\n      font-size: 2rem;\n    }\n    \n    .two-column {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    \n    .reverse-mobile {\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .reverse-mobile .content-image {\n      order: -1;\n      margin-bottom: 1rem;\n    }\n    \n    .benefits-grid, .mineral-benefits, .ingredient-cards, .usage-steps, .usage-grid {\n      grid-template-columns: 1fr;\n    }\n    \n    .timeline-item {\n      flex-direction: column;\n      text-align: center;\n    }\n    \n    .timeline-marker {\n      order: -1;\n      margin: 0 auto 1rem auto;\n    }\n    \n    .timeline-content {\n      margin: 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"bobana-deadsea-container\"\u003e\n\u003c!-- Floating Mineral Crystals --\u003e\n\u003cdiv class=\"floating-minerals\"\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mineral-crystal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1 class=\"hero-title\"\u003eTotes-Meer-Waffe gegen fettige Haut\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eJeden Tag findest du einen neuen Pickel, verstopfte Poren und einen lästigen Glanz auf deiner Haut und deinem Körper... und das Problem wird größer, nicht kleiner. Der Grund? Bakterien und überschüssiger Talg haben die Schlacht gegen deine Haut gewonnen! \u003cstrong\u003eAber heute wird die Schlacht zu Ihren Gunsten enden mit der natürlichen Kraft des Toten Meeres.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg alt=\"BOBANA Dead Sea Mud Mask\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-859541.webp?v=1752354376\"\/\u003e\n\u003ch2 class=\"product-name\"\u003eSchlammaske vom Toten Meer BOBANA - Die Kraft der Spurmineralien gegen fettige Haut\u003c\/h2\u003e\n\u003cp class=\"product-intro\"\u003e\n      Das Tote Meer ist nicht nur ein gewöhnliches Meer... Es ist der tiefste Punkt der Erde und das salzigste Gewässer der Welt. Die hohe Salzkonzentration und die konzentrierten Mineralien schaffen eine völlig feindliche Umgebung für Bakterien und überschüssiges Fett.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003e3 radikale Lösungen für problematische Haut\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eEntfernt Toxine tief aus der Haut\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eTotes-Meer-Schlamm, reich an seltenen Mineralien, zieht alle Giftstoffe und Schadstoffe aus den Tiefen der Poren von Gesicht und Körper und beseitigt dauerhaft schädliche Bakterien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eVollständig verstopfte Poren gereinigt\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eEine hohe Konzentration an Natrium und Magnesium löst angesammeltes Fett und abgestorbene Zellen, öffnet die Poren und lässt sie zum ersten Mal bequem atmen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eReduziert fettige Haut und Akne\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDie antibakteriellen Eigenschaften beseitigen die Ursachen von Pickeln, absorbieren überschüssiges Sebum und balancieren die Sekretion der Talgdrüsen auf natürliche Weise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Dead Sea Science Section --\u003e\n\u003cdiv class=\"deadsea-info\"\u003e\n\u003ch2 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eTotes Meer: die natürliche Apotheke für fettige Haut\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eWarum das Tote Meer die perfekte Lösung für fettige Haut ist?\u003c\/h3\u003e\n\u003cp style=\"color: #555; margin-bottom: 2rem; line-height: 1.7;\"\u003eDas Tote Meer ist der tiefste Punkt der Erde und das salzigste Gewässer der Welt (34% Salzgehalt). Diese hohe Salzkonzentration und die konzentrierten Mineralien schaffen eine völlig feindliche Umgebung für Bakterien.\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 1rem;\"\u003eEinzigartige Zusammensetzung:\u003c\/h4\u003e\n\u003cdiv class=\"mineral-benefits\"\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🧂\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eHohe Natriumkonzentration\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eDesinfiziert und tötet Bakterien sofort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e💎\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eKonzentriertes Magnesium\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eBeruhigt die Entzündung und repariert das Gewebe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eSeltene Mineralien\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003ePflegt und stärkt die Haut von innen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mineral-item\"\u003e\n\u003cspan class=\"mineral-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch5 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAntibakterielle Eigenschaften\u003c\/h5\u003e\n\u003cp style=\"margin: 0; color: #666; font-size: 0.9rem;\"\u003eVerhindert das Wachstum von Bakterien und Pilzen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 style=\"text-align: center; font-size: 2rem; color: #D4AF37; margin-bottom: 2rem;\"\u003eFortschrittliche wissenschaftliche Formel für fettige Haut\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-cards\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eSEA SALT EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eReine Kraft des Toten Meeres\u003c\/p\u003e\n\u003cp\u003eTotes-Meer-Salzeextrakt mit dem höchsten Gehalt an aktiven Mineralien:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Tiefenreinigung erreicht die schwierigsten Bereiche\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Tötet natürlich Bakterien von den Wurzeln\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Angesammelte abgestorbene Zellen entfernen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eKAOLIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eIntelligente Tonerde zum Fettaufsaugen\u003c\/p\u003e\n\u003cp\u003eWeisse, weiche Tonerde, die intelligent wirkt:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Nur absorbiert überschüssigen Talg\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Reinigt, tonisiert und lässt die Poren kleiner erscheinen\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Reguliert die Sebumproduktion auf natürliche Weise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGREEN TEA EXTRACT\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eEntzündungsbekämpfer\u003c\/p\u003e\n\u003cp\u003eGrüner Tee reich an Antioxidantien:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Lindert Rötung und Reizung\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Schützt vor Schäden und beugt Narben vor\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Erneuert die Zellen und beschleunigt die Heilung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eAVOCADO OIL\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003eAusgeglichene Feuchtigkeit\u003c\/p\u003e\n\u003cp\u003eAvocadoöl geeignet für fettige Haut:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Leichte Feuchtigkeit verhindert Trockenheit\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stärkt die natürliche Barriere der Haut\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Hilft, die Auswirkungen von Pickeln zu heilen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4 class=\"ingredient-title\"\u003eGLYCERIN\u003c\/h4\u003e\n\u003cp class=\"ingredient-subtitle\"\u003e+ Bewährte Formel\u003c\/p\u003e\n\u003cp\u003eHilfsstoffe für optimale Ergebnisse:\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Glycerin: ausbalancierte Feuchtigkeit\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"benefit-icon\"\u003e\u003c\/span\u003e Stabilisatoren: perfekte Verteilung der Inhaltsstoffe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003eWie verwendet man einfache\u003c\/h2\u003e\n\u003ch3 style=\"text-align: center; color: #9C8102; margin-bottom: 2rem;\"\u003e4 Schritte, um fettiger Haut loszuwerden\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eReinigung\u003c\/h4\u003e\n\u003cp\u003eReinige das Gesicht oder den Körper mit lauwarmem Wasser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAnwendung\u003c\/h4\u003e\n\u003cp\u003eTrage eine dünne Schicht der Maske auf\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eWartend\u003c\/h4\u003e\n\u003cp\u003e10-15 Minuten warten, bis es trocken ist\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 0.5rem;\"\u003eAusspülen\u003c\/h4\u003e\n\u003cp\u003eMit warmem Wasser abspülen und genießen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem; padding: 1rem; background: #e6f3ff; border-radius: 10px;\"\u003e\n\u003cp style=\"margin: 0; color: #1e3a5f;\"\u003e\u003cstrong\u003eWiederholung:\u003c\/strong\u003e Zweimal pro Woche für optimale Ergebnisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"results-timeline\"\u003e\n\u003ch2 class=\"section-title\"\u003eSichtbare Ergebnisse von Anfang an\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eAb der ersten Anwendung (10-15 Minuten))\u003c\/h4\u003e\n\u003cp\u003e✨ \u003cstrong\u003eSofortige Fettaufnahme\u003c\/strong\u003e - Ein matter und ausgeglichener Gesicht- und Körperteint\u003c\/p\u003e\n\u003cp\u003e🧹 \u003cstrong\u003eKlare Tiefenreinigung\u003c\/strong\u003e - Ein Gefühl von Sauberkeit und Frische\u003c\/p\u003e\n\u003cp\u003e🌸 \u003cstrong\u003eEntzündungen lindern\u003c\/strong\u003e - Weniger Rötungen und sofortige Linderung\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eErste Anwendung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach einer Woche (4 Anwendungen)\u003c\/h4\u003e\n\u003cp\u003e🎯 \u003cstrong\u003eSichtbare Verringerung von Pickeln\u003c\/strong\u003e - Heilt schneller und verhindert das Auftreten neuer Pickel\u003c\/p\u003e\n\u003cp\u003e💧 \u003cstrong\u003eGleichgewicht bei der Talgsekretion\u003c\/strong\u003e - Weniger Glanz und kleinere Poren\u003c\/p\u003e\n\u003cp\u003e🛡️ \u003cstrong\u003eStärkere und gesündere Haut\u003c\/strong\u003e - Größere Widerstandsfähigkeit gegen Bakterien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEine ganze Woche\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch4\u003eNach einem Monat\u003c\/h4\u003e\n\u003cp\u003e🏆 \u003cstrong\u003eVollständige Kontrolle der fettigen Haut\u003c\/strong\u003e - Ausgeglichene und gesunde Haut\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eKlare Klarheit\u003c\/strong\u003e - Gesicht und Körper von Pickeln und Mitessern reinigen\u003c\/p\u003e\n\u003cp\u003e💎 \u003cstrong\u003eMehr Vertrauen\u003c\/strong\u003e - Du kannst selbstbewusst erscheinen, ohne schüchtern zu sein\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-marker\"\u003eEin ganzer Monat\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Areas --\u003e\n\u003cdiv class=\"usage-areas\"\u003e\n\u003ch2 class=\"section-title\"\u003eGeeignet für Gesicht und Körper\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; text-align: center; margin-bottom: 2rem;\"\u003eViele Verwendungen für eine All-in-One-Lösung\u003c\/h3\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003eFür das Gesicht\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eT-Zone (Stirn, Nase, Kinn))\u003c\/li\u003e\n\u003cli\u003eWangen mit Neigung zu Pickeln\u003c\/li\u003e\n\u003cli\u003eBereich des Kinns und des Unterkiefers\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-area\"\u003e\n\u003ch4\u003eFür den Körper\u003c\/h4\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eRücken und Schultern (stärker exponierte Bereiche))\u003c\/li\u003e\n\u003cli\u003eOberer Brustbereich\u003c\/li\u003e\n\u003cli\u003eJeder Bereich mit verstopften Poren\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n\u003cimg alt=\"Face and Body Usage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-814824.webp?v=1752354423\" style=\"max-width: 300px; width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDeine fettige Haut verdient die richtige Lösung\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBOBANA Dead Sea Mud Mask\u003c\/strong\u003e Es ist nicht nur eine Maske \u003cstrong\u003eEine radikale und endgültige Lösung\u003c\/strong\u003e Für fettige und akneanfällige Haut.\n    \u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eBestelle jetzt und gewinne den Kampf gegen fettige Haut!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Enhanced hover effects for all cards\n  const cards = document.querySelectorAll('.benefit-card, .mineral-item, .ingredient-card, .usage-step, .usage-area');\n  cards.forEach(card =\u003e {\n    card.addEventListener('mouseenter', function() {\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.boxShadow = '0 15px 40px rgba(156, 129, 2, 0.15)';\n    });\n    \n    card.addEventListener('mouseleave', function() {\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.08)';\n    });\n  });\n  \n  \/\/ Enhanced parallax effect for floating mineral crystals\n  let ticking = false;\n  \n  function updateFloatingMinerals() {\n    const scrolled = window.pageYOffset;\n    const crystals = document.querySelectorAll('.mineral-crystal');\n    \n    crystals.forEach((crystal, index) =\u003e {\n      const speed = 0.1 + (index * 0.02);\n      const yPos = -(scrolled * speed);\n      crystal.style.transform = `translateY(${yPos}px) rotate(${45 + scrolled * 0.01}deg)`;\n    });\n    \n    ticking = false;\n  }\n  \n  function requestTick() {\n    if (!ticking) {\n      requestAnimationFrame(updateFloatingMinerals);\n      ticking = true;\n    }\n  }\n  \n  window.addEventListener('scroll', requestTick);\n  \n  \/\/ Timeline marker animation enhancement\n  const timelineMarkers = document.querySelectorAll('.timeline-marker');\n  timelineMarkers.forEach((marker, index) =\u003e {\n    setTimeout(() =\u003e {\n      marker.style.animation = `mineralPulse 2s ease-in-out infinite ${index * 0.4}s`;\n    }, index * 200);\n  });\n  \n  \/\/ Dynamic text effects\n  const dynamicTexts = document.querySelectorAll('.hero-title, .cta-title');\n  dynamicTexts.forEach(text =\u003e {\n    text.addEventListener('mouseenter', function() {\n      this.style.textShadow = '0 0 20px rgba(156, 129, 2, 0.3)';\n      this.style.transform = 'scale(1.02)';\n    });\n    \n    text.addEventListener('mouseleave', function() {\n      this.style.textShadow = 'none';\n      this.style.transform = 'scale(1)';\n    });\n  });\n  \n  \/\/ Dead Sea themed interactions\n  const seaElements = document.querySelectorAll('.ingredient-card');\n  seaElements.forEach((element, index) =\u003e {\n    element.addEventListener('mouseenter', function() {\n      this.style.background = 'rgba(255,255,255,0.2)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n      this.style.borderColor = 'rgba(212, 175, 55, 0.3)';\n    });\n    \n    element.addEventListener('mouseleave', function() {\n      this.style.background = 'rgba(255,255,255,0.1)';\n      this.style.transform = 'translateY(0) scale(1)';\n      this.style.borderColor = 'rgba(255,255,255,0.1)';\n    });\n  });\n  \n  \/\/ Mineral benefits glow effect\n  const mineralItems = document.querySelectorAll('.mineral-item');\n  mineralItems.forEach((item, index) =\u003e {\n    item.addEventListener('mouseenter', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '5px';\n    });\n    \n    item.addEventListener('mouseleave', function() {\n      this.style.borderTopColor = '#9C8102';\n      this.style.borderTopWidth = '3px';\n    });\n  });\n  \n  \/\/ Usage steps wave effect\n  const usageSteps = document.querySelectorAll('.usage-step');\n  usageSteps.forEach((step, index) =\u003e {\n    step.addEventListener('mouseenter', function() {\n      this.style.background = 'linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(-8px) scale(1.02)';\n    });\n    \n    step.addEventListener('mouseleave', function() {\n      this.style.background = 'linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%)';\n      this.style.transform = 'translateY(0) scale(1)';\n    });\n  });\n  \n  \/\/ Scroll-triggered animations for sections\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.animation = 'slideUp 0.8s ease-out both';\n      }\n    });\n  }, observerOptions);\n  \n  const sectionsToObserve = document.querySelectorAll('.deadsea-info, .usage-areas');\n  sectionsToObserve.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"bobana","offers":[{"title":"Default Title","offer_id":44878357758149,"sku":null,"price":75.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/bobanabr-dead-sea-brmud-mask-520386.webp?v=1752354081","url":"https:\/\/instachiq.com\/de\/products\/bobana-dead-sea-mud-mask","provider":"Instachiq","version":"1.0","type":"link"}