{"id":14718,"date":"2025-11-19T12:09:46","date_gmt":"2025-11-19T12:09:46","guid":{"rendered":"https:\/\/mecfs-research.org\/?page_id=14718"},"modified":"2025-11-19T12:15:28","modified_gmt":"2025-11-19T12:15:28","slug":"danke-fuer-deine-spende","status":"publish","type":"page","link":"https:\/\/mecfs-research.org\/en\/danke-fuer-deine-spende\/","title":{"rendered":"Danke f\u00fcr deine Spende!"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14718\" class=\"elementor elementor-14718\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68e1a48 elementor-section-boxed elementor-section-height-default elementor-section-height-default rael-particle-no\" data-id=\"68e1a48\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;rae_animations_entrance&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12f47ca rael-particle-no\" data-id=\"12f47ca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d6e223 elementor-widget elementor-widget-html\" data-id=\"0d6e223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \n  TITEL: Danke-Seite mit Konfetti & Redirect\n  INTEGRATION: HTML Widget auf der \"Success\"-Seite (\/danke-fuer-deine-spende)\n-->\n\n<!-- Aktualisierte Konfetti-Lib (v1.9.3) -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.9.3\/dist\/confetti.browser.min.js\"><\/script>\n\n<style>\n  #success-widget {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 40px 30px;\n    max-width: 600px;\n    margin: 0 auto;\n    text-align: center;\n    color: #333;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    position: relative;\n    \/* Overflow hidden entfernt, damit Konfetti nicht abgeschnitten wird, falls wir canvas lokal nutzen wollen *\/\n  }\n\n  #success-widget h2 {\n    margin-top: 20px;\n    margin-bottom: 15px;\n    color: #27ae60; \/* Success Green *\/\n    font-size: 2rem;\n  }\n\n  #success-widget p {\n    font-size: 1.1rem;\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 20px;\n  }\n\n  \/* Checkmark Animation Container *\/\n  .checkmark-circle {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto;\n    border-radius: 50%;\n    display: block;\n    stroke-width: 2;\n    stroke: #fff;\n    stroke-miterlimit: 10;\n    box-shadow: inset 0px 0px 0px #27ae60;\n    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* Circle SVG *\/\n  .checkmark-circle circle {\n    stroke-dasharray: 166;\n    stroke-dashoffset: 166;\n    stroke-width: 2;\n    stroke-miterlimit: 10;\n    stroke: #27ae60;\n    fill: none;\n    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n  }\n\n  \/* Check SVG *\/\n  .checkmark-check {\n    transform-origin: 50% 50%;\n    stroke-dasharray: 48;\n    stroke-dashoffset: 48;\n    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;\n  }\n\n  \/* Button Style *\/\n  .sw-home-btn {\n    display: inline-block;\n    text-decoration: none;\n    background-color: #0073aa;\n    color: white !important;\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: bold;\n    transition: background 0.3s, transform 0.2s;\n    position: relative;\n    z-index: 2;\n  }\n\n  .sw-home-btn:hover {\n    background-color: #005177;\n    transform: translateY(-2px);\n  }\n\n  .redirect-info {\n    font-size: 0.9rem !important;\n    color: #999 !important;\n    margin-top: 30px;\n  }\n\n  \/* Animations Keyframes *\/\n  @keyframes stroke { 100% { stroke-dashoffset: 0; } }\n  @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } }\n  @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #27ae60; } }\n<\/style>\n\n<div id=\"success-widget\">\n  \n  <!-- Animiertes Icon -->\n  <div class=\"success-animation\">\n    <svg class=\"checkmark-circle\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 52 52\">\n      <circle class=\"checkmark-circle-bg\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/>\n      <path class=\"checkmark-check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/>\n    <\/svg>\n  <\/div>\n\n  <h2>Thank you!<\/h2>\n  \n  <p>\n    Deine Spende ist erfolgreich bei uns eingegangen.<br>\n    Du hast soeben einen wichtigen Beitrag geleistet.\n  <\/p>\n\n  <a href=\"\/en\/\" class=\"sw-home-btn\">Zur\u00fcck zur Startseite<\/a>\n  \n  <p class=\"redirect-info\">\n    Du wirst in <span id=\"countdown\" style=\"color:#333; font-weight:bold;\">10<\/span> Sekunden automatisch weitergeleitet...\n  <\/p>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ 1. KONFETTI EFFEKT (Feuert f\u00fcr 3 Sekunden)\n  var duration = 3000;\n  var animationEnd = Date.now() + duration;\n  \/\/ zIndex erh\u00f6ht, damit es sicher \u00fcber allem liegt\n  var defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 100 };\n\n  function randomInRange(min, max) {\n    return Math.random() * (max - min) + min;\n  }\n\n  var interval = setInterval(function() {\n    var timeLeft = animationEnd - Date.now();\n\n    if (timeLeft <= 0) {\n      return clearInterval(interval);\n    }\n\n    var particleCount = 50 * (timeLeft \/ duration);\n    \n    \/\/ Try-Catch Block f\u00fcr Confetti, falls die Umgebung zickt\n    try {\n        if (typeof confetti === 'function') {\n            \/\/ Konfetti von links\n            confetti(Object.assign({}, defaults, { \n                particleCount, \n                origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } \n            }));\n            \/\/ Konfetti von rechts\n            confetti(Object.assign({}, defaults, { \n                particleCount, \n                origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } \n            }));\n        }\n    } catch(e) {\n        console.log(\"Konfetti Fehler (vernachl\u00e4ssigbar):\", e);\n    }\n  }, 250);\n\n\n  \/\/ 2. REDIRECT LOGIK\n  let seconds = 10;\n  const el = document.getElementById('countdown');\n  \n  const redirectInterval = setInterval(function() {\n    seconds--;\n    if(el) el.textContent = seconds;\n    \n    if (seconds <= 0) {\n      clearInterval(redirectInterval);\n      \n      \/\/ Sicherer Redirect: Pr\u00fcft ob wir in einer echten Umgebung sind\n      try {\n          if (!window.location.href.includes('blob:')) {\n             window.location.href = '\/';\n          } else {\n             console.log('Redirect zur Startseite (Simuliert)');\n          }\n      } catch (e) {\n          console.log('Redirect in dieser Umgebung nicht m\u00f6glich:', e);\n      }\n    }\n  }, 1000);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vielen Dank! Deine Spende ist erfolgreich bei uns eingegangen. Du hast soeben einen wichtigen Beitrag geleistet. Zur\u00fcck zur Startseite Du wirst in 10 Sekunden automatisch weitergeleitet&#8230;<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14718","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/pages\/14718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/comments?post=14718"}],"version-history":[{"count":16,"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/pages\/14718\/revisions"}],"predecessor-version":[{"id":14734,"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/pages\/14718\/revisions\/14734"}],"wp:attachment":[{"href":"https:\/\/mecfs-research.org\/en\/wp-json\/wp\/v2\/media?parent=14718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}