{"id":15,"date":"2025-11-21T22:48:30","date_gmt":"2025-11-21T21:48:30","guid":{"rendered":"https:\/\/lifelyfamily.com\/?page_id=15"},"modified":"2026-10-14T01:49:04","modified_gmt":"2026-10-13T23:49:04","slug":"heim","status":"publish","type":"page","link":"https:\/\/lifelyfamily.com\/en\/","title":{"rendered":"Heim"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5933aff e-con-full e-flex e-con e-parent\" data-id=\"5933aff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-eaddc6b e-con-full e-flex e-con e-child\" data-id=\"eaddc6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-dcac180 e-flex e-con-boxed e-con e-child\" data-id=\"dcac180\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e73088 elementor-widget elementor-widget-heading\" data-id=\"8e73088\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Der ultimative Organizer f\u00fcr den Familienalltag.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88514f5 elementor-widget elementor-widget-text-editor\" data-id=\"88514f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Von der Planung deiner Woche und der Verwaltung deines Budgets bis hin zum Speichern deiner Lieblingsrezepte, Organisieren wichtiger Aufgaben und Verwalten deiner t\u00e4glichen Termine bringt Lifelyfamily alles, was du f\u00fcr einen gut organisierten Familienalltag brauchst, in einer einfachen und intuitiven App zusammen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-df13eb2 e-con-full e-flex e-con e-child\" data-id=\"df13eb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d585516 elementor-widget elementor-widget-html\" data-id=\"d585516\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"store-buttons-wrapper\">\r\n  <!-- Apple App Store Button -->\r\n  <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"store-btn\">\r\n    <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/download.svg\" alt=\"Apple Store Icon\" class=\"store-icon\" \/>\r\n    <div class=\"store-text\">\r\n      <span class=\"sub-text\">Herunterladen im<\/span>\r\n      <span class=\"main-text\">App Store<\/span>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Google Play Store Button -->\r\n  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"store-btn\">\r\n    <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/download-1.svg\" alt=\"Google Play Icon\" class=\"store-icon\" \/>\r\n    <div class=\"store-text\">\r\n      <span class=\"sub-text\">JETZT HERUNTERLADEN<\/span>\r\n      <span class=\"main-text\">Google Play<\/span>\r\n    <\/div>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Base Layout *\/\r\n  .store-buttons-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    align-items: center;\r\n    margin-top: 28px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Button Styling *\/\r\n  .store-btn, \r\n  .store-btn:visited, \r\n  .store-btn:hover, \r\n  .store-btn:active, \r\n  .store-btn * {\r\n    text-decoration: none !important; \/* Removes all link underlines *\/\r\n  }\r\n\r\n  .store-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    background-color: #f6efe6;\r\n    border: 1.5px dashed #cfc6b8;\r\n    border-radius: 9999px;\r\n    padding: 14px 32px; \/* Increased padding for wider button feel *\/\r\n    min-width: 210px; \/* Gives standard desktop\/tablet width *\/\r\n    box-sizing: border-box;\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n\r\n  .store-btn:hover {\r\n    background-color: #eee4d7;\r\n    border-color: #b8ac9a;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .store-icon {\r\n    width: 26px; \/* Larger icon size *\/\r\n    height: 26px;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .store-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .sub-text {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 11px;\r\n    color: #7a7368;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .main-text {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 18px; \/* Larger main text *\/\r\n    color: #2b3e32;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Responsive Rules for Tablet and Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .store-buttons-wrapper {\r\n      gap: 12px;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .store-btn {\r\n      padding: 12px 28px;\r\n      min-width: 190px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .store-buttons-wrapper {\r\n      flex-direction: column; \/* Stacks vertically cleanly on small screens *\/\r\n      width: 100%;\r\n    }\r\n\r\n    .store-btn {\r\n      width: 100%; \/* Full width buttons on phone view *\/\r\n      justify-content: center;\r\n      padding: 14px 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0adf117 e-con-full e-flex e-con e-child\" data-id=\"0adf117\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3003846 e-con-full e-flex e-con e-child\" data-id=\"3003846\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f1e6ff elementor-widget elementor-widget-html\" data-id=\"8f1e6ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"phone-mockup-wrapper\">\r\n  <!-- Phone Frame Container -->\r\n  <div class=\"phone-frame\">\r\n    <!-- Dynamic Island \/ Top Notch -->\r\n    <div class=\"phone-notch\"><\/div>\r\n\r\n    <!-- Inner Scrollable Screen Slider -->\r\n    <div class=\"phone-screen-slider\" id=\"phoneSlider\">\r\n      <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/Project-3-real.jpg\" alt=\"Lifely Family Screen 1\" \/>\r\n      <\/div>\r\n      <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/Project-19-real.jpg\" alt=\"Lifely Family Screen 2\" \/>\r\n      <\/div>\r\n      <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/Project-20-real.jpg\" alt=\"Lifely Family Screen 3\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Navigation Arrows Overlaying Phone Frame -->\r\n    <button class=\"nav-arrow prev-arrow\" onclick=\"slidePhoneScreen(-1)\" aria-label=\"Previous Slide\">&#10094;<\/button>\r\n    <button class=\"nav-arrow next-arrow\" onclick=\"slidePhoneScreen(1)\" aria-label=\"Next Slide\">&#10095;<\/button>\r\n  <\/div>\r\n\r\n  <!-- Sub-caption & Dots Indicator -->\r\n  <div class=\"slider-controls\">\r\n    <div class=\"dots-indicator\">\r\n      <span class=\"dot active\" onclick=\"goToPhoneSlide(0)\"><\/span>\r\n      <span class=\"dot\" onclick=\"goToPhoneSlide(1)\"><\/span>\r\n      <span class=\"dot\" onclick=\"goToPhoneSlide(2)\"><\/span>\r\n    <\/div>\r\n    <div class=\"bottom-swipe-hint\">&larr; Swipe to see more &rarr;<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .phone-mockup-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  \/* Phone Outer Shell *\/\r\n  .phone-frame {\r\n    position: relative;\r\n    width: 310px;\r\n    height: 640px;\r\n    background: #000;\r\n    border-radius: 46px;\r\n    border: 9px solid #1a1a1a;\r\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;\r\n    overflow: hidden;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* iPhone Dynamic Island Notch *\/\r\n  .phone-notch {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 85px;\r\n    height: 24px;\r\n    background-color: #000;\r\n    border-radius: 20px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Inner Screen Scroll Container *\/\r\n  .phone-screen-slider {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    background-color: #ffffff;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  \/* Hide Scrollbar *\/\r\n  .phone-screen-slider::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .phone-screen-slider {\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  \/* Individual Screens *\/\r\n  .slide {\r\n    flex: 0 0 100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain; \/* Retains original un-stretched image proportions *\/\r\n    display: block;\r\n  }\r\n\r\n  \/* Arrow Navigation Buttons *\/\r\n  .nav-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 38px;\r\n    height: 38px;\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n    color: #2b3e32;\r\n    border: none;\r\n    border-radius: 50%;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 8;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .nav-arrow:hover {\r\n    background-color: #ffffff;\r\n    transform: translateY(-50%) scale(1.08);\r\n  }\r\n\r\n  .prev-arrow {\r\n    left: -16px;\r\n  }\r\n\r\n  .next-arrow {\r\n    right: -16px;\r\n  }\r\n\r\n  \/* External Dots & Subtext *\/\r\n  .slider-controls {\r\n    margin-top: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .dots-indicator {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n\r\n  .dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background-color: #d1c8bd;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .dot.active {\r\n    background-color: #c85a42;\r\n    transform: scale(1.25);\r\n  }\r\n\r\n  .bottom-swipe-hint {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 13px;\r\n    color: #7a7368;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Responsive Rules *\/\r\n  @media (max-width: 480px) {\r\n    .phone-frame {\r\n      width: 280px;\r\n      height: 570px;\r\n      border-width: 8px;\r\n      border-radius: 40px;\r\n    }\r\n    .prev-arrow {\r\n      left: -12px;\r\n    }\r\n    .next-arrow {\r\n      right: -12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  const slider = document.getElementById('phoneSlider');\r\n  const dots = document.querySelectorAll('.dot');\r\n\r\n  slider.addEventListener('scroll', () => {\r\n    const slideWidth = slider.clientWidth;\r\n    const activeIndex = Math.round(slider.scrollLeft \/ slideWidth);\r\n    updateDots(activeIndex);\r\n  });\r\n\r\n  function slidePhoneScreen(direction) {\r\n    const slideWidth = slider.clientWidth;\r\n    slider.scrollBy({ left: direction * slideWidth, behavior: 'smooth' });\r\n  }\r\n\r\n  function goToPhoneSlide(index) {\r\n    const slideWidth = slider.clientWidth;\r\n    slider.scrollTo({ left: index * slideWidth, behavior: 'smooth' });\r\n  }\r\n\r\n  function updateDots(activeIndex) {\r\n    dots.forEach((dot, index) => {\r\n      if (index === activeIndex) {\r\n        dot.classList.add('active');\r\n      } else {\r\n        dot.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8b7f42c e-con-full e-flex e-con e-parent\" data-id=\"8b7f42c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-7424d14 e-con-full e-flex e-con e-child\" data-id=\"7424d14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0290fc elementor-widget elementor-widget-html\" data-id=\"c0290fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marquee-container\">\r\n  <div class=\"marquee-track\">\r\n    <!-- First Set of Items -->\r\n    <div class=\"marquee-content\">\r\n      <span class=\"ticker-item\">FAMILIENORGANISATION <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIVAT DURCH DESIGN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">EIN PREIS F\u00dcR IMMER <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIORIT\u00c4TEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">LISTEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">MAHLZEITEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">GEMEINSAME BUDGETS <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">ZIELE <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">KARTENFUNKTION <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">FOTOGALERIE <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">KONTAKTVERWALTUNG <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIVAT & SICHER <span class=\"dot\">\u2022<\/span><\/span>\r\n    <\/div>\r\n\r\n    <!-- Duplicate Set for Seamless Infinite Loop -->\r\n    <div class=\"marquee-content\" aria-hidden=\"true\">\r\n      <span class=\"ticker-item\">FAMILIENORGANISATION <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIVAT DURCH DESIGN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">EIN PREIS F\u00dcR IMMER <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIORIT\u00c4TEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">LISTEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">MAHLZEITEN <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">GEMEINSAME BUDGETS <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">ZIELE <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">KARTENFUNKTION <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">FOTOGALERIE <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">KONTAKTVERWALTUNG <span class=\"dot\">\u2022<\/span><\/span>\r\n      <span class=\"ticker-item\">PRIVAT & SICHER <span class=\"dot\">\u2022<\/span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Outer Container Styling *\/\r\n  .marquee-container {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background-color: #f4ece1; \/* Soft cream shade matching your website *\/\r\n    border-top: 1px solid rgba(168, 98, 78, 0.15);\r\n    border-bottom: 1px solid rgba(168, 98, 78, 0.15);\r\n    padding: 16px 0;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Flex Track Moving Left *\/\r\n  .marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: marquee-scroll 35s linear infinite;\r\n  }\r\n\r\n  .marquee-container:hover .marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .marquee-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 36px;\r\n    padding-right: 36px;\r\n  }\r\n\r\n  \/* Text & Separator Dot Formatting *\/\r\n  .ticker-item {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    color: #a8624e; \/* Terracotta brown matching main heading *\/\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 36px;\r\n  }\r\n\r\n  .dot {\r\n    color: #e07a5f; \/* Coral dot accent matching active slider dot *\/\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* Infinite Scroll Keyframes *\/\r\n  @keyframes marquee-scroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-79837b7 e-con-full e-flex e-con e-parent\" data-id=\"79837b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-dafc186 e-con-full e-flex e-con e-child\" data-id=\"dafc186\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-01c12bf e-con-full e-flex e-con e-child\" data-id=\"01c12bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3e27c elementor-widget elementor-widget-heading\" data-id=\"3b3e27c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Alles, was eure Familie braucht mit LifelyFamily<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f443a0 elementor-widget elementor-widget-heading\" data-id=\"3f443a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Mit vielen Funktionen, die den Alltag erleichtern und eure Familie n\u00e4her zusammenbringen.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c6b4630 e-grid e-con-boxed e-con e-child\" data-id=\"c6b4630\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-316acf7 e-con-full e-flex e-con e-child\" data-id=\"316acf7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4edded elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c4edded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-money-bag-02\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tGemeinsame Budgets\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBehaltet Familienausgaben im Blick, verwaltet gemeinsam Budgets und organisiert Rechnungen ganz einfach. Detaillierte Berichte und Kategorien sorgen f\u00fcr volle Transparenz.\n\n<br><br><br>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a4dcf71 e-con-full e-flex e-con e-child\" data-id=\"a4dcf71\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-955a0be elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"955a0be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-camera-02\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFotogalerie\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tErstellt tolle Alben, ladet unbegrenzt Fotos und Videos hoch und bewahrt alle eure Familienerinnerungen an einem sicheren Ort.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-73a7bc6 e-con-full e-flex e-con e-child\" data-id=\"73a7bc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-505b04f elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"505b04f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-task-edit-02\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tIntelligente Listen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTeilt Einkaufslisten, Aufgaben und Checklisten. Arbeitet in Echtzeit miteinander zusammen, damit nichts untergeht.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b8094d5 e-con-full e-flex e-con e-child\" data-id=\"b8094d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97729aa elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"97729aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-calendar-03\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFamilienkalender\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBehaltet Geburtstage, Termine und Familienereignisse im Auge. Erhaltet Benachrichtigungen, damit ihr keine wichtigen Termine verpasst.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f388a0f e-con-full e-flex e-con e-child\" data-id=\"f388a0f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e7919 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"67e7919\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-pin-location-03\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAktivit\u00e4tenverfolgung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVerfolgt Abenteuer, Erinnerungen und besondere Momente \u2013 alles \u00fcbersichtlich in einer Timeline.\n\n<br>\n<br>\n<br>\n<br>\n<br>\n\n\n\n\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3a01c0e e-con-full e-flex e-con e-child\" data-id=\"3a01c0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5182135 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"5182135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-group\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tKontaktverwaltung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tHaltet alle wichtigen Familienkontakte organisiert und immer griffbereit.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-79987b2 e-con-full e-flex e-con e-child\" data-id=\"79987b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59818d2 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"59818d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-package\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tInventarsystem\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTrackt Haushaltsgegenst\u00e4nde und verwaltet Garantien. So hast du alles jederzeit im \u00dcberblick.\n\n<br><br>\n<br>\n<br>\n<br>\n<br>\n<br>\n\n\n\n\n\n\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-afcf224 e-con-full e-flex e-con e-child\" data-id=\"afcf224\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d31602 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8d31602\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-lock-close\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPrivat &amp; Sicher\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tEure Familiendaten sind sicher und privat. Bestimmt mit flexiblen Berechtigungen, wer Zugriff hat.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f628d08 e-con-full e-flex e-con e-parent\" data-id=\"f628d08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bd9546f e-con-full e-flex e-con e-child\" data-id=\"bd9546f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7862d5c elementor-widget elementor-widget-heading\" data-id=\"7862d5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00dcBER DIE IDEE<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16d5900 elementor-widget elementor-widget-heading\" data-id=\"16d5900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Warum 8 Apps, wenn eine reicht?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc4945 elementor-widget elementor-widget-text-editor\" data-id=\"5dc4945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>LifelyFamily wurde entwickelt, um eine allt\u00e4gliche Frustration zu l\u00f6sen: Haushaltskalender, gemeinsame Aufgaben und Essensplanung \u00fcber Dutzende unverbundene Tools hinweg zu verwalten. Erfahren Sie mehr \u00fcber unsere Vision und wie wir die Familienorganisation vereinfachen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c96022b elementor-widget elementor-widget-button\" data-id=\"c96022b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/lifelyfamily.com\/ueber-uns\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Mehr erfahren<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4841037 e-con-full e-flex e-con e-child\" data-id=\"4841037\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-847ff6f e-con-full e-flex e-con e-child\" data-id=\"847ff6f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c614ce elementor-widget elementor-widget-html\" data-id=\"5c614ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- LIFELYFAMILY ANIMATED DASHBOARD PREVIEW -->\r\n<div class=\"lifely-floating-wrapper\" id=\"lifelyFloatingDashboard\">\r\n  \r\n  <!-- Main Dashboard Frame (Background) -->\r\n  <div class=\"lifely-dashboard-main\">\r\n    \r\n    <!-- Top Navigation Bar -->\r\n    <div class=\"lifely-dash-header\">\r\n      <div class=\"lifely-dash-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/LF-icon.png\" alt=\"LifelyFamily Logo\" class=\"lifely-dash-logo\">\r\n        <span class=\"lifely-dash-brand-name\">LifelyFamily<\/span>\r\n      <\/div>\r\n      <div class=\"lifely-dash-nav-items\">\r\n        <span class=\"lifely-dash-chip active\">Aufgaben<\/span>\r\n        <span class=\"lifely-dash-chip\">Kalender<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Grid -->\r\n    <div class=\"lifely-dash-body\">\r\n      <!-- Sidebar Menu -->\r\n      <div class=\"lifely-dash-sidebar\">\r\n        <div class=\"lifely-side-item\"><span class=\"lifely-icon\">\ud83c\udfe0<\/span> Start<\/div>\r\n        <div class=\"lifely-side-item active\"><span class=\"lifely-icon\">\u2705<\/span> Aufgaben<\/div>\r\n        <div class=\"lifely-side-item\"><span class=\"lifely-icon\">\ud83d\udcc5<\/span> Kalender<\/div>\r\n        <div class=\"lifely-side-item\"><span class=\"lifely-icon\">\ud83d\uded2<\/span> Eink\u00e4ufe<\/div>\r\n        <div class=\"lifely-side-item\"><span class=\"lifely-icon\">\ud83c\udf73<\/span> Rezepte<\/div>\r\n      <\/div>\r\n\r\n      <!-- Main Column Content -->\r\n      <div class=\"lifely-dash-content\">\r\n        <div class=\"lifely-section-title\">Anstehende Aufgaben<\/div>\r\n        \r\n        <div class=\"lifely-task-item\">\r\n          <input type=\"checkbox\" checked disabled>\r\n          <div class=\"lifely-task-details\">\r\n            <span class=\"lifely-task-name\">Zimmer aufr\u00e4umen<\/span>\r\n            <span class=\"lifely-task-meta\">Gestern 11:20 \u2022 Kinderzimmer<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lifely-task-item\">\r\n          <input type=\"checkbox\" disabled>\r\n          <div class=\"lifely-task-details\">\r\n            <span class=\"lifely-task-name\">Einkauf im Supermarkt<\/span>\r\n            <span class=\"lifely-task-meta\">Heute 16:00 \u2022 Papa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lifely-task-item\">\r\n          <input type=\"checkbox\" disabled>\r\n          <div class=\"lifely-task-details\">\r\n            <span class=\"lifely-task-name\">Abendessen vorbereiten<\/span>\r\n            <span class=\"lifely-task-meta\">Heute 18:30 \u2022 Rezepte<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Foreground Layer: Overlapping Family Member Card -->\r\n  <div class=\"lifely-dashboard-popcard\">\r\n    <div class=\"lifely-popcard-header\">\r\n      <span class=\"lifely-popcard-title\">Familienmitglieder<\/span>\r\n      <span class=\"lifely-popcard-status\">3 Aktiv<\/span>\r\n    <\/div>\r\n    \r\n    <div class=\"lifely-member-columns\">\r\n      <!-- Member 1: Andre -->\r\n      <div class=\"lifely-member-col member-andre\">\r\n        <div class=\"lifely-avatar-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/10\/lifely-image-1.png\" alt=\"Andre\" class=\"lifely-avatar-img\">\r\n        <\/div>\r\n        <span class=\"lifely-member-name\">Andre<\/span>\r\n        <span class=\"lifely-member-count\">2 Aufgaben<\/span>\r\n        <div class=\"lifely-mini-task\">Anna zur Schule bringen<\/div>\r\n      <\/div>\r\n\r\n      <!-- Member 2: Mama -->\r\n      <div class=\"lifely-member-col member-mama\">\r\n        <div class=\"lifely-avatar-wrap\">\r\n          <span class=\"lifely-avatar-placeholder\">\ud83d\udc69<\/span>\r\n        <\/div>\r\n        <span class=\"lifely-member-name\">Mama<\/span>\r\n        <span class=\"lifely-member-count\">3 Aufgaben<\/span>\r\n        <div class=\"lifely-mini-task\">Zimmer aufr\u00e4umen<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Side Floating Sticker Badges -->\r\n  <div class=\"lifely-sticker-badge badge-1\">\u26bd<\/div>\r\n  <div class=\"lifely-sticker-badge badge-2\">\ud83c\udf4e<\/div>\r\n\r\n  <!-- Soft Dynamic Ground Shadow Blend -->\r\n  <div class=\"lifely-ground-shadow\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- STYLES & ANIMATIONS -->\r\n<style>\r\n\/* Base Container *\/\r\n.lifely-floating-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 580px;\r\n  margin: 0 auto;\r\n  padding-bottom: 35px;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n\/* Entrance Trigger Class *\/\r\n.lifely-floating-wrapper.lifely-preview--visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  animation: lifelySmoothFloat 6s ease-in-out infinite 0.8s;\r\n}\r\n\r\n\/* 1. Main Background Dashboard Frame *\/\r\n.lifely-dashboard-main {\r\n  background: #fcfbfa;\r\n  border: 1px solid rgba(0, 0, 0, 0.08);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.lifely-dash-header {\r\n  background: #ffffff;\r\n  padding: 12px 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid #f0edea;\r\n}\r\n\r\n.lifely-dash-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.lifely-dash-logo {\r\n  width: 24px;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.lifely-dash-brand-name {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #2c3e50;\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n.lifely-dash-nav-items {\r\n  display: flex;\r\n  gap: 6px;\r\n}\r\n\r\n.lifely-dash-chip {\r\n  font-size: 11px;\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n  background: #f5f2ee;\r\n  color: #7f8c8d;\r\n  font-weight: 600;\r\n}\r\n\r\n.lifely-dash-chip.active {\r\n  background: #fdf0eb;\r\n  color: #ba5738;\r\n}\r\n\r\n.lifely-dash-body {\r\n  display: flex;\r\n  min-height: 220px;\r\n}\r\n\r\n.lifely-dash-sidebar {\r\n  width: 120px;\r\n  background: #f9f7f4;\r\n  padding: 12px 8px;\r\n  border-right: 1px solid #f0edea;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.lifely-side-item {\r\n  font-size: 11px;\r\n  padding: 6px 8px;\r\n  border-radius: 8px;\r\n  color: #666;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-weight: 500;\r\n}\r\n\r\n.lifely-side-item.active {\r\n  background: #ffffff;\r\n  color: #ba5738;\r\n  font-weight: 700;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.03);\r\n}\r\n\r\n.lifely-dash-content {\r\n  flex-grow: 1;\r\n  padding: 16px;\r\n  background: #ffffff;\r\n}\r\n\r\n.lifely-section-title {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #888;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.lifely-task-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 8px 10px;\r\n  border-radius: 8px;\r\n  background: #faf8f6;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.lifely-task-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.lifely-task-name {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #333;\r\n}\r\n\r\n.lifely-task-meta {\r\n  font-size: 10px;\r\n  color: #999;\r\n}\r\n\r\n\/* 2. Overlapping Pop Card *\/\r\n.lifely-dashboard-popcard {\r\n  position: absolute;\r\n  bottom: 15px;\r\n  right: -10px;\r\n  width: 62%;\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 14px;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\r\n  border: 1px solid rgba(0, 0, 0, 0.06);\r\n  z-index: 2;\r\n  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.lifely-dashboard-popcard:hover {\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.lifely-popcard-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.lifely-popcard-title {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #333;\r\n}\r\n\r\n.lifely-popcard-status {\r\n  font-size: 9px;\r\n  background: #e8f5e9;\r\n  color: #2e7d32;\r\n  padding: 2px 6px;\r\n  border-radius: 10px;\r\n  font-weight: 600;\r\n}\r\n\r\n.lifely-member-columns {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.lifely-member-col {\r\n  flex: 1;\r\n  padding: 8px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.member-andre {\r\n  background: #fff4f0;\r\n}\r\n\r\n.member-mama {\r\n  background: #f0f4ff;\r\n}\r\n\r\n.lifely-avatar-wrap {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  margin-bottom: 4px;\r\n  border: 2px solid #ffffff;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #fff;\r\n}\r\n\r\n.lifely-avatar-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.lifely-avatar-placeholder {\r\n  font-size: 16px;\r\n}\r\n\r\n.lifely-member-name {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #2c3e50;\r\n}\r\n\r\n.lifely-member-count {\r\n  font-size: 9px;\r\n  color: #7f8c8d;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.lifely-mini-task {\r\n  font-size: 8px;\r\n  background: #ffffff;\r\n  padding: 3px 6px;\r\n  border-radius: 6px;\r\n  color: #444;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: 100%;\r\n}\r\n\r\n\/* 3. Side Sticker Badges *\/\r\n.lifely-sticker-badge {\r\n  position: absolute;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 10px;\r\n  background: #ffffff;\r\n  box-shadow: 0 8px 18px rgba(0,0,0,0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 16px;\r\n  z-index: 3;\r\n}\r\n\r\n.badge-1 {\r\n  left: -12px;\r\n  top: 40%;\r\n  background: #eef7ff;\r\n  transform: rotate(-10deg);\r\n}\r\n\r\n.badge-2 {\r\n  left: -8px;\r\n  top: 55%;\r\n  background: #fff0f0;\r\n  transform: rotate(8deg);\r\n}\r\n\r\n\/* 4. Ground Shadow Blend *\/\r\n.lifely-ground-shadow {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 5%;\r\n  width: 90%;\r\n  height: 20px;\r\n  background: radial-gradient(ellipse at center, rgba(186, 87, 56, 0.25) 0%, rgba(0, 0, 0, 0) 70%);\r\n  z-index: 0;\r\n  filter: blur(8px);\r\n  animation: lifelyShadowPulse 6s ease-in-out infinite 0.8s;\r\n}\r\n\r\n\/* --- Keyframes --- *\/\r\n@keyframes lifelySmoothFloat {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-10px);\r\n  }\r\n}\r\n\r\n@keyframes lifelyShadowPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.8;\r\n  }\r\n  50% {\r\n    transform: scale(0.88);\r\n    opacity: 0.4;\r\n  }\r\n}\r\n\r\n\/* Accessibility & Mobile Responsive *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .lifely-floating-wrapper,\r\n  .lifely-ground-shadow {\r\n    animation: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .lifely-dashboard-popcard {\r\n    position: relative;\r\n    width: 100%;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin-top: 10px;\r\n  }\r\n  .lifely-dash-sidebar {\r\n    display: none;\r\n  }\r\n  .lifely-sticker-badge {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- MINIMAL INTERSECTION OBSERVER SCRIPT -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const dashEl = document.getElementById(\"lifelyFloatingDashboard\");\r\n  if (!dashEl) return;\r\n\r\n  const observer = new IntersectionObserver((entries, obs) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"lifely-preview--visible\");\r\n        obs.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  observer.observe(dashEl);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-98eaeb7 e-con-full e-flex e-con e-parent\" data-id=\"98eaeb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ff87e8e e-flex e-con-boxed e-con e-child\" data-id=\"ff87e8e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-836f082 elementor-widget elementor-widget-html\" data-id=\"836f082\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DM Serif Display Font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"typewriter-container\" data-no-translation=\"true\">\r\n\r\n  <h2 class=\"typewriter-text\">\r\n\r\n    <span class=\"line-1\" id=\"lfTypeLine1\"><\/span>\r\n\r\n    <span class=\"line-2\" id=\"lfTypeLine2\"><\/span>\r\n\r\n    <span class=\"cursor\">|<\/span>\r\n\r\n  <\/h2>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n.typewriter-container {\r\n  width: 100%;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  padding: 20px;\r\n}\r\n\r\n.typewriter-text {\r\n  font-family: 'DM Serif Display', serif;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 46px;\r\n  line-height: 53px;\r\n  min-height: 120px;\r\n  margin: 0;\r\n}\r\n\r\n.line-1 {\r\n  color: #a96551;\r\n}\r\n\r\n.line-2 {\r\n  color: #2b3e32;\r\n}\r\n\r\n.cursor {\r\n  display: inline-block;\r\n  margin-left: 2px;\r\n  color: #a96551;\r\n  animation: lfCursorBlink 0.8s infinite;\r\n}\r\n\r\n@keyframes lfCursorBlink {\r\n\r\n  0%, 100% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .typewriter-text {\r\n    font-size: 30px;\r\n    line-height: 38px;\r\n    min-height: 90px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  .typewriter-text {\r\n    font-size: 25px;\r\n    line-height: 33px;\r\n    min-height: 80px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =====================================================\r\n     LIFELYFAMILY TYPEWRITER\r\n     German + English\r\n     ===================================================== *\/\r\n\r\n\r\n  const translations = {\r\n\r\n\r\n    \/* ==========================\r\n       GERMAN\r\n       ========================== *\/\r\n\r\n    de: [\r\n\r\n      {\r\n        line1: \"Das Leben besteht aus vielen kleinen Dingen.\",\r\n        line2: \"Lifelyfamily bringt sie zusammen, damit du dich auf das Wesentliche konzentrieren kannst.\"\r\n      },\r\n\r\n      {\r\n        line1: \"Den Alltag zu organisieren sollte sich nicht wie Arbeit anf\u00fchlen.\",\r\n        line2: \"Verwalte Budgets, Mahlzeiten und Aufgaben einfach an einem Ort.\"\r\n      },\r\n\r\n      {\r\n        line1: \"Die besonderen Momente eurer Familie verdienen ihren eigenen Raum.\",\r\n        line2: \"Bewahrt eure Erinnerungen, Pl\u00e4ne und wichtigen Momente an einem sicheren Ort auf.\"\r\n      }\r\n\r\n    ],\r\n\r\n\r\n    \/* ==========================\r\n       ENGLISH\r\n       ========================== *\/\r\n\r\n    en: [\r\n\r\n      {\r\n        line1: \"Life is made up of many little things.\",\r\n        line2: \"Lifelyfamily brings them together so you can focus on what truly matters.\"\r\n      },\r\n\r\n      {\r\n        line1: \"Organizing everyday life shouldn't feel like work.\",\r\n        line2: \"Manage budgets, meals, and tasks easily in one place.\"\r\n      },\r\n\r\n      {\r\n        line1: \"Your family's special moments deserve a space of their own.\",\r\n        line2: \"Keep your memories, plans, and important moments safe in one place.\"\r\n      }\r\n\r\n    ]\r\n\r\n  };\r\n\r\n\r\n  \/* =====================================================\r\n     GET ELEMENTS\r\n     ===================================================== *\/\r\n\r\n  const line1 = document.getElementById(\"lfTypeLine1\");\r\n\r\n  const line2 = document.getElementById(\"lfTypeLine2\");\r\n\r\n\r\n  if (!line1 || !line2) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     VARIABLES\r\n     ===================================================== *\/\r\n\r\n  let language = \"de\";\r\n\r\n  let messageIndex = 0;\r\n\r\n  let character1 = 0;\r\n\r\n  let character2 = 0;\r\n\r\n  let timer = null;\r\n\r\n  let animationNumber = 0;\r\n\r\n\r\n  \/* =====================================================\r\n     DETECT TRANSLATEPRESS LANGUAGE\r\n     ===================================================== *\/\r\n\r\n  function getLanguage() {\r\n\r\n\r\n    \/* --------------------------------\r\n       1. Check TranslatePress body class\r\n       -------------------------------- *\/\r\n\r\n    const bodyClasses = document.body.className || \"\";\r\n\r\n\r\n    if (\r\n      bodyClasses.indexOf(\"translatepress-en\") !== -1 ||\r\n      bodyClasses.indexOf(\"translatepress-en_US\") !== -1 ||\r\n      bodyClasses.indexOf(\"translatepress-en_GB\") !== -1\r\n    ) {\r\n\r\n      return \"en\";\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      bodyClasses.indexOf(\"translatepress-de\") !== -1 ||\r\n      bodyClasses.indexOf(\"translatepress-de_DE\") !== -1\r\n    ) {\r\n\r\n      return \"de\";\r\n\r\n    }\r\n\r\n\r\n    \/* --------------------------------\r\n       2. Check HTML language\r\n       -------------------------------- *\/\r\n\r\n    const htmlLanguage =\r\n      document.documentElement\r\n        .getAttribute(\"lang\");\r\n\r\n\r\n    if (htmlLanguage) {\r\n\r\n      const lang =\r\n        htmlLanguage.toLowerCase();\r\n\r\n\r\n      if (lang.indexOf(\"en\") === 0) {\r\n\r\n        return \"en\";\r\n\r\n      }\r\n\r\n\r\n      if (lang.indexOf(\"de\") === 0) {\r\n\r\n        return \"de\";\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* --------------------------------\r\n       3. Check URL\r\n       -------------------------------- *\/\r\n\r\n    const currentURL =\r\n      window.location.pathname\r\n        .toLowerCase();\r\n\r\n\r\n    if (\r\n      currentURL === \"\/en\" ||\r\n      currentURL.indexOf(\"\/en\/\") === 0\r\n    ) {\r\n\r\n      return \"en\";\r\n\r\n    }\r\n\r\n\r\n    \/* --------------------------------\r\n       4. Default language\r\n       -------------------------------- *\/\r\n\r\n    return \"de\";\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     STOP EVERYTHING\r\n     ===================================================== *\/\r\n\r\n  function stopAnimation() {\r\n\r\n\r\n    animationNumber++;\r\n\r\n\r\n    if (timer !== null) {\r\n\r\n      clearTimeout(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n\r\n    line1.textContent = \"\";\r\n\r\n    line2.textContent = \"\";\r\n\r\n\r\n    character1 = 0;\r\n\r\n    character2 = 0;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     START\r\n     ===================================================== *\/\r\n\r\n  function startAnimation() {\r\n\r\n\r\n    stopAnimation();\r\n\r\n\r\n    language = getLanguage();\r\n\r\n\r\n    if (!translations[language]) {\r\n\r\n      language = \"de\";\r\n\r\n    }\r\n\r\n\r\n    const thisAnimation =\r\n      animationNumber;\r\n\r\n\r\n    typeFirstLine(thisAnimation);\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     TYPE FIRST LINE\r\n     ===================================================== *\/\r\n\r\n  function typeFirstLine(animationID) {\r\n\r\n\r\n    if (animationID !== animationNumber) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const messages =\r\n      translations[language];\r\n\r\n\r\n    const message =\r\n      messages[messageIndex];\r\n\r\n\r\n    if (!message) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      character1 <\r\n      message.line1.length\r\n    ) {\r\n\r\n\r\n      line1.textContent +=\r\n        message.line1.charAt(character1);\r\n\r\n\r\n      character1++;\r\n\r\n\r\n      timer = setTimeout(function () {\r\n\r\n        typeFirstLine(animationID);\r\n\r\n      }, 40);\r\n\r\n\r\n    } else {\r\n\r\n\r\n      timer = setTimeout(function () {\r\n\r\n\r\n        if (\r\n          animationID !== animationNumber\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        typeSecondLine(animationID);\r\n\r\n\r\n      }, 1000);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     TYPE SECOND LINE\r\n     ===================================================== *\/\r\n\r\n  function typeSecondLine(animationID) {\r\n\r\n\r\n    if (animationID !== animationNumber) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const messages =\r\n      translations[language];\r\n\r\n\r\n    const message =\r\n      messages[messageIndex];\r\n\r\n\r\n    if (!message) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      character2 <\r\n      message.line2.length\r\n    ) {\r\n\r\n\r\n      line2.textContent +=\r\n        message.line2.charAt(character2);\r\n\r\n\r\n      character2++;\r\n\r\n\r\n      timer = setTimeout(function () {\r\n\r\n        typeSecondLine(animationID);\r\n\r\n      }, 40);\r\n\r\n\r\n    } else {\r\n\r\n\r\n      timer = setTimeout(function () {\r\n\r\n\r\n        if (\r\n          animationID !== animationNumber\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        nextMessage();\r\n\r\n\r\n      }, 6000);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     NEXT MESSAGE\r\n     ===================================================== *\/\r\n\r\n  function nextMessage() {\r\n\r\n\r\n    messageIndex++;\r\n\r\n\r\n    const messages =\r\n      translations[language];\r\n\r\n\r\n    if (\r\n      messageIndex >= messages.length\r\n    ) {\r\n\r\n      messageIndex = 0;\r\n\r\n    }\r\n\r\n\r\n    character1 = 0;\r\n\r\n    character2 = 0;\r\n\r\n\r\n    line1.textContent = \"\";\r\n\r\n    line2.textContent = \"\";\r\n\r\n\r\n    startAnimation();\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     WATCH TRANSLATEPRESS\r\n     ===================================================== *\/\r\n\r\n  let previousLanguage =\r\n    getLanguage();\r\n\r\n\r\n  let previousURL =\r\n    window.location.href;\r\n\r\n\r\n  setInterval(function () {\r\n\r\n\r\n    const newLanguage =\r\n      getLanguage();\r\n\r\n\r\n    const newURL =\r\n      window.location.href;\r\n\r\n\r\n    if (\r\n      newLanguage !== previousLanguage ||\r\n      newURL !== previousURL\r\n    ) {\r\n\r\n\r\n      previousLanguage =\r\n        newLanguage;\r\n\r\n\r\n      previousURL =\r\n        newURL;\r\n\r\n\r\n      \/*\r\n       * Start from the first\r\n       * sentence after language change.\r\n       *\/\r\n\r\n      messageIndex = 0;\r\n\r\n\r\n      startAnimation();\r\n\r\n    }\r\n\r\n\r\n  }, 250);\r\n\r\n\r\n  \/* =====================================================\r\n     INITIALIZE\r\n     ===================================================== *\/\r\n\r\n  language =\r\n    getLanguage();\r\n\r\n\r\n  startAnimation();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c0aa04d e-flex e-con-boxed e-con e-parent\" data-id=\"c0aa04d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcae22e elementor-widget elementor-widget-heading\" data-id=\"bcae22e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ein genauerer Blick<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba70928 elementor-widget elementor-widget-heading\" data-id=\"ba70928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Entdecke, wie alles zusammenspielt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24ad1cc elementor-widget elementor-widget-html\" data-id=\"24ad1cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"lifely-features-wrapper\">\r\n\r\n  <!-- CONTAINER #2: To-Do & Smart Lists -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> AUFGABEN & CHECKLISTEN<\/div>\r\n        <h3 class=\"feature-title\">Alles organisiert, f\u00fcr jedes Familienabenteuer.<\/h3>\r\n        <p class=\"feature-desc\">Ob Urlaubsreise, Kindergeburtstag oder allt\u00e4gliche Besorgungen: Erstellen Sie \u00fcbersichtliche Checklisten f\u00fcr die ganze Familie. Teilen Sie Aufgaben auf, behalten Sie den \u00dcberblick und haken Sie Erledigtes gemeinsam ab.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Intelligente Kategorisierung f\u00fcr Reise, Partys & Events<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Echtzeit-Fortschrittsanzeige f\u00fcr alle Familienmitglieder<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Klare Aufgabenverteilung mit praktischen Z\u00e4hlern<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Flexibel erweiterbar mit eigenen Unterpunkten<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"mockup-wrapper\">\r\n          <div class=\"view-toggle\">\r\n            <button class=\"toggle-btn active\" onclick=\"switchMockup(this, 'img-travel')\">Reise-Checkliste<\/button>\r\n            <button class=\"toggle-btn\" onclick=\"switchMockup(this, 'img-party')\">Partyplanung<\/button>\r\n          <\/div>\r\n          <div class=\"phone-frame\">\r\n            <div class=\"phone-notch\"><\/div>\r\n            <div class=\"phone-screen\">\r\n              <img decoding=\"async\" id=\"img-travel\" class=\"mockup-img active\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/3.jpg\" alt=\"Reise-Checkliste\" \/>\r\n              <img decoding=\"async\" id=\"img-party\" class=\"mockup-img\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/5.jpg\" alt=\"Partyplanung\" \/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTAINER #3: Shopping List -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> EINKAUFSLISTE<\/div>\r\n        <h3 class=\"feature-title\">Intelligent einkaufen nach Supermarkt sortiert.<\/h3>\r\n        <p class=\"feature-desc\">Kein getrenntes Zettelschreiben mehr. Die intelligente Einkaufsliste sortiert all Ihre ben\u00f6tigten Lebensmittel automatisch nach den passenden Superm\u00e4rkten wie Lidl, Metro, Penny oder Globus.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Automatische Zuordnung nach Gesch\u00e4ften<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Synchronisation in Echtzeit f\u00fcr das gesamte Team Family<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Abhaken direkt beim Durchlaufen der G\u00e4nge<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Schnelles Hinzuf\u00fcgen fehlender Artikel unterwegs<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"phone-frame\">\r\n          <div class=\"phone-notch\"><\/div>\r\n          <div class=\"phone-screen\">\r\n            <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/7.jpg\" alt=\"Einkaufsliste\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTAINER #4: Recipes & Meal Planner -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> REZEPTE & MAHLZEITEN<\/div>\r\n        <h3 class=\"feature-title\">Was kochen wir heute? Einfach geplant.<\/h3>\r\n        <p class=\"feature-desc\">Speichern Sie Lieblingsrezepte aus dem Web per Link-Import oder tragen Sie Omas Geheimrezepte manuell ein. Planen Sie Mahlzeiten im Wochenkalender inklusive Personenanzahl und Zutaten.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Web-Rezepte per URL mit einem Klick importieren<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> \u00dcbersichtlicher Wochenplaner f\u00fcr Mittag- & Abendessen<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Portionsrechner f\u00fcr die ganze Familie<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Direktes \u00dcbertragen von Zutaten in die Einkaufsliste<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"mockup-wrapper\">\r\n          <div class=\"view-toggle\">\r\n            <button class=\"toggle-btn active\" onclick=\"switchMockup(this, 'img-recipe-add')\">Rezept hinzuf\u00fcgen<\/button>\r\n            <button class=\"toggle-btn\" onclick=\"switchMockup(this, 'img-meal-plan')\">Wochenplaner<\/button>\r\n          <\/div>\r\n          <div class=\"phone-frame\">\r\n            <div class=\"phone-notch\"><\/div>\r\n            <div class=\"phone-screen\">\r\n              <img decoding=\"async\" id=\"img-recipe-add\" class=\"mockup-img active\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/16.jpg\" alt=\"Rezept Hinzuf\u00fcgen\" \/>\r\n              <img decoding=\"async\" id=\"img-meal-plan\" class=\"mockup-img\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/18.jpg\" alt=\"Wochenplaner\" \/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTAINER #5: Pantry Inventory -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> VORR\u00c4TE-DASHBOARD<\/div>\r\n        <h3 class=\"feature-title\">Keine abgelaufenen Lebensmittel mehr.<\/h3>\r\n        <p class=\"feature-desc\">Behalten Sie Vorratskammer, K\u00fchlschrank und Tiefk\u00fchler im Blick. Das Vorr\u00e4te-Dashboard warnt Sie rechtzeitig vor dem Ablaufdatum und weist auf niedrige Best\u00e4nde hin.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Automatische Warnungen f\u00fcr ablaufende Artikel<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> \u00dcbersicht nach Lagerorten (K\u00fchlschrank, Speisekammer)<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Schnellaktionen zum Nachbestellen und Verwalten<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Reduziert Lebensmittelverschwendung im Haushalt<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"phone-frame\">\r\n          <div class=\"phone-notch\"><\/div>\r\n          <div class=\"phone-screen\">\r\n            <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/19.jpg\" alt=\"Vorr\u00e4te Dashboard\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTAINER #6: Location & Safety -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> FAMILIENKARTE & ORTUNG<\/div>\r\n        <h3 class=\"feature-title\">Immer wissen, dass alle sicher angekommen sind.<\/h3>\r\n        <p class=\"feature-desc\">Sehen Sie den Live-Standort Ihrer Familienmitglieder auf der interaktiven Karte und richten Sie Benachrichtigungen f\u00fcr wichtige Orte wie Zuhause, Schule oder Arbeit ein.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Echtzeit-Standortfreigabe f\u00fcr Familienmitglieder<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Automatische Ankunfts- und Abfahrtsbenachrichtigungen<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Einstellbare Ruhezeiten f\u00fcr ungest\u00f6rte Momente<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Maximale Privatsph\u00e4re und sichere Daten\u00fcbertragung<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"mockup-wrapper\">\r\n          <div class=\"view-toggle\">\r\n            <button class=\"toggle-btn active\" onclick=\"switchMockup(this, 'img-map')\">Familienkarte<\/button>\r\n            <button class=\"toggle-btn\" onclick=\"switchMockup(this, 'img-alerts')\">Ortsbenachrichtigungen<\/button>\r\n          <\/div>\r\n          <div class=\"phone-frame\">\r\n            <div class=\"phone-notch\"><\/div>\r\n            <div class=\"phone-screen\">\r\n              <img decoding=\"async\" id=\"img-map\" class=\"mockup-img active\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/20.jpg\" alt=\"Familienkarte\" \/>\r\n              <img decoding=\"async\" id=\"img-alerts\" class=\"mockup-img\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/21.jpg\" alt=\"Ortsbenachrichtigungen\" \/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTAINER #7: Shared Family Storage -->\r\n  <div class=\"lifely-container animate-on-scroll\">\r\n    <div class=\"side-accent-line\"><\/div>\r\n    <div class=\"card-inner\">\r\n      <div class=\"content-col\">\r\n        <div class=\"tag-label\"><span class=\"tag-dot\">\u2022<\/span> GEMEINSAMER SPEICHER<\/div>\r\n        <h3 class=\"feature-title\">Zentraler Speicherplatz f\u00fcr die gesamte Familie.<\/h3>\r\n        <p class=\"feature-desc\">Verwalten Sie den gemeinsamen Familienspeicher an einem Ort. Behalten Sie den \u00dcberblick \u00fcber genutzten Speicherplatz, verwalten Sie Mitgliedsberechtigungen und teilen Sie Dokumente sicher.<\/p>\r\n        <ul class=\"check-list\">\r\n          <li><span class=\"check-icon\">\u2713<\/span> Bis zu 25 GB gemeinsamer Familienspeicher<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Transparente Nutzungskontrolle pro Mitglied<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Sicheres Teilen von Familiendokumenten & Fotos<\/li>\r\n          <li><span class=\"check-icon\">\u2713<\/span> Einfache Rechteverwaltung f\u00fcr Eltern und Kinder<\/li>\r\n        <\/ul>\r\n        <div class=\"store-buttons\">\r\n          <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 384 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 52.3-15 69.5-34.3z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>LADEN IM<\/small><strong>App Store<\/strong><\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" class=\"store-btn\" rel=\"noopener\">\r\n            <svg class=\"store-icon\" viewBox=\"0 0 512 512\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l220.7-221.3 60.1 60.1L104.6 499z\"\/><\/svg>\r\n            <div class=\"btn-text\"><small>JETZT BEI<\/small><strong>Google Play<\/strong><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"mockup-col\">\r\n        <div class=\"phone-frame\">\r\n          <div class=\"phone-notch\"><\/div>\r\n          <div class=\"phone-screen\">\r\n            <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/22.jpg\" alt=\"Gemeinsamer Speicher\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  .lifely-features-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 60px 0 120px 0;\r\n  }\r\n\r\n  \/* STICKY CARD STACKING CONFIGURATION *\/\r\n  .lifely-container {\r\n    position: sticky;\r\n    top: 80px; \/* Pins each card 80px from top of viewport *\/\r\n    width: 100%;\r\n    max-width: 1040px;\r\n    margin: 0 auto 100px auto; \/* Margin creates spacing between sticky triggers *\/\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 48px 48px 48px 56px;\r\n    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.03), 0 15px 35px rgba(0, 0, 0, 0.06);\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    \r\n    \/* Animation initial states *\/\r\n    opacity: 0;\r\n    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  \/* Initial off-screen positions for diagonal entry *\/\r\n  .lifely-container:nth-child(odd) {\r\n    transform: translate3d(-80px, 100px, 0); \/* Bottom-Left *\/\r\n  }\r\n\r\n  .lifely-container:nth-child(even) {\r\n    transform: translate3d(80px, 100px, 0); \/* Bottom-Right *\/\r\n  }\r\n\r\n  \/* Active class appended by JS Scroll Observer *\/\r\n  .lifely-container.is-visible {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0) !important;\r\n  }\r\n\r\n  \/* Layout & Accent *\/\r\n  .side-accent-line {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 35px;\r\n    bottom: 35px;\r\n    width: 6px;\r\n    background-color: #a96551;\r\n    border-radius: 0 4px 4px 0;\r\n  }\r\n\r\n  .card-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n  }\r\n\r\n  .content-col { flex: 1.1; }\r\n  .mockup-col { flex: 0.9; display: flex; justify-content: center; }\r\n\r\n  .mockup-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* View Toggle Buttons *\/\r\n  .view-toggle {\r\n    display: flex;\r\n    background: #f4f4f4;\r\n    padding: 4px;\r\n    border-radius: 20px;\r\n    gap: 4px;\r\n  }\r\n\r\n  .toggle-btn {\r\n    border: none;\r\n    background: transparent;\r\n    padding: 6px 14px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #666666;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .toggle-btn.active {\r\n    background: #a96551;\r\n    color: #ffffff;\r\n    box-shadow: 0 2px 6px rgba(169, 101, 81, 0.3);\r\n  }\r\n\r\n  \/* Text & Elements *\/\r\n  .tag-label {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    color: #a96551;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .tag-dot { font-size: 16px; margin-right: 4px; }\r\n\r\n  .feature-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 38px;\r\n    line-height: 44px;\r\n    color: #2b3e32;\r\n    margin: 0 0 16px 0;\r\n  }\r\n\r\n  .feature-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    line-height: 24px;\r\n    color: #555555;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .check-list { list-style: none; padding: 0; margin: 0 0 28px 0; }\r\n  .check-list li {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #333333;\r\n    margin-bottom: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .check-icon { color: #a96551; font-weight: bold; }\r\n\r\n  .store-buttons { display: flex; gap: 12px; flex-wrap: wrap; }\r\n  .store-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 8px 18px;\r\n    border: 1px solid #dcdcdc;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    color: #2b3e32;\r\n    background: #ffffff;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .store-btn:hover { background: #fbf7f0; border-color: #a96551; }\r\n  .btn-text small {\r\n    display: block;\r\n    font-size: 8px;\r\n    color: #777777;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    line-height: 10px;\r\n  }\r\n  .btn-text strong { font-size: 13px; font-weight: 700; line-height: 14px; }\r\n\r\n  \/* Phone Mockup *\/\r\n  .phone-frame {\r\n    position: relative;\r\n    width: 250px;\r\n    height: 500px;\r\n    background: #000000;\r\n    border-radius: 40px;\r\n    border: 8px solid #1a1a1a;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .phone-notch {\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 65px;\r\n    height: 18px;\r\n    background-color: #000000;\r\n    border-radius: 12px;\r\n    z-index: 10;\r\n  }\r\n\r\n  .phone-screen { position: relative; width: 100%; height: 100%; }\r\n  .phone-screen > img:not(.mockup-img) {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .mockup-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease-in-out;\r\n  }\r\n\r\n  .mockup-img.active { opacity: 1; }\r\n\r\n  \/* Mobile Responsiveness *\/\r\n  @media (max-width: 768px) {\r\n    .lifely-container { \r\n      top: 20px;\r\n      padding: 30px 20px 30px 28px;\r\n      margin-bottom: 40px;\r\n    }\r\n    .card-inner { flex-direction: column-reverse; gap: 24px; }\r\n    .feature-title { font-size: 28px; line-height: 34px; }\r\n    .phone-frame { width: 210px; height: 420px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Image Mockup Toggle Switcher\r\n  function switchMockup(btn, imgId) {\r\n    const buttons = btn.parentElement.querySelectorAll('.toggle-btn');\r\n    buttons.forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n\r\n    const container = btn.closest('.card-inner');\r\n    const images = container.querySelectorAll('.mockup-img');\r\n    images.forEach(img => img.classList.remove('active'));\r\n    container.querySelector('#' + imgId).classList.add('active');\r\n  }\r\n\r\n  \/\/ Intersection Observer for Scroll Triggered Entrance Animations\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const observerOptions = {\r\n      root: null,\r\n      threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"is-visible\");\r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    const cards = document.querySelectorAll(\".animate-on-scroll\");\r\n    cards.forEach(card => observer.observe(card));\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-26534b8 e-con-full e-flex e-con e-parent\" data-id=\"26534b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30279f7 elementor-widget elementor-widget-heading\" data-id=\"30279f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Startbereit in wenigen Minuten\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53393bc elementor-widget elementor-widget-text-editor\" data-id=\"53393bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"section-subtitle\">Die Einrichtung eures Familienaccounts ist schnell und unkompliziert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c4736b6 e-grid e-con-boxed e-con e-child\" data-id=\"c4736b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be447c6 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"be447c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-caret-fill-down\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tErstellt euer Konto\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMeldet euch kostenlos an und richtet euer Familienprofil in Sekundenschnelle ein.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cfe8e7 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6cfe8e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-caret-fill-down\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLade Familienmitglieder ein\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tSendet Einladungen per E-Mail oder Link an eure Familienmitglieder.\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da81924 elementor-view-framed elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"da81924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"hm hm-caret-fill-down\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLegt gleich los und organisiert alles Wichtige\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTeilt Budgets, Fotos und Listen und bleibt mit euren Liebsten verbunden.\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0cb44f3 e-con-full e-flex e-con e-parent\" data-id=\"0cb44f3\" data-element_type=\"container\" data-e-type=\"container\" id=\"preise\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-39088a0 e-flex e-con-boxed e-con e-child\" data-id=\"39088a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a3e18c elementor-widget elementor-widget-html\" data-id=\"0a3e18c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import DM Serif Display & Inter Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"pricing-section\">\r\n  <div class=\"pricing-header\">\r\n    <h2 class=\"pricing-title\">Einfache, transparente Preise<\/h2>\r\n    <p class=\"pricing-subtitle\">W\u00e4hle den passenden Tarif f\u00fcr deine Familie. Jederzeit anpassbar.<\/p>\r\n    \r\n    <!-- Billing Toggle Switch -->\r\n    <div class=\"toggle-container\">\r\n      <span class=\"toggle-label\" id=\"monthlyLabel\">Monatlich<\/span>\r\n      <label class=\"switch\">\r\n        <input type=\"checkbox\" id=\"billingToggle\" onchange=\"togglePricing()\" \/>\r\n        <span class=\"slider round\"><\/span>\r\n      <\/label>\r\n      <span class=\"toggle-label active\" id=\"yearlyLabel\">\r\n        J\u00e4hrlich <span class=\"badge\">16% SPAREN<\/span>\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pricing Cards Container -->\r\n  <div class=\"pricing-cards\">\r\n    \r\n    <!-- Monthly Plan Card -->\r\n    <div class=\"pricing-card\" id=\"monthlyCard\">\r\n      <div class=\"card-header\">\r\n        <h3 class=\"plan-name\">Monatsabo<\/h3>\r\n        <p class=\"plan-desc\">Maximale Flexibilit\u00e4t, monatlich k\u00fcndbar.<\/p>\r\n      <\/div>\r\n      <div class=\"price-box\">\r\n        <span class=\"currency\">\u20ac<\/span>\r\n        <span class=\"amount\">2,99<\/span>\r\n        <span class=\"period\">\/ Monat<\/span>\r\n      <\/div>\r\n      <ul class=\"features-list\">\r\n        <li><span class=\"check\">\u2022<\/span> Alle Premium-Funktionen inklusive<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> Gemeinsame Budgets & Aufgaben<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> Unbegrenzte Fotos & Fotogalerie<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> Monatlich flexibel k\u00fcndbar<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Yearly Plan Card (Featured) -->\r\n    <div class=\"pricing-card featured\" id=\"yearlyCard\">\r\n      <div class=\"popular-tag\">Empfohlen<\/div>\r\n      <div class=\"card-header\">\r\n        <h3 class=\"plan-name\">Jahresabo<\/h3>\r\n        <p class=\"plan-desc\">Einmal zahlen und das ganze Jahr sparen.<\/p>\r\n      <\/div>\r\n      <div class=\"price-box\">\r\n        <span class=\"currency\">\u20ac<\/span>\r\n        <span class=\"amount\">29,99<\/span>\r\n        <span class=\"period\">\/ Jahr<\/span>\r\n      <\/div>\r\n      <div class=\"savings-text\">Entspricht ca. 2,50 \u20ac pro Monat<\/div>\r\n      <ul class=\"features-list\">\r\n        <li><span class=\"check\">\u2022<\/span> Alle Premium-Funktionen inklusive<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> Gemeinsame Budgets & Aufgaben<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> Unbegrenzte Fotos & Fotogalerie<\/li>\r\n        <li><span class=\"check\">\u2022<\/span> 2 Monate gespart gegen\u00fcber Monatsabo<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .pricing-section {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    background-color: #fbf7f0;\r\n    padding: 60px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .pricing-header {\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .pricing-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 42px;\r\n    line-height: 48px;\r\n    color: #a8624e;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .pricing-subtitle {\r\n    font-size: 16px;\r\n    color: #5a5349;\r\n    margin: 0 0 28px 0;\r\n  }\r\n\r\n  \/* Interactive Toggle Switch *\/\r\n  .toggle-container {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #f4ece1;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(168, 98, 78, 0.15);\r\n  }\r\n\r\n  .toggle-label {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #7a7368;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .toggle-label.active {\r\n    color: #2b3e32;\r\n  }\r\n\r\n  .badge {\r\n    background-color: #e07a5f;\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    padding: 3px 8px;\r\n    border-radius: 12px;\r\n    margin-left: 4px;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 46px;\r\n    height: 24px;\r\n  }\r\n\r\n  .switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  .slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-color: #d1c8bd;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  input:checked + .slider {\r\n    background-color: #a8624e;\r\n  }\r\n\r\n  input:checked + .slider:before {\r\n    transform: translateX(22px);\r\n  }\r\n\r\n  \/* Pricing Cards Grid *\/\r\n  .pricing-cards {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    width: 100%;\r\n    max-width: 850px;\r\n  }\r\n\r\n  .pricing-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(168, 98, 78, 0.15);\r\n    border-radius: 24px;\r\n    padding: 36px 30px;\r\n    flex: 1;\r\n    max-width: 380px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .pricing-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 32px rgba(168, 98, 78, 0.12);\r\n  }\r\n\r\n  .pricing-card.featured {\r\n    border: 2px solid #a8624e;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .popular-tag {\r\n    position: absolute;\r\n    top: -14px;\r\n    right: 24px;\r\n    background-color: #a8624e;\r\n    color: #fff;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    padding: 4px 12px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .plan-name {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 26px;\r\n    color: #2b3e32;\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .plan-desc {\r\n    font-size: 13px;\r\n    color: #7a7368;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .price-box {\r\n    display: flex;\r\n    align-items: baseline;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .currency {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #a8624e;\r\n    margin-right: 4px;\r\n  }\r\n\r\n  .amount {\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    color: #a8624e;\r\n    line-height: 1;\r\n  }\r\n\r\n  .period {\r\n    font-size: 14px;\r\n    color: #7a7368;\r\n    margin-left: 6px;\r\n  }\r\n\r\n  .savings-text {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #e07a5f;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .features-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 20px 0 0 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .features-list li {\r\n    font-size: 14px;\r\n    color: #2b3e32;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .check {\r\n    color: #e07a5f;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .pricing-cards {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    .pricing-card {\r\n      width: 100%;\r\n    }\r\n    .pricing-title {\r\n      font-size: 32px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function togglePricing() {\r\n    const isChecked = document.getElementById('billingToggle').checked;\r\n    const monthlyLabel = document.getElementById('monthlyLabel');\r\n    const yearlyLabel = document.getElementById('yearlyLabel');\r\n    const monthlyCard = document.getElementById('monthlyCard');\r\n    const yearlyCard = document.getElementById('yearlyCard');\r\n\r\n    if (isChecked) {\r\n      monthlyLabel.classList.remove('active');\r\n      yearlyLabel.classList.add('active');\r\n      yearlyCard.classList.add('featured');\r\n      monthlyCard.classList.remove('featured');\r\n    } else {\r\n      yearlyLabel.classList.add('active');\r\n      monthlyLabel.classList.remove('active');\r\n      monthlyCard.classList.add('featured');\r\n      yearlyCard.classList.remove('featured');\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-688c3ab elementor-widget elementor-widget-html\" data-id=\"688c3ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"store-buttons-wrapper\">\r\n  <!-- Apple App Store Button -->\r\n  <a href=\"https:\/\/apps.apple.com\/us\/app\/lifelyfamily\/id6756138570\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"store-btn\">\r\n    <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/download.svg\" alt=\"Apple Store Icon\" class=\"store-icon\" \/>\r\n    <div class=\"store-text\">\r\n      <span class=\"sub-text\">Herunterladen im<\/span>\r\n      <span class=\"main-text\">App Store<\/span>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Google Play Store Button -->\r\n  <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.lifelyfamily.app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"store-btn\">\r\n    <img decoding=\"async\" src=\"https:\/\/lifelyfamily.com\/wp-content\/uploads\/2026\/08\/download-1.svg\" alt=\"Google Play Icon\" class=\"store-icon\" \/>\r\n    <div class=\"store-text\">\r\n      <span class=\"sub-text\">JETZT HERUNTERLADEN<\/span>\r\n      <span class=\"main-text\">Google Play<\/span>\r\n    <\/div>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Base Layout *\/\r\n  .store-buttons-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    align-items: center;\r\n    margin-top: 28px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Button Styling *\/\r\n  .store-btn, \r\n  .store-btn:visited, \r\n  .store-btn:hover, \r\n  .store-btn:active, \r\n  .store-btn * {\r\n    text-decoration: none !important; \/* Removes all link underlines *\/\r\n  }\r\n\r\n  .store-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    background-color: #f6efe6;\r\n    border: 1.5px dashed #cfc6b8;\r\n    border-radius: 9999px;\r\n    padding: 14px 32px; \/* Increased padding for wider button feel *\/\r\n    min-width: 210px; \/* Gives standard desktop\/tablet width *\/\r\n    box-sizing: border-box;\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n\r\n  .store-btn:hover {\r\n    background-color: #eee4d7;\r\n    border-color: #b8ac9a;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .store-icon {\r\n    width: 26px; \/* Larger icon size *\/\r\n    height: 26px;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .store-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .sub-text {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 11px;\r\n    color: #7a7368;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .main-text {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    font-size: 18px; \/* Larger main text *\/\r\n    color: #2b3e32;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Responsive Rules for Tablet and Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .store-buttons-wrapper {\r\n      gap: 12px;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .store-btn {\r\n      padding: 12px 28px;\r\n      min-width: 190px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .store-buttons-wrapper {\r\n      flex-direction: column; \/* Stacks vertically cleanly on small screens *\/\r\n      width: 100%;\r\n    }\r\n\r\n    .store-btn {\r\n      width: 100%; \/* Full width buttons on phone view *\/\r\n      justify-content: center;\r\n      padding: 14px 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3507f8f e-con-full e-flex e-con e-parent\" data-id=\"3507f8f\" data-element_type=\"container\" data-e-type=\"container\" id=\"faqs\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac94b0f elementor-widget elementor-widget-html\" data-id=\"ac94b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Import DM Serif Display & Inter Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"faq-section\">\r\n  <div class=\"faq-header\">\r\n    <h2 class=\"faq-title\">H\u00e4ufig gestellte Fragen<\/h2>\r\n    <p class=\"faq-subtitle\">Alles, was du \u00fcber Lifelyfamily, die Testphase und unsere Abonnements wissen musst.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"faq-container\">\r\n    \r\n    <!-- FAQ Item 1 -->\r\n    <div class=\"faq-item active\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Wie funktioniert die kostenlose Testphase?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Die ersten 2 Monate sind f\u00fcr dich und deine Familie komplett kostenlos nutzbar. Du kannst alle Funktionen uneingeschr\u00e4nkt testen, ganz ohne Risiko.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Item 2 -->\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Welche Abonnements stehen nach den 2 Monaten zur Auswahl?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Nach Ablauf der kostenlosen Testphase kannst du flexibel w\u00e4hlen: Das Monatsabo f\u00fcr 2,99 \u20ac mtl. (jederzeit k\u00fcndbar) oder das Jahresabo f\u00fcr 29,99 \u20ac im Jahr (entspricht ca. 2,50 \u20ac mtl. \u2013 du sparst 16%).<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Item 3 -->\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Kann ich mein Abonnement jederzeit k\u00fcndigen?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Ja, absolut! Das Monatsabo kannst du jederzeit zum Ende des aktuellen Abrechnungsmonats k\u00fcndigen. Auch beim Jahresabo l\u00e4uft der Zugang bis zum Ende des bezahlten Zeitraums ohne automatische Verl\u00e4ngerungsfalle weiter.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Item 4 -->\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Muss jedes Familienmitglied separat bezahlen?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Nein, ein Abonnement gilt f\u00fcr deine gesamte Familie. Du l\u00e4dst deine Familienmitglieder einfach in deine Gruppe ein, und alle nutzen Lifelyfamily gemeinsam ohne Zusatzkosten.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Item 5 -->\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Auf welchen Ger\u00e4ten kann ich Lifelyfamily nutzen?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Lifelyfamily ist sowohl f\u00fcr iOS im Apple App Store als auch f\u00fcr Android bei Google Play verf\u00fcgbar. Alle Daten werden in Echtzeit zwischen allen Ger\u00e4ten deiner Familie synchronisiert.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Item 6 -->\r\n    <div class=\"faq-item\">\r\n      <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n        <span>Wie sicher sind unsere Familiendaten und Fotos?<\/span>\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Der Schutz eurer Privatsph\u00e4re hat f\u00fcr uns h\u00f6chste Priorit\u00e4t. Alle Inhalte, Daten und Fotos werden verschl\u00fcsselt auf sicheren Servern gespeichert und niemals an Dritte weitergegeben.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .faq-section {\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n    background-color: #fbf7f0;\r\n    padding: 60px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .faq-header {\r\n    text-align: center;\r\n    max-width: 650px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .faq-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 42px;\r\n    line-height: 48px;\r\n    color: #a8624e;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  .faq-subtitle {\r\n    font-size: 16px;\r\n    color: #5a5349;\r\n    margin: 0;\r\n  }\r\n\r\n  .faq-container {\r\n    width: 100%;\r\n    max-width: 760px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .faq-item {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(168, 98, 78, 0.15);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .faq-item.active {\r\n    border-color: #a8624e;\r\n    box-shadow: 0 4px 16px rgba(168, 98, 78, 0.08);\r\n  }\r\n\r\n  \/* Question Button - Removed all blue highlights *\/\r\n  .faq-question {\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    outline: none !important;\r\n    -webkit-tap-highlight-color: transparent; \/* Removes blue overlay on mobile tap *\/\r\n    padding: 22px 24px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: #2b3e32;\r\n    text-align: left;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  \/* Hover color fixed to terracotta brand tone *\/\r\n  .faq-question:hover,\r\n  .faq-question:focus,\r\n  .faq-question:active {\r\n    color: #a8624e !important;\r\n    outline: none !important;\r\n    background: transparent;\r\n  }\r\n\r\n  .faq-icon {\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    color: #a8624e;\r\n    transition: transform 0.3s ease;\r\n    line-height: 1;\r\n  }\r\n\r\n  .faq-item.active .faq-icon {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s ease, padding 0.35s ease;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 200px;\r\n    padding: 0 24px 22px 24px;\r\n  }\r\n\r\n  .faq-answer p {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #5a5349;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .faq-title {\r\n      font-size: 32px;\r\n      line-height: 38px;\r\n    }\r\n\r\n    .faq-question {\r\n      font-size: 15px;\r\n      padding: 18px 20px;\r\n    }\r\n\r\n    .faq-answer p {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function toggleFaq(buttonElement) {\r\n    const currentItem = buttonElement.parentElement;\r\n    const allItems = document.querySelectorAll('.faq-item');\r\n\r\n    \/\/ Close all other accordion items\r\n    allItems.forEach(item => {\r\n      if (item !== currentItem) {\r\n        item.classList.remove('active');\r\n      }\r\n    });\r\n\r\n    \/\/ Toggle current item\r\n    currentItem.classList.toggle('active');\r\n  }\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Was ist LifelyFamily?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"LifelyFamily ist eine All-in-One Familienorganisations-App, die gemeinsamen Kalender, Haushaltsbuch, Aufgabenplaner, Ereignis-Tracker und 25 GB sicheren Cloud-Speicher f\u00fcr Familien in einer einzigen Plattform vereint.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Ist LifelyFamily kostenlos verf\u00fcgbar?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Ja, LifelyFamily bietet eine kostenlose 2-monatige Testphase mit Zugriff auf alle Funktionen und 25 GB Cloud-Speicher, um die App risikofrei im Familienalltag zu testen.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Wie sch\u00fctzt LifelyFamily die Daten meiner Familie?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Der Schutz Ihrer Privatsph\u00e4re steht an erster Stelle. LifelyFamily verarbeitet alle Daten streng nach den Vorgaben der europ\u00e4ischen Datenschutz-Grundverordnung (DSGVO) und nutzt sichere Serverstrukturen.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Auf welchen Ger\u00e4ten kann ich LifelyFamily nutzen?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"LifelyFamily ist als plattform\u00fcbergreifende Anwendung konzipiert und l\u00e4sst sich flexibel auf Smartphones, Tablets und \u00fcber den Webbrowser nutzen, damit alle Familienmitglieder stets synchron bleiben.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Der ultimative Organizer f\u00fcr den Familienalltag. Von der Planung deiner Woche und der Verwaltung deines Budgets bis hin zum Speichern [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":384,"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":997,"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions\/997"}],"wp:attachment":[{"href":"https:\/\/lifelyfamily.com\/en\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}