{"id":2453,"date":"2025-05-15T15:49:33","date_gmt":"2025-05-15T15:49:33","guid":{"rendered":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/?page_id=2453"},"modified":"2025-05-15T16:22:58","modified_gmt":"2025-05-15T16:22:58","slug":"datenschutzerklarung","status":"publish","type":"page","link":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/datenschutzerklarung","title":{"rendered":"Datenschutzerkl\u00e4rung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2453\" class=\"elementor elementor-2453\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59d5b72 e-flex e-con-boxed e-con e-parent\" data-id=\"59d5b72\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d858d3e elementor-widget elementor-widget-html\" data-id=\"d858d3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Datenschutz<\/title>\r\n    <style>\r\n        \/* Container f\u00fcr die Datenschutzerkl\u00e4rung *\/\r\n#fraunhofer_dsi_container {\r\n    background-color: #ffffff;\r\n    padding: 25px 30px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    margin-top: 20px; \/* Kann angepasst oder entfernt werden, je nach Layout *\/\r\n    margin-bottom: 20px; \/* Kann angepasst oder entfernt werden, je nach Layout *\/\r\n    transition: opacity 0.3s ease-in-out;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; \/* Basisschriftart f\u00fcr den Container *\/\r\n    line-height: 1.6;\r\n    color: #333;\r\n}\r\n\r\n\/* Styling f\u00fcr die initiale Lade-Nachricht *\/\r\n.dsi-loading-message {\r\n    padding: 20px;\r\n    text-align: center;\r\n    color: #777;\r\n    font-style: italic;\r\n}\r\n\r\n\/* Styling f\u00fcr die Fallback-Nachricht (JS deaktiviert \/ jQuery nicht geladen) *\/\r\n.dsi-fallback-message {\r\n    border: 1px dashed #BCCF00; \/* Akzentfarbe f\u00fcr den Rand *\/\r\n    padding: 20px;\r\n    border-radius: 6px;\r\n    background-color: #fcfdf5; \/* Sehr heller Akzent-Ton *\/\r\n}\r\n\r\n.dsi-fallback-message strong {\r\n    color: #333; \/* Dunklerer Text f\u00fcr Lesbarkeit *\/\r\n    display: block;\r\n    margin-bottom: 0.75em;\r\n    font-size: 1.1em;\r\n    font-weight: 600;\r\n}\r\n\r\n.dsi-fallback-message em,\r\n.dsi-fallback-message strong > em { \/* Um den Link im strong-Tag zu erreichen *\/\r\n     font-style: normal; \/* Normaler Stil f\u00fcr den Link-Teil *\/\r\n}\r\n\r\n\/* Styling f\u00fcr die Fehlermeldung *\/\r\n.dsi-error-message {\r\n    border: 1px solid #d9534f; \/* Rot f\u00fcr Fehler *\/\r\n    padding: 20px;\r\n    border-radius: 6px;\r\n    background-color: #f2dede; \/* Heller Rotton *\/\r\n    color: #a94442; \/* Dunkelroter Text *\/\r\n}\r\n\r\n.dsi-error-message strong {\r\n    color: #a94442;\r\n    display: block;\r\n    margin-bottom: 0.75em;\r\n    font-size: 1.1em;\r\n    font-weight: 600;\r\n}\r\n .dsi-error-message em,\r\n .dsi-error-message strong > em {\r\n     font-style: normal;\r\n }\r\n\r\n\r\n\/* Allgemeine Link-Styles innerhalb des DSI Containers (Fallback, Fehler, Geladen) *\/\r\n#fraunhofer_dsi_container a {\r\n    color: #BCCF00; \/* Deine Wunschfarbe *\/\r\n    text-decoration: none;\r\n    font-weight: bold; \/* Oft sind Links fett, kann auf normal gesetzt werden *\/\r\n    transition: color 0.2s ease, text-decoration 0.2s ease;\r\n}\r\n\r\n#fraunhofer_dsi_container a:hover,\r\n#fraunhofer_dsi_container a:focus {\r\n    color: #9db000; \/* Etwas dunklerer Ton f\u00fcr Hover *\/\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* Spezifische Link-Farbe in Fehlermeldungen, um Kontrast zu wahren *\/\r\n.dsi-error-message a {\r\n    color: #8a1f11; \/* Dunkelroter Link in Fehlermeldung *\/\r\n}\r\n.dsi-error-message a:hover,\r\n.dsi-error-message a:focus {\r\n    color: #530f0a;\r\n}\r\n\r\n\/* Styles f\u00fcr den geladenen Inhalt der DSI (Beispiele) *\/\r\n\/* Diese greifen, sobald die DSI erfolgreich via AJAX geladen wurde *\/\r\n#fraunhofer_dsi_container .loaded-dsi-content h1,\r\n#fraunhofer_dsi_container .loaded-dsi-content h2,\r\n#fraunhofer_dsi_container .loaded-dsi-content h3,\r\n#fraunhofer_dsi_container .loaded-dsi-content h4 {\r\n    color: #2c3e50; \/* Dunkle, gut lesbare \u00dcberschriftenfarbe *\/\r\n    margin-top: 1.8em;\r\n    margin-bottom: 0.8em;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* Die erste \u00dcberschrift (oft die Haupt\u00fcberschrift) hervorheben *\/\r\n#fraunhofer_dsi_container .loaded-dsi-content h1:first-of-type,\r\n#fraunhofer_dsi_container .loaded-dsi-content h2:first-of-type { \/* Falls es kein H1 gibt *\/\r\n     color: #BCCF00; \/* Deine Wunschfarbe *\/\r\n     margin-top: 0; \/* Kein oberer Margin f\u00fcr die erste \u00dcberschrift *\/\r\n}\r\n\r\n\r\n#fraunhofer_dsi_container .loaded-dsi-content p {\r\n    margin-bottom: 1.2em;\r\n    color: #555; \/* Etwas hellerer Text f\u00fcr Abs\u00e4tze *\/\r\n}\r\n\r\n#fraunhofer_dsi_container .loaded-dsi-content ul,\r\n#fraunhofer_dsi_container .loaded-dsi-content ol {\r\n    margin-left: 5px; \/* Weniger Einzug f\u00fcr moderne Optik *\/\r\n    margin-bottom: 1.2em;\r\n    padding-left: 25px; \/* Ausreichend Platz f\u00fcr Aufz\u00e4hlungszeichen *\/\r\n}\r\n #fraunhofer_dsi_container .loaded-dsi-content li {\r\n    margin-bottom: 0.6em;\r\n }\r\n\r\n\/* Falls die alte HTML-Struktur (ohne dein JS) doch mal angezeigt wird *\/\r\n#generator_contentwrapper_dsi div strong {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #333;\r\n    font-weight: 600;\r\n}\r\n#generator_contentwrapper_dsi a {\r\n    color: #BCCF00;\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Dieser Container wird vom JavaScript bef\u00fcllt -->\r\n    <div id=\"fraunhofer_dsi_container\">\r\n        <!-- Fallback-Inhalt wird hier vom JS dynamisch eingef\u00fcgt -->\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/s.fhg.de\/jquery-min-js\"><\/script>\r\n\r\n<!-- Dein angepasstes Skript f\u00fcr die DSI -->\r\n<script>\r\nfunction setupFraunhoferDSI() {\r\n  const lang = document.documentElement.lang || 'de'; \/\/ Standard auf Deutsch, falls nicht gesetzt\r\n  const container = document.getElementById('fraunhofer_dsi_container');\r\n\r\n  if (!container) {\r\n    console.error('DSI Container #fraunhofer_dsi_container nicht gefunden.');\r\n    return; \/\/ Container nicht gefunden, Abbruch\r\n  }\r\n\r\n  \/\/ Setze einen initialen Ladezustand oder leere den Container, \r\n  \/\/ um Flackern von altem Inhalt bei Sprachwechsel zu vermeiden.\r\n  \/\/ Hier k\u00f6nnte man auch einen einfachen Lade-Spinner anzeigen.\r\n  container.innerHTML = '<div class=\"dsi-loading-message\">Datenschutzinformationen werden geladen...<\/div>';\r\n\r\n\r\n  let dsiAjaxUrl = '';\r\n  let errorMsgHtml = '';\r\n  let initialContentHtml = ''; \/\/ Wird nur verwendet, wenn JS deaktiviert oder jQuery nicht l\u00e4dt\r\n\r\n  if (lang.toLowerCase().startsWith('en')) {\r\n    \/\/ Englische Version\r\n    dsiAjaxUrl = \"https:\/\/dsi-generator.fraunhofer.de\/dsi\/view\/en\/a89ca609-ccff-4fb4-8a6b-f26e69c0cfa2\/\";\r\n    \r\n    initialContentHtml = `\r\n      <div class=\"dsi-fallback-message\">\r\n        <div><strong>You have not activated JavaScript.<br \/> <\/strong><\/div>\r\n        <div><strong>You can download the privacy policy <em><a href=\"${dsiAjaxUrl}\" id=\"generator_url_dsi_en\">here<\/a><\/em>.<\/strong><\/div>\r\n      <\/div>`;\r\n    \r\n    errorMsgHtml = `\r\n      <div class=\"dsi-error-message\">\r\n        <div><strong>Error retrieving content.<br \/> <\/strong><\/div>\r\n        <div><strong>You can download the privacy policy later at \r\n        <em><a href=\"${dsiAjaxUrl}\">${dsiAjaxUrl}<\/a><\/em>.<\/strong><\/div>\r\n      <\/div>`;\r\n  } else {\r\n    \/\/ Deutsche Version (Standard)\r\n    dsiAjaxUrl = \"https:\/\/dsi-generator.fraunhofer.de\/dsi\/view\/de\/a89ca609-ccff-4fb4-8a6b-f26e69c0cfa2\/\";\r\n\r\n    initialContentHtml = `\r\n      <div class=\"dsi-fallback-message\">\r\n        <div><strong>Sie haben JavaScript nicht aktiviert.<br \/> <\/strong><\/div>\r\n        <div><strong>Die Datenschutzinformationen k\u00f6nnen Sie <em><a href=\"${dsiAjaxUrl}\" id=\"generator_url_dsi_de\">hier<\/a><\/em> herunterladen.<\/strong><\/div>\r\n      <\/div>`;\r\n\r\n    errorMsgHtml = `\r\n      <div class=\"dsi-error-message\">\r\n        <div><strong>Fehler beim Abrufen des Inhalts.<br \/> <\/strong><\/div>\r\n        <div><strong>Die Datenschutzinformationen k\u00f6nnen Sie sp\u00e4ter unter \r\n        <em><a href=\"${dsiAjaxUrl}\">${dsiAjaxUrl}<\/a><\/em> herunterladen.<\/strong><\/div>\r\n      <\/div>`;\r\n  }\r\n  \r\n  \/\/ Fallback, falls jQuery nicht geladen ist (oder JS ganz aus)\r\n  \/\/ Dieser wird \u00fcberschrieben, sobald jQuery.ajax startet oder der `container.innerHTML` oben greift.\r\n  if (!window.jQuery) {\r\n    container.innerHTML = initialContentHtml;\r\n    console.warn('jQuery nicht geladen. DSI wird nicht via AJAX nachgeladen. Fallback-Link bleibt aktiv.');\r\n    return;\r\n  }\r\n\r\n  \/\/ F\u00fchre den AJAX-Request aus, um die Datenschutzerkl\u00e4rung zu laden\r\n  jQuery.ajax({\r\n    url: dsiAjaxUrl,\r\n    success: function (result) {\r\n      \/\/ Umschlie\u00dfe den geladenen Inhalt mit einer Klasse f\u00fcr spezifisches Styling\r\n      jQuery(container).html(`<div class=\"loaded-dsi-content\">${result}<\/div>`);\r\n    },\r\n    error: function (jqXHR, textStatus, errorThrown) {\r\n      console.error(\"Fehler beim Abrufen der DSI:\", textStatus, errorThrown);\r\n      jQuery(container).html(errorMsgHtml); \/\/ Zeige die Fehlermeldung im Container an\r\n    }\r\n  });\r\n}\r\n\r\nfunction initAndObserveDsiLanguageChange() {\r\n  setupFraunhoferDSI(); \/\/ F\u00fchre die Funktion initial aus\r\n\r\n  \/\/ Optional: Beobachte \u00c4nderungen am lang-Attribut des <html>-Tags,\r\n  \/\/ falls die Sprache dynamisch ohne Neuladen der Seite ge\u00e4ndert werden kann.\r\n  if (window.MutationObserver && document.documentElement) {\r\n    const dsiLangObserver = new MutationObserver(function(mutations) {\r\n      mutations.forEach(function(mutation) {\r\n        if (mutation.type === \"attributes\" && mutation.attributeName === \"lang\") {\r\n          console.log('Sprache ge\u00e4ndert auf:', document.documentElement.lang, ', lade DSI neu.');\r\n          setupFraunhoferDSI(); \/\/ Bei Sprach\u00e4nderung neu initialisieren\r\n        }\r\n      });\r\n    });\r\n    dsiLangObserver.observe(document.documentElement, { attributes: true });\r\n  }\r\n}\r\n\r\n\/\/ Starte die Initialisierung, sobald das DOM bereit ist\r\nif (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n  initAndObserveDsiLanguageChange();\r\n} else {\r\n  window.addEventListener('DOMContentLoaded', initAndObserveDsiLanguageChange);\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-bb01547 e-flex e-con-boxed e-con e-parent\" data-id=\"bb01547\" data-element_type=\"container\" id=\"fraunhofer_dsi_container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Datenschutz<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2453","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/pages\/2453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/comments?post=2453"}],"version-history":[{"count":28,"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/pages\/2453\/revisions"}],"predecessor-version":[{"id":2481,"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/pages\/2453\/revisions\/2481"}],"wp:attachment":[{"href":"https:\/\/websites.fraunhofer.de\/ergebnisse-ki-ultra\/wp-json\/wp\/v2\/media?parent=2453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}