{"id":42893,"date":"2026-05-01T23:02:46","date_gmt":"2026-05-01T21:02:46","guid":{"rendered":"https:\/\/asiyah.net\/?page_id=42893"},"modified":"2026-10-04T14:16:12","modified_gmt":"2026-10-04T12:16:12","slug":"spenden","status":"publish","type":"page","link":"https:\/\/asiyah.net\/en\/spenden\/","title":{"rendered":"Donations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42893\" class=\"elementor elementor-42893\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d0b40b7 elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-height-default\" data-id=\"d0b40b7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06facb4\" data-id=\"06facb4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-923e7b6 elementor-widget elementor-widget-heading\" data-id=\"923e7b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Spenden an ASIYAH\n<\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe3d2d4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe3d2d4\" data-element_type=\"section\" data-e-type=\"section\">\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-c857720\" data-id=\"c857720\" 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-23b2fce elementor-widget elementor-widget-spacer\" data-id=\"23b2fce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e8f4c5 elementor-widget elementor-widget-text-editor\" data-id=\"0e8f4c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Deine Spende, deine Entscheidung.<br \/><\/strong>W\u00e4hle aus, ob du regional, international oder unsere Verwaltung unterst\u00fctzen m\u00f6chtest.<\/p>\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a8a31e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a8a31e4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-f45237d\" data-id=\"f45237d\" 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-2ad5a24 elementor-widget elementor-widget-spacer\" data-id=\"2ad5a24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52efc7d elementor-widget elementor-widget-html\" data-id=\"52efc7d\" 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  ASIYAH \u2013 NEUE SPENDENSEITE  (kompletter Block, v23)\n  ##############################################################\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  SCHRITT 1 \u2013 ICONS (unten im <script>, Bereich ICONS)\n    Medien \u2192 wei\u00dfes Icon anklicken \u2192 \u201eDatei-URL kopieren\"\n    \u2192 URL zwischen die \"\" einf\u00fcgen.\n    WICHTIG: Nach JEDER Zeile ein Komma! Kein Icon vorhanden?\n    Dann einfach \"\" eintragen \u2013 die Kachel zeigt automatisch\n    einen wei\u00dfen Buchstaben-Kreis.\n\n  SCHRITT 2 \u2013 KAMPAGNEN (Bereich KAMPAGNEN)\n    Jede Zeile = eine Kachel auf der Spendenseite.\n    \u25cf NEUES Formular:  formId: 12345\n      (GiveWP \u2192 Campaigns \u2192 Kampagne \u2192 Tab \u201eFormulare\"\n       \u2192 Spalte ID, Zahl OHNE das #-Zeichen)\n    \u25cf ALTES Formular:  url: \"\/donations\/NAME\/\"\n    \u25cf bereich: \"international\" | \"regional\" | \"verwaltung\"\n\n  SCHRITT 3 \u2013 NEUE KAMPAGNE ERG\u00c4NZEN:\n    Einen kompletten Block { ... }, mit Komma getrennt,\n    nach dem Muster kopieren. Mehr ist nicht n\u00f6tig.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n############################################################# -->\n\n<div class=\"ay-spenden\" id=\"ay-spenden\">\n\n  <div class=\"ay-switchwrap\">\n    <div class=\"ay-switch ay-switch--verwaltung\" id=\"ay-switch\" role=\"tablist\" aria-label=\"Spendenbereich w\u00e4hlen\">\n      <button class=\"ay-pill ay-pill--verw is-active\" data-bereich=\"verwaltung\" role=\"tab\">Verwaltung<\/button>\n      <button class=\"ay-pill ay-pill--reg\" data-bereich=\"regional\" role=\"tab\">Regional<\/button>\n      <button class=\"ay-pill ay-pill--int\" data-bereich=\"international\" role=\"tab\">International<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"ay-grid\" id=\"ay-grid\"><\/div>\n  <p class=\"ay-empty\" id=\"ay-empty\" hidden>Die Spendenformulare f\u00fcr diesen Bereich folgen in K\u00fcrze.<\/p>\n\n  <!-- Formular-Panel: klappt direkt auf der Seite auf -->\n  <div class=\"ay-panel\" id=\"ay-panel\" hidden>\n    <div class=\"ay-panel__kopf ay-panel__kopf--international\" id=\"ay-panel-kopf\">\n      <span class=\"ay-panel__titel\" id=\"ay-panel-titel\">Spendenformular<\/span>\n      <button class=\"ay-panel__close\" id=\"ay-close\" aria-label=\"Schlie\u00dfen\">&times;<\/button>\n    <\/div>\n    <div class=\"ay-panel__body\">\n      <div class=\"ay-spinner\" id=\"ay-spinner\" hidden><span><\/span><\/div>\n      \n      <div class=\"ay-paypal-info\">\n          <strong>Hinweis zu PayPal:<\/strong><br>\n          Bitte w\u00e4hle bei PayPal die Option<strong>\u201eFreunde &amp; Familie\u201c<\/strong>, damit keine Geb\u00fchren von deiner Spende abgezogen werden und der vollst\u00e4ndige Betrag bei ASIYAH ankommt.\n          <\/div>\n      \n      <div class=\"ay-error\" id=\"ay-error\" hidden>\n        <strong>Das Formular konnte nicht geladen werden.<\/strong>\n        <span>Bitte kurz neu versuchen. Bleibt es leer, im Formular-Builder pr\u00fcfen, ob das Formular existiert und sichtbar ist.<\/span>\n        <button type=\"button\" id=\"ay-retry\">Nochmal versuchen<\/button>\n      <\/div>\n      <iframe id=\"ay-frame\" title=\"Spendenformular\" allow=\"payment\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n  .ay-paypal-info{\n      margin:16px;\n      padding:12px 16px;\n      border-left:4px solid #EF9C3C;\n      background:#FCFAF6;\n      color:#13243E;\n      font-size:14px;\n      line-height:1.6;\n      border-radius:5px;\n}\n  .ay-spenden{\n    --ay-int:#EF9C3C;  --ay-int-d:#D9882E;\n    --ay-reg:#792758;  --ay-reg-d:#5F1E45;\n    --ay-verw:#13243E; --ay-verw-d:#0C1830;\n    --ay-blau:#13243E; --ay-hellblau:#545F70;\n    --ay-hellbeige:#FCFAF6; --ay-beige:#F5E9DB;\n    font-family:'Open Sans','Segoe UI',Arial,sans-serif;\n    color:#13243E;\n    max-width:1080px; margin:0 auto; padding:4px 0 14px;\n  }\n\n  \/* ---- Bereichs-Umschalter ---- *\/\n  .ay-switchwrap{ display:flex; justify-content:center; margin-bottom:18px; }\n  .ay-switch{\n    display:inline-flex; gap:6px; padding:6px;\n    background:#fff; border:2px solid var(--ay-beige); border-radius:999px;\n    box-shadow:0 4px 16px rgba(19,36,62,.06);\n    transition:border-color .22s ease;\n  }\n  .ay-switch--international{ border-color:#f6d9b3; }\n  .ay-switch--regional     { border-color:#dfc0d2; }\n  .ay-switch--verwaltung   { border-color:#c3cbd8; }\n\n  .ay-pill{\n    appearance:none; border:0; cursor:pointer; border-radius:999px;\n    padding:11px 26px; font-family:inherit; font-size:15px; font-weight:700;\n    background:transparent; color:var(--ay-hellblau);\n    transition:all .22s ease;\n    outline:none !important;\n    white-space:nowrap;\n  }\n  .ay-pill:focus{ outline:none !important; box-shadow:none; }\n  .ay-pill--int:focus-visible { box-shadow:0 0 0 3px rgba(239,156,60,.35); }\n  .ay-pill--reg:focus-visible { box-shadow:0 0 0 3px rgba(121,39,88,.35); }\n  .ay-pill--verw:focus-visible{ box-shadow:0 0 0 3px rgba(19,36,62,.35); }\n\n  .ay-pill--int.is-active,  .ay-pill--int:hover { background:linear-gradient(135deg,var(--ay-int),var(--ay-int-d));   color:#fff; box-shadow:0 6px 14px rgba(239,156,60,.35); }\n  .ay-pill--reg.is-active,  .ay-pill--reg:hover { background:linear-gradient(135deg,var(--ay-reg),var(--ay-reg-d));   color:#fff; box-shadow:0 6px 14px rgba(121,39,88,.35); }\n  .ay-pill--verw.is-active, .ay-pill--verw:hover{ background:linear-gradient(135deg,var(--ay-verw),var(--ay-verw-d)); color:#fff; box-shadow:0 6px 14px rgba(19,36,62,.35); }\n\n  \/* ---- Kampagnen-Kacheln ---- *\/\n  .ay-grid{\n    display:grid; gap:14px;\n    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\n  }\n  .ay-tile{\n    position:relative; overflow:hidden;\n    appearance:none; border:0; cursor:pointer; text-align:left;\n    display:flex; align-items:center; gap:18px;\n    min-height:100px; padding:16px 20px; border-radius:5px; \/* Radius 5px (Rania) *\/\n    color:#fff; font-family:inherit;\n    transition:transform .2s ease, box-shadow .2s ease;\n    animation:ayIn .45s ease both;\n  }\n  .ay-tile:hover{ transform:translateY(-3px); box-shadow:0 14px 28px rgba(19,36,62,.22); }\n  .ay-tile.is-open{ box-shadow:inset 0 0 0 3px rgba(255,255,255,.75), 0 14px 28px rgba(19,36,62,.22); }\n  .ay-tile, .ay-tile:hover, .ay-tile:focus, .ay-tile:active,\n  .ay-tile .ay-tile__name, .ay-tile .ay-tile__cta,\n  .ay-tile:hover .ay-tile__name, .ay-tile:focus .ay-tile__name, .ay-tile:active .ay-tile__name,\n  .ay-tile:hover .ay-tile__cta, .ay-tile:focus .ay-tile__cta, .ay-tile:active .ay-tile__cta{\n    color:#fff !important; text-decoration:none !important; outline:none !important;\n  }\n  @keyframes ayIn{ from{ opacity:0; transform:translateY(12px);} to{ opacity:1; transform:translateY(0);} }\n\n  \/* Einheitliche Bereichsfarbe \u2013 jede Kachel eines Bereichs sieht\n     identisch aus. !important, weil Theme\/Elementor sonst eigene\n     Hintergr\u00fcnde (z. B. auf jede zweite Kachel) dr\u00fcberlegt. *\/\n  #ay-spenden .ay-grid .ay-tile--international,\n  #ay-spenden .ay-grid .ay-tile--international:hover,\n  #ay-spenden .ay-grid .ay-tile--international:focus,\n  #ay-spenden .ay-grid .ay-tile--international:active{\n    background:#EF9C3C !important; background-image:none !important;\n  }\n  #ay-spenden .ay-grid .ay-tile--regional,\n  #ay-spenden .ay-grid .ay-tile--regional:hover,\n  #ay-spenden .ay-grid .ay-tile--regional:focus,\n  #ay-spenden .ay-grid .ay-tile--regional:active{\n    background:#792758 !important; background-image:none !important;\n  }\n  #ay-spenden .ay-grid .ay-tile--verwaltung,\n  #ay-spenden .ay-grid .ay-tile--verwaltung:hover,\n  #ay-spenden .ay-grid .ay-tile--verwaltung:focus,\n  #ay-spenden .ay-grid .ay-tile--verwaltung:active{\n    background:#13243E !important; background-image:none !important;\n  }\n  \/* Sicherheitsnetz: keine fremden Overlays\/Pseudo-Elemente auf Kacheln *\/\n  #ay-spenden .ay-grid .ay-tile::before,\n  #ay-spenden .ay-grid .ay-tile::after{ content:none !important; }\n\n  .ay-tile__icon{\n    width:56px; height:56px; object-fit:contain; flex:0 0 auto;\n    margin-left:auto; position:relative; z-index:1;\n    filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));\n    transition:transform .2s ease;\n  }\n  .ay-tile__badge{\n    width:56px; height:56px; flex:0 0 auto; margin-left:auto;\n    display:flex; align-items:center; justify-content:center;\n    border-radius:50%; background:rgba(255,255,255,.18);\n    border:2px solid rgba(255,255,255,.65);\n    font-size:24px; font-weight:800; color:#fff;\n    transition:transform .2s ease;\n  }\n  .ay-tile:hover .ay-tile__icon,\n  .ay-tile:hover .ay-tile__badge{ transform:scale(1.08); }\n\n  .ay-tile__txt{ flex:1 1 auto; position:relative; z-index:1; }\n  .ay-tile__name{ display:block; font-size:19px; font-weight:800; letter-spacing:.3px; line-height:1.25; }\n  .ay-tile__cta{\n    display:inline-flex; align-items:center; gap:7px;\n    margin-top:7px; font-size:13px; font-weight:600; opacity:.92;\n  }\n  .ay-tile__cta .ay-arrow{ transition:transform .2s ease; font-size:16px; }\n  .ay-tile:hover .ay-arrow{ transform:translateX(4px); }\n\n  .ay-empty{ text-align:center; color:var(--ay-hellblau); padding:26px 0; }\n\n  \/* ---- Formular-Panel (klappt auf der Seite auf) ----\n     overflow:visible statt hidden, damit der Panel-Kopf auf Mobil\n     kleben kann (sticky funktioniert nicht in overflow:hidden).\n     Die runden Ecken \u00fcbernehmen Kopf (oben) und Body (unten). *\/\n  .ay-panel{\n    max-width:760px;            \/* kompakt statt seitenbreit *\/\n    margin:28px auto 0;\n    background:var(--ay-hellbeige);\n    border:1px solid var(--ay-beige);\n    border-radius:5px;\n    overflow:visible;\n    box-shadow:0 18px 44px rgba(19,36,62,.14);\n    scroll-margin-top:130px; \/* Abstand zum klebenden Seiten-Header *\/\n    animation:ayIn .35s ease both;\n  }\n  .ay-panel[hidden]{ display:none; }\n\n  .ay-panel__kopf{\n    display:flex; align-items:center; justify-content:space-between;\n    gap:14px; padding:14px 20px; color:#fff;\n    border-radius:5px 5px 0 0;\n  }\n  .ay-panel__kopf--international{ background:linear-gradient(135deg,var(--ay-int),var(--ay-int-d)); }\n  .ay-panel__kopf--regional     { background:linear-gradient(135deg,var(--ay-reg),var(--ay-reg-d)); }\n  .ay-panel__kopf--verwaltung   { background:linear-gradient(135deg,var(--ay-verw),var(--ay-verw-d)); }\n  .ay-panel__titel{ font-size:18px; font-weight:800; letter-spacing:.3px; color:#fff; }\n\n  .ay-panel__close,\n  .ay-panel__close:hover,\n  .ay-panel__close:focus,\n  .ay-panel__close:active{\n    width:36px; height:36px; padding:0 !important; margin:0 !important;\n    display:flex; align-items:center; justify-content:center; flex:0 0 auto;\n    border-radius:50% !important; cursor:pointer;\n    background:rgba(255,255,255,.16) !important;\n    border:2px solid rgba(255,255,255,.65) !important;\n    color:#fff !important; font-size:20px; line-height:1 !important;\n    font-family:inherit;\n    transform:none !important; transition:none !important;\n    text-decoration:none !important; outline:none !important;\n  }\n\n  .ay-panel__body{ position:relative; background:var(--ay-hellbeige); border-radius:0 0 5px 5px; overflow:hidden; }\n  .ay-panel__body iframe{\n    display:block; width:100%; border:0;\n    height:680px; \/* Startwert \u2013 die echte H\u00f6he setzt das Script\n                     automatisch auf die H\u00f6he des Formular-Inhalts\n                     (ResizeObserver). Dadurch kein doppeltes\n                     Scrollen und kein leerer Bereich unten. *\/\n    background:var(--ay-hellbeige);\n    \/* KEINE height-Animation! Sonst wandert das Formular w\u00e4hrend\n       der Anpassung und Klicks (z. B. Anonym-Checkbox) gehen daneben. *\/\n    transition:none !important;\n  }\n\n  .ay-spinner{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2; pointer-events:none; background:var(--ay-hellbeige); }\n  .ay-spinner[hidden]{ display:none; }\n  .ay-spinner span{\n    width:46px; height:46px; border-radius:50%;\n    border:4px solid #F5E9DB; border-top-color:#EF9C3C;\n    animation:ay-spin .8s linear infinite;\n  }\n  @keyframes ay-spin{ to{ transform:rotate(360deg); } }\n\n  .ay-error{\n    position:absolute; inset:0; z-index:3;\n    display:flex; flex-direction:column; align-items:center; justify-content:center;\n    gap:10px; padding:30px; text-align:center; background:var(--ay-hellbeige); color:#13243E;\n  }\n  .ay-error[hidden]{ display:none; }\n  .ay-error strong{ font-size:18px; }\n  .ay-error span{ color:#545F70; font-size:14px; max-width:380px; }\n  .ay-error button{\n    margin-top:8px; border:0; cursor:pointer; border-radius:5px;\n    padding:11px 26px; font-weight:700; font-size:14px; color:#fff;\n    background:linear-gradient(135deg,#EF9C3C,#D9882E);\n  }\n\n  \/* ---- Mobil: kompakt ---- *\/\n  @media (max-width:640px){\n    .ay-spenden{ padding:2px 0 12px; }\n    .ay-switchwrap{ margin-bottom:12px; }\n    .ay-switch{ width:100%; padding:4px; gap:4px; }\n    .ay-pill{ flex:1 1 0; padding:10px 4px; font-size:12.5px; letter-spacing:0; text-align:center; }\n    .ay-grid{ grid-template-columns:1fr; gap:10px; }\n    .ay-tile{ min-height:66px; padding:10px 14px; border-radius:5px; gap:12px; }\n    .ay-tile__icon, .ay-tile__badge{ width:36px; height:36px; font-size:16px; }\n    .ay-tile__name{ font-size:15px; }\n    .ay-tile__cta{ margin-top:2px; font-size:11.5px; }\n    .ay-panel{ margin-top:16px; border-radius:5px; scroll-margin-top:90px; }\n    \/* Panel-Kopf klebt beim Scrollen unter dem Seiten-Header\n       (Header der Seite ist 80px hoch) \u2013 Schlie\u00dfen bleibt immer\n       erreichbar *\/\n    .ay-panel__kopf{ position:sticky; top:80px; z-index:3; padding:12px 14px; }\n    .ay-panel__titel{ font-size:15.5px; }\n    .ay-panel__close{ width:32px; height:32px; font-size:18px; }\n  }\n<\/style>\n\n<script>\n(function(){\n  \/* =========================================================\n     \u25ba SCHRITT 1: ICON-URLS \u25c4\n     Nach JEDER Zeile ein Komma. Kein Icon? Dann \"\" lassen.\n  ========================================================= *\/\n  var ICONS = {\n    eidAlAdha:            \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/07\/EidUlAdha_2_weiss.png\",\n    beduerftigenspeisung: \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/07\/Obdachlosenspeisung_SuppenloeffelPfannenwender_RGB_weiss_transparent.png\",\n    verwaltung:           \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Spende-Verwaltung_weiss.png\",\n    ramadan:              \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/EidUlFitr_weiss.png\",\n    wasserversorgung:     \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/tropfen_brunnen_weiss.png\",\n    umwelt:               \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/baum_pflanzen_weiss.png\",\n    waisen:               \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Patenschaften_weiss.png\",\n    bildung:              \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Bildung_weiss.png\",\n    winterkampagne:       \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Highlight_Icon_Schneeflocke_weiss.png\",\n    nothilfe:             \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Pflaster_weiss.png\",\n    wiederaufbau:         \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/hausbau_weiss.png\",\n    aqiqa:                \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Schnuller_weiss.png\",\n    zakat:                \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/ASIYAH_Zakat_Badge_V1_weiss_transparentHG.png\",\n    asiyahAktiv:          \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/ASIYAH_Aktiv_weiss_3.png\",\n    asiyahInklusiv:       \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/ASIYAH_Inklusiv_weiss.png\",\n    zakatDeutschland:     \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/ASIYAH_Zakat_Badge_V1_weiss_transparentHG.png\",\n    asiyahAcademy:        \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/ASIYAH_Academy_weiss.png\",\n    sakinaSpace:          \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/SakinaSpace_weiss.png\",\n    supportLine:          \"https:\/\/asiyah.net\/wp-content\/uploads\/2026\/08\/Telefon_weiss.png\",\n    lebensmittelhilfe:    \"\"\n  };\n\n  \/* =========================================================\n     \u25ba SCHRITT 2: KAMPAGNEN \u25c4   (ein Block { } = eine Kachel)\n  ========================================================= *\/\n  var KAMPAGNEN = [\n    { name: \"Verwaltung\",           bereich: \"verwaltung\", formId: 45232, icon: ICONS.verwaltung },\n\n    { name: \"Bed\u00fcrftigenspeisung\",  bereich: \"regional\", formId: 45227, icon: ICONS.beduerftigenspeisung },\n    { name: \"ASIYAH Aktiv\",         bereich: \"regional\", formId: 45273, icon: ICONS.asiyahAktiv },\n    { name: \"ASIYAH Inklusiv\",      bereich: \"regional\", formId: 45276, icon: ICONS.asiyahInklusiv },\n    { name: \"Regionale Zakat\",      bereich: \"regional\", formId: 45279, icon: ICONS.zakatDeutschland },\n    { name: \"ASIYAH Academy\",       bereich: \"regional\", formId: 45282, icon: ICONS.asiyahAcademy },\n    { name: \"Sakina Space\",         bereich: \"regional\", formId: 45286, icon: ICONS.sakinaSpace },\n    { name: \"ASIYAH Support Line\",  bereich: \"regional\", formId: 45293, icon: ICONS.supportLine },\n\n    \/* Reihenfolge International laut Kaoutar (19.08.) *\/\n    { name: \"Bildung\",              bereich: \"international\", formId: 45253, icon: ICONS.bildung },\n    { name: \"Waisen\",               bereich: \"international\", formId: 45250, icon: ICONS.waisen },\n    { name: \"Aufbau und Entwicklung\", bereich: \"international\", formId: 45265, icon: ICONS.wiederaufbau },\n    { name: \"Nothilfe\",             bereich: \"international\", formId: 45261, icon: ICONS.nothilfe },\n    { name: \"Winterhilfe\",          bereich: \"international\", formId: 45257, icon: ICONS.winterkampagne },\n    { name: \"Wasserversorgung\",     bereich: \"international\", formId: 45242, icon: ICONS.wasserversorgung },\n    \/* TODO: Formular \u201eLebensmittelhilfe\" anlegen, dann Zeile aktivieren:\n    { name: \"Lebensmittelhilfe\",    bereich: \"international\", formId: 12345, icon: ICONS.lebensmittelhilfe },\n    *\/\n    { name: \"Umwelt\",               bereich: \"international\", formId: 45247, icon: ICONS.umwelt },\n    { name: \"Zakat al Maal\",        bereich: \"international\", formId: 45269, icon: ICONS.zakat },\n    { name: \"Aqiqa\",                bereich: \"international\", formId: 45267, icon: ICONS.aqiqa },\n    { name: \"Eid al Adha\",          bereich: \"international\", formId: 45220, icon: ICONS.eidAlAdha },\n    { name: \"Ramadan\",              bereich: \"international\", formId: 45236, icon: ICONS.ramadan }\n  ];\n\n  \/* ======= AB HIER NICHTS MEHR \u00c4NDERN ======= *\/\n\n  \/* Akzentfarbe pro Bereich \u2013 f\u00e4rbt die Auswahl-Chips im Formular *\/\n  var AKZENTE = {\n    international: '#EF9C3C',\n    regional:      '#792758',\n    verwaltung:    '#13243E'\n  };\n\n  \/* Kompakt-Stile, die ins Formular eingeschleust werden.\n     Nur EXAKTE GiveWP-Klassen (keine [class*=...]-Sammelgriffe \u2013\n     die haben fr\u00fcher auch Beschreibungen und Container getroffen\n     und das Layout zerschossen).\n     Am Live-Formular gepr\u00fcft (Desktop + 375px-Mobil, Formulare\n     mit und ohne Intro\/Beschreibung) am 29.08.2026. *\/\n  function kompaktCss(akzent){\n    return [\n      \/* Formular-Karte im Panel \"flach\" machen \u2013 das Panel ist schon die Karte *\/\n      '#root-givewp-donation-form{padding:0 !important;}',\n      '.givewp-donation-form{border:0 !important;border-radius:0 !important;box-shadow:none !important;}',\n      \/* Grauer Kopf: Titel ausblenden (steht schon im bunten Panel-Kopf), Zur\u00fcck-Pfeil bleibt *\/\n      '.givewp-donation-form__steps-header{min-height:0 !important;padding:4px 8px !important;}',\n      '.givewp-donation-form__steps-header-title{display:none !important;}',\n      \/* Schritt sofort voll anzeigen \u2013 GiveWPs Slide\/Fade-Animation\n         bleibt auf gedrosselten Handys sonst halbtransparent h\u00e4ngen\n         und Klicks w\u00e4hrend der Animation gehen daneben *\/\n      '.givewp-donation-form__step--visible{opacity:1 !important;transform:none !important;}',\n      \/* Innenabst\u00e4nde straffen (GiveWP-Standard: 32px Rand, 40px\/24px\n         L\u00fccken und bei Sektionen MIT Beschreibung drei verschachtelte\n         14px-Polster, die auf Mobil alles zusammenquetschen) *\/\n      '.givewp-layouts-multiStepForm{padding:18px 18px 0 !important;}',\n      '.givewp-layouts-multiStepForm__form{gap:16px !important;}',\n      '.givewp-layouts-section__fieldset{gap:12px !important;padding:0 !important;}',\n      '.givewp-section-nodes{gap:12px !important;padding:0 !important;}',\n      '.givewp-groups{padding:0 !important;}',\n      '.givewp-layouts-section__fieldset__legend{padding:0 !important;}',\n      '.givewp-layouts-section__fieldset__legend legend{font-size:13.5px;line-height:1.45;color:#545F70;}',\n      \/* Schriftgr\u00f6\u00dfen kompakt *\/\n      '.givewp-donation-form h1{font-size:20px !important;line-height:1.25 !important;margin:0 !important;}',\n      '.givewp-donation-form h2{font-size:16.5px !important;margin:0 !important;}',\n      '.givewp-donation-form h3{font-size:15px !important;}',\n      '.givewp-donation-form p{font-size:13.5px !important;line-height:1.5 !important;}',\n      '.givewp-donation-form label{font-size:13.5px !important;}',\n      \/* Betrags-Stufen als Raster: Button oben, Beschreibung darunter.\n         Die Neutralisierungen (min-height, flex-basis) sind Pflicht \u2013\n         GiveWP gibt der Beschreibung min-height:100% und dem Button\n         flex-basis:110px, was riesige Leerfl\u00e4chen erzeugt. *\/\n      '.givewp-fields-amount__levels-container{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr)) !important;gap:8px !important;width:100% !important;}',\n      '.givewp-fields-amount__level-container{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:5px !important;width:auto !important;margin:0 !important;min-height:0 !important;height:auto !important;}',\n      '.givewp-fields-amount__level{width:100% !important;min-height:46px;height:auto !important;padding:10px 8px !important;font-size:15px !important;}',\n      '.givewp-fields-amount__level-container--col .givewp-fields-amount__level{flex:0 0 auto !important;}',\n      '.givewp-fields-amount__level__description{min-height:0 !important;flex:0 0 auto !important;display:block !important;font-size:12px !important;line-height:1.3 !important;text-align:center !important;color:#545F70;}',\n      \/* Radio-Felder (z. B. Verwendungszweck) als Auswahl-Chips:\n         nebeneinander statt untereinander, gew\u00e4hlter Chip f\u00fcllt sich\n         in der Bereichsfarbe. Gilt NUR f\u00fcr givewp-fields-radio \u2013\n         die Zahlungsarten-Auswahl hat eigene Klassen und bleibt wie\n         sie ist. *\/\n      '.givewp-fields-radio__options{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important;margin:2px 0 0 !important;}',\n      '.givewp-fields-radio__option-container{margin:0 !important;position:relative;}',\n      '.givewp-fields-radio__option-container input[type=\"radio\"]{appearance:none !important;-webkit-appearance:none !important;position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;opacity:0 !important;pointer-events:none !important;}',\n      '.givewp-fields-radio__option-container label{display:inline-flex !important;align-items:center !important;margin:0 !important;padding:9px 14px !important;border:1.5px solid #E5D8C5 !important;border-radius:999px !important;background:#fff !important;color:#13243E !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.2 !important;cursor:pointer;transition:all .15s ease;}',\n      '.givewp-fields-radio__option-container input[type=\"radio\"]:checked + label{background:' + akzent + ' !important;border-color:' + akzent + ' !important;color:#fff !important;}',\n      '.givewp-fields-radio__option-container input[type=\"radio\"]:focus-visible + label{box-shadow:0 0 0 3px ' + akzent + '55;}',\n      \/* Checkboxen (z. B. Anonym) sauber in einer Zeile mit Text *\/\n      '.givewp-donation-form label:has(> input[type=\"checkbox\"]){display:flex !important;align-items:center !important;gap:9px !important;margin:6px 0 !important;font-size:14px !important;}',\n      '.givewp-donation-form input[type=\"checkbox\"]{flex:0 0 auto !important;margin:0 !important;width:18px;height:18px;}',\n      \/* Weiter-\/Spenden-Button *\/\n      '.givewp-donation-form button[type=\"submit\"],.givewp-donation-form__steps-button-next{padding:12px 16px !important;font-size:15px !important;}',\n      \/* ---- Mobil (Panel schmaler als 520px): noch kompakter ---- *\/\n      '@media (max-width:520px){',\n      '  .givewp-layouts-multiStepForm{padding:10px 12px 0 !important;}',\n      '  .givewp-layouts-multiStepForm__form{gap:12px !important;}',\n      '  .givewp-layouts-section__fieldset{gap:10px !important;}',\n      '  .givewp-section-nodes{gap:10px !important;}',\n      '  .givewp-elements-html img{height:88px !important;border-radius:8px !important;}',\n      '  .givewp-donation-form h1{font-size:18px !important;}',\n      '  .givewp-fields-amount__levels-container{gap:6px !important;}',\n      \/* Eingabefeld NICHT unter 16px \u2013 sonst zoomt das iPhone beim Antippen rein *\/\n      '  .givewp-fields-amount__input{font-size:16px !important;padding:10px !important;}',\n      '  .givewp-fields-amount__currency-container{font-size:12.5px !important;}',\n      '  .givewp-donation-form__steps-button-next,.givewp-donation-form button[type=\"submit\"]{padding:11px 14px !important;}',\n      '}'\n    ].join('\\n');\n  }\n\n  function formUrl(k){\n    if(k.url) return k.url;\n    \/* ay-direkt=1 = Marker: Intro-Schritt darf \u00fcbersprungen werden *\/\n    return '\/?givewp-route=donation-form-view&form-id=' + k.formId + '&ay-direkt=1';\n  }\n\n  var grid    = document.getElementById('ay-grid');\n  var empty   = document.getElementById('ay-empty');\n  var panel   = document.getElementById('ay-panel');\n  var kopf    = document.getElementById('ay-panel-kopf');\n  var titel   = document.getElementById('ay-panel-titel');\n  var schliess= document.getElementById('ay-close');\n  var frame   = document.getElementById('ay-frame');\n  var spinner = document.getElementById('ay-spinner');\n  var fehler  = document.getElementById('ay-error');\n  var retry   = document.getElementById('ay-retry');\n  var schalter= document.getElementById('ay-switch');\n  var pills   = document.querySelectorAll('#ay-spenden .ay-pill');\n  var aktuelleUrl = '';\n  var aktuellerBereich = 'international';\n\n  var beobachter = null;   \/* ResizeObserver f\u00fcr die iframe-H\u00f6he *\/\n  var einrichtTimer = null;\n\n  \/* ---- iframe-H\u00f6he = H\u00f6he des Formular-Inhalts ----\n     GiveWP rendert alles in #root-givewp-donation-form. Dessen H\u00f6he\n     beobachten wir und \u00fcbernehmen sie 1:1 \u2013 so gibt es weder einen\n     zweiten Scrollbalken im Panel noch leere Fl\u00e4chen darunter. *\/\n  function bindeHoehe(d){\n    var root = d.getElementById('root-givewp-donation-form') || d.body;\n    if(!root) return false;\n    var setzen = function(){\n      var h = Math.ceil(root.getBoundingClientRect().height) + 4;\n      h = Math.max(h, 380);\n      if(Math.abs(h - frame.clientHeight) > 4){ frame.style.height = h + 'px'; }\n    };\n    var W = frame.contentWindow;\n    if(W && W.ResizeObserver){\n      beobachter = new W.ResizeObserver(setzen);\n      beobachter.observe(root);\n    }\n    setzen();\n    return true;\n  }\n\n  \/* ---- Einrichtung nach jedem Laden des Formulars ----\n     GiveWP baut das Formular per JavaScript auf \u2013 direkt beim\n     load-Event ist es oft noch nicht da. Deshalb kurz pollen:\n     1) Kompakt-Stile einschleusen (mit Akzentfarbe des Bereichs)\n     2) Intro \u00fcberspringen \u2013 ABER NUR, wenn der sichtbare Schritt\n        wirklich ein Intro ist. Erkennung: ein Intro-Schritt hat\n        KEIN <form>-Element; echte Formular-Schritte (auch die,\n        die direkt mit dem Betrag starten, z. B. \"Aufbau und\n        Entwicklung\") haben immer eins. So wird nie versehentlich\n        der Betrags-Schritt \u00fcbersprungen.\n     3) H\u00f6he an den Inhalt koppeln\n     4) Spinner erst ausblenden, wenn der echte Formular-Schritt\n        sichtbar ist (dann blitzt das Intro nicht kurz auf). *\/\n  function richteFormularEin(){\n    if(einrichtTimer){ clearInterval(einrichtTimer); }\n    var versuche = 0;\n    var introGeprueft = false;\n    var hoeheGebunden = false;\n    einrichtTimer = setInterval(function(){\n      versuche++;\n      var d = null;\n      try{ d = frame.contentDocument; }catch(e){}\n      if(!d){ \/* fremdes Origin (z. B. externe url:) \u2013 nichts machbar *\/\n        clearInterval(einrichtTimer); einrichtTimer = null;\n        spinner.hidden = true;\n        return;\n      }\n      if(d.head && !d.getElementById('ay-kompakt')){\n        var st = d.createElement('style');\n        st.id = 'ay-kompakt';\n        st.textContent = kompaktCss(AKZENTE[aktuellerBereich] || '#EF9C3C');\n        d.head.appendChild(st);\n      }\n      var schritt = d.querySelector('.givewp-donation-form__step--visible');\n      if(schritt && !introGeprueft){\n        if(schritt.querySelector('form')){\n          introGeprueft = true; \/* startet schon mit dem Formular *\/\n        } else if(frame.src.indexOf('ay-direkt=1') > -1){\n          var knopf = d.querySelector('.givewp-donation-form__steps-button-next');\n          if(knopf){ knopf.click(); introGeprueft = true; }\n        } else {\n          introGeprueft = true;\n        }\n      }\n      if(!hoeheGebunden && d.getElementById('root-givewp-donation-form')){\n        hoeheGebunden = bindeHoehe(d);\n      }\n      var formDa = d.querySelector('.givewp-donation-form__step--visible form');\n      if(formDa){ spinner.hidden = true; }\n      if(formDa && introGeprueft && hoeheGebunden){\n        clearInterval(einrichtTimer); einrichtTimer = null;\n      }\n      if(versuche > 40){ \/* ~6 Sekunden \u2013 aufgeben und ggf. Fehler zeigen *\/\n        clearInterval(einrichtTimer); einrichtTimer = null;\n        spinner.hidden = true;\n        var hatGivewp = d.querySelector('[id*=\"givewp\"], [class*=\"givewp\"], [id*=\"give-\"], [class*=\"give-\"]');\n        var leer = !d.body || d.body.innerHTML.replace(\/\\s\/g,'') === '';\n        if(!hatGivewp || leer){ fehler.hidden = false; }\n      }\n    }, 150);\n  }\n\n  frame.addEventListener('load', function(){\n    if(panel.hidden || frame.src === 'about:blank' || !frame.src) return;\n    if(beobachter){ try{ beobachter.disconnect(); }catch(e){} beobachter = null; }\n    richteFormularEin();\n  });\n\n  retry.addEventListener('click', function(){\n    fehler.hidden = true; spinner.hidden = false;\n    frame.src = aktuelleUrl;\n  });\n\n  function render(bereich){\n    grid.innerHTML = '';\n    var liste = KAMPAGNEN.filter(function(k){ return k.bereich === bereich; });\n    empty.hidden = liste.length > 0;\n    liste.forEach(function(k, i){\n      var hatIcon = k.icon && k.icon.indexOf('http') === 0;\n      var rechts = hatIcon\n        ? '<img decoding=\"async\" class=\"ay-tile__icon\" src=\"' + k.icon + '\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display=\\'none\\'\">'\n        : '<span class=\"ay-tile__badge\">' + k.name.charAt(0) + '<\/span>';\n      var b = document.createElement('button');\n      b.className = 'ay-tile ay-tile--' + k.bereich;\n      b.style.animationDelay = (i * 50) + 'ms';\n      b.innerHTML =\n        '<span class=\"ay-tile__txt\">' +\n          '<span class=\"ay-tile__name\">' + k.name + '<\/span>' +\n          '<span class=\"ay-tile__cta\">Jetzt spenden <span class=\"ay-arrow\">\u203a<\/span><\/span>' +\n        '<\/span>' + rechts;\n      b.addEventListener('click', function(){ openForm(k, b); });\n      grid.appendChild(b);\n    });\n  }\n\n  function openForm(k, kachel){\n    var url = formUrl(k);\n    var alle = grid.querySelectorAll('.ay-tile');\n    for(var i = 0; i < alle.length; i++){ alle[i].classList.remove('is-open'); }\n    if(kachel){ kachel.classList.add('is-open'); }\n\n    titel.textContent = k.name;\n    kopf.className = 'ay-panel__kopf ay-panel__kopf--' + k.bereich;\n    aktuellerBereich = k.bereich;\n    panel.hidden = false;\n    fehler.hidden = true;\n\n    if(url !== aktuelleUrl){\n      aktuelleUrl = url;\n      spinner.hidden = false;\n      frame.style.height = '680px'; \/* Startwert bis zur ersten Messung *\/\n      frame.src = url;\n    }\n\n    setTimeout(function(){\n      panel.scrollIntoView({ behavior:'smooth', block:'start' });\n    }, 60);\n  }\n\n  function closePanel(){\n    panel.hidden = true;\n    spinner.hidden = true;\n    fehler.hidden = true;\n    aktuelleUrl = '';\n    if(einrichtTimer){ clearInterval(einrichtTimer); einrichtTimer = null; }\n    if(beobachter){ try{ beobachter.disconnect(); }catch(e){} beobachter = null; }\n    frame.src = 'about:blank';\n    frame.style.height = '680px';\n    var alle = grid.querySelectorAll('.ay-tile');\n    for(var i = 0; i < alle.length; i++){ alle[i].classList.remove('is-open'); }\n  }\n\n  schliess.addEventListener('click', closePanel);\n\n  pills.forEach(function(p){\n    p.addEventListener('click', function(){\n      var bereich = p.getAttribute('data-bereich');\n      pills.forEach(function(x){ x.classList.remove('is-active'); });\n      p.classList.add('is-active');\n      schalter.className = 'ay-switch ay-switch--' + bereich;\n      closePanel();\n      render(bereich);\n    });\n  });\n\n  render('verwaltung');\n})();\n<\/script>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-961233d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"961233d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-6d17192\" data-id=\"6d17192\" 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-c315205 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"c315205\" 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<!-- ############################################################\r\n  ASIYAH \u2013 SPENDENSEITE: KOPFBEREICH  (PayPal + Verwaltungsspenden)\r\n  Version 5 \u2013 Stand 05.09.2026\r\n  ##############################################################\r\n\r\n  \u25ba EINBAU:\r\n  Die alte Elementor-Sektion (PayPal-Text + graue Verwaltungs-Box)\r\n  KOMPLETT L\u00d6SCHEN und stattdessen EIN Elementor-\"HTML\"-Widget\r\n  mit diesem Code einf\u00fcgen \u2013 unter dem Hero-Banner,\r\n  \u00fcber dem Bereichs-Umschalter.\r\n\r\n  \u25ba NEU IN VERSION 5:\r\n  1. Der Button \u201eVerwaltungsspenden\" springt nicht mehr nur runter,\r\n     sondern \u00f6ffnet unten direkt die Kachel \u201eVerwaltung\" mit dem\r\n     Spendenformular (scrollt hin und klickt die Kachel an).\r\n  2. \u201e100 % Donation Policy\" ist NICHT mehr verlinkt \u2013 die Seite gibt\r\n     es noch nicht. Der Begriff bleibt unterstrichen, damit sp\u00e4ter nur\r\n     der Link erg\u00e4nzt werden muss.\r\n\r\n  \u25ba WAS MAN ANPASSEN KANN (unten markiert):\r\n  \u25bc 1  PAYPAL-LINK      \u2013 Link zum ASIYAH-PayPal (href im Button)\r\n  \u25bc 2  POLICY-LINK      \u2013 erst aktivieren, wenn die Seite steht\r\n  \u25bc 3  ZIEL DES BUTTONS \u2013 Anker + Name der Kachel (ganz unten im Script)\r\n############################################################# -->\r\n\r\n<div class=\"ay-kopfband\">\r\n  <div class=\"ay-kopf\">\r\n\r\n    <!-- Karte 1: PayPal (Text 1:1 Originalwortlaut) -->\r\n    <div class=\"ay-kopf__karte ay-kopf__karte--paypal\">\r\n      <p>\r\n        Bitte sende deine Spende \u00fcber PayPal mit der Option\r\n        \u201eFreunde &amp; Familie\u201c. Andernfalls k\u00f6nnen Geb\u00fchren abgezogen\r\n        werden. Nur so k\u00f6nnen wir sicherstellen, dass deine Spende\r\n        vollst\u00e4ndig ankommt.\r\n      <\/p>\r\n      <div class=\"ay-kopf__adresse\">finanzen@asiyah.net<\/div>\r\n      <!-- \u25bc\u25bc 1. PAYPAL-LINK HIER EINTRAGEN \u25bc\u25bc -->\r\n      <a class=\"ay-kopf__btn\" href=\"https:\/\/www.paypal.com\/paypalme\/asiyahev\" rel=\"noopener\">\r\n        Per PayPal spenden\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Karte 2: Verwaltungsspenden + 100 % Donation Policy -->\r\n    <div class=\"ay-kopf__karte ay-kopf__karte--dp\">\r\n      <p>\r\n        Deine Spende finanziert bei ASIYAH ausschlie\u00dflich die\r\n        <strong>Projektarbeit<\/strong>, nicht den Organisationsbetrieb.\r\n        <br><br>\r\n        <!-- \u25bc\u25bc 2. POLICY-LINK \u25bc\u25bc\r\n             Noch kein Link, weil die Seite fehlt. Sobald sie online ist,\r\n             das <span> unten durch diese Zeile ersetzen:\r\n             <a class=\"ay-kopf__dplink\" href=\"\/100-donation-policy\/\">100 % Donation Policy<\/a>\r\n      \r\n        <span class=\"ay-kopf__dplink\">100 % Donation Policy<\/span>\r\n      <\/p>  -->\r\n\r\n      <!-- Button: scrollt runter und \u00f6ffnet die Kachel \u201eVerwaltung\" -->\r\n      <a class=\"ay-kopf__btn ay-kopf__btn--weiss\" id=\"ayKopfVerwaltung\" href=\"#ay-spenden\">\r\n        Verwaltungsspenden\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Hellbeige-Band NUR hinter dem Kopfbereich \u2013 volle Bildschirmbreite,\r\n     die Seite selbst bleibt unangetastet *\/\r\n  .ay-kopfband{\r\n    background:#FCFAF6;\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    padding:26px 20px;\r\n  }\r\n\r\n  .ay-kopf{\r\n    font-family:'Open Sans','Segoe UI',Arial,sans-serif;\r\n    max-width:1080px; margin:0 auto;\r\n    display:grid; grid-template-columns:1fr 1fr; gap:16px;\r\n    align-items:stretch;\r\n  }\r\n  \/* Beide Karten: Inhalt mittig \u2013 keine Leerr\u00e4ume unten *\/\r\n  .ay-kopf__karte{\r\n    border-radius:5px; padding:22px 26px;\r\n    display:flex; flex-direction:column;\r\n    align-items:center; justify-content:center;\r\n    text-align:center; gap:14px;\r\n  }\r\n  .ay-kopf__karte p{ margin:0; font-size:14.5px; line-height:1.6; }\r\n\r\n  \/* Karte 1: Wei\u00df mit Beige-Rahmen (hebt sich vom Hellbeige-Band ab) *\/\r\n  .ay-kopf__karte--paypal{\r\n    background:#ffffff; border:1px solid #F5E9DB; color:#13243E;\r\n  }\r\n  .ay-kopf__adresse{\r\n    background:#F5E9DB; color:#13243E;\r\n    font-weight:700; font-size:14.5px;\r\n    padding:7px 14px; border-radius:8px;\r\n  }\r\n\r\n  \/* Karte 2: Hellblau-Grau wie im Wireframe (#545F70), wei\u00dfe Schrift *\/\r\n  .ay-kopf__karte--dp{\r\n    background:#545F70; color:#ffffff;\r\n  }\r\n  .ay-kopf__karte--dp p{ color:#ffffff; }\r\n  \/* Unterstrichen, aber (noch) kein Link \u2013 deshalb kein Zeiger-Cursor *\/\r\n  .ay-kopf__dplink{\r\n    color:#ffffff !important; font-weight:700;\r\n    text-decoration:underline !important; white-space:nowrap;\r\n  }\r\n  a.ay-kopf__dplink{ cursor:pointer; }\r\n\r\n  \/* Buttons *\/\r\n  .ay-kopf__btn{\r\n    display:inline-block; text-decoration:none !important;\r\n    border-radius:5px; padding:10px 24px;\r\n    font-size:14px; font-weight:700;\r\n    background:#13243E; color:#ffffff !important;\r\n    border:2px solid #13243E;\r\n  }\r\n  .ay-kopf__btn--weiss{\r\n    background:#ffffff; color:#13243E !important;\r\n    border:2px solid #ffffff;\r\n  }\r\n  .ay-kopf__btn:hover{ opacity:.9; }\r\n\r\n  \/* Mobil: untereinander und kompakt *\/\r\n  @media (max-width:640px){\r\n    .ay-kopfband{ padding:16px 14px; }\r\n    .ay-kopf{ grid-template-columns:1fr; gap:10px; }\r\n    .ay-kopf__karte{ padding:16px 18px; gap:11px; }\r\n    .ay-kopf__karte p{ font-size:13.5px; }\r\n    .ay-kopf__btn{ padding:9px 20px; font-size:13px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/* ############################################################\r\n   Button \u201eVerwaltungsspenden\"\r\n   Ablauf: sanft zum Spendenbereich scrollen \u2192 dort den Reiter\r\n   \u201eVerwaltung\" aktivieren \u2192 die Kachel \u201eVerwaltung\" anklicken,\r\n   sodass das Spendenformular direkt aufgeht.\r\n\r\n   \u25bc\u25bc 3. ANPASSEN, FALLS SICH UNTEN ETWAS \u00c4NDERT \u25bc\u25bc\r\n   ANKER   = id des Spendenbereichs auf der Seite\r\n   NAME    = Beschriftung von Reiter und Kachel\r\n   Soll der Button NUR scrollen: dieses komplette <script> l\u00f6schen.\r\n\r\n   Alternative ohne Scrollen (Formular auf eigener Seite \u00f6ffnen):\r\n   im Button oben href=\"#ay-spenden\" ersetzen durch\r\n   href=\"\/?givewp-route=donation-form-view&form-id=45232\"\r\n   (45232 = Formular \u201eVerwaltung\") und dieses Script l\u00f6schen.\r\n   ############################################################ *\/\r\n(function () {\r\n  var ANKER = '#ay-spenden';\r\n  var NAME  = 'verwaltung';\r\n\r\n  var btn = document.getElementById('ayKopfVerwaltung');\r\n  if (!btn) return;\r\n\r\n  btn.addEventListener('click', function (e) {\r\n    var ziel = document.querySelector(ANKER);\r\n    if (!ziel) return;               \/\/ Anker nicht gefunden \u2192 normaler Sprung\r\n    e.preventDefault();\r\n\r\n    ziel.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n\r\n    \/\/ alle anklickbaren Elemente im Spendenbereich einsammeln,\r\n    \/\/ die \u201eVerwaltung\" hei\u00dfen (Reiter und Kachel)\r\n    var treffer = [];\r\n    var alle = ziel.querySelectorAll('button, a, [role=\"button\"], [class*=\"kachel\"], [class*=\"pill\"]');\r\n    for (var i = 0; i < alle.length; i++) {\r\n      var text = (alle[i].textContent || '').trim().toLowerCase();\r\n      if (text.indexOf(NAME) === 0) treffer.push(alle[i]);\r\n    }\r\n    if (!treffer.length) return;     \/\/ nichts gefunden \u2192 es bleibt beim Scrollen\r\n\r\n    \/\/ erstes Element = Reiter (Bereich umschalten)\r\n    setTimeout(function () {\r\n      try { treffer[0].click(); } catch (err) {}\r\n    }, 450);\r\n\r\n    \/\/ letztes Element = Kachel (Formular \u00f6ffnen)\r\n    setTimeout(function () {\r\n      var kachel = treffer[treffer.length - 1];\r\n      if (kachel && kachel !== treffer[0]) {\r\n        try { kachel.click(); } catch (err) {}\r\n      }\r\n    }, 800);\r\n  });\r\n})();\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ca3706 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ca3706\" data-element_type=\"section\" data-e-type=\"section\">\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-3195d39\" data-id=\"3195d39\" 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-4c31550 elementor-widget elementor-widget-spacer\" data-id=\"4c31550\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7df0f elementor-widget elementor-widget-text-editor\" data-id=\"1f7df0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f10387-o1\" lang=\"de-DE\" dir=\"ltr\" data-wpcf7-id=\"10387\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/42893#wpcf7-f10387-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktformular\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"10387\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"de_DE\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f10387-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:10387,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;repeater_remove_button&quot;:&quot;bottom&quot;}}\" \/>\n<\/fieldset>\n<!-- ============================================================\n     ASIYAH e.V. \u2013 Spendenquittung anfordern (CF7-Formular-Body)\n     Kompletten Inhalt in den Reiter \"Formular\" des CF7-Formulars\n     einf\u00fcgen (alten Inhalt ersetzen). Feldnamen unver\u00e4ndert \u2013\n     die Mail-Vorlagen laufen ohne Anpassung weiter.\n     ============================================================ -->\n<style>\n  .asiyah-sq { --sq-lila: #792758; --sq-lila-d: #611f47; --sq-orange: #EF9C3C; --sq-beige: #F5E9DB; --sq-blau: #13243E; --sq-grau: #545F70; --sq-linie: #E2D8CE; box-sizing: border-box; max-width: 720px; margin: 0 auto; font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; line-height: 1.5; color: var(--sq-blau); }\n  .asiyah-sq *, .asiyah-sq *:before, .asiyah-sq *:after { box-sizing: inherit; }\n  .asiyah-sq-kopf { background: var(--sq-lila); color: #fff; text-align: center; border-radius: 12px; padding: 24px 20px 22px; margin: 0 0 26px; }\n  .asiyah-sq-kopf h2 { margin: 0 0 6px; font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; color: #fff; }\n  .asiyah-sq-kopf p { margin: 0; font-size: 14px; color: #fff; opacity: .92; }\n  .asiyah-sq fieldset { border: 0; padding: 0; margin: 0 0 24px; min-width: 0; }\n  .asiyah-sq legend { display: block; width: 100%; padding: 0 0 8px; margin: 0 0 16px; position: relative; font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 17px; letter-spacing: .08em; text-transform: uppercase; color: var(--sq-lila); }\n  .asiyah-sq legend:after { content: \"\"; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; border-radius: 2px; background: var(--sq-orange); }\n  .asiyah-sq-grid { display: grid; gap: 14px 16px; grid-template-columns: 1fr 1fr; }\n  .asiyah-sq-strasse { grid-template-columns: 2.4fr 1fr; }\n  .asiyah-sq-ort { grid-template-columns: 1fr 2.4fr; margin-top: 14px; }\n  .asiyah-sq-feld { margin: 0; min-width: 0; }\n  .asiyah-sq-voll { grid-column: 1\/-1; }\n  .asiyah-sq-feld label { display: block; margin: 0 0 5px; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--sq-grau); }\n  .asiyah-sq-feld label b { color: var(--sq-orange); font-weight: 700; }\n  .asiyah-sq .wpcf7-form-control-wrap { display: block; }\n  .asiyah-sq input[type=text], .asiyah-sq input[type=email], .asiyah-sq input[type=number], .asiyah-sq input[type=date], .asiyah-sq select, .asiyah-sq textarea { display: block; width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--sq-linie); border-radius: 8px; background: #fff; font: inherit; font-size: 15px; color: var(--sq-blau); transition: border-color .15s, box-shadow .15s; -webkit-appearance: none; appearance: none; }\n  .asiyah-sq select {border-radius: 8px !important; padding-right: 38px; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23792758' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 14px center; }\n  .asiyah-sq textarea { min-height: 96px; resize: vertical; }\n  .asiyah-sq input:focus, .asiyah-sq select:focus, .asiyah-sq textarea:focus { outline: none; border-color: var(--sq-lila); box-shadow: 0 0 0 3px rgba(121,39,88,.14); }\n  .asiyah-sq ::placeholder { color: #A9A29A; opacity: 1; }\n  .asiyah-sq-hinweis { margin: 2px 0 14px; font-size: 12.5px; color: var(--sq-grau); }\n  .asiyah-sq-hinweis b { color: var(--sq-orange); }\n  .asiyah-sq input[type=submit] { display: block; width: 100%; min-height: 52px; padding: 14px 16px; border: 0; border-radius: 8px; background: var(--sq-lila); color: #fff; font: inherit; font-size: 16px; font-weight: 700; letter-spacing: .04em; cursor: pointer; transition: background .15s; }\n  .asiyah-sq input[type=submit]:hover, .asiyah-sq input[type=submit]:focus { background: var(--sq-lila-d); }\n  .asiyah-sq .wpcf7-not-valid { border-color: #C0392B; }\n  .asiyah-sq .wpcf7-not-valid-tip { display: block; margin-top: 4px; font-size: 12px; color: #C0392B; }\n  .asiyah-sq .wpcf7-spinner { display: block; margin: 10px auto 0; }\n  .asiyah-sq ~ .wpcf7-response-output { margin: 18px 0 0; padding: 12px 14px; border-radius: 8px; background: #F5E9DB; color: #13243E; font-size: 14px; }\n  @media(max-width:560px) {\n    .asiyah-sq-grid { grid-template-columns: 1fr; }\n    .asiyah-sq-strasse { grid-template-columns: 2fr 1fr; }\n    .asiyah-sq-ort { grid-template-columns: 1fr 1.6fr; }\n    .asiyah-sq-kopf h2 { font-size: 22px; }\n  }\n<\/style>\n\n<div class=\"asiyah-sq\">\n  <div class=\"asiyah-sq-kopf\">\n    <h2>Spendenquittung anfordern<\/h2>\n    <p>F\u00fclle das Formular aus \u2013 wir senden dir deine Zuwendungsbest\u00e4tigung zu.<\/p>\n  <\/div>\n\n  <fieldset>\n    <legend>Pers\u00f6nliche Daten<\/legend>\n    <div class=\"asiyah-sq-grid\">\n      <div class=\"asiyah-sq-feld\">\n        <label>Vorname <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-firstname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"given-name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-firstname\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld\">\n        <label>Nachname <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"family-name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld asiyah-sq-voll\">\n        <label>E-Mail-Adresse <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"name@beispiel.de\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <fieldset>\n    <legend>Anschrift<\/legend>\n    <div class=\"asiyah-sq-grid asiyah-sq-strasse\">\n      <div class=\"asiyah-sq-feld\">\n        <label>Stra\u00dfe <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-street\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"address-line1\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Borsigallee\" value=\"\" type=\"text\" name=\"your-street\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld\">\n        <label>Hausnummer <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-street-nr\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"18\" value=\"\" type=\"text\" name=\"your-street-nr\" \/><\/span>\n      <\/div>\n    <\/div>\n    <div class=\"asiyah-sq-grid asiyah-sq-ort\">\n      <div class=\"asiyah-sq-feld\">\n        <label>PLZ <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-plz\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"postal-code\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"60388\" value=\"\" type=\"text\" name=\"your-plz\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld\">\n        <label>Ort <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-city\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"address-level2\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Frankfurt am Main\" value=\"\" type=\"text\" name=\"your-city\" \/><\/span>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <fieldset>\n    <legend>Spendeninformationen<\/legend>\n    <div class=\"asiyah-sq-grid\">\n      <div class=\"asiyah-sq-feld\">\n        <label>Spendendatum <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-donation-date\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"your-donation-date\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld\">\n        <label>Spendenbetrag in \u20ac <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-donation\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"0\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"z. B. 50\" value=\"\" type=\"number\" name=\"your-donation\" \/><\/span>\n      <\/div>\n      <div class=\"asiyah-sq-feld asiyah-sq-voll\">\n        <label>Projekt <b>*<\/b><\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-project\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-project\"><option value=\"\">&#8211; Bitte ausw\u00e4hlen &#8211;<\/option><option value=\"Verwaltung \/ F\u00f6rdermitgliedschaft\">Verwaltung \/ F\u00f6rdermitgliedschaft<\/option><option value=\"Bed\u00fcrftigenspeisung\">Bed\u00fcrftigenspeisung<\/option><option value=\"Zakat al Maal\">Zakat al Maal<\/option><option value=\"Nothilfe\">Nothilfe<\/option><option value=\"WASH \/ Brunnenbau\">WASH \/ Brunnenbau<\/option><option value=\"Waisenhilfe \/ Patenschaft\">Waisenhilfe \/ Patenschaft<\/option><option value=\"Bildung \/ Back2School\">Bildung \/ Back2School<\/option><option value=\"Umwelt \/ ASIYAH Pflanzt\">Umwelt \/ ASIYAH Pflanzt<\/option><option value=\"Winterkampagne\">Winterkampagne<\/option><option value=\"Ramadan\">Ramadan<\/option><option value=\"Eid al Adha\">Eid al Adha<\/option><option value=\"Aqiqa\">Aqiqa<\/option><\/select><\/span>\n      <\/div>\n    <\/div>\n  <\/fieldset>\n\n  <fieldset>\n    <legend>Anmerkungen<\/legend>\n    <div class=\"asiyah-sq-feld\">\n      <label>Anmerkungen oder Fragen (optional)<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Deine Nachricht an uns \u2026\" name=\"your-message\"><\/textarea><\/span>\n    <\/div>\n  <\/fieldset>\n\n  <p class=\"asiyah-sq-hinweis\"><b>*<\/b> Pflichtfelder<\/p>\n\n  <!-- Turnstile mit 16px Abstand nach unten zum Submit-Button -->\n  <div style=\"margin-bottom: 16px;\">\n    <div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAAB2RR7qfk4k15bXX\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n  <\/div>\n\n  <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Spendenquittung anfordern\" \/>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3df4003 elementor-widget elementor-widget-html\" data-id=\"3df4003\" 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<!-- ASIYAH \u2013 AGB-Hinweis SPENDENSEITE (kompakt, einheitliches Dunkelblau) -->\r\n<style>\r\n.asiyah-agb{display:flex;justify-content:center;width:100%;margin:18px 0 22px;padding:0 14px;box-sizing:border-box;}\r\n.asiyah-agb-box{width:fit-content;max-width:100%;padding:10px 16px;background:#13243EB3;border-radius:8px;box-sizing:border-box;font-family:'Open Sans',Arial,sans-serif;font-size:13.5px;line-height:1.5;color:#ffffff;text-align:center;}\r\n.asiyah-agb-box a{color:#ffffff;font-weight:700;text-decoration:underline;text-underline-offset:2px;transition:color .15s;}\r\n.asiyah-agb-box a:hover{color:#F5E9DB;}\r\n@media(max-width:767px){\r\n.asiyah-agb{margin:14px 0 18px;padding:0 10px;}\r\n.asiyah-agb-box{padding:9px 12px;font-size:12.5px;}\r\n}\r\n<\/style>\r\n<div class=\"asiyah-agb\">\r\n  <div class=\"asiyah-agb-box\">F\u00fcr Spenden \u00fcber unsere Website gelten unsere <a href=\"\/agb\/\" target=\"_blank\" rel=\"noopener\">Allgemeinen Gesch\u00e4ftsbedingungen (AGB)<\/a>.<\/div>\r\n<\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2db4b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2db4b4\" data-element_type=\"section\" data-e-type=\"section\">\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-59a16d4\" data-id=\"59a16d4\" 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-eeb1cef elementor-widget elementor-widget-html\" data-id=\"eeb1cef\" 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<!--\r\n================================================================================\r\n  ASIYAH e. V. \u2013 SPENDENSEITE: KACHEL AUTOMATISCH \u00d6FFNEN\r\n  Version 1.0 \u00b7 Stand 05.09.2026 \u00b7 kleines Zusatz-Widget (Elementor \"HTML\")\r\n================================================================================\r\n\r\n  WAS MACHT DAS?\r\n  Wenn jemand die Spendenseite mit einem Zusatz in der Adresse aufruft, z. B.\r\n\r\n      https:\/\/asiyah.net\/spenden\/?ay=verwaltung\r\n\r\n  dann scrollt die Seite nach dem Laden automatisch zum Spendenbereich,\r\n  schaltet auf den passenden Reiter und klickt die Kachel an \u2013 das Formular\r\n  ist also sofort offen. Ohne diesen Zusatz passiert gar nichts, die Seite\r\n  verh\u00e4lt sich ganz normal.\r\n\r\n  WOF\u00dcR BRAUCHEN WIR DAS?\r\n  F\u00fcr Buttons auf anderen Seiten, die direkt in ein Formular f\u00fchren sollen \u2013\r\n  aktuell \u201eVerwaltungsspende\" im 100-%-Block auf der Startseite. Der Name nach\r\n  ?ay= ist einfach die Beschriftung der Kachel, klein geschrieben:\r\n\r\n      ?ay=verwaltung      \u2192 Kachel \u201eVerwaltung\"\r\n      ?ay=bildung         \u2192 Kachel \u201eBildung\"\r\n      ?ay=nothilfe        \u2192 Kachel \u201eNothilfe\"\r\n\r\n  EINBAU (nur EINMAL n\u00f6tig)\r\n  1. Spendenseite mit Elementor \u00f6ffnen.\r\n  2. Ganz unten auf der Seite ein Widget \"HTML\" einf\u00fcgen.\r\n  3. Diese komplette Datei hineinkopieren, speichern, Cache leeren.\r\n  Das Widget ist unsichtbar \u2013 es enth\u00e4lt nur das Skript.\r\n\r\n  ANPASSEN (unten markiert)\r\n  \u25bc 1  ANKER   \u2013 die id des Spendenbereichs auf der Seite\r\n  \u25bc 2  ABSTAND \u2013 Pixel, die wegen des mitlaufenden Headers frei bleiben\r\n================================================================================\r\n-->\r\n\r\n<script>\r\n(function () {\r\n  \/\/ \u25bc\u25bc 1. ANKER \u2013 so hei\u00dft der Spendenbereich im Seiten-Code \u25bc\u25bc\r\n  var ANKER = '#ay-spenden';\r\n\r\n  \/\/ \u25bc\u25bc 2. ABSTAND \u2013 H\u00f6he des Sticky-Headers in Pixeln \u25bc\u25bc\r\n  var ABSTAND = 120;\r\n\r\n  \/\/ Adresse auslesen: steht hinter ?ay= etwas drin?\r\n  var wunsch = '';\r\n  try {\r\n    wunsch = (new URLSearchParams(window.location.search).get('ay') || '')\r\n               .trim().toLowerCase();\r\n  } catch (e) { return; }\r\n  if (!wunsch) return;               \/\/ normaler Seitenaufruf \u2192 nichts tun\r\n\r\n  function starten() {\r\n    var ziel = document.querySelector(ANKER);\r\n    if (!ziel) return;               \/\/ Bereich nicht gefunden \u2192 nichts tun\r\n\r\n    \/\/ sanft hinscrollen, Header-H\u00f6he abziehen\r\n    var y = ziel.getBoundingClientRect().top + window.pageYOffset - ABSTAND;\r\n    window.scrollTo({ top: y, behavior: 'smooth' });\r\n\r\n    \/\/ alle anklickbaren Elemente sammeln, deren Text so anf\u00e4ngt wie ?ay=\u2026\r\n    \/\/ (das sind in der Regel der Reiter und die Kachel)\r\n    var treffer = [];\r\n    var alle = ziel.querySelectorAll('button, a, [role=\"button\"], [class*=\"kachel\"], [class*=\"pill\"]');\r\n    for (var i = 0; i < alle.length; i++) {\r\n      var text = (alle[i].textContent || '').trim().toLowerCase();\r\n      if (text.indexOf(wunsch) === 0) treffer.push(alle[i]);\r\n    }\r\n    if (!treffer.length) return;     \/\/ nichts gefunden \u2192 es bleibt beim Scrollen\r\n\r\n    \/\/ erst der Reiter (Bereich umschalten) \u2026\r\n    setTimeout(function () {\r\n      try { treffer[0].click(); } catch (e) {}\r\n    }, 500);\r\n\r\n    \/\/ \u2026 dann die Kachel (Formular \u00f6ffnen)\r\n    setTimeout(function () {\r\n      var kachel = treffer[treffer.length - 1];\r\n      if (kachel && kachel !== treffer[0]) {\r\n        try { kachel.click(); } catch (e) {}\r\n      }\r\n    }, 900);\r\n  }\r\n\r\n  \/\/ erst starten, wenn die Seite steht\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      setTimeout(starten, 300);\r\n    });\r\n  } else {\r\n    setTimeout(starten, 300);\r\n  }\r\n})();\r\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spenden an ASIYAH Deine Spende, deine Entscheidung.W\u00e4hle aus, ob du regional, international oder unsere Verwaltung unterst\u00fctzen m\u00f6chtest. Bitte sende deine Spende \u00fcber PayPal mit der Option \u201eFreunde &amp; Familie\u201c. Andernfalls k\u00f6nnen Geb\u00fchren abgezogen werden. Nur so k\u00f6nnen wir sicherstellen, dass deine Spende vollst\u00e4ndig ankommt. finanzen@asiyah.net Per PayPal spenden Deine Spende finanziert bei ASIYAH ausschlie\u00dflich die [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-42893","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Spenden - ASIYAH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/asiyah.net\/en\/spenden\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spenden - ASIYAH\" \/>\n<meta property=\"og:description\" content=\"Spenden an ASIYAH Deine Spende, deine Entscheidung.W\u00e4hle aus, ob du regional, international oder unsere Verwaltung unterst\u00fctzen m\u00f6chtest. Bitte sende deine Spende \u00fcber PayPal mit der Option \u201eFreunde &amp; Familie\u201c. Andernfalls k\u00f6nnen Geb\u00fchren abgezogen werden. Nur so k\u00f6nnen wir sicherstellen, dass deine Spende vollst\u00e4ndig ankommt. finanzen@asiyah.net Per PayPal spenden Deine Spende finanziert bei ASIYAH ausschlie\u00dflich die [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/asiyah.net\/en\/spenden\/\" \/>\n<meta property=\"og:site_name\" content=\"ASIYAH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/asiyahinternational\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-04T12:16:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/asiyah.net\/wp-content\/uploads\/2020\/09\/ASIYAH_Logo_Final-01-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1825\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/asiyah.net\\\/spenden\\\/\",\"url\":\"https:\\\/\\\/asiyah.net\\\/spenden\\\/\",\"name\":\"Spenden - ASIYAH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/asiyah.net\\\/#website\"},\"datePublished\":\"2026-05-01T21:02:46+00:00\",\"dateModified\":\"2026-10-04T12:16:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/asiyah.net\\\/spenden\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/asiyah.net\\\/spenden\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/asiyah.net\\\/spenden\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/asiyah.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spenden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/asiyah.net\\\/#website\",\"url\":\"https:\\\/\\\/asiyah.net\\\/\",\"name\":\"ASIYAH\",\"description\":\"ASIYAH e.V.\",\"publisher\":{\"@id\":\"https:\\\/\\\/asiyah.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/asiyah.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/asiyah.net\\\/#organization\",\"name\":\"ASIYAH \u2013 Gemeinsam Aktiv e.V.\",\"alternateName\":\"ASIYAH international\",\"url\":\"https:\\\/\\\/asiyah.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/asiyah.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/asiyah.net\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/ASIYAH_Logo_Final-01.png\",\"contentUrl\":\"https:\\\/\\\/asiyah.net\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/ASIYAH_Logo_Final-01.png\",\"width\":3579,\"height\":2551,\"caption\":\"ASIYAH \u2013 Gemeinsam Aktiv e.V.\"},\"image\":{\"@id\":\"https:\\\/\\\/asiyah.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/asiyahinternational\",\"https:\\\/\\\/www.instagram.com\\\/asiyah.international\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/asiyah-internationale-humanitre-hilfsorganisation\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC1q2oFRuz5JOKtWnMgMKZgA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spenden - ASIYAH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/asiyah.net\/en\/spenden\/","og_locale":"en_US","og_type":"article","og_title":"Spenden - ASIYAH","og_description":"Spenden an ASIYAH Deine Spende, deine Entscheidung.W\u00e4hle aus, ob du regional, international oder unsere Verwaltung unterst\u00fctzen m\u00f6chtest. Bitte sende deine Spende \u00fcber PayPal mit der Option \u201eFreunde &amp; Familie\u201c. Andernfalls k\u00f6nnen Geb\u00fchren abgezogen werden. Nur so k\u00f6nnen wir sicherstellen, dass deine Spende vollst\u00e4ndig ankommt. finanzen@asiyah.net Per PayPal spenden Deine Spende finanziert bei ASIYAH ausschlie\u00dflich die [&hellip;]","og_url":"https:\/\/asiyah.net\/en\/spenden\/","og_site_name":"ASIYAH","article_publisher":"https:\/\/www.facebook.com\/asiyahinternational","article_modified_time":"2026-10-04T12:16:12+00:00","og_image":[{"width":2560,"height":1825,"url":"https:\/\/asiyah.net\/wp-content\/uploads\/2020\/09\/ASIYAH_Logo_Final-01-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/asiyah.net\/spenden\/","url":"https:\/\/asiyah.net\/spenden\/","name":"Spenden - ASIYAH","isPartOf":{"@id":"https:\/\/asiyah.net\/#website"},"datePublished":"2026-05-01T21:02:46+00:00","dateModified":"2026-10-04T12:16:12+00:00","breadcrumb":{"@id":"https:\/\/asiyah.net\/spenden\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/asiyah.net\/spenden\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/asiyah.net\/spenden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/asiyah.net\/"},{"@type":"ListItem","position":2,"name":"Spenden"}]},{"@type":"WebSite","@id":"https:\/\/asiyah.net\/#website","url":"https:\/\/asiyah.net\/","name":"ASIYAH","description":"ASIYAH e.V.","publisher":{"@id":"https:\/\/asiyah.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/asiyah.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/asiyah.net\/#organization","name":"ASIYAH \u2013 Gemeinsam Aktiv e.V.","alternateName":"ASIYAH international","url":"https:\/\/asiyah.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/asiyah.net\/#\/schema\/logo\/image\/","url":"https:\/\/asiyah.net\/wp-content\/uploads\/2020\/09\/ASIYAH_Logo_Final-01.png","contentUrl":"https:\/\/asiyah.net\/wp-content\/uploads\/2020\/09\/ASIYAH_Logo_Final-01.png","width":3579,"height":2551,"caption":"ASIYAH \u2013 Gemeinsam Aktiv e.V."},"image":{"@id":"https:\/\/asiyah.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/asiyahinternational","https:\/\/www.instagram.com\/asiyah.international\/","https:\/\/www.linkedin.com\/company\/asiyah-internationale-humanitre-hilfsorganisation\/","https:\/\/www.youtube.com\/channel\/UC1q2oFRuz5JOKtWnMgMKZgA"]}]}},"campaignId":"","_links":{"self":[{"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/pages\/42893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/comments?post=42893"}],"version-history":[{"count":116,"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/pages\/42893\/revisions"}],"predecessor-version":[{"id":46900,"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/pages\/42893\/revisions\/46900"}],"wp:attachment":[{"href":"https:\/\/asiyah.net\/en\/wp-json\/wp\/v2\/media?parent=42893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}