Dashboard im Trauerfall<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n:root {\n --bg: #FBF8F3;\n --card: #FFFFFF;\n --primary: #0F3F3A;\n --secondary: #2F7F78;\n --accent: #5FA8A1;\n --text: #1F2D2D;\n --muted: #6F7A7A;\n --border: #E6E2DA;\n --soft: #F3EFE8;\n --shadow: 0 18px 40px rgba(0,0,0,0.06);\n}\n\n* { box-sizing: border-box; }\n\nhtml, body { height: 100%; }\n\nbody {\n margin: 0;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background: radial-gradient(900px 420px at 70% -10%, rgba(95,168,161,.18), transparent 60%),\n radial-gradient(900px 460px at 10% 0%, rgba(243,239,232,.9), transparent 55%),\n var(--bg);\n color: var(--text);\n}\n\n.wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2.2rem 2rem 6rem;\n}\n\n\/* Topbar *\/\n.topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n margin-bottom: 2.2rem;\n}\n\n.breadcrumb {\n font-size: 0.9rem;\n color: var(--muted);\n}\n\n.breadcrumb strong {\n color: var(--primary);\n font-weight: 600;\n}\n\n.topbar-right {\n display: flex;\n gap: .75rem;\n align-items: center;\n}\n\n.pill {\n padding: .45rem .8rem;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.65);\n font-size: .85rem;\n color: var(--muted);\n backdrop-filter: blur(6px);\n}\n\n.avatar {\n width: 34px;\n height: 34px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--secondary), var(--primary));\n box-shadow: 0 10px 18px rgba(15,63,58,.20);\n}\n\n\/* Header *\/\n.header {\n max-width: 860px;\n margin-bottom: 2.2rem;\n}\n\n.header h1 {\n font-size: 3rem;\n line-height: 1.12;\n margin: 0 0 .75rem;\n color: var(--primary);\n letter-spacing: -0.02em;\n}\n\n.header p {\n font-size: 1.15rem;\n color: var(--muted);\n margin: 0;\n line-height: 1.55;\n}\n\n\/* Quick actions row *\/\n.quick-actions {\n display: flex;\n flex-wrap: wrap;\n gap: .8rem;\n margin: 1.6rem 0 3rem;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n gap: .55rem;\n padding: .75rem 1.2rem;\n border-radius: 999px;\n font-size: .92rem;\n text-decoration: none;\n border: 1px solid rgba(15,63,58,.20);\n background: rgba(255,255,255,.86);\n color: var(--primary);\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 14px 26px rgba(0,0,0,.08);\n background: rgba(255,255,255,1);\n}\n\n.btn.primary {\n background: linear-gradient(135deg, var(--secondary), #206d67);\n color: #fff;\n border-color: transparent;\n}\n\n.icon {\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background: rgba(95,168,161,.28);\n border: 1px solid rgba(47,127,120,.18);\n}\n\n\/* Status + Progress *\/\n.status-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.2rem;\n}\n\n.card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 2rem;\n box-shadow: var(--shadow);\n transition: transform .18s ease, box-shadow .18s ease;\n}\n\n.card:hover {\n transform: translateY(-3px);\n box-shadow: 0 22px 46px rgba(0,0,0,0.08);\n}\n\n.kpi-label {\n font-size: .86rem;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: .06em;\n margin-bottom: .55rem;\n}\n\n.kpi-value {\n font-size: 2.6rem;\n font-weight: 650;\n color: var(--primary);\n margin-bottom: .5rem;\n}\n\n.kpi-sub {\n font-size: .92rem;\n color: var(--muted);\n line-height: 1.45;\n}\n\n\/* Progress bar card *\/\n.progress-wrap {\n display: grid;\n grid-template-columns: 1.5fr .5fr;\n gap: 1.5rem;\n margin-bottom: 3.6rem;\n}\n\n.progress-card .row {\n display: flex;\n justify-content: space-between;\n gap: 1rem;\n align-items: baseline;\n}\n\n.progress-card .row strong {\n color: var(--primary);\n}\n\n.progressbar {\n margin-top: 1rem;\n height: 12px;\n border-radius: 999px;\n background: rgba(15,63,58,.08);\n overflow: hidden;\n}\n\n.progressbar > div {\n height: 100%;\n width: 64%;\n background: linear-gradient(90deg, var(--accent), var(--secondary));\n border-radius: 999px;\n transition: width .6s ease;\n}\n\n.small-note {\n margin-top: .9rem;\n font-size: .9rem;\n color: var(--muted);\n}\n\n\/* Next steps cards *\/\n.section-title {\n font-size: 2rem;\n margin: 0 0 1.4rem;\n color: var(--primary);\n letter-spacing: -0.01em;\n}\n\n.card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.card h3 {\n font-size: 1.25rem;\n margin: 0 0 .7rem;\n}\n\n.card p {\n color: var(--muted);\n font-size: .98rem;\n line-height: 1.55;\n margin: 0;\n}\n\n.card .cta {\n margin-top: 1.25rem;\n}\n\n\/* Priority list *\/\n.priority {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.priority .list {\n padding: 1.8rem;\n border-radius: 20px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.86);\n box-shadow: 0 14px 34px rgba(0,0,0,0.05);\n}\n\n.priority h4 {\n margin: 0 0 1rem;\n color: var(--primary);\n font-size: 1.1rem;\n}\n\n.item {\n display: flex;\n gap: .9rem;\n padding: .95rem 0;\n border-top: 1px solid rgba(230,226,218,.8);\n}\n\n.item:first-of-type { border-top: 0; }\n\n.dot {\n width: 10px;\n height: 10px;\n border-radius: 999px;\n margin-top: .35rem;\n background: rgba(95,168,161,.7);\n}\n\n.item strong { display:block; color: var(--primary); font-size: .98rem; }\n.item span { display:block; color: var(--muted); font-size: .9rem; margin-top: .15rem; }\n\n\/* Checklist *\/\n.checklist {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 22px;\n padding: 2.6rem;\n box-shadow: var(--shadow);\n margin-bottom: 3.6rem;\n}\n\n.checklist ul {\n list-style: none;\n padding: 0;\n margin: 1.1rem 0 0;\n}\n\n.checklist li {\n padding-left: 1.9rem;\n margin-bottom: 1rem;\n position: relative;\n color: var(--text);\n line-height: 1.45;\n}\n\n.checklist li::before {\n content: \"\u25cb\";\n position: absolute;\n left: 0;\n color: var(--muted);\n}\n\n\/* Accordion *\/\n.accordion {\n background: rgba(255,255,255,.90);\n border: 1px solid var(--border);\n border-radius: 22px;\n padding: 2.2rem;\n margin-bottom: 3.6rem;\n box-shadow: 0 14px 34px rgba(0,0,0,0.05);\n}\n\ndetails {\n border-top: 1px solid rgba(230,226,218,.9);\n padding: 1rem 0;\n}\n\ndetails:first-of-type { border-top: 0; }\n\nsummary {\n cursor: pointer;\n list-style: none;\n font-weight: 600;\n color: var(--primary);\n}\n\nsummary::-webkit-details-marker { display: none; }\n\ndetails p {\n margin: .65rem 0 0;\n color: var(--muted);\n line-height: 1.55;\n}\n\n\/* Calm *\/\n.calm {\n background: var(--soft);\n border-radius: 26px;\n padding: 3.2rem 2.6rem;\n margin-bottom: 2.8rem;\n border: 1px solid rgba(230,226,218,.8);\n}\n\n.calm h2 {\n font-size: 1.8rem;\n margin: 0 0 1rem;\n color: var(--primary);\n}\n\n.calm p {\n margin: 0 0 .9rem;\n color: var(--muted);\n max-width: 760px;\n line-height: 1.6;\n}\n\n.linkrow {\n display: flex;\n flex-wrap: wrap;\n gap: .8rem;\n margin-top: 1.2rem;\n}\n\n.chip {\n display:inline-flex;\n align-items:center;\n padding: .55rem .9rem;\n border-radius: 999px;\n border: 1px solid rgba(15,63,58,.16);\n background: rgba(255,255,255,.7);\n text-decoration:none;\n color: var(--primary);\n font-size: .9rem;\n}\n\n\/* Toast *\/\n.toast {\n position: fixed;\n left: 50%;\n bottom: 22px;\n transform: translateX(-50%);\n background: rgba(15,63,58,.92);\n color: #fff;\n padding: .9rem 1.1rem;\n border-radius: 14px;\n font-size: .92rem;\n opacity: 0;\n pointer-events: none;\n transition: opacity .25s ease, transform .25s ease;\n}\n\n.toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(-4px);\n}\n\n\/* Footer *\/\nfooter {\n margin-top: 2rem;\n font-size: 0.9rem;\n color: var(--muted);\n display:flex;\n justify-content: space-between;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n\/* Responsive *\/\n@media (max-width: 920px){\n .progress-wrap { grid-template-columns: 1fr; }\n .priority { grid-template-columns: 1fr; }\n .header h1 { font-size: 2.35rem; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"wrapper\">\n\n \n <div class=\"topbar\" aria-label=\"Kontextleiste\">\n <div class=\"topbar-right\">\n <div class=\"pill\">Letzte Aktualisierung: vor 4 Tagen<\/div>\n <div class=\"avatar\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"header\">\n <h1>Nachlass von Maria Beispielperson<\/h1>\n <p>\n Hier finden Sie alle wichtigen Informationen an einem Ort: Konten, gew\u00fcnschte Ma\u00dfnahmen,\n pers\u00f6nliche W\u00fcnsche sowie eine gef\u00fchrte Aufgabenliste. Sie k\u00f6nnen jeden Schritt in Ihrem eigenen Tempo bearbeiten.\n <\/p>\n\n <div class=\"quick-actions\" aria-label=\"Schnellaktionen\">\n <a class=\"btn primary\" href=\"#konten\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Nachlass\u00fcbersicht \u00f6ffnen<\/a>\n <a class=\"btn\" href=\"#aufgaben\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Offene Aufgaben ansehen<\/a>\n <a class=\"btn\" href=\"#w\u00fcnsche\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche einsehen<\/a>\n <a class=\"btn\" href=\"#support\" onclick=\"showToast('Support-Optionen ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Hilfe & Support<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"status-grid\" aria-label=\"Status\u00fcbersicht\">\n <div class=\"card\">\n <div class=\"kpi-label\">Konten<\/div>\n <div class=\"kpi-value\">12<\/div>\n <div class=\"kpi-sub\">Hinterlegte Dienste inkl. gew\u00fcnschter Ma\u00dfnahmen (z. B. l\u00f6schen, \u00fcbertragen, Gedenkzustand).<\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"kpi-label\">Offene Aufgaben<\/div>\n <div class=\"kpi-value\">3<\/div>\n <div class=\"kpi-sub\">Empfohlene n\u00e4chste Schritte \u2013 zur Orientierung, nicht als Verpflichtung.<\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"kpi-label\">W\u00fcnsche<\/div>\n <div class=\"kpi-value\">5<\/div>\n <div class=\"kpi-sub\">Pers\u00f6nliche Hinweise zu Kommunikation, Abschied und digitalen Spuren.<\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"progress-wrap\" aria-label=\"Fortschritt und n\u00e4chste Schritte\">\n <div class=\"card progress-card\">\n <div class=\"row\">\n <strong>Aktueller Stand<\/strong>\n <span class=\"pill\" style=\"border-color: rgba(47,127,120,.25); color: var(--primary);\">Ruhiger \u00dcberblick<\/span>\n <\/div>\n <div class=\"progressbar\" aria-label=\"Fortschrittsanzeige\">\n <div><\/div>\n <\/div>\n <div class=\"small-note\">\n Der Fortschritt basiert auf markierten Aufgaben und umgesetzten W\u00fcnschen. Sie k\u00f6nnen jederzeit pausieren und sp\u00e4ter weitermachen.\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Empfohlen als N\u00e4chstes<\/div>\n <div class=\"kpi-value\" style=\"font-size:1.6rem;\">E-Mail & Cloud pr\u00fcfen<\/div>\n <div class=\"kpi-sub\">Damit bleiben Zug\u00e4nge erhalten und laufende Abos werden sichtbar.<\/div>\n <div class=\"cta\">\n <a class=\"btn primary\" href=\"#aufgaben\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Zur Checkliste<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <h2 class=\"section-title\">Zentrale Bereiche<\/h2>\n\n <section class=\"card-grid\" aria-label=\"Navigation zu Bereichen\">\n <div class=\"card\" id=\"konten\">\n <h3>Nachlass\u00fcbersicht \/ Konten<\/h3>\n <p>\n Liste aller hinterlegten Konten und Daten. Zu jedem Eintrag sehen Sie die gew\u00fcnschte Ma\u00dfnahme\n (l\u00f6schen, \u00fcbertragen, Gedenkzustand etc.) sowie Hinweise zur Umsetzung.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Nachlass\u00fcbersicht ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Konten \u00f6ffnen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Filter\/Ansicht ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Filtern<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"w\u00fcnsche\">\n <h3>W\u00fcnsche einsehen & umsetzen<\/h3>\n <p>\n Detailansicht der pers\u00f6nlichen W\u00fcnsche (Kommunikation, Abschied, digitale Spuren). Markieren Sie umgesetzte\n Schritte \u2013 so bleibt der \u00dcberblick erhalten.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn\" onclick=\"showToast('W\u00fcnsche ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche anzeigen<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"aufgaben\">\n <h3>Aufgaben & To-do-Liste<\/h3>\n <p>\n Gef\u00fchrte Checkliste: Was ist erledigt, was steht noch aus? Optional mit Download, damit Sie auch offline planen k\u00f6nnen.\n <\/p>\n <div class=\"cta\">\n <a href=\"#checkliste\" class=\"btn\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Zur Liste<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Download wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>PDF herunterladen<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"support\">\n <h3>Hilfe & Support<\/h3>\n <p>\n Kurze technische Hilfetexte und Kontaktm\u00f6glichkeiten. Wenn Sie unsicher sind, helfen wir dabei,\n die n\u00e4chsten Schritte klar zu strukturieren.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Support-Anfrage ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Support anfragen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('E-Mail-Option ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>E-Mail<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"priority\" aria-label=\"Empfohlene n\u00e4chste Schritte\">\n <div class=\"list\">\n <h4>Jetzt sinnvoll (kurz & klar)<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>E-Mail & Cloud pr\u00fcfen<\/strong>\n <span>Hilft, Zug\u00e4nge zu sichern und laufende Abos zu erkennen.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Social Media Entscheidungen festhalten<\/strong>\n <span>L\u00f6schen, Gedenkzustand oder \u00dcbergabe \u2013 je nach Wunsch.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Digitale Erinnerungen sichern<\/strong>\n <span>Fotos, Chats, Videos: behutsam ausw\u00e4hlen, was bleiben soll.<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"list\">\n <h4>Wenn es sp\u00e4ter passt (optional)<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>Dokumente erg\u00e4nzen<\/strong>\n <span>Vollmachten, Notizen, wichtige Hinweise \u2013 falls vorhanden.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>Abos & Zahlungen pr\u00fcfen<\/strong>\n <span>Streaming, Domains, Cloud-Speicher \u2013 Kosten vermeiden.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>W\u00fcnsche markieren<\/strong>\n <span>So bleibt nachvollziehbar, was bereits umgesetzt wurde.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"checklist\" id=\"checkliste\" aria-label=\"Checkliste\">\n <h2 class=\"section-title\">Offene Aufgaben<\/h2>\n <p style=\"color:var(--muted); margin:0;\">\n Diese Liste ist eine Orientierungshilfe. Sie k\u00f6nnen einzelne Punkte \u00fcberspringen oder sp\u00e4ter erledigen.\n <\/p>\n\n <ul>\n <li>E-Mail-, Cloud- und Social-Media-Konten identifizieren<\/li>\n <li>W\u00fcnsche vollst\u00e4ndig lesen und Priorit\u00e4ten setzen<\/li>\n <li>Digitale Erinnerungen sichern oder archivieren (in Ruhe)<\/li>\n <li>Konten schlie\u00dfen, \u00fcbertragen oder umstellen (Gedenkzustand)<\/li>\n <li>Abos pr\u00fcfen und ggf. k\u00fcndigen<\/li>\n <\/ul>\n\n <div class=\"quick-actions\" style=\"margin-top:1.3rem;\">\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Erledigte Punkte gespeichert'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Fortschritt speichern<\/a>\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Download wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Checkliste als PDF<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"accordion\" aria-label=\"Kurze Hilfetexte\">\n <h2 class=\"section-title\">Kurze Hilfetexte<\/h2>\n\n <details>\n <summary>Was bedeutet \u201eGedenkzustand\u201c bei Social Media?<\/summary>\n <p>\n Manche Plattformen bieten an, ein Profil in einen Gedenkzustand zu versetzen. Inhalte bleiben sichtbar,\n aber bestimmte Funktionen werden eingeschr\u00e4nkt. Die genaue Umsetzung h\u00e4ngt vom jeweiligen Anbieter ab.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie gehe ich achtsam mit digitalen Erinnerungen um?<\/summary>\n <p>\n Es kann helfen, Erinnerungen in kleinen Schritten zu sichten \u2013 z. B. nur wenige Minuten am St\u00fcck.\n Legen Sie Pausen ein und entscheiden Sie bewusst, was gesichert und was sp\u00e4ter betrachtet werden soll.\n <\/p>\n <\/details>\n\n <details>\n <summary>Warum sind E-Mail und Cloud oft der wichtigste Startpunkt?<\/summary>\n <p>\n Viele Dienste lassen sich \u00fcber E-Mail zur\u00fccksetzen oder verwalten. Au\u00dferdem werden dort h\u00e4ufig Vertr\u00e4ge,\n Rechnungen und Benachrichtigungen gespeichert, die beim weiteren Vorgehen helfen.\n <\/p>\n <\/details>\n <\/section>\n\n \n <section class=\"calm\" aria-label=\"Infos zur Trauerbew\u00e4ltigung\">\n <h2>Infos zur Trauerbew\u00e4ltigung<\/h2>\n <p>\n Trauer ist individuell und verl\u00e4uft ohne festen Zeitplan. Digitale Inhalte k\u00f6nnen Erinnerungen und Emotionen ausl\u00f6sen.\n Gehen Sie Schritt f\u00fcr Schritt und nehmen Sie sich bewusst Pausen.\n <\/p>\n <p>\n Wenn Sie Unterst\u00fctzung w\u00fcnschen, k\u00f6nnen externe Anlaufstellen helfen (z. B. Beratungsstellen, Vereine, Hotlines).\n <\/p>\n\n <div class=\"linkrow\">\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Externe Hilfsangebote ge\u00f6ffnet'); return false;\">Beratungsstellen<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Vereine & Angebote ge\u00f6ffnet'); return false;\">Vereine & Angebote<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Hinweise zu digitalen Erinnerungen ge\u00f6ffnet'); return false;\">Umgang mit Erinnerungen<\/a>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<script>\n function showToast(message){\n const t = document.getElementById('toast');\n t.textContent = message;\n t.classList.add('show');\n clearTimeout(window.__toastTimer);\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 2200);\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Dashboard im Trauerfall Letzte Aktualisierung: vor 4 Tagen Nachlass von Maria Beispielperson Hier finden Sie alle wichtigen Informationen an einem Ort: Konten, gew\u00fcnschte Ma\u00dfnahmen, pers\u00f6nliche W\u00fcnsche sowie eine gef\u00fchrte Aufgabenliste. Sie k\u00f6nnen jeden Schritt in Ihrem eigenen Tempo bearbeiten. Nachlass\u00fcbersicht \u00f6ffnen Offene Aufgaben ansehen W\u00fcnsche einsehen Hilfe & Support Konten 12 Hinterlegte Dienste inkl. gew\u00fcnschter […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":11,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/media?parent=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":529,"date":"2026-01-25T19:05:04","date_gmt":"2026-01-25T19:05:04","guid":{"rendered":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/?page_id=529"},"modified":"2026-01-25T19:05:05","modified_gmt":"2026-01-25T19:05:05","slug":"bereich-fur-hinterbliebene","status":"publish","type":"page","link":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/bereich-fur-hinterbliebene\/","title":{"rendered":"Bereich f\u00fcr Hinterbliebene"},"content":{"rendered":"\n\n\n\n\nDashboard im Trauerfall<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n:root {\n --bg: #FBF8F3;\n --card: #FFFFFF;\n --primary: #0F3F3A;\n --secondary: #2F7F78;\n --accent: #5FA8A1;\n --text: #1F2D2D;\n --muted: #6F7A7A;\n --border: #E6E2DA;\n --soft: #F3EFE8;\n --shadow: 0 18px 40px rgba(0,0,0,0.06);\n}\n\n* { box-sizing: border-box; }\n\nhtml, body { height: 100%; }\n\nbody {\n margin: 0;\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background: radial-gradient(900px 420px at 70% -10%, rgba(95,168,161,.18), transparent 60%),\n radial-gradient(900px 460px at 10% 0%, rgba(243,239,232,.9), transparent 55%),\n var(--bg);\n color: var(--text);\n}\n\n.wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2.2rem 2rem 6rem;\n}\n\n\/* Topbar *\/\n.topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n margin-bottom: 2.2rem;\n}\n\n.breadcrumb {\n font-size: 0.9rem;\n color: var(--muted);\n}\n\n.breadcrumb strong {\n color: var(--primary);\n font-weight: 600;\n}\n\n.topbar-right {\n display: flex;\n gap: .75rem;\n align-items: center;\n}\n\n.pill {\n padding: .45rem .8rem;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.65);\n font-size: .85rem;\n color: var(--muted);\n backdrop-filter: blur(6px);\n}\n\n.avatar {\n width: 34px;\n height: 34px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--secondary), var(--primary));\n box-shadow: 0 10px 18px rgba(15,63,58,.20);\n}\n\n\/* Header *\/\n.header {\n max-width: 860px;\n margin-bottom: 2.2rem;\n}\n\n.header h1 {\n font-size: 3rem;\n line-height: 1.12;\n margin: 0 0 .75rem;\n color: var(--primary);\n letter-spacing: -0.02em;\n}\n\n.header p {\n font-size: 1.15rem;\n color: var(--muted);\n margin: 0;\n line-height: 1.55;\n}\n\n\/* Quick actions row *\/\n.quick-actions {\n display: flex;\n flex-wrap: wrap;\n gap: .8rem;\n margin: 1.6rem 0 3rem;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n gap: .55rem;\n padding: .75rem 1.2rem;\n border-radius: 999px;\n font-size: .92rem;\n text-decoration: none;\n border: 1px solid rgba(15,63,58,.20);\n background: rgba(255,255,255,.86);\n color: var(--primary);\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 14px 26px rgba(0,0,0,.08);\n background: rgba(255,255,255,1);\n}\n\n.btn.primary {\n background: linear-gradient(135deg, var(--secondary), #206d67);\n color: #fff;\n border-color: transparent;\n}\n\n.icon {\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background: rgba(95,168,161,.28);\n border: 1px solid rgba(47,127,120,.18);\n}\n\n\/* Status + Progress *\/\n.status-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.2rem;\n}\n\n.card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 2rem;\n box-shadow: var(--shadow);\n transition: transform .18s ease, box-shadow .18s ease;\n}\n\n.card:hover {\n transform: translateY(-3px);\n box-shadow: 0 22px 46px rgba(0,0,0,0.08);\n}\n\n.kpi-label {\n font-size: .86rem;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: .06em;\n margin-bottom: .55rem;\n}\n\n.kpi-value {\n font-size: 2.6rem;\n font-weight: 650;\n color: var(--primary);\n margin-bottom: .5rem;\n}\n\n.kpi-sub {\n font-size: .92rem;\n color: var(--muted);\n line-height: 1.45;\n}\n\n\/* Progress bar card *\/\n.progress-wrap {\n display: grid;\n grid-template-columns: 1.5fr .5fr;\n gap: 1.5rem;\n margin-bottom: 3.6rem;\n}\n\n.progress-card .row {\n display: flex;\n justify-content: space-between;\n gap: 1rem;\n align-items: baseline;\n}\n\n.progress-card .row strong {\n color: var(--primary);\n}\n\n.progressbar {\n margin-top: 1rem;\n height: 12px;\n border-radius: 999px;\n background: rgba(15,63,58,.08);\n overflow: hidden;\n}\n\n.progressbar > div {\n height: 100%;\n width: 64%;\n background: linear-gradient(90deg, var(--accent), var(--secondary));\n border-radius: 999px;\n transition: width .6s ease;\n}\n\n.small-note {\n margin-top: .9rem;\n font-size: .9rem;\n color: var(--muted);\n}\n\n\/* Next steps cards *\/\n.section-title {\n font-size: 2rem;\n margin: 0 0 1.4rem;\n color: var(--primary);\n letter-spacing: -0.01em;\n}\n\n.card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.card h3 {\n font-size: 1.25rem;\n margin: 0 0 .7rem;\n}\n\n.card p {\n color: var(--muted);\n font-size: .98rem;\n line-height: 1.55;\n margin: 0;\n}\n\n.card .cta {\n margin-top: 1.25rem;\n}\n\n\/* Priority list *\/\n.priority {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.priority .list {\n padding: 1.8rem;\n border-radius: 20px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.86);\n box-shadow: 0 14px 34px rgba(0,0,0,0.05);\n}\n\n.priority h4 {\n margin: 0 0 1rem;\n color: var(--primary);\n font-size: 1.1rem;\n}\n\n.item {\n display: flex;\n gap: .9rem;\n padding: .95rem 0;\n border-top: 1px solid rgba(230,226,218,.8);\n}\n\n.item:first-of-type { border-top: 0; }\n\n.dot {\n width: 10px;\n height: 10px;\n border-radius: 999px;\n margin-top: .35rem;\n background: rgba(95,168,161,.7);\n}\n\n.item strong { display:block; color: var(--primary); font-size: .98rem; }\n.item span { display:block; color: var(--muted); font-size: .9rem; margin-top: .15rem; }\n\n\/* Checklist *\/\n.checklist {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 22px;\n padding: 2.6rem;\n box-shadow: var(--shadow);\n margin-bottom: 3.6rem;\n}\n\n.checklist ul {\n list-style: none;\n padding: 0;\n margin: 1.1rem 0 0;\n}\n\n.checklist li {\n padding-left: 1.9rem;\n margin-bottom: 1rem;\n position: relative;\n color: var(--text);\n line-height: 1.45;\n}\n\n.checklist li::before {\n content: \"\u25cb\";\n position: absolute;\n left: 0;\n color: var(--muted);\n}\n\n\/* Accordion *\/\n.accordion {\n background: rgba(255,255,255,.90);\n border: 1px solid var(--border);\n border-radius: 22px;\n padding: 2.2rem;\n margin-bottom: 3.6rem;\n box-shadow: 0 14px 34px rgba(0,0,0,0.05);\n}\n\ndetails {\n border-top: 1px solid rgba(230,226,218,.9);\n padding: 1rem 0;\n}\n\ndetails:first-of-type { border-top: 0; }\n\nsummary {\n cursor: pointer;\n list-style: none;\n font-weight: 600;\n color: var(--primary);\n}\n\nsummary::-webkit-details-marker { display: none; }\n\ndetails p {\n margin: .65rem 0 0;\n color: var(--muted);\n line-height: 1.55;\n}\n\n\/* Calm *\/\n.calm {\n background: var(--soft);\n border-radius: 26px;\n padding: 3.2rem 2.6rem;\n margin-bottom: 2.8rem;\n border: 1px solid rgba(230,226,218,.8);\n}\n\n.calm h2 {\n font-size: 1.8rem;\n margin: 0 0 1rem;\n color: var(--primary);\n}\n\n.calm p {\n margin: 0 0 .9rem;\n color: var(--muted);\n max-width: 760px;\n line-height: 1.6;\n}\n\n.linkrow {\n display: flex;\n flex-wrap: wrap;\n gap: .8rem;\n margin-top: 1.2rem;\n}\n\n.chip {\n display:inline-flex;\n align-items:center;\n padding: .55rem .9rem;\n border-radius: 999px;\n border: 1px solid rgba(15,63,58,.16);\n background: rgba(255,255,255,.7);\n text-decoration:none;\n color: var(--primary);\n font-size: .9rem;\n}\n\n\/* Toast *\/\n.toast {\n position: fixed;\n left: 50%;\n bottom: 22px;\n transform: translateX(-50%);\n background: rgba(15,63,58,.92);\n color: #fff;\n padding: .9rem 1.1rem;\n border-radius: 14px;\n font-size: .92rem;\n opacity: 0;\n pointer-events: none;\n transition: opacity .25s ease, transform .25s ease;\n}\n\n.toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(-4px);\n}\n\n\/* Footer *\/\nfooter {\n margin-top: 2rem;\n font-size: 0.9rem;\n color: var(--muted);\n display:flex;\n justify-content: space-between;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n\/* Responsive *\/\n@media (max-width: 920px){\n .progress-wrap { grid-template-columns: 1fr; }\n .priority { grid-template-columns: 1fr; }\n .header h1 { font-size: 2.35rem; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"wrapper\">\n\n \n <div class=\"topbar\" aria-label=\"Kontextleiste\">\n <div class=\"topbar-right\">\n <div class=\"pill\">Letzte Aktualisierung: vor 4 Tagen<\/div>\n <div class=\"avatar\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"header\">\n <h1>Nachlass von Maria Beispielperson<\/h1>\n <p>\n Hier finden Sie alle wichtigen Informationen an einem Ort: Konten, gew\u00fcnschte Ma\u00dfnahmen,\n pers\u00f6nliche W\u00fcnsche sowie eine gef\u00fchrte Aufgabenliste. Sie k\u00f6nnen jeden Schritt in Ihrem eigenen Tempo bearbeiten.\n <\/p>\n\n <div class=\"quick-actions\" aria-label=\"Schnellaktionen\">\n <a class=\"btn primary\" href=\"#konten\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Nachlass\u00fcbersicht \u00f6ffnen<\/a>\n <a class=\"btn\" href=\"#aufgaben\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Offene Aufgaben ansehen<\/a>\n <a class=\"btn\" href=\"#w\u00fcnsche\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche einsehen<\/a>\n <a class=\"btn\" href=\"#support\" onclick=\"showToast('Support-Optionen ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Hilfe & Support<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"status-grid\" aria-label=\"Status\u00fcbersicht\">\n <div class=\"card\">\n <div class=\"kpi-label\">Konten<\/div>\n <div class=\"kpi-value\">12<\/div>\n <div class=\"kpi-sub\">Hinterlegte Dienste inkl. gew\u00fcnschter Ma\u00dfnahmen (z. B. l\u00f6schen, \u00fcbertragen, Gedenkzustand).<\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"kpi-label\">Offene Aufgaben<\/div>\n <div class=\"kpi-value\">3<\/div>\n <div class=\"kpi-sub\">Empfohlene n\u00e4chste Schritte \u2013 zur Orientierung, nicht als Verpflichtung.<\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"kpi-label\">W\u00fcnsche<\/div>\n <div class=\"kpi-value\">5<\/div>\n <div class=\"kpi-sub\">Pers\u00f6nliche Hinweise zu Kommunikation, Abschied und digitalen Spuren.<\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"progress-wrap\" aria-label=\"Fortschritt und n\u00e4chste Schritte\">\n <div class=\"card progress-card\">\n <div class=\"row\">\n <strong>Aktueller Stand<\/strong>\n <span class=\"pill\" style=\"border-color: rgba(47,127,120,.25); color: var(--primary);\">Ruhiger \u00dcberblick<\/span>\n <\/div>\n <div class=\"progressbar\" aria-label=\"Fortschrittsanzeige\">\n <div><\/div>\n <\/div>\n <div class=\"small-note\">\n Der Fortschritt basiert auf markierten Aufgaben und umgesetzten W\u00fcnschen. Sie k\u00f6nnen jederzeit pausieren und sp\u00e4ter weitermachen.\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Empfohlen als N\u00e4chstes<\/div>\n <div class=\"kpi-value\" style=\"font-size:1.6rem;\">E-Mail & Cloud pr\u00fcfen<\/div>\n <div class=\"kpi-sub\">Damit bleiben Zug\u00e4nge erhalten und laufende Abos werden sichtbar.<\/div>\n <div class=\"cta\">\n <a class=\"btn primary\" href=\"#aufgaben\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Zur Checkliste<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <h2 class=\"section-title\">Zentrale Bereiche<\/h2>\n\n <section class=\"card-grid\" aria-label=\"Navigation zu Bereichen\">\n <div class=\"card\" id=\"konten\">\n <h3>Nachlass\u00fcbersicht \/ Konten<\/h3>\n <p>\n Liste aller hinterlegten Konten und Daten. Zu jedem Eintrag sehen Sie die gew\u00fcnschte Ma\u00dfnahme\n (l\u00f6schen, \u00fcbertragen, Gedenkzustand etc.) sowie Hinweise zur Umsetzung.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Nachlass\u00fcbersicht ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Konten \u00f6ffnen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Filter\/Ansicht ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Filtern<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"w\u00fcnsche\">\n <h3>W\u00fcnsche einsehen & umsetzen<\/h3>\n <p>\n Detailansicht der pers\u00f6nlichen W\u00fcnsche (Kommunikation, Abschied, digitale Spuren). Markieren Sie umgesetzte\n Schritte \u2013 so bleibt der \u00dcberblick erhalten.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn\" onclick=\"showToast('W\u00fcnsche ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche anzeigen<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"aufgaben\">\n <h3>Aufgaben & To-do-Liste<\/h3>\n <p>\n Gef\u00fchrte Checkliste: Was ist erledigt, was steht noch aus? Optional mit Download, damit Sie auch offline planen k\u00f6nnen.\n <\/p>\n <div class=\"cta\">\n <a href=\"#checkliste\" class=\"btn\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Zur Liste<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Download wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>PDF herunterladen<\/a>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"support\">\n <h3>Hilfe & Support<\/h3>\n <p>\n Kurze technische Hilfetexte und Kontaktm\u00f6glichkeiten. Wenn Sie unsicher sind, helfen wir dabei,\n die n\u00e4chsten Schritte klar zu strukturieren.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Support-Anfrage ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Support anfragen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('E-Mail-Option ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>E-Mail<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"priority\" aria-label=\"Empfohlene n\u00e4chste Schritte\">\n <div class=\"list\">\n <h4>Jetzt sinnvoll (kurz & klar)<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>E-Mail & Cloud pr\u00fcfen<\/strong>\n <span>Hilft, Zug\u00e4nge zu sichern und laufende Abos zu erkennen.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Social Media Entscheidungen festhalten<\/strong>\n <span>L\u00f6schen, Gedenkzustand oder \u00dcbergabe \u2013 je nach Wunsch.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Digitale Erinnerungen sichern<\/strong>\n <span>Fotos, Chats, Videos: behutsam ausw\u00e4hlen, was bleiben soll.<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"list\">\n <h4>Wenn es sp\u00e4ter passt (optional)<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>Dokumente erg\u00e4nzen<\/strong>\n <span>Vollmachten, Notizen, wichtige Hinweise \u2013 falls vorhanden.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>Abos & Zahlungen pr\u00fcfen<\/strong>\n <span>Streaming, Domains, Cloud-Speicher \u2013 Kosten vermeiden.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\" style=\"background: rgba(111,122,122,.45);\"><\/div>\n <div>\n <strong>W\u00fcnsche markieren<\/strong>\n <span>So bleibt nachvollziehbar, was bereits umgesetzt wurde.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"checklist\" id=\"checkliste\" aria-label=\"Checkliste\">\n <h2 class=\"section-title\">Offene Aufgaben<\/h2>\n <p style=\"color:var(--muted); margin:0;\">\n Diese Liste ist eine Orientierungshilfe. Sie k\u00f6nnen einzelne Punkte \u00fcberspringen oder sp\u00e4ter erledigen.\n <\/p>\n\n <ul>\n <li>E-Mail-, Cloud- und Social-Media-Konten identifizieren<\/li>\n <li>W\u00fcnsche vollst\u00e4ndig lesen und Priorit\u00e4ten setzen<\/li>\n <li>Digitale Erinnerungen sichern oder archivieren (in Ruhe)<\/li>\n <li>Konten schlie\u00dfen, \u00fcbertragen oder umstellen (Gedenkzustand)<\/li>\n <li>Abos pr\u00fcfen und ggf. k\u00fcndigen<\/li>\n <\/ul>\n\n <div class=\"quick-actions\" style=\"margin-top:1.3rem;\">\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Erledigte Punkte gespeichert'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Fortschritt speichern<\/a>\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Download wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Checkliste als PDF<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"accordion\" aria-label=\"Kurze Hilfetexte\">\n <h2 class=\"section-title\">Kurze Hilfetexte<\/h2>\n\n <details>\n <summary>Was bedeutet \u201eGedenkzustand\u201c bei Social Media?<\/summary>\n <p>\n Manche Plattformen bieten an, ein Profil in einen Gedenkzustand zu versetzen. Inhalte bleiben sichtbar,\n aber bestimmte Funktionen werden eingeschr\u00e4nkt. Die genaue Umsetzung h\u00e4ngt vom jeweiligen Anbieter ab.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie gehe ich achtsam mit digitalen Erinnerungen um?<\/summary>\n <p>\n Es kann helfen, Erinnerungen in kleinen Schritten zu sichten \u2013 z. B. nur wenige Minuten am St\u00fcck.\n Legen Sie Pausen ein und entscheiden Sie bewusst, was gesichert und was sp\u00e4ter betrachtet werden soll.\n <\/p>\n <\/details>\n\n <details>\n <summary>Warum sind E-Mail und Cloud oft der wichtigste Startpunkt?<\/summary>\n <p>\n Viele Dienste lassen sich \u00fcber E-Mail zur\u00fccksetzen oder verwalten. Au\u00dferdem werden dort h\u00e4ufig Vertr\u00e4ge,\n Rechnungen und Benachrichtigungen gespeichert, die beim weiteren Vorgehen helfen.\n <\/p>\n <\/details>\n <\/section>\n\n \n <section class=\"calm\" aria-label=\"Infos zur Trauerbew\u00e4ltigung\">\n <h2>Infos zur Trauerbew\u00e4ltigung<\/h2>\n <p>\n Trauer ist individuell und verl\u00e4uft ohne festen Zeitplan. Digitale Inhalte k\u00f6nnen Erinnerungen und Emotionen ausl\u00f6sen.\n Gehen Sie Schritt f\u00fcr Schritt und nehmen Sie sich bewusst Pausen.\n <\/p>\n <p>\n Wenn Sie Unterst\u00fctzung w\u00fcnschen, k\u00f6nnen externe Anlaufstellen helfen (z. B. Beratungsstellen, Vereine, Hotlines).\n <\/p>\n\n <div class=\"linkrow\">\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Externe Hilfsangebote ge\u00f6ffnet'); return false;\">Beratungsstellen<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Vereine & Angebote ge\u00f6ffnet'); return false;\">Vereine & Angebote<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Hinweise zu digitalen Erinnerungen ge\u00f6ffnet'); return false;\">Umgang mit Erinnerungen<\/a>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<script>\n function showToast(message){\n const t = document.getElementById('toast');\n t.textContent = message;\n t.classList.add('show');\n clearTimeout(window.__toastTimer);\n window.__toastTimer = setTimeout(()=> t.classList.remove('show'), 2200);\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Dashboard im Trauerfall Letzte Aktualisierung: vor 4 Tagen Nachlass von Maria Beispielperson Hier finden Sie alle wichtigen Informationen an einem Ort: Konten, gew\u00fcnschte Ma\u00dfnahmen, pers\u00f6nliche W\u00fcnsche sowie eine gef\u00fchrte Aufgabenliste. Sie k\u00f6nnen jeden Schritt in Ihrem eigenen Tempo bearbeiten. Nachlass\u00fcbersicht \u00f6ffnen Offene Aufgaben ansehen W\u00fcnsche einsehen Hilfe & Support Konten 12 Hinterlegte Dienste inkl. gew\u00fcnschter […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":11,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/529\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/media?parent=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}