Dashboard Vorsorge<\/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; }\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 flex-wrap: wrap;\n justify-content: flex-end;\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: 920px;\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 *\/\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\/* Cards *\/\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 *\/\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.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 *\/\n.progress-wrap {\n display: grid;\n grid-template-columns: 1.45fr .55fr;\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 { color: var(--primary); }\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: 58%;\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\/* Sections *\/\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 { margin-top: 1.25rem; }\n\n\/* Highlight list *\/\n.dual {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.panel {\n padding: 1.9rem;\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.panel 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.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.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\/* Forms preview (lightweight, dashboard-ish) *\/\n.formgrid{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.2rem;\n margin-top: 1.2rem;\n}\n.field{\n display:flex; flex-direction:column; gap:.4rem;\n}\nlabel{\n font-size:.88rem;\n color: var(--muted);\n}\ninput, select{\n border:1px solid var(--border);\n border-radius: 14px;\n padding: .85rem .9rem;\n font-size: .95rem;\n background: rgba(255,255,255,.9);\n outline:none;\n}\ninput:focus, select:focus{\n border-color: rgba(47,127,120,.45);\n box-shadow: 0 0 0 3px rgba(95,168,161,.18);\n}\n\n\/* Activity *\/\n.activity {\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\n.activity-item { padding: .9rem 0; border-top: 1px solid rgba(230,226,218,.85); }\n.activity-item:first-of-type{ border-top:0; }\n.activity-item span { display:block; font-size:.85rem; color: var(--muted); }\n.activity-item strong { font-size:.98rem; color: var(--primary); }\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}\ndetails {\n border-top: 1px solid rgba(230,226,218,.9);\n padding: 1rem 0;\n}\ndetails:first-of-type { border-top: 0; }\nsummary {\n cursor: pointer;\n list-style: none;\n font-weight: 600;\n color: var(--primary);\n}\nsummary::-webkit-details-marker { display: none; }\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: 820px;\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.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 .dual { grid-template-columns: 1fr; }\n .formgrid { 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=\"breadcrumb\">Vorsorge <span aria-hidden=\"true\">\/<\/span> <strong>Dashboard<\/strong><\/div>\n <div class=\"topbar-right\">\n <div class=\"pill\">Sicher gespeichert<\/div>\n <div class=\"pill\">Letzte \u00c4nderung: vor 6 Tagen<\/div>\n <div class=\"avatar\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"header\">\n <h1>Dashboard Vorsorge<\/h1>\n <p>\n Verwalten Sie Ihre digitale Vorsorge an einem Ort: Konten & Zug\u00e4nge, W\u00fcnsche & Anweisungen,\n Kontaktpersonen sowie wichtige Dokumente. Alles bleibt jederzeit anpassbar \u2013 in Ihrem Tempo.\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>Konten hinzuf\u00fcgen<\/a>\n <a class=\"btn\" href=\"#w\u00fcnsche\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche festlegen<\/a>\n <a class=\"btn\" href=\"#kontakte\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Kontaktpersonen verwalten<\/a>\n <a class=\"btn\" href=\"#dokumente\" onclick=\"showToast('Upload-Bereich ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Dokumente hochladen<\/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\">Hinterlegte Konten<\/div>\n <div class=\"kpi-value\">7<\/div>\n <div class=\"kpi-sub\">E-Mail, Social Media, Streaming, Banking & weitere Dienste.<\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Offene To-dos<\/div>\n <div class=\"kpi-value\">4<\/div>\n <div class=\"kpi-sub\">Empfohlene Schritte, um Ihre Vorsorge zu vervollst\u00e4ndigen.<\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Letzte \u00c4nderungen<\/div>\n <div class=\"kpi-value\">2<\/div>\n <div class=\"kpi-sub\">Zuletzt bearbeitet: Kontaktpersonen, Dokumente.<\/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>Vorsorge-Stand<\/strong>\n <span class=\"pill\" style=\"border-color: rgba(47,127,120,.25); color: var(--primary);\">Orientierung<\/span>\n <\/div>\n <div class=\"progressbar\" aria-label=\"Fortschrittsanzeige\">\n <div><\/div>\n <\/div>\n <div class=\"small-note\">\n Der Stand basiert auf hinterlegten Konten, festgelegten W\u00fcnschen, Kontaktpersonen und Dokumenten.\n Sie k\u00f6nnen jederzeit anpassen oder erg\u00e4nzen.\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 & Banking erg\u00e4nzen<\/div>\n <div class=\"kpi-sub\">Diese Konten sind oft zentral, weil viele Zug\u00e4nge dar\u00fcber verwaltet werden.<\/div>\n <div class=\"cta\">\n <a class=\"btn primary\" href=\"#konten\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Jetzt hinzuf\u00fcgen<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <h2 class=\"section-title\">Bereiche Ihrer Vorsorge<\/h2>\n\n <section class=\"card-grid\" aria-label=\"Navigation zu Bereichen\">\n\n \n <div class=\"card\" id=\"konten\">\n <h3>Konten & Zug\u00e4nge hinterlegen<\/h3>\n <p>\n Erfassen Sie digitale Konten (E-Mail, Social Media, Streaming, Online-Banking etc.).\n Hinterlegen Sie nur die Informationen, die sinnvoll sind \u2013 Schritt f\u00fcr Schritt.\n <\/p>\n\n <div class=\"formgrid\" aria-label=\"Schnellerfassung (Beispiel)\">\n <div class=\"field\">\n <label for=\"dienst\">Dienst \/ Anbieter<\/label>\n <input id=\"dienst\" placeholder=\"z. B. Google, Apple, Netflix, Instagram\" \/>\n <\/div>\n <div class=\"field\">\n <\/div>\n <div class=\"field\">\n <label for=\"login\">Login \/ Benutzername (optional)<\/label>\n <input id=\"login\" placeholder=\"z. B. E-Mail-Adresse oder Benutzername\" \/>\n <\/div>\n <\/div>\n\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Konto als Entwurf gespeichert'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Speichern<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Hinweise angezeigt'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Welche Infos sind sinnvoll?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"w\u00fcnsche\">\n <h3>W\u00fcnsche & Anweisungen<\/h3>\n <p>\n Legen Sie fest, was mit einzelnen Konten und Daten im Ernstfall geschehen soll \u2013\n z. B. l\u00f6schen, \u00fcbertragen, Gedenkseite aktivieren. Sie k\u00f6nnen pro Konto individuelle Entscheidungen treffen.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Wunsch-Editor ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche festlegen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Beispiele ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Beispiele ansehen<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"kontakte\">\n <h3>Kontaktpersonen & Berechtigungen<\/h3>\n <p>\n Verwalten Sie Personen, die im Ernstfall informiert werden und Zugriff erhalten.\n Sie legen fest, wer was sehen darf \u2013 und wie die Freigabe im Trauerfall funktioniert.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Kontaktperson hinzuf\u00fcgen'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Kontaktperson hinzuf\u00fcgen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Freigabe-Erkl\u00e4rung ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Wie funktioniert die Freigabe?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"dokumente\">\n <h3>Dokumente & Uploads<\/h3>\n <p>\n Legen Sie wichtige Dokumente sicher ab (z. B. Vollmachten, Testament-Kopie, Notizen).\n So sind relevante Unterlagen im Ernstfall schnell auffindbar.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Upload gestartet (Demo)'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Datei hochladen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Empfehlungen ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Was ist sinnvoll?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"infos\">\n <h3>Infos & Hilfe f\u00fcr Vorsorgende<\/h3>\n <p>\n Kurze Erkl\u00e4rtexte, Tipps zur Datenpflege und Links zu Ratgeberartikeln.\n Damit bleibt Ihre Vorsorge aktuell \u2013 ohne gro\u00dfen Aufwand.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Ratgeber ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Ratgeberartikel<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Support ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Support<\/a>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"dual\" aria-label=\"Empfohlene n\u00e4chste Schritte\">\n <div class=\"panel\">\n <h4>Empfohlen als N\u00e4chstes<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>E-Mail-Konto erg\u00e4nzen<\/strong>\n <span>Viele Dienste h\u00e4ngen am E-Mail-Zugang (Passwort-Reset, Vertr\u00e4ge, Benachrichtigungen).<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Wunsch pro Konto definieren<\/strong>\n <span>L\u00f6schen, \u00fcbertragen oder Gedenkseite \u2013 klare Vorgaben helfen Hinterbliebenen.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Kontaktperson festlegen<\/strong>\n <span>Mindestens eine Vertrauensperson \u2013 mit nachvollziehbarer Freigabelogik.<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"panel\">\n <h4>Pflege-Tipps (kurz & alltagstauglich)<\/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>Quartals-Check (5 Minuten)<\/strong>\n <span>Neue Konten hinzuf\u00fcgen, alte l\u00f6schen, Banking\/Subscriptions pr\u00fcfen.<\/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>Dokumente aktuell halten<\/strong>\n <span>Vollmacht\/Notizen aktualisieren, \u00c4nderungen kurz dokumentieren.<\/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>Transparenz f\u00fcr Hinterbliebene<\/strong>\n <span>Kurze Hinweise hinterlegen, was wichtig ist und wo Informationen liegen.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"activity\" aria-label=\"Letzte Aktivit\u00e4ten\">\n <h2 class=\"section-title\">Letzte \u00c4nderungen<\/h2>\n\n <div class=\"activity-item\">\n <span>vor 6 Tagen<\/span>\n <strong>Kontaktperson \u201eA. Beispiel\u201c aktualisiert<\/strong>\n <\/div>\n <div class=\"activity-item\">\n <span>vor 2 Wochen<\/span>\n <strong>Dokument \u201eVollmacht.pdf\u201c hinzugef\u00fcgt<\/strong>\n <\/div>\n <div class=\"activity-item\">\n <span>vor 1 Monat<\/span>\n <strong>Wunsch f\u00fcr \u201eInstagram\u201c gesetzt: Gedenkzustand<\/strong>\n <\/div>\n\n <div class=\"quick-actions\" style=\"margin-top:1.2rem;\">\n <a class=\"btn\" href=\"#\" onclick=\"showToast('\u00c4nderungsprotokoll ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Alle \u00c4nderungen ansehen<\/a>\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Export wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>\u00dcbersicht exportieren<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"accordion\" aria-label=\"Infos & Hilfe\">\n <h2 class=\"section-title\">Infos & Hilfe f\u00fcr Vorsorgende<\/h2>\n\n <details>\n <summary>Welche Informationen sind bei einem Konto sinnvoll?<\/summary>\n <p>\n In vielen F\u00e4llen reichen: Anbieter, Kategorie, Benutzername\/E-Mail, sowie ein kurzer Hinweis,\n wo Zugangsdaten liegen (z. B. Passwortmanager). Passw\u00f6rter sollten nicht im Klartext gespeichert werden.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie funktioniert die Freigabe im Trauerfall?<\/summary>\n <p>\n Die Freigabe kann \u00fcber definierte Kontaktpersonen erfolgen. Je nach Konzept k\u00f6nnen Berechtigungen\n abgestuft sein (nur \u00dcbersicht vs. Details). Ziel ist, Transparenz und Kontrolle zu erm\u00f6glichen.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie oft sollte ich meine Vorsorge pr\u00fcfen?<\/summary>\n <p>\n Ein kurzer Check alle paar Monate reicht meist aus \u2013 besonders wenn neue Konten hinzukommen\n oder sich Kontaktpersonen\/Dokumente \u00e4ndern.\n <\/p>\n <\/details>\n <\/section>\n\n \n <section class=\"calm\" aria-label=\"Hinweise und Links\">\n <h2>Tipps zur Datenpflege<\/h2>\n <p>\n Kleine Routinen helfen: Neue Konten kurz erg\u00e4nzen, wichtige \u00c4nderungen dokumentieren\n und gelegentlich die Kontaktpersonen pr\u00fcfen. So bleibt die Vorsorge aktuell \u2013 ohne gro\u00dfen Aufwand.\n <\/p>\n <p>\n Weiterf\u00fchrende Inhalte finden Sie im \u00f6ffentlichen Bereich (z. B. Ratgeber, Checklisten, rechtliche Hinweise).\n <\/p>\n\n <div class=\"linkrow\">\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Ratgeberartikel ge\u00f6ffnet'); return false;\">Ratgeberartikel<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Checkliste ge\u00f6ffnet'); return false;\">Checkliste Vorsorge<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('FAQ ge\u00f6ffnet'); return false;\">FAQ<\/a>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<script>\nfunction 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 Vorsorge Vorsorge \/ Dashboard Sicher gespeichert Letzte \u00c4nderung: vor 6 Tagen Dashboard Vorsorge Verwalten Sie Ihre digitale Vorsorge an einem Ort: Konten & Zug\u00e4nge, W\u00fcnsche & Anweisungen, Kontaktpersonen sowie wichtige Dokumente. Alles bleibt jederzeit anpassbar \u2013 in Ihrem Tempo. Konten hinzuf\u00fcgen W\u00fcnsche festlegen Kontaktpersonen verwalten Dokumente hochladen Hinterlegte Konten 7 E-Mail, Social Media, Streaming, […]<\/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-544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544","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=544"}],"version-history":[{"count":5,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/media?parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":544,"date":"2026-01-25T19:15:24","date_gmt":"2026-01-25T19:15:24","guid":{"rendered":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/?page_id=544"},"modified":"2026-01-25T19:15:26","modified_gmt":"2026-01-25T19:15:26","slug":"bereich-fur-vorsorgende","status":"publish","type":"page","link":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/bereich-fur-vorsorgende\/","title":{"rendered":"Bereich f\u00fcr Vorsorgende"},"content":{"rendered":"\n\n\n\n\nDashboard Vorsorge<\/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; }\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 flex-wrap: wrap;\n justify-content: flex-end;\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: 920px;\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 *\/\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\/* Cards *\/\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 *\/\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.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 *\/\n.progress-wrap {\n display: grid;\n grid-template-columns: 1.45fr .55fr;\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 { color: var(--primary); }\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: 58%;\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\/* Sections *\/\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 { margin-top: 1.25rem; }\n\n\/* Highlight list *\/\n.dual {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.8rem;\n margin-bottom: 3.6rem;\n}\n\n.panel {\n padding: 1.9rem;\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.panel 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.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.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\/* Forms preview (lightweight, dashboard-ish) *\/\n.formgrid{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.2rem;\n margin-top: 1.2rem;\n}\n.field{\n display:flex; flex-direction:column; gap:.4rem;\n}\nlabel{\n font-size:.88rem;\n color: var(--muted);\n}\ninput, select{\n border:1px solid var(--border);\n border-radius: 14px;\n padding: .85rem .9rem;\n font-size: .95rem;\n background: rgba(255,255,255,.9);\n outline:none;\n}\ninput:focus, select:focus{\n border-color: rgba(47,127,120,.45);\n box-shadow: 0 0 0 3px rgba(95,168,161,.18);\n}\n\n\/* Activity *\/\n.activity {\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\n.activity-item { padding: .9rem 0; border-top: 1px solid rgba(230,226,218,.85); }\n.activity-item:first-of-type{ border-top:0; }\n.activity-item span { display:block; font-size:.85rem; color: var(--muted); }\n.activity-item strong { font-size:.98rem; color: var(--primary); }\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}\ndetails {\n border-top: 1px solid rgba(230,226,218,.9);\n padding: 1rem 0;\n}\ndetails:first-of-type { border-top: 0; }\nsummary {\n cursor: pointer;\n list-style: none;\n font-weight: 600;\n color: var(--primary);\n}\nsummary::-webkit-details-marker { display: none; }\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: 820px;\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.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 .dual { grid-template-columns: 1fr; }\n .formgrid { 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=\"breadcrumb\">Vorsorge <span aria-hidden=\"true\">\/<\/span> <strong>Dashboard<\/strong><\/div>\n <div class=\"topbar-right\">\n <div class=\"pill\">Sicher gespeichert<\/div>\n <div class=\"pill\">Letzte \u00c4nderung: vor 6 Tagen<\/div>\n <div class=\"avatar\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"header\">\n <h1>Dashboard Vorsorge<\/h1>\n <p>\n Verwalten Sie Ihre digitale Vorsorge an einem Ort: Konten & Zug\u00e4nge, W\u00fcnsche & Anweisungen,\n Kontaktpersonen sowie wichtige Dokumente. Alles bleibt jederzeit anpassbar \u2013 in Ihrem Tempo.\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>Konten hinzuf\u00fcgen<\/a>\n <a class=\"btn\" href=\"#w\u00fcnsche\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche festlegen<\/a>\n <a class=\"btn\" href=\"#kontakte\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Kontaktpersonen verwalten<\/a>\n <a class=\"btn\" href=\"#dokumente\" onclick=\"showToast('Upload-Bereich ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Dokumente hochladen<\/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\">Hinterlegte Konten<\/div>\n <div class=\"kpi-value\">7<\/div>\n <div class=\"kpi-sub\">E-Mail, Social Media, Streaming, Banking & weitere Dienste.<\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Offene To-dos<\/div>\n <div class=\"kpi-value\">4<\/div>\n <div class=\"kpi-sub\">Empfohlene Schritte, um Ihre Vorsorge zu vervollst\u00e4ndigen.<\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"kpi-label\">Letzte \u00c4nderungen<\/div>\n <div class=\"kpi-value\">2<\/div>\n <div class=\"kpi-sub\">Zuletzt bearbeitet: Kontaktpersonen, Dokumente.<\/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>Vorsorge-Stand<\/strong>\n <span class=\"pill\" style=\"border-color: rgba(47,127,120,.25); color: var(--primary);\">Orientierung<\/span>\n <\/div>\n <div class=\"progressbar\" aria-label=\"Fortschrittsanzeige\">\n <div><\/div>\n <\/div>\n <div class=\"small-note\">\n Der Stand basiert auf hinterlegten Konten, festgelegten W\u00fcnschen, Kontaktpersonen und Dokumenten.\n Sie k\u00f6nnen jederzeit anpassen oder erg\u00e4nzen.\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 & Banking erg\u00e4nzen<\/div>\n <div class=\"kpi-sub\">Diese Konten sind oft zentral, weil viele Zug\u00e4nge dar\u00fcber verwaltet werden.<\/div>\n <div class=\"cta\">\n <a class=\"btn primary\" href=\"#konten\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Jetzt hinzuf\u00fcgen<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <h2 class=\"section-title\">Bereiche Ihrer Vorsorge<\/h2>\n\n <section class=\"card-grid\" aria-label=\"Navigation zu Bereichen\">\n\n \n <div class=\"card\" id=\"konten\">\n <h3>Konten & Zug\u00e4nge hinterlegen<\/h3>\n <p>\n Erfassen Sie digitale Konten (E-Mail, Social Media, Streaming, Online-Banking etc.).\n Hinterlegen Sie nur die Informationen, die sinnvoll sind \u2013 Schritt f\u00fcr Schritt.\n <\/p>\n\n <div class=\"formgrid\" aria-label=\"Schnellerfassung (Beispiel)\">\n <div class=\"field\">\n <label for=\"dienst\">Dienst \/ Anbieter<\/label>\n <input id=\"dienst\" placeholder=\"z. B. Google, Apple, Netflix, Instagram\" \/>\n <\/div>\n <div class=\"field\">\n <\/div>\n <div class=\"field\">\n <label for=\"login\">Login \/ Benutzername (optional)<\/label>\n <input id=\"login\" placeholder=\"z. B. E-Mail-Adresse oder Benutzername\" \/>\n <\/div>\n <\/div>\n\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Konto als Entwurf gespeichert'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Speichern<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Hinweise angezeigt'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Welche Infos sind sinnvoll?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"w\u00fcnsche\">\n <h3>W\u00fcnsche & Anweisungen<\/h3>\n <p>\n Legen Sie fest, was mit einzelnen Konten und Daten im Ernstfall geschehen soll \u2013\n z. B. l\u00f6schen, \u00fcbertragen, Gedenkseite aktivieren. Sie k\u00f6nnen pro Konto individuelle Entscheidungen treffen.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Wunsch-Editor ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>W\u00fcnsche festlegen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Beispiele ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Beispiele ansehen<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"kontakte\">\n <h3>Kontaktpersonen & Berechtigungen<\/h3>\n <p>\n Verwalten Sie Personen, die im Ernstfall informiert werden und Zugriff erhalten.\n Sie legen fest, wer was sehen darf \u2013 und wie die Freigabe im Trauerfall funktioniert.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Kontaktperson hinzuf\u00fcgen'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Kontaktperson hinzuf\u00fcgen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Freigabe-Erkl\u00e4rung ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Wie funktioniert die Freigabe?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"dokumente\">\n <h3>Dokumente & Uploads<\/h3>\n <p>\n Legen Sie wichtige Dokumente sicher ab (z. B. Vollmachten, Testament-Kopie, Notizen).\n So sind relevante Unterlagen im Ernstfall schnell auffindbar.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn primary\" onclick=\"showToast('Upload gestartet (Demo)'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Datei hochladen<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Empfehlungen ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Was ist sinnvoll?<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"card\" id=\"infos\">\n <h3>Infos & Hilfe f\u00fcr Vorsorgende<\/h3>\n <p>\n Kurze Erkl\u00e4rtexte, Tipps zur Datenpflege und Links zu Ratgeberartikeln.\n Damit bleibt Ihre Vorsorge aktuell \u2013 ohne gro\u00dfen Aufwand.\n <\/p>\n <div class=\"cta\">\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Ratgeber ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Ratgeberartikel<\/a>\n <a href=\"#\" class=\"btn\" onclick=\"showToast('Support ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Support<\/a>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"dual\" aria-label=\"Empfohlene n\u00e4chste Schritte\">\n <div class=\"panel\">\n <h4>Empfohlen als N\u00e4chstes<\/h4>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>E-Mail-Konto erg\u00e4nzen<\/strong>\n <span>Viele Dienste h\u00e4ngen am E-Mail-Zugang (Passwort-Reset, Vertr\u00e4ge, Benachrichtigungen).<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Wunsch pro Konto definieren<\/strong>\n <span>L\u00f6schen, \u00fcbertragen oder Gedenkseite \u2013 klare Vorgaben helfen Hinterbliebenen.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"item\">\n <div class=\"dot\" aria-hidden=\"true\"><\/div>\n <div>\n <strong>Kontaktperson festlegen<\/strong>\n <span>Mindestens eine Vertrauensperson \u2013 mit nachvollziehbarer Freigabelogik.<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"panel\">\n <h4>Pflege-Tipps (kurz & alltagstauglich)<\/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>Quartals-Check (5 Minuten)<\/strong>\n <span>Neue Konten hinzuf\u00fcgen, alte l\u00f6schen, Banking\/Subscriptions pr\u00fcfen.<\/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>Dokumente aktuell halten<\/strong>\n <span>Vollmacht\/Notizen aktualisieren, \u00c4nderungen kurz dokumentieren.<\/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>Transparenz f\u00fcr Hinterbliebene<\/strong>\n <span>Kurze Hinweise hinterlegen, was wichtig ist und wo Informationen liegen.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"activity\" aria-label=\"Letzte Aktivit\u00e4ten\">\n <h2 class=\"section-title\">Letzte \u00c4nderungen<\/h2>\n\n <div class=\"activity-item\">\n <span>vor 6 Tagen<\/span>\n <strong>Kontaktperson \u201eA. Beispiel\u201c aktualisiert<\/strong>\n <\/div>\n <div class=\"activity-item\">\n <span>vor 2 Wochen<\/span>\n <strong>Dokument \u201eVollmacht.pdf\u201c hinzugef\u00fcgt<\/strong>\n <\/div>\n <div class=\"activity-item\">\n <span>vor 1 Monat<\/span>\n <strong>Wunsch f\u00fcr \u201eInstagram\u201c gesetzt: Gedenkzustand<\/strong>\n <\/div>\n\n <div class=\"quick-actions\" style=\"margin-top:1.2rem;\">\n <a class=\"btn\" href=\"#\" onclick=\"showToast('\u00c4nderungsprotokoll ge\u00f6ffnet'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>Alle \u00c4nderungen ansehen<\/a>\n <a class=\"btn\" href=\"#\" onclick=\"showToast('Export wird vorbereitet\u2026'); return false;\"><span class=\"icon\" aria-hidden=\"true\"><\/span>\u00dcbersicht exportieren<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"accordion\" aria-label=\"Infos & Hilfe\">\n <h2 class=\"section-title\">Infos & Hilfe f\u00fcr Vorsorgende<\/h2>\n\n <details>\n <summary>Welche Informationen sind bei einem Konto sinnvoll?<\/summary>\n <p>\n In vielen F\u00e4llen reichen: Anbieter, Kategorie, Benutzername\/E-Mail, sowie ein kurzer Hinweis,\n wo Zugangsdaten liegen (z. B. Passwortmanager). Passw\u00f6rter sollten nicht im Klartext gespeichert werden.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie funktioniert die Freigabe im Trauerfall?<\/summary>\n <p>\n Die Freigabe kann \u00fcber definierte Kontaktpersonen erfolgen. Je nach Konzept k\u00f6nnen Berechtigungen\n abgestuft sein (nur \u00dcbersicht vs. Details). Ziel ist, Transparenz und Kontrolle zu erm\u00f6glichen.\n <\/p>\n <\/details>\n\n <details>\n <summary>Wie oft sollte ich meine Vorsorge pr\u00fcfen?<\/summary>\n <p>\n Ein kurzer Check alle paar Monate reicht meist aus \u2013 besonders wenn neue Konten hinzukommen\n oder sich Kontaktpersonen\/Dokumente \u00e4ndern.\n <\/p>\n <\/details>\n <\/section>\n\n \n <section class=\"calm\" aria-label=\"Hinweise und Links\">\n <h2>Tipps zur Datenpflege<\/h2>\n <p>\n Kleine Routinen helfen: Neue Konten kurz erg\u00e4nzen, wichtige \u00c4nderungen dokumentieren\n und gelegentlich die Kontaktpersonen pr\u00fcfen. So bleibt die Vorsorge aktuell \u2013 ohne gro\u00dfen Aufwand.\n <\/p>\n <p>\n Weiterf\u00fchrende Inhalte finden Sie im \u00f6ffentlichen Bereich (z. B. Ratgeber, Checklisten, rechtliche Hinweise).\n <\/p>\n\n <div class=\"linkrow\">\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Ratgeberartikel ge\u00f6ffnet'); return false;\">Ratgeberartikel<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('Checkliste ge\u00f6ffnet'); return false;\">Checkliste Vorsorge<\/a>\n <a class=\"chip\" href=\"#\" onclick=\"showToast('FAQ ge\u00f6ffnet'); return false;\">FAQ<\/a>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<script>\nfunction 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 Vorsorge Vorsorge \/ Dashboard Sicher gespeichert Letzte \u00c4nderung: vor 6 Tagen Dashboard Vorsorge Verwalten Sie Ihre digitale Vorsorge an einem Ort: Konten & Zug\u00e4nge, W\u00fcnsche & Anweisungen, Kontaktpersonen sowie wichtige Dokumente. Alles bleibt jederzeit anpassbar \u2013 in Ihrem Tempo. Konten hinzuf\u00fcgen W\u00fcnsche festlegen Kontaktpersonen verwalten Dokumente hochladen Hinterlegte Konten 7 E-Mail, Social Media, Streaming, […]<\/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-544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544","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=544"}],"version-history":[{"count":5,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/pages\/544\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/dem-projects.fh-joanneum.at\/dem1\/wp-json\/wp\/v2\/media?parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}